@charset "utf-8";
@import "common.css";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

.blue{color:#0284c3;}
.header{background:url('../images/header_bg.jpg') repeat-x; width:100%; } 
.body_bg{background:url('../images/body_bg.jpg') repeat;  }
.sub_bg{background:url('../images/sub_img.jpg') no-repeat center 130px; }
.header2{width:1200px; margin:0 auto; overflow:hidden;}

.gnb{width:1200px; 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:#fff; font-size:12px;}

.lnb_wrap{ clear:right; width:1200px; margin:0 auto; padding-bottom:125px;}
h1{float:left; margin-top:22px;}

.lnb{float:right; position:relative;  z-index:9999;}
.lnb>li{float:left; list-style-type:none; text-align:center;}
.lnb li a{font-size:18px; color:#000; font-family:'NotoRegular'; padding:45px 20px 40px 30px; display:block;}
.lnb li:nth-child(6) a{padding-right:0;}
.lnb li:hover a{color:#136743;}
.lnb li:hover .sub{opacity: 0.95; visibility: visible; }
.lnb .sub{position:absolute; top:100px;  
   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:-30px; width:200px;}
#sub2{left:120px; width:225px;}
#sub3{left:260px; width:200px;}
#sub4{right:380px; width:200px;}
#sub5{right:250px; width:200px;}
#sub6{right:110px; width:200px;}




.wrap1{width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content:space-between;}
.wrap2{width:1200px; margin:0 auto; overflow:hidden;}

.quick{widht:507px;}
.quick li{list-style:none; float:left;}
.banner{width:1200px; margin:30px auto; }
.banner ul{overflow:hidden;}
.banner ul li{list-style:none; float:left;}
.banner ul li:nth-child(1),
.banner ul li:nth-child(8){margin-top:15px;}
.banner ul li:nth-child(2){padding-left:25px;}
.banner ul li:nth-child(7){padding-right:25px;}

.main_img{float:left;}
.main_login{width:258px; height:170px; background-color:#fff; padding:20px 0 0 10px;}
.mlogin_title{margin:0 0 10px 10px;}
.mlogin_txt{margin:0px 0 20px 0px;}
.m_login{line-height:36px;position:relative;}
.m_login span{font-size:18px; font-weight:bold;}
.m_login fieldset{border:none;}
.edit_btn{background-color:#ddd; padding:5px 0; border-radius:5px; text-align:center; margin:0 auto 5px auto; width:80%;}
.edit_btn a{color:#000; letter-spacing:-0.5px; font-weight:bold;}
.edit_btn2{position:absolute; top:0px; right:20px; background-color:#96d9ff; padding:3px 10px;}
.edit_btn2 a{color:#fff; font-size:12px;}
.m_idpw{float:left;}
.m_id{margin-bottom:6px;}
.input_login{}
.id{border:1px solid #dcdcdc; background:#fff url('../images/mbg_id.jpg') no-repeat 7px 10px; color:#666; width:135px; height:32px; margin-right:6px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('../images/mbg_pw.jpg') no-repeat 7px 10px; color:#666; width:135px; height:32px;}
.pw.on{background:none; background-color:#fff;}
.bot_txt{margin:10px 0 0 20px; font-size:12px; font-weight:bold;}

.notice{background-color:#414141;width:422px; height:171px;padding:20px 0 0 10px;}
.notice ul{margin-top:20px;}
.notice li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:380px;float:left; background:url('../images/w_icon.jpg') no-repeat 12px 10px; padding-left:25px;color:#fff; margin-bottom:5px;}
.notice li a{color:#fff;}
.plan{background-color:#e6e2e2;width:422px; height:171px;padding:20px 0 0 10px;}
.plan ul{margin-top:20px;}
.plan li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:380px;float:left; background:url('../images/b_icon.jpg') no-repeat 12px 10px; padding-left:25px;color:#000; margin-bottom:5px;}
.plan li a{color:#000;}
.more{float:right;  margin-right:15px;}

.container{width:1200px; margin:0 auto; overflow:hidden; padding-bottom:40px; margin-top:180px;}
.contents{float:right; width:900px;}
.cont{padding:30px 0;}

.menu{float:left; width:260px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
.menu p{text-align:center; font-size:24px; color:#fff; padding:30px 0 30px 0; background:url('../images/left_bg.jpg') repeat; font-weight:bold;}
.menu p span{font-size:14px; font-family:'Times'; font-style:italic; color:#fff; display:block; padding-top:5px;}
.menu li{list-style-type:none; padding:15px 0 15px 40px; border-bottom:1px solid #ddd;color:#000; font-size:14px; background:url('../images/left_icon.jpg') no-repeat 25px 23px; background-color:#fff}
.menu ul li:hover{color:#136742; font-weight:bold;}
.menu ul li.over{background-color:#f0f0f0; color:#136742; font-weight:bold; font-size:14px;}
.menu ul li.over:hover{}



.menu_s{float:left; width:260px;  border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}

.menu_s  p{text-align:center; font-size:24px; color:#fff; padding:30px 0 30px 0; background:url('../images/left_bg.jpg') repeat; font-weight:bold;}
.menu_s  p span{font-size:14px; font-family:'Times'; font-style:italic; color:#fff; display:block; padding-top:5px;}
.menu_s  ul > li{list-style-type:none; padding:15px 0 15px 40px; border-bottom:1px solid #ddd;color:#000; font-size:14px; background:url('../images/left_icon.jpg') no-repeat 25px 23px; background-color:#fff}
.menu_s ul li:hover{color:#136742; font-weight:bold; background-color:#f0f0f0; }
.menu_s  ul  li.over{background-color:#f0f0f0; color:#136742; font-weight:bold; font-size:14px;}
.menu_s  ul  li.over .sliding{opacity:0.9;visibility: visible;z-index:99; transition:opacity .25s ease-in-out; display:block;max-height: 10em;}
.menu_s .sliding {box-sizing:border-box; opacity:0;visibility: hidden; display:none; padding:5px 0 10px 22px; list-style:none;} 
.menu_s  ul li:target .sliding{ max-height: 10em;opacity:0;opacity:1;}
.menu_s .sliding li:before{content:"-"; margin-right:5px;}
.menu_s .sliding li{padding-top:5px;}
.menu_s .sliding li.over > a{color:#136743; font-weight:bold; font-size:16px;}






.title{border-bottom:1px solid #ddd; padding:32px 0 28px 0; overflow:hidden; background:url('/images/title_bg.jpg') no-repeat 0px 5px;}
.title_text{float:left;font-family:'Nanum Square';font-size:30px; color:#333; padding-left:0px;}
.navi{float:right; padding-right:10px; font-size:11px;}
.navi img{margin:8px 5px 0 0;}

.footer_bg{width:100%; background-color:#fff;}
.footer_bg2{width:100%; background-color:#ddd;}
.footer{width:1200px; margin:0 auto;color:#000; padding:30px 0;}
.footer td, .footer td a{font-size:12px; color:#000;}

.bxslider{overflow:hidden;}
.bxslider li{list-style:none; float:left; width:614px; height:570px; overflow:hidden;}
.bx-wrapper{position:relative; width:614px; height:570px;}
.bx-viewport{overflow:hidden !important; height:570px !important;}
.bx-default-pager{overflow:hidden; position:absolute; left:11px; bottom:11px; float:right; width:513px;}
.bx-pager-item a { width:12px;height:0; text-align:right; color:#fff; font-size:11px;  padding-top:16px; font-family:'Arial'; font-weight:bold; float:left; overflow: hidden; margin-left:4px; background: url('../img/ico_off.png') 0 0 no-repeat; }
.bx-pager-item a.active { background-image: url('../img/ico_on.png'); width:25px;line-height:16px;  height:0; text-align:right; color:#fff; font-weight:bold;}
.bx-controls-direction{display:none;}
.bx-pager-item li{float:left;}

.announce{display:block; width:268px; height:152px; background:#f8f8f8;}
.join_an,
.fee_an{border:2px solid #eeeeee; background:#ffffff; width:219px; height:54px; text-align:center;margin:0 auto; }
.an_txt{position:relative;}
.join_an{position:absolute; top:14px; left:22px;}
.fee_an{position:absolute; top:79px; left:22px;}

.visitor{width:268px;height:60px; background:#136742;}
.visitor p{color:#ffffff; font-weight:600;margin-left:26px; padding-top:5px;}



.basic_table{border-collapse:collapse;}
.basic_table td, .program th{border:1px solid #ddd; padding:5px 10px; overflow:hidden;}
.basic_table thead th{background-color:#036; color:#fff;}
.basic_table th{background-color:#f9f9fa;padding:5px 10px; border:1px solid #ddd;}