@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

/* wrap */
.wrap {position:relative; width:100%; margin:0 auto; max-width:640px; float:none; overflow:hidden; display:block;}

/* header */
#header {position:relative; overflow:hidden; height:81px; border-bottom:1px solid #313131;}
#header ul {float:left; overflow:hidden;}
#header ul li {float:left;}
#header ul li.allMenu {margin:13px 129px 0 20px;} 
#header ul li.close_btn {display:none; margin-right:109px;}
#header ul li.logo {margin-top:25px;}
#header .sel {float:right; margin:22px 20px 0 0;}
#header .sel select {width:90px; height:35px; color:#313131; font-size:18px; font-weight:300;}

/* footer */
#footer {position:relative; clear:both;}
#footer .foot_btn_wrap {width:600px; margin:0 auto 10px;}
#footer .foot_btn_wrap ul {overflow:hidden;}
#footer .foot_btn_wrap ul li {float:left; margin-right:8px;}
#footer .foot_btn_wrap ul li:last-of-type {margin-right:0;}
#footer .foot {background:url("/img/foot_bg.png") no-repeat; height:235px;}
#footer .foot .logo {text-align:center; padding:30px 0;}
#footer .foot address {font-style:normal; color:#656565; font-size:14px; font-weight:300; text-align:center; line-height:30px;}
#footer .foot .copy {color:#656565; font-size:14px; font-weight:300; text-align:center;}
#footer .foot .info_btn {width:177px; height:32px; border:1px solid #656565; margin:33px auto 0; box-sizing:border-box;}
#footer .foot .info_btn a {display:block; line-height:32px; text-align:center; color:#656565; font-size:14px;}

/* left menu*/
.menu_top {position:relative;}
.menu_top .logo {margin:27px 0 0 40px; display:inline-block; width:180px; height:64px;}
.left {position:absolute; width:100%; height:1230px; top:82px; z-index:110; left:-100%; transition-duration:500ms; background:#19191b; opacity:0.95; filter:alpha(opacity=95);}
.left .menu {position:relative; padding-top:40px; height:1190px;}
.left .menu .depth_tit {color:#fff; width:300px; border-bottom:1px solid #858585; line-height:70px; margin:0 auto; display:block; text-align:center; box-sizing:border-box; font-weight:500; letter-spacing:-3px; font-size:25px; padding-bottom:10px;}
.left .menu ul:last-child .depth_tit {border-bottom:none;}
.left .menu ul {width:100%; height:auto; transition-duration:500ms; margin-top:20px;}
.left .menu ul > li {width:300px; margin:0 auto; height:0; overflow:hidden; transition-duration:500ms; background:#19191b;}
.left .menu ul.view > li {width:300px; height:200px;}
.left .menu ul.view .depth_tit span {color:#c41920;}
.left .menu ul > li > a {width:300px; display:block; margin:0 auto; text-align:center; color:#fff; font-size:24px; font-weight:500; line-height:50px; letter-spacing:-2px;}
.left .menu ul.e0 {position:relative;}
.left.view {left:0;}

/* sub lnb */
.sub_lnb {position:relative;}
.sub_lnb:after{content:""; clear:both; display:block;}
.sub_lnb .sv {position:relative;}
.sub_lnb .sub_here {position:absolute; color:#333; font-size:60px; font-weight:500; letter-spacing:-3px; top:120px; width:100%; text-align:center; z-index:10;}
.sub_lnb .dep_tit {position:relative;}
.sub_lnb .dep_tit span {display:block; height:60px; line-height:60px; font-size:20px; font-weight:500; color:#666; cursor:pointer;}
.sub_lnb .dep_tit .depth1{float:left; width:290px; padding-left:30px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:url("/img/dep1_arrow.png") no-repeat 268px center #bcbcbc;}
.sub_lnb .dep_tit .depth1 > .here {color:#fff;}
.sub_lnb .dep_tit .depth1 > ul {transition-duration:500ms; width:320px; height:0; overflow:hidden; position:absolute; top:61px; left:0; z-index:10; background:#ebebeb;}
.sub_lnb .dep_tit .depth1 > ul li a {display:block; padding-left:30px; height:60px; line-height:60px; font-weight:500; font-size:20px; color:#666; letter-spacing:-1px; border-top:1px solid #d3cfcd; box-sizing:border-box;}
.sub_lnb .dep_tit .depth1 > ul li a:first-of-type {border-top:none;}
.sub_lnb .dep_tit .depth1 > ul.view {box-sizing:border-box; height:560px;}
.sub_lnb .dep_tit .depth2 {float:left; width:290px; padding-left:30px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:url("/img/dep2_arrow.png") no-repeat 268px center #fff;}
.sub_lnb .dep_tit .depth2 > .here {color:#e22028;}
.sub_lnb .dep_tit .depth2 > ul {transition-duration:500ms; width:320px; height:0; overflow:hidden; position:absolute; top:61px; right:0; z-index:10; background:#fff;}
.sub_lnb .dep_tit .depth2 > ul li a {display:block; padding-left:30px; height:60px; line-height:60px; font-weight:500; font-size:20px; color:#666; letter-spacing:-1px; border-top:1px solid #d3cfcd; box-sizing:border-box;}
.sub_lnb .dep_tit .depth2 > ul li a:first-of-type {border-top:none;}
.sub_lnb .dep_tit .depth2 > ul.view {box-sizing:border-box; height:560px;}