
div#wrap{ position:relative;}
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:100px; 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:140px;}
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; overflow:hidden;}
#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 4px 0 4px;}
#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:200; 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;}

/*비주얼*/
#visual {width:100%;height:780px; position:relative;  z-index: 0; clear:both; overflow:hidden;}
#visual div.background{position:absolute; width:100%; left:0; top:0;height:780px; background: url('/images/default/main/background2022.jpg') no-repeat center / cover; }
#msgZone{width:1970px; position:relative; padding-top:0px;}
#msgZone span{color:#fff;font-weight:600;}
#msgZone ul.subimg li{float:left;margin-top:20px;}
#msgZone div.link{position:absolute; top:50px; right:0px;}
#msgZone div.link a{margin-left:20px;}


/*비주얼 깜빡임*/
#visual div.ibj{position:relative;height:780px;}
#visual div.ibj p{position:absolute; right:48px; bottom:0px; animation-duration: 10s;  animation-delay: 0s; animation-iteration-count:infinite;}
#visual div.ibj h4{position:absolute; right:60px; bottom:30px; color:#fff; padding:5px 10px; background:#0a244c; font-size:20px; letter-spacing:-0.06em;}
#visual div.ibj h4 span{color:#ffdd00;}
@keyframes flash2 {
  0%,50%,100% {
    opacity: 0;
	transform: scale3d(1, 1, 1);
  }
  25%, 75% {
	opacity: 1;
	transform: scale3d(1.05, 1.05, 1.05);   
  }
}

.flash2 {
  animation-name: flash2;
}





/*퀵메뉴*/
div.ico{margin-top:-120px; z-index:10; position:relative;}
div.ico ul{overflow:hidden; width: 1100px;margin: 0 auto;}
div.ico ul li{width:230px; float:left; margin-left:12.5px;}
div.ico ul li a{display:block; height:120px; box-sizing:border-box; text-align:center; padding-top:15px; color:#fff; font-size:20px; background-color:#4db3cb; font-weight:700;}
div.ico ul li img{margin-bottom:5px;}
div.ico ul li:first-child{margin-left:0;}

/*메인컨텐츠*/
div#wrap div#container{width:1100px; margin: 0 auto;height:250px;}
div#wrap div.section{width:1100px; margin:0 auto; position:relative;}
div#wrap h3{text-align:center; font-size:38px; font-weight:600; color:#333; line-height:1.0; margin-bottom:10px; position:relative;}
div#wrap div#container p.h3_txt{text-align:center; font-size:24px; color:#333; font-weight:300; margin-bottom:30px;}
div#wrap div#container p.h3_txt span{color:#006adf;}

/*영상*/
div#wrap div#container div#vod{width:50%; float:left; padding-top:10px;}

/*게시판 탭 버튼*/
div#wrap div#container div#tabZone{width:50%; float:left; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; height:60px;}
div#wrap div#container div#tabZone ul{width:100%;}
div#wrap div#container div#tabZone li.notice{width:50%;height:100%;}
div#wrap div#container div#tabZone li.freeboard{width:50%;height:100%;}
div#wrap div#container div#tabZone li.btn_tab{text-align:center;line-height:60px;font-size:25px;font-weight:300;width:150px;height:100%;border:none;cursor:pointer;}
div#wrap div#container div#tabZone li.on{float:left;border-bottom:3px solid #9c6644;color:#9c6644;font-weight:600;}


/* 공지사항*/
div#wrap div#container div.board{overflow:hidden; width:1100px; margin:0 auto; box-sizing:border-box; padding:45px 0px; }
div#wrap div#container div.recent_notice {margin-bottom:30px; position:relative; float:left; width:550px; margin:0; float:left;}
div#wrap div#container div.recent_notice div.article{height:100%;padding:0;}
div#wrap div#container div.recent_notice ul li span#title{color:#9c6644;font-size:17px;font-weight:500;letter-spacing:-0.03em;}
div#wrap div#container div.recent_notice ul li{width:50%;box-sizing:border-box;float:left;cursor:pointer;vertical-align:top; padding-left:50px; margin-top:10px;}
div#wrap div#container div.recent_notice ul li img{vertical-align:middle;}
div#wrap div#container div.recent_notice ul li div#content{margin-top:5px;font-size:13px;color:#525252; height:60px; overflow:hidden; text-overflow:ellipsis;}
div#wrap div#container div.recent_notice ul li div#content p{}
div#wrap div#container div.recent_notice ul li div#regDate{margin-top:10px;font-size:12px;color:#626262;}

/*하단*/
div#wrap div#bannerZone{width:1100px;margin:0 auto;height:60px;padding-top:30px; clear:both;}
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:first-child{background:none;}
div#wrap div#footer div#footShort div.footLeft  ul li a {display:block; width:100%; height:27px; padding-top:9px; color:#000;}
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:#453114;font-size:15px;font-weight:600;}
div#wrap div#footer div#footInfo{text-align:left;font-size:11px;float:left;width:90%;}
