@charset "utf-8";



/* ===============================================================================================
	                                     공통
 ================================================================================================ */


/* =================================================================================================
		                                          
												   상단
												   
 ================================================================================================= */
a{text-decoration:none;word-break:break-all; transition:all ease 0.3s;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
ul {list-style: none;}


#gnb{height:95px; width:100%; clear:both; overflow:hidden;  margin:0; padding:25px 9px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb > ul{position:relative; text-align: center; width:92%; float:right; margin:0; padding:0; font-family:'Noto Sans KR' !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb > ul > li{float:left; margin:0; padding:0; width:20%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb > ul > li > a{display:block; position:relative; height:50px; padding:0; -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a{position:relative; }

#gnb > ul > li > a font {font-size:17px;font-family:'Noto Sans KR'; font-weight:400 !important;}

#gnb > ul > li span:before{height:0; background:#6b6004; position: absolute; width:100%; left:0; bottom:23px; z-index:1; content:''; transition:all ease 0.3;border-radius:8px 8px 0 0;}


#gnb > ul > li.on span:before{height:33px;}
#gnb > ul > li > a > span{display:block; height:33px; line-height:23px;  font-size:15px; color:#424242; font-weight:500; letter-spacing:-0.5px;}
#gnb > ul > li > a:hover > span,#gnb > ul > li.on > a > span{color:#fff;}
#gnb > ul > li .gnb-2dep{display:none; position:absolute; top:27px; left:0px; width:auto; height:35px;padding:0;text-align: center; background-color:#fafafa; border:1px solid #b2a355;border-radius: 8px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb > ul > li .gnb-2dep li{float:left;  margin:0; padding:0; line-height:32px;}
#gnb > ul > li .gnb-2dep li a{display:block; padding:0 10px; color:#686666; letter-spacing:-0.55px; font-weight:400; transition:all ease 0.3s; font-size:13px; word-wrap:break-word;word-break:keep-all; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#gnb > ul > li .gnb-2dep li a:hover{color:#b2a355;}

#gnb > ul > li.on span font{position:relative; z-index:222;}

#gnb > ul > li.gnb1 .gnb-2dep{ width:31%; left:-5%;}
#gnb > ul > li.gnb2 .gnb-2dep{ width:26%; left:18%;}
#gnb > ul > li.gnb3 .gnb-2dep{ width:24%; left:38%;}
#gnb > ul > li.gnb4 .gnb-2dep{ width:24%; left:58%;}
#gnb > ul > li.gnb5 .gnb-2dep{ width:43%; left:58.5%;}




/************************************************************************
                                
								* left *
								
************************************************************************/
.SUB_Left{width:230px;float:left;margin-top:8%;}
.SUB_Left h2{letter-spacing:-0.04em;margin-bottom:10px;}
.s16.c707070.lh150{background:#f4f4f4;text-align:center;width:100%;padding:10px 0;font-weight:normal;margin:10px 0 20px 0;}


#gnb_container #sub_gnb .depth_1{width:100%;}
#gnb_container #sub_gnb .depth_1 .depth_1_a{width:88%;padding:12px 0 12px 20px;display:block;cursor:pointer;border-bottom:solid 1px rgba(255,255,255,0.2);overflow:hidden;color:#fff;font-size:16px;font-weight:normal;position:relative;}
#gnb_container #sub_gnb .depth_1 .depth_1_a:after{width:8px;height:8px;border:solid #e0e0e0;border-width:1px 1px 0 0;position:absolute;top:calc(50% - 4px);right:30px;display:block;content:"";transform:rotate(45deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
#gnb_container #sub_gnb .depth_1 .depth_1_a.on,#gnb_container #sub_gnb .depth_1 .depth_1_a:hover{border-bottom:solid 1px rgba(255,255,255,0.5);overflow:hidden;color:#ffcc00;}
#gnb_container #sub_gnb .depth_1 .depth_1_a.on:after,#gnb_container #sub_gnb .depth_1 .depth_1_a:hover:after{border-color:#ffcc00;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}



div[class*='lb-'] a{padding:20px;padding-bottom:100px;border-bottom:1px solid #e2e2e2;display:block;}
div[class*='lb-'] font{display:block;}
div[class*='lb-'] img{width:100px;margin:0 auto;display:block;}
.lb-1 a{background:url(/img/leftico1.png) no-repeat center bottom 20px #ffcc00;}
.lb-2 a{background:url(/img/leftico2.png) no-repeat center bottom 20px;}






.indicator{position:absolute;bottom:35%;left:50%;display:inline-block;z-index:10; margin:0 0 0 -850px; padding:0;}
.btngroup{display:none;vertical-align:top;font-size:0; margin:0; padding:0; visibility:hidden}
.btngroup li{display:none;font-size:0; margin:0; padding:0;}
.btngroup li.on{display:block;}
.btngroup .btn button{background:url(/img/vis_bt.png) no-repeat 0 0; border:0;}
.btngroup .play button{width:9px;height:14px;background-position:0 0; font-size:0px; text-indent:-9999px}
.btngroup input[type='button']{font-size:0px;}
.btngroup .stop button{width:9px;height:14px;background-position:-16px 0; font-size:0px; text-indent:-9999px}
.btngroup_num{display:inline-block;vertical-align:top;font-size:0; margin:0; padding:0; -webkit-animation:move 1.4s ease;-moz-animation:move 1.4s ease;-o-animation:move 1.4s ease;-ms-animation:move 1.4s ease;animation:move 1.4s ease;}
.btngroup_num:after{display:block;clear:both;content:""}
.btngroup_num li{font-size:0;float:left; margin:0 4px 0 0; padding:0;}
.btngroup_num li a{width:21px;height:21px;display:block;text-indent:-999em; background:url(/img/mvis-off.png) center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
.btngroup_num li.on a{background:url(/img/mvis-on.png) center center no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover}








.bizwrap{position:relative; margin:0; width:323px; height:165px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; background:url(/img/biz.jpg) left top no-repeat}
.bizwrap .bxbiz{margin:0; padding:45px 0 0 0; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.bizwrap .bxbiz #slider{width:100%; clear:both;  margin:0; padding:0 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.bizwrap .bxbiz #slider li{padding:0 30px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.bizwrap .bxbiz #slider .bbs-box{margin:0 auto; padding:0; width:100%; clear:both; position:relative ;}
.bizwrap .bxbiz #slider .bbs-box .Left{width:30%; margin-top:9%; padding:0; margin-left:1px}
.bizwrap .bxbiz #slider .bbs-box .Left a{padding:12px 70px; border:1px solid #3a84b8; transition:all ease 0.3s;}
.bizwrap .bxbiz #slider .bbs-box .Left a:hover{ background:#3a84b8; color:#fff; }
.bizwrap .bxbiz #slider .bbs-box .img{width:61%; font-size:0; line-height:100%; margin:0; padding:0;}

.bx-controls .bx-controls-direction{}
.bx-controls .bx-controls-direction .bx-prev{width:23px;height:36px;display:block;text-indent:-9999em;background:url('/img/prev.png') no-repeat 0 0;position:absolute; top:70px; left:0px; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
.bx-controls .bx-controls-direction .bx-next{width:23px;height:36px;display:block;text-indent:-9999em;background:url('/img/next.png') no-repeat 0 0;position:absolute; top:70px; left:300px; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
.bx-controls .bx-controls-auto{display: ;}
.bx-pager.bx-default-pager{ position:absolute; top:0; right:0; width:40px;}
.bx-pager-item{float:left; margin:0; padding:0;}
.bx-pager-item a.bx-pager-link{margin:0 2px; text-align:center; padding:1px 0; width:16px; height:16px; border:1px solid #aaaaaa; background:#d1d1d1; color:#fff; overflow:hidden; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.bx-pager-item a.bx-pager-link.active{border:#0a57ab; text-align:center; background:#327dd2; width:16px; height:16px; margin:0 2px; padding:1px 0; color:#fff; overflow:hidden; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}



.sub-menu{margin:0 auto 25px auto; padding:0; width:187px; height:166px; clear:both; overflow:hidden; background-image:url(/img/l_menu_bo.png); background-position:top left no-repeat; font-family:'Noto Sans KR' !important;}
.sub-menu li{float:none; margin:0; padding:0 15px; line-height:24px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.sub-menu li a{display:block; margin:0; padding:0 0 0 20px; background:url(/img/off.png) left center no-repeat; background-position:5px 50%; font-size:13px; font-weight:500; letter-spacing:-0.8px; color:#858484; transition:all ease 0.3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.sub-menu li a:hover{background:url(/img/on.png) left center no-repeat #3372c6; color:#fff; background-position:5px 50%;  -webkit-border-radius:8px;-moz-border-radius: 8px;border-radius: 8px}
/* ===================================
	애니메이션효과
 =================================== */
@-webkit-keyframes inFromRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-webkit-keyframes inFromLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}