@charset "utf-8";

.body_bg{background:url('/images/body_bg.jpg') repeat-x #f2f2f2; position:relative; }
.sub_bg{background:url('/images/sub_bg.jpg') no-repeat center top;}
.wrap{width:1000px; margin:0 auto; position:relative;}

.header{width:100%;}

/*안내페이지 공통*/
.guide_01{font-size:20px; font-weight:bold; margin-bottom:20px; color:#333;background:url('/images/icon_01.jpg') no-repeat 0px 6px; padding-left:20px;}
.guide_01 span{color:#f00;float:right;display:inline-block;font-size:16px;}


.gnb{width:1000px; margin:0 auto;}
.gnb ul{float:right;}
.gnb ul li{float:left; margin:3px 0 0 15px; list-style:none;}
.gnb ul li a{color:#333; font-size:12px;}

.lnb_wrap{ clear:right; width:1000px; margin:0 auto; display:flex; justify-content:space-between; }
h1{margin:20px 0 16px 0;}

.lnb{position:relative; width:700px; z-index:9999; display:flex; justify-content:space-around;}
.lnb>li{list-style-type:none; text-align:center;}
.lnb li a{font-size:18px; color:#000; font-family:'Score5'; letter-spacing:-0.5px; padding:35px 0; display:block}
.lnb li:nth-child(5) a{padding-right:0;}
.lnb li:hover a{color:#315bb1;}
.lnb li:hover .sub{opacity: 0.95; visibility: visible; }
.lnb .sub{position:absolute; top:80px;  
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden;
    background-color:#1d1d1d;
}
.lnb .sub li{list-style-type:none;  border-bottom:1px solid #5d5d5d; text-align:left;}
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff; font-weight:bold; display:block; padding:10px 0px 7px 15px;}
.lnb .sub li a:hover{color:#ffff00;}
#sub1{left:-20px; width:190px;}
#sub2{left:125px; width:190px;}
#sub3{left:270px; width:190px;}
#sub4{right:95px; width:190px;}
#sub5{right:-40px; width:190px;}

.main_container{margin-top:30px; margin-bottom:10px;}
.main_cont1{display:flex; justify-content:space-between;}
.main_img{margin-bottom:10px;}
.main_img img {border-radius:5px;}

.main_01 {display:flex; justify-content:space-between;}
.main_01:after {content:"";clear:both;display:block;}
.main_01 .slide_bn {width:534px;overflow:hidden;height:400px;position:relative;}
.main_01 .slide_bn .bn_img {width:1602px;}
.main_01 .slide_bn .bn_img li {float:left;}
.main_01 .slide_bn .nav {position:absolute;bottom:10px;z-index:10;right:200px;}
.main_01 .slide_bn .nav:after {content:"";clear:both;display:both;}
.main_01 .slide_bn .nav li {float:left;margin:0 10px;list-style:none;}
.main_01 .slide_bn .nav a {display:block;width:15px;height:15px;border-right:100%;background:rgba(187,187,187,0.4);border-radius:40px;}
.main_01 .slide_bn .nav .select a {background:#bbb;}


.main_cont2 .slide_bn2 {width:1000px;overflow:hidden;height:157px;position:relative;}
.main_cont2 .slide_bn2 .bn_img {width:1602px;}
.main_cont2 .slide_bn2 .bn_img li {float:left;}
.main_cont2 .slide_bn2 .nav {position:absolute;bottom:10px;z-index:10;right:200px;}
.main_cont2 .slide_bn2 .nav:after {content:"";clear:both;display:both;}
.main_cont2 .slide_bn2 .nav li {float:left;margin:0 10px;list-style:none;}
.main_cont2 .slide_bn2 .nav a {display:block;width:15px;height:15px;border-right:100%;background:rgba(187,187,187,0.4);border-radius:40px;}
.main_cont2 .slide_bn2 .nav .select a {background:#bbb;}



.main_login{background:#fff; width:455px; height:106px; border-radius:5px; display:flex; justify-content:space-between; box-sizing:border-box;}
.main_login_txt li{width:265px; height:25px; margin:10px 20px 0 20px; border-bottom:1px solid #eee; list-style:none;}
.main_login_txt li:nth-child(1){background:url('/images/login_icon01.jpg') no-repeat;}
.main_login_txt li:nth-child(2){background:url('/images/login_icon02.jpg') no-repeat;}
.main_login_txt li:nth-child(3) a{font-size:12px; float:right; margin:-5px;}
.main_login_btn li{width:130px; height:33px; margin:5px 20px 0 0;list-style:none; border-radius:5px; color:#fff; text-align:center; line-height:36px;}
.main_login_btn li.memfee{width:130px; height:20px; margin:5px 20px 0px 0;list-style:none; color:#f6ff00; font-weight: bold; text-align:center; line-height:20px; font-size:12px;}
.main_login_btn li:nth-child(1){background:#734c9e;}
.main_login_btn li:nth-child(2){background:#31358a;}
.main_login_btn li:nth-child(3){background:#2e5d97;}
.main_login_btn a{color:#fff;}
.main_login_btn button{background:none; border:0 none;width:100px; color:#fff; font-size:14px;}

.mem_icon{margin:19px 10px 0 25px; color:#31358a;}
.main_logout_txt{margin:10px 0 17px;}
.main_logout_txt li{width:200px; height:25px; list-style:none;}
.main_logout_txt li:nth-child(1){font-size:20px; font-weight:bold;}
.main_logout_txt li:nth-child(1) span{font-size:16px; color:#666;}
.main_logout_txt li:nth-child(2){color:#31358a; font-weight:bold;}
.main_logout_txt li:last-child a {display:inline-block;background:#055995;color:#fff;text-align:center;border-radius:5px;padding:3px 15px;margin:5px 10px 0;}


.m_login_wrap input[type=text]{color:#ffffff !important;}
.ml_id{margin-left:40px;border:none; border-bottom:1px solid #fff; display:block; padding:3px 0 3px 5px; width:200px; color:#000; display:block; }
.ml_pw{margin-left:40px;border:none; border-bottom:1px solid #fff; display:block; padding:3px 0 3px 5px; width:200px; color:#000;  display:block; margin-top:5px;}
.m_login_wrap button{background-color:#fff; padding:7px 0; width:94px;height:70px; border:none; font-size:18px; color:#000; font-family:'Montserrat'; border-radius:5px; display:block; position:absolute; top:30px; right:25px;}


.quick{width:455px; display:flex; justify-content:space-between; flex-wrap:wrap; list-style:none;}
.quick li{width:223px; height:135px;border-radius:5px; margin-top:12px;}
.quick li .tit{font-size:20px; font-weigt:bold; color:#fff; margin:10px 15px ;}
.quick li .tit > strong {font-size:16px;line-height:1.6;display:block;height:40px;padding-left:10px;}
.quick li .tit2{font-size:20px; font-weigt:bold; color:#fff; margin:12px 0; text-align:center;}
.quick li:nth-child(1){background:#006ead;}
.quick li:nth-child(1) span{display:block; width:202px; height:33px;background:#00407d; margin:5px auto; padding:3px 10px; color:#fff; box-sizing:border-box;}
.quick li:nth-child(2){background:#efa32c;}
.quick li:nth-child(2) span{display:block; width:202px; height:33px;background:#e76205; margin:5px auto; padding:3px 10px; color:#fff; box-sizing:border-box;}
.quick li:nth-child(3){background:#e4791a;}
.quick li:nth-child(3) span{display:block; width:202px; height:53px; margin:5px auto; padding:10px 0 0 10px; color:#fff; box-sizing:border-box; text-align:center;}
.quick li:nth-child(3) span:after{content:'+'; float:right; font-size:45px; margin-top:30px; font-weight:normal;margin-top: -23px;}
.quick li:nth-child(4){background:#17ae61;}
.quick li:nth-child(4) span{display:block; width:202px; height:24px;background:#1e8550; margin:0 auto 4px auto; padding:0 10px; line-height:20px; color:#fff; box-sizing:border-box;}
.quick li:nth-child(4) span:after{content:'+';  float:right; font-size:18px;margin-top: -23px;}
.quick li span a{color:#fff; display:block;}

.quick li .tit_btn {display:flex;width:200px; margin:0 auto;}
.quick li .tit_btn span {flex:1;padding:15px 10px;margin:10px 5px 0;height:55px;}
.quick li .tit_btn span:after {content:'+'; float:right; font-size:18px;margin-top: -24px;}


.main_cont3{ display:flex; justify-content:space-between; margin:10px 0;}
.notice{position:relative; border-radius:5px; background:#fff; width:534px; height:225px; list-style:none;border-radius:5px;}
.noti_tit{color:#000;font-size:24px; font-weight:bold; padding:25px 0 15px 25px;}
.notice ul{margin:0 15px 25px 10px; list-style:none; padding:15px;}
.notice ul li{margin-bottom:5px; font-size:16px;}
.notice ul li a{display:inline-block;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:400px;}
.notice ul li span{float:right; font-size:12px; letter-spacing:-1px;}
.notice ul li:last-child{margin-bottom:0;}
/*.notice ul li:before{content:'-'; margin-right:5px;}*/
.notice .more a{position:absolute; top:25px; right:25px; font-size:35px; color:#666;}

.event{position:relative; border-radius:5px; background:#fff; width:455px; height:225px; list-style:none;border-radius:5px;  box-sizing:border-box;}
.event_tit{color:#000;font-size:24px; font-weight:bold; padding:25px 0 15px 25px;}
.event ul{margin:0 15px 25px 10px; list-style:none; padding:15px;}
.event ul li{margin-bottom:5px; font-size:16px;}
.event ul li span{float:right; font-size:12px; letter-spacing:-1px;}
.event ul li:last-child{margin-bottom:0;} 
/*.event ul li:before{content:'-'; margin-right:5px;}*/
.event .more a{position:absolute; top:25px; right:25px; font-size:35px; color:#666;}


.foot_bn{padding:20px 0; /*height:781px;*/  background-color:#fff; margin-top:30px;}
.foot_banner li {float:left;list-style:none; margin-left:5px; padding:0 8px;}
.foot_banner li:nth-child(5){margin-right:0;}

.footer_bg{width:100%; background-color:#fff; clear:both; border-top:2px solid #000;}
.footer{width:1000px; margin:0 auto; color:#000; padding:20px 0; font-size:13px; line-height:20px; text-align:center;}
.footer a{font-size:13px; color:#000;}

.location {width:1000px; position:relative; display: block;content: '';clear: both; margin:0 auto;}
.location_wrap {height: 60px; width: 1000px;  margin:0 auto; background: #fff; z-index: 3; position:relative; border:1px solid #ddd; margin-top:20px; }
.location_wrap:before {content: ''; height: 60px; border-bottom: #e6e6e6 1px solid;}
.home{width: 38px; height: 40px; padding:20px 0 0 20px ; display: inline-block; float:left; border-right: #e6e6e6 1px solid; font-size:18px;}
.fa-home{color:#004593;}
.sub-icon {float: right;} 
.location_tit {float:left; position:relative; height: 60px;width: 210px; background:#004593; }
.location_tit a {font-size:18px; display: block; padding: 18px 18px; color:#fff;}
.location_tit > a{border-right: 1px solid #ddd;}

.location_list {background:#fff; width: 211px; position: absolute; left: -1px; display: none;}
.location_list li {border:1px solid #ddd; border-top:none; list-style:none}

.location_list li a:link, .location_list li a:visited, .location_list li a:active, .location_list li a:hover{color:#3c4d8e;}
.location_inner {float:left; height: 0px; padding:20px 0px 20px 15px;}
.location_inner li {float:left; margin-right:15px; list-style:none}
.location_inner li:last-child{margin-right:0px;}
.location_inner li a {font-weight:300; color:#333; font-size:16px; display:block;}
.location_inner li.on a, .location_inner li a:hover {font-weight:400; color:#9adcff;}

.location_inner2 {float:left; height: 0px; padding:20px 0px 20px 15px;}
.location_inner2 li {float:left; margin-right:15px; list-style:none;}
.location_inner2 li:last-child{margin-right:0px;}
.location_inner2 li a {font-weight:300; color:#333; font-size:15px; display:block;  letter-spacing:-1px; }
.location_inner2 li.on a, .location_inner2 li a:hover {font-weight:400; color:#9adcff;}




.container{clear:both; width:1000px; margin:0 auto;}
.contents{padding:0 20px 50px 20px; background-color:#fff; margin-top:10px; overflow:hidden; margin-bottom:10px; min-height:630px; box-sizing:border-box;}
.title{font-size:30px; border-bottom:1px solid #ddd; padding:30px 0px 25px 0; margin-bottom:40px;font-family:'Score6'; font-weight:600; text-align:center;}

.sub_img{background:url('/images/sub_img.jpg') center top no-repeat; height:200px;}


.sitelinks{overflow:hidden; width:890px; margin:0px auto;position:relative; height:80px;  }
.sitelinks p.prev{position:absolute; left:0px; top:15px; margin:0 ;}
.sitelinks p.next{position:absolute; right:0px; top:15px; margin:0 ;}
.sitelinks .sitego{overflow:hidden; padding:15px 50px 15px 50px; width:2600px; height:50px;}
.sitelinks .sitego li{float:left; margin:0 20px 20px 0; list-style:none;}

.sitelinks2{overflow:hidden; width:890px; margin:0px auto;position:relative; height:80px;  }
.sitelinks2 p.prev{position:absolute; left:0px; top:15px; margin:0 ;}
.sitelinks2 p.next{position:absolute; right:0px; top:15px; margin:0 ;}
.sitelinks2 .sitego{overflow:hidden; padding:15px 50px 15px 50px; width:2600px; height:50px;}
.sitelinks2 .sitego li{float:left; margin:0 20px 20px 0; list-style:none;}

.sitelinks3{overflow:hidden; width:890px; margin:0px auto;position:relative; height:80px;  }
.sitelinks3 p.prev{position:absolute; left:0px; top:15px; margin:0 ;}
.sitelinks3 p.next{position:absolute; right:0px; top:15px; margin:0 ;}
.sitelinks3 .sitego{overflow:hidden; padding:15px 50px 15px 50px; width:2600px; height:50px;}
.sitelinks3 .sitego li{float:left; margin:0 20px 20px 0; list-style:none;}