@charset "UTF-8";
/* visual */
#mainVisual{position:absolute; width:100%; min-width:1000px; height:850px; margin:0 auto; overflow:hidden; z-index:1;}
#mainVisual .bx-wrapper{max-width:3000px; min-width:1000px;}
#mainVisual ul.roll{width:100%; height:100%; position:relative;}
#mainVisual ul.roll > li{position:relative; overflow:hidden; float:left; width:100%; height:850px; text-align:center; box-sizing:border-box; cursor:default;}
#mainVisual ul.roll > li p{position:absolute; display:block; width:1000px; top:193px; left:50%; margin-left:-500px; margin-top:-8px; text-align:left; font-size:40px; font-weight:400; color:#0082c8; line-height:56px;}
#mainVisual ul.roll > li p b{font-weight:700;}
#mainVisual ul.roll > li span{position:absolute; display:block; width:1000px; top:337px; left:50%; margin-left:-500px; text-align:left; font-size:16px; font-weight:700; color:#243a72;}
#mainVisual ul.roll li.bg1{background:#efefef url('../images/main/mainVisual1.jpg') no-repeat center top;}
#mainVisual ul.roll li.bg2{background:#efefef url('../images/main/mainVisual2.jpg') no-repeat center top;}
#mainVisual ul.roll li.bg3{background:#efefef url('../images/main/mainVisual3.jpg') no-repeat center top;}
/* pager */
.bx-wrapper .bx-has-pager{position:relative; max-width:1024px; margin:0 auto;}
.bx-wrapper .bx-pager{position:absolute; z-index:800; margin-right:9px; right:0; bottom:498px; text-align:center;}
.bx-wrapper .bx-pager.bx-default-pager a{background:transparent; text-indent:-999999px; display:block; width:12px; height:12px; border:2px solid #fff; margin:0 3px; outline:0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-sizing:border-box; transition:0.15s;}
.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a.active{border:2px solid #b2c6d0;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager-item{font-size:0; line-height:0;}

/* contents */
#contents{clear:both; position:absolute; width:100%; top:400px; z-index:2;}
#contents .con1{float:left; width:242px; height:242px; margin:0 11px 10px 0; padding:22px 21px; background:#fff; box-sizing:border-box;}
#contents .con1 .viewLogin{}
#contents .con1 .viewLogin{}
#contents .con1 p.mTitle{display:block; margin-bottom:15px; font-size:18px; font-weight:800; text-align:center; color:#253a73;}
#contents .con1 .viewLogin .loginBox{}
#contents .con1 .viewLogin .loginBox .idInput{display:block; width:100%; height:30px; line-height:28px; margin-bottom:2px; padding:0 10px; color:#666; background:#fff; font-size:12px; border:1px solid #dde0e5; box-sizing:border-box;}
#contents .con1 .viewLogin .loginBox .pwInput{display:block; width:100%; height:30px; line-height:28px; margin-bottom:2px; padding:0 10px; color:#666; background:#fff; font-size:12px; border:1px solid #dde0e5; box-sizing:border-box;}
#contents .con1 .viewLogin input::placeholder{color:#ddd; opacity:1;}
#contents .con1 .viewLogin input:-ms-input-placeholder{color:#ddd;}
#contents .con1 .viewLogin input::-ms-input-placeholder{color:#ddd;}
#contents .con1 .viewLogin .loginBox .loginBtn{display:block; width:100%; height:32px; line-height:30px; margin-bottom:7px; padding:0; color:#fff; background:#243a72; font-size:13px; font-weight:700; border:1px solid #1b316a; box-sizing:border-box; cursor:pointer; transition:0.2s;}
#contents .con1 .viewLogin .loginBox .loginBtn:hover, #contents .con1 .viewLogin .loginBox .loginBtn:focus{background:#1b316a;}
#contents .con1 .viewLogin .loginBox label{display:block; margin-bottom:20px; color:#555; font-size:12px; vertical-align:top;}
#contents .con1 .viewLogin .loginBox label .loginAuto{display:block; float:left; margin:0 3px 0 0; padding:0; width:13px; height:13px;}
#contents .con1 .viewLogin .loginBox ul{clear:both; width:100%;}
#contents .con1 .viewLogin .loginBox ul li{display:block; float:left; width:50%; height:30px; line-height:28px; border:1px solid #dde0e5; box-sizing:border-box;}
#contents .con1 .viewLogin .loginBox ul li:nth-child(2n-1){clear:both; float:left; border-right:none;}
#contents .con1 .viewLogin .loginBox ul li a{display:block; width:100%; height:100%; color:#555; background:#f8f8f8; font-size:12px; text-align:center; transition:0.2s;}
#contents .con1 .viewLogin .loginBox ul li a:hover, #contents .con1 .viewLogin .loginBox ul li a:focus{color:#333; background:#dde0e5;}
#contents .con1 .viewLogout .logoutBox{}
#contents .con1 .viewLogout .logoutBox p{display:block; width:100%; margin-bottom:18px; text-align:center; font-size:13px; font-weight:700; line-height:19.2px; color:#333;}
#contents .con1 .viewLogout .logoutBox p strong{color:#0082c8;}
#contents .con1 .viewLogout .logoutBox ul{clear:both; display:table; width:100%; margin-bottom:18px;}
#contents .con1 .viewLogout .logoutBox ul li{display:block; float:left; width:50%; height:30px; line-height:28px; border:1px solid #dde0e5; box-sizing:border-box;}
#contents .con1 .viewLogout .logoutBox ul li:nth-child(2n-1){clear:both; float:left; border-right:none;}
#contents .con1 .viewLogout .logoutBox ul li:nth-child(1), #contents .con1 .viewLogout .logoutBox ul li:nth-child(2){border-bottom:none;}
#contents .con1 .viewLogout .logoutBox ul li:nth-child(3){width:100%; border-right:1px solid #dde0e5;}
#contents .con1 .viewLogout .logoutBox ul li a{display:block; width:100%; height:100%; color:#555; background:#f8f8f8; font-size:12px; text-align:center; transition:0.2s;}
#contents .con1 .viewLogout .logoutBox ul li a:hover, #contents .con1 .viewLogin .loginBox ul li a:focus{color:#333; background:#dde0e5;}
#contents .con1 .viewLogout .logoutBox .logoutBtn{display:block; width:100%; height:32px; line-height:30px; padding:0; color:#fff; background:#7f7f7f; font-size:13px; font-weight:700; border:1px solid #dde0e5; box-sizing:border-box; cursor:pointer; transition:0.2s;}
#contents .con1 .viewLogout .logoutBox .logoutBtn:hover, #contents .con1 .viewLogout .logoutBox .logoutBtn:focus{background:#666;}

#contents .con2{float:left; width:242px; height:242px; margin:0 10px 10px 0; background:#253a73; box-sizing:border-box; overflow:hidden;}
#contents .con2 a{display:block; width:100%; height:100%; padding:145px 20px 0; color:#fff; background:url('../images/main/bg_mainCon1.jpg') no-repeat center center; box-sizing:border-box; transition:all 0.2s; text-align:center;}
#contents .con2 a:hover, #contents .con2 a:focus{-ms-filter:brightness(120%); -webkit-filter:brightness(120%); -moz-filter:brightness(120%); -o-filter:brightness(120%); filter:brightness(120%);}
#contents .con2 a p.mTitle{display:inline-block; margin-bottom:12px; font-size:18px; font-weight:700; border-bottom:1px solid transparent;}
#contents .con2 a:hover p.mTitle, #contents .con2 a:focus p.mTitle{border-bottom:1px solid #fff;}
#contents .con2 a span{display:block; font-size:13px; font-weight:400; line-height:18px;}

#contents .con3{float:left; width:242px; height:242px; margin:0 11px 10px 0; background:#0082c8; box-sizing:border-box; overflow:hidden;}
#contents .con3 a{display:block; width:100%; height:100%; padding:145px 20px 0; color:#fff; background:url('../images/main/bg_mainCon2.jpg') no-repeat center center; box-sizing:border-box; transition:all 0.2s; text-align:center;}
#contents .con3 a:hover, #contents .con3 a:focus{-ms-filter:brightness(110%); -webkit-filter:brightness(110%); -moz-filter:brightness(110%); -o-filter:brightness(110%); filter:brightness(110%);}
#contents .con3 a p.mTitle{display:inline-block; margin-bottom:12px; font-size:18px; font-weight:700; border-bottom:1px solid transparent;}
#contents .con3 a:hover p.mTitle, #contents .con3 a:focus p.mTitle{border-bottom:1px solid #fff;}
#contents .con3 a span{display:block; font-size:13px; font-weight:400; line-height:18px;}

#contents .con4{float:left; width:242px; height:242px; margin:0 0 10px 0; background:#00a48b; box-sizing:border-box; overflow:hidden;}
#contents .con4 a{display:block; width:100%; height:100%; padding:145px 20px 0; color:#fff; background:url('../images/main/bg_mainCon3.jpg') no-repeat center center; box-sizing:border-box; transition:all 0.2s; text-align:center;}
#contents .con4 a:hover, #contents .con4 a:focus{-ms-filter:brightness(110%); -webkit-filter:brightness(110%); -moz-filter:brightness(110%); -o-filter:brightness(110%); filter:brightness(110%);}
#contents .con4 a p.mTitle{display:inline-block; margin-bottom:12px; font-size:18px; font-weight:700; border-bottom:1px solid transparent;}
#contents .con4 a:hover p.mTitle, #contents .con4 a:focus p.mTitle{border-bottom:1px solid #fff;}
#contents .con4 a span{display:block; font-size:13px; font-weight:400; line-height:18px;}

#contents .con5{clear:both; float:left; width:495px; height:170px; margin:0 10px 0 0; padding:25px; background:#fff; box-sizing:border-box;}
#contents .con5 p{display:inline-block; float:left; margin-bottom:20px; color:#0082c8; font-size:16px; font-weight:700;}
#contents .con5 a.moreBtn{display:inline-block; float:right; margin-bottom:20px; width:15px; width:15px; text-indent:-999999px; background:url('../images/main/ico_more.gif') no-repeat center center; box-sizing:border-box;}
#contents .con5 ul{clear:both; display:inline-block; width:100%;}
#contents .con5 .con5_1,#contents .con5 .con5_2{float:left;width:50%;}
#contents .con5 .con5_1{padding-right:12.5px;}
#contents .con5 .con5_2{padding-left:12.5px;}

/*
#contents .con5 ul li{clear:both; display:block; position:relative; width:100%; margin-bottom:8px; padding-left:10px; box-sizing:border-box;}
#contents .con5 ul li:before{content:''; display:inline-block; width:3px; height:13px; position:absolute; top:0; left:0; background:url('../images/main/ico_bullet.gif') no-repeat center center;}
#contents .con5 ul li a{clear:both; display:inline-block; width:100%; font-size:13px; font-weight:400; color:#333; transition:0.2s;}
#contents .con5 ul li a span.listTitle{display:inline-block; float:left; text-align:left;}
#contents .con5 ul li a span.listDate{display:inline-block; float:right; text-align:right;}
#contents .con5 ul li a span.listDate:after{content:''; display:block; width:0; height:0; clear:both;}
*/
#contents .con5 ul li{clear:both; display:inline-block; position:relative; width:100%; margin-bottom:8px; padding:0 0 0 10px; line-height:13px; box-sizing:border-box;}
#contents .con5 ul li:before{content:''; display:inline-block; width:3px; height:13px; position:absolute; top:0; left:0; background:url('../images/main/ico_bullet.gif') no-repeat center center;}
#contents .con5 ul li a{display:inline-block; float:left; max-width:350px; text-align:left; font-size:13px; font-weight:400; color:#333; transition:0.2s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#contents .con5 ul li a:hover, #contents .con5 ul li a:focus{color:#3c9bdd;}
#contents .con5 ul li span.lt_date{display:inline-block; position:relative; float:right; text-align:right; top:0; font-size:13px; font-weight:400; color:#777;}
#contents .con5 ul li span.lt_date:after{content:''; display:block; width:0; height:0; clear:both;}
#contents .con5 .lat{margin:0; padding:0; overflow:unset; border:none; background:transparent;}
#contents .con5 .lat .lt_more{display:none;}

#contents .con6{float:left; width:242px; height:170px; margin:0 11px 0 0; background:#7968ae; box-sizing:border-box; overflow:hidden;}
#contents .con6 a{display:block; width:100%; height:100%; padding:100px 20px 0; color:#fff; background:url('../images/main/bg_mainCon4.jpg') no-repeat center center; box-sizing:border-box; transition:all 0.2s; text-align:center;}
#contents .con6 a:hover, #contents .con6 a:focus{-ms-filter:brightness(110%); -webkit-filter:brightness(110%); -moz-filter:brightness(110%); -o-filter:brightness(110%); filter:brightness(110%);}
#contents .con6 a p.mTitle{display:inline-block; margin-bottom:7px; font-size:18px; font-weight:700; border-bottom:1px solid transparent;}
#contents .con6 a:hover p.mTitle, #contents .con6 a:focus p.mTitle{border-bottom:1px solid #fff;}
#contents .con6 a span{display:block; font-size:13px; font-weight:400; line-height:18px;}

#contents .con7{float:left; width:242px; height:170px; margin:0; background:#b6985a; box-sizing:border-box; overflow:hidden;}
#contents .con7 a{display:block; width:100%; height:100%; padding:100px 20px 0; color:#fff; background:url('../images/main/bg_mainCon5.jpg') no-repeat center center; box-sizing:border-box; transition:all 0.2s; text-align:center;}
#contents .con7 a:hover, #contents .con7 a:focus{-ms-filter:brightness(110%); -webkit-filter:brightness(110%); -moz-filter:brightness(110%); -o-filter:brightness(110%); filter:brightness(110%);}
#contents .con7 a p.mTitle{display:inline-block; margin-bottom:7px; font-size:18px; font-weight:700; border-bottom:1px solid transparent;}
#contents .con7 a:hover p.mTitle, #contents .con7 a:focus p.mTitle{border-bottom:1px solid #fff;}
#contents .con7 a span{display:block; font-size:13px; font-weight:400; line-height:18px;}