@import url('/css/default/remixicon.css');

div#wrap{ position:relative;}
div#wrap div#totalbg{min-width:1100px; width:100%; background: url('/images/default/content/sub_background.svg'); background-size: cover; background-repeat:no-repeat;}
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }
div#wrap div#header {position: relative;width: 100%; height: 141px; z-index:10; background-color:#FF4400;}
#header .header_inner {width: 1100px;margin: 0 auto;position: relative;}
div#wrap div#header h1{ text-align:left; padding-top:28px; height:86px; box-sizing:border-box; width:200px;float:left; margin:0 80px 0 0;}
div#wrap div#header h1 img{width:180px; height:auto; }

/*탑메뉴*/
div#wrap div#header div#nav {padding:0px; position: relative; font-family: 'NanumSquare', sans-serif;}
div#wrap div#header div#nav ul {margin:0;font-size:17px;}
div#wrap div#header div#nav ul li {list-style:none; text-align:left; float:left;padding-left:22px;}
div#wrap div#header div#nav ul li div{margin-top:28px;}
div#wrap div#header div#nav ul li div a{padding:0 16px 0 16px; }
div#wrap div#header div#nav ul li div a:hover{font-weight:600 ; color:#362812; border:1px solid #362812}
div#wrap div#header div#nav ul li.on div a{font-weight:600 ; color:#362812; border:1px solid #362812}

div#wrap div#header div#nav ul li:nth-child(5) {padding-right:0px;padding-top:0px;float:right;width:140px;}
div#wrap div#header div#nav ul li:nth-child(5) div{margin-top:0px; background-color:#362812; color:#fff; height:100px; width:150px;}
div#wrap div#header div#nav ul li:nth-child(5) div a{height:100px;line-height:100px; font-size:17px; color:#fff !important;}
div#wrap div#header div#nav ul li:nth-child(5) div a:hover{border:none !important;}
div#wrap div#header div#nav ul li.on:nth-child(5) div a{border:none !important;}

div#wrap div#header div#nav ul li a{color:#ffffff; font-size:17px; text-align:center; line-height:43px; display:block; font-weight:600; box-sizing:border-box;}
/*div#wrap div#header div#nav ul li a:hover{color:#D9DF03;}*/
div#wrap div#header div#nav ul li ul {z-index: 100;position: absolute;display: none;width:183px;height: 211px;  top:110px;  box-sizing:border-box;}
div#wrap div#header div#nav ul li ul li { float:left; text-align:left; width:100%; border:none; padding:0;}
div#wrap div#header div#nav ul li ul li:first-child{ border:none;}
div#wrap div#header div#nav ul li ul li:nth-child(5){ float:left;}
div#wrap div#header div#nav ul li ul li a{color:#6c6e73; font-weight:bold; font-size:15px; height:25px; line-height:25px;  letter-spacing:-0.05em;}
div#wrap div#header div#nav ul li ul li a:hover{color:#fff; font-weight:bold;}
.bg_box {position: absolute;width: 100%;height: 150px;top: 141px; z-index:10; background:url('/images/default/main/sub_menu_bg.png') repeat;}

/*타이머있는 바로가기*/

#shortbar{width:100%;background-color:#FF4400;height:100px;}
#shortbar div.leftZone{height:100px;width:70%;float:left;}
#shortbar div.rightZone{height:100px;width:30%;float:left;text-align:center;}
#shortbar div#s_count{font-weight:400;font-size:44px;line-height:40px;width:250px;float:left;padding-top:5px;color:#585858;}
#shortbar table#timer{margin-left:-5px;text-align:center;font-size:11px;width:226px;font-weight:300;}

#shortbar ul.shortMenu{margin:0 auto;height:100%;width:1100px;font-weight:400; text-align:left; font-size:14px;}
#shortbar  ul.shortMenu li{line-height:20px;vertical-align:middle;height:100%;box-sizing:border-box;float:left;}
#shortbar  ul.shortMenu li img{float:left;margin:0 5px 0 6px;}
#shortbar  ul.shortMenu > li:first-child{padding-top:0px;width:50%;background-color:#fff;}
#shortbar  ul.shortMenu li div.course{text-align:center;float:left;color:#fff;}
#shortbar  ul.shortMenu li div.course > span{font-size:11px;}
#shortbar  ul.shortMenu li.check{padding-top:40px;background-color:#513226;font-size:22px;text-align:center;cursor:pointer;width:140px;color:#ffffff;}
#shortbar  ul.shortMenu li.full{padding-top:30px;background-color:#ffc600;width:140px;}
#shortbar  ul.shortMenu li.half{padding-top:30px;background-color:#FF8F00;width:140px;}
#shortbar  ul.shortMenu li.mini{padding-top:30px;background-color:#FFAD24;width:140px;}
#shortbar  ul.shortMenu li.health{padding-top:30px;background-color:#CACC34;width:130px;}
#shortbar  ul.shortMenu .btn_radio{cursor:pointer; font-size:15px; margin-top:15px;color:#fff;float:left;background:url('/images/default/main/btn_radio.png') no-repeat; width:65px;height:65px;text-align:center;vertical-align:middle;padding:15px 15px 0 0; line-height:17px;}

/* gnb */
#header .gnb{ overflow:hidden; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:0 1rem;}
#header .gnb ul{ float:right; display:block;list-style:none; margin:0; }
#header .gnb ul li{ position:relative;  float:left; margin:0 0 0 1.2rem; height:2.5rem; line-height:2.5rem; font-size:0.9rem;color:#fff;}
#header .gnb ul li a{color:#fff;}
#header .gnb ul li i{vertical-align:middle;}

/*카운터*/
div.countZone {width:70%; clear:both;overflow:hidden;float:left;}
div.countZone p{text-align:left; padding:5px 0 0 30px;color:#4b4a4a;}
div.countZone div.count_bg{width:90%; margin:0 auto; background:#fff; border:1px solid #fff; border-radius:10px;overflow:hidden;}
div.countZone div.count_bg > div.timeUl{padding-left:20px;width:68%;float:left;}
div.countZone div.count_bg ul{text-align:center; font-weight:300; overflow:hidden; box-sizing:border-box; padding:5px 0px 3px 0px;}
div.countZone div.count_bg ul li{padding-top:0px;color:#929292;box-sizing:border-box;float:left;width:25%; font-size:0.7em; line-height:1.5;text-align:center; padding:0px 10px; position: relative;}
div.countZone div.count_bg ul li span.s_count{font-weight:400;font-size:44px; line-height:1.0; margin:0 auto; color:#333;font-family: 'NanumSquare', sans-serif;}
div.countZone div.count_bg ul li:before { content : ":"; display : block; position : absolute; left : 0; top:10px; color:#333;font-weight:300;font-size:2.8em; }
div.countZone div.count_bg ul li.first:before{display:none;}

/* 서브비주얼 */
div#wrap div#sepration {height:215px; clear:both; }
#msgZone{width:1100px; margin: 0 auto; padding-top:25px;}
div#wrap div#sepration div.section{ width:1100px;height:250px;  margin:0 auto; box-sizing:border-box; padding-top:80px; position:relative; text-align:center;  color: #fff; font-size: 16px; }
div#wrap div#sepration div.section h2{font-size: 48px;  line-height: 45px;  margin-bottom:20px;     font-weight:700; color: #fff;  position: relative; font-weight: 300;}
div#wrap div#sepration div.section p{position:absolute; bottom:20px; right:0;color:#fff;}
div#wrap div#sepration div.section p a{font-size: 14px;  font-weight: 300; line-height: 14px;  color: #fff; text-transform: uppercase;}
div#wrap div#sepration div.section p a b{font-weight:bold; }
div#wrap div#sepration div.section p span{font-family:"돋움";}

/* 왼쪽메뉴 */
div#wrap div.lm_bg {clear:both; border-bottom:1px solid #d3d3d3; }
div#wrap div.lm_bg div.left_menu { position:relative;width:1100px; margin:0 auto;}
div#wrap div.lm_bg div.left_menu ul {overflow:hidden;}
div#wrap div.lm_bg div.left_menu ul li { position : relative; float : left; width:25%; line-height:55px; height:55px;}
div#wrap div.lm_bg div.left_menu ul li a{ display : block; color : #696865;  font-size:18px; text-align:center;background: url("/images/default/content/lm_vbar.gif") no-repeat left center; }
div#wrap div.lm_bg div.left_menu ul li:first-child a{background:none;}
div#wrap div.lm_bg div.left_menu ul li.on{border-bottom:2px solid #d67400;}
div#wrap div.lm_bg div.left_menu ul li.on a{color:#d67400; }


/* 컨텐츠영역 */
div#wrap div#container { margin:0; padding:0; }
div#wrap div#container div#section {margin: 0 auto;padding-top:40px;}
div#wrap div#container div#section div.right_content {width:100%;  min-height:450px;}
div#wrap div#container div#section div.right_content div.content_title{width:1100px;margin:0 auto;text-align:center; /* margin-top:40px;*/}
div#wrap div#container div#section div.right_content div.content_title h3{width: 100%;   text-align: center; font-size: 38px;    line-height: 50px;     font-weight:700;    letter-spacing: -1.5px;    vertical-align: middle; color:#313131; position:relative;}
div#wrap div#container div#section div.right_content div.content_title h3:after { content : ""; display : block; position : absolute; left : 50%; bottom : -17px; margin-left : -22px; width : 44px; height : 1px; background : #7f7f7f; }
div#wrap div#container div#section div.right_content div.content_title p{position:relative; margin-bottom:30px;font-size:14px; text-transform:uppercase; color:#323232; height:25px; line-height:25px;}
div#wrap div#container div#section div.right_content div.content_body {padding:70px 0px; width:100%;}
div#wrap div#container div#section div.content_body div.con{width:1100px; margin:0 auto; overflow:hidden;}

/*하단*/
div#wrap div#bannerZone{width:1100px;margin:0 auto;height:60px;margin-top:20px;}
div#wrap div#bannerZone div#leftBan{width:70%;float:left;}
div#wrap div#bannerZone div#leftBan div#bank{float:left;height:23px;width:87%;margin-top:2px;}
div#wrap div#bannerZone div#leftBan div#bankIcon{float:left;height:50px;width:12%;}
div#wrap div#bannerZone div#leftBan div#bankInfo{margin-left:5px; margin-top:1px; color:#3a3939;float:left;height:20%;font-weight:600;font-size:13px;}
div#wrap div#bannerZone div#rightBan{width:30%;float:left;overflow:hidden;}
div#wrap div#bannerZone div#rightBan ul{width:100%;float:left; border-top:1px solid #E5E5E5;padding:5px 0px; text-align:center;}
div#wrap div#bannerZone div#rightBan ul li{display:inline-block; padding:0px 5px; height:100%;text-align:center; margin:3px 0px;}

div.fban{background-color:#f0f0f0;}
div.fban ul{overflow:hidden; width: 1100px;margin: 0 auto;}
div.fban ul li{float:left;}

div#wrap div#footer{overflow:hidden;margin-bottom:30px; clear:both; margin-top:35px;}
div#wrap div#footer select.sel_type1{height:28px; margin-top:8px; background: url(/images/default/main/select_bg.png) no-repeat right center;appearance: none;-moz-appearance: none;-webkit-appearance: none;float:right;width:180px;color:#737373;}
div#wrap div#footer div.copyright {border-top : 2px solid #7f7f7f; width:1100px; margin:0 auto; text-align:center;position:relative; }
div#wrap div#footer div.copyright div#footShort{color:#dbdada;border-bottom: 1px solid #e5e5e5;margin-bottom:20px;text-align:left;font-size:11px; position:relative; overflow:hidden; }
div#wrap div#footer div.copyright img{margin-bottom:15px;}
div#wrap div#footer div.copyright p {margin-top:15px; color:#84888b; font-size:15px;}


div#wrap div#footer div#footShort div.footLeft {width:70%; float:left;}
div#wrap div#footer div#footShort div.footLeft  ul {position:relative; overflow:hidden; margin-top:6px; margin-bottom:4px;}
div#wrap div#footer div#footShort div.footLeft  ul li {float:left; float:left; width:100px; text-align:center; background:url('/images/default/main/footer_line.jpg') 0px 11px no-repeat;}
div#wrap div#footer div#footShort div.footLeft  ul li a {display:block; width:100%; height:27px; padding-top:9px;}
div#wrap div#footer div#footShort div.footRight {width:29%; float:right; }

div#wrap div#footer input.btn_footer{color:#737373;height:45px;border:none;padding:0 25px 0 25px;cursor:pointer;font-size:11px;}
div#wrap div#footer div#footSns{float:left;width:10%;}
div#wrap div#footer div#footSns img{cursor:pointer;}
div#wrap div#footer span#footTitle{color:#0c69a3;font-size:15px;font-weight:600;}
div#wrap div#footer div#footInfo{text-align:left;font-size:11px;float:left;width:90%;}

div#wrap div#container div#section div.left_menu{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;height:60px;line-height:60px; width: 1100px; margin: 0 auto;}
div#wrap div#container div#section div.left_menu ul li{background:url('/images/default/main/btn_tab.png'); background-size:cover; float:left;width:198px;text-align:center;font-size:16px;font-family: 'NanumSquare', sans-serif;font-weight:600;}
div#wrap div#container div#section div.left_menu div#sub_menu_title{float:left;color:#17577e;font-size:19px;width:160px;font-family: 'NanumSquare', sans-serif;font-weight:600;}
div#wrap div#container div#section div.left_menu ul li strong{color:#0b8fe3;}
div#wrap div#container div#section div.left_menu ul li.li_on{border-bottom:2px solid #0b8fe3;}
