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


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

/* header */
#header {/*overflow:hidden;*/ height:120px; background:#000; position:relative;}
#header > ul { padding:0; width:640px; float:right; left:-50%; position:relative;}
#header > ul li {float:left; left:50%; position:relative;}
#header > ul .all_menu {margin:48px 0 0 43px;}
#header > ul .logo {margin:28px 0 0 152px;}
#header > ul .call {float:right;}

#header .lang_select{width:95px; position:absolute; left:110px; top:35px; text-align:left;}
#header .lang_select div{height:50px; box-sizing:border-box; border:1px solid #e0e1e4; color:#fff; line-height:50px; font-size:16px; text-indent:15px; background:url("/img/select_down.png") right 10px top 20px no-repeat; cursor:pointer; background-size:15px;}
#header .lang_select > ul{position:relative; top:-1px; z-index:10; background:#000; box-sizing:border-box; border:1px solid #e0e1e4; border-top:0; display:none;}
#header .lang_select > ul li{height:40px; line-height:40px;}
#header .lang_select > ul li a{display:block; width:100%; height:100%; font-size:16px; text-indent:15px; color:#fff;}
#header .lang_select > ul li:hover a{color:#fff;}

/* footer */
.m_tit {font-size:24px; color:#1e1e1e; font-weight:800; text-align:center; margin:40px 0; }
#footer .f_box01 {width:600px; margin:0 auto; overflow:hidden;}
#footer .f_box01 .f_box01_01 {background:url("/img/m_img06.png") no-repeat; width:300px; height:100px; float:left;}
#footer .f_box01 .f_box01_01 a {display:block; width:300px; height:100px;}
#footer .f_box01 .f_box01_01 p {color:#222; font-size:26px; line-height:100px; margin-left:72px; letter-spacing:-1.5px;}
#footer .f_box01 .f_box01_02 {background:#313031; width:300px; height:100px; float:left;}
#footer .f_box01 .f_box01_02 a {display:block; width:300px; height:100px;}
#footer .f_box01 .f_box01_02 p {color:#cca247; font-size:42px; line-height:100px; text-align:center; letter-spacing:-1.5px;}
#footer .f_box02 {width:600px; margin:20px auto 0;}
#footer .f_box02 ul {overflow:hidden;}
#footer .f_box02 ul li {float:left; color:#222; font-size:18px; letter-spacing:-1.5px; text-align:center; width:148px; height:148px; background:#f9f9f9; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
#footer .f_box02 ul li a {width:148px; height:148px; display:block;}
#footer .f_box02 ul li:first-of-type {border-left:1px solid #e6e6e6;}
#footer .f_box02 ul li img {margin:33px 0 20px 0;}
#footer .foot_list {height:70px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin-top:30px;}
#footer .foot_list ul {float:right; position:relative; left:-50%;}
#footer .foot_list ul li {float:left; position:relative; left:50%; line-height:70px;}
#footer .foot_list ul li a {color:#454545; font-size:18px; font-weight:300; letter-spacing:-1.5px;}
#footer .foot_list ul li img {vertical-align:middle; display:inline-block; margin:0 7px;}
#footer .foot {text-align:center; background:#000; height:270px;}
#footer .foot .name {color:#bc9644; font-size:20px; padding-top:55px; font-weight:500; letter-spacing:-1.5px;}
#footer .foot .addr {color:#fff; font-size:16px; line-height:26px; margin-top:20px; font-weight:300;}
#footer .foot .copyright {margin-top:20px; color:#616161; font-size:16px; font-weight:300;}

/* left menu*/
.menu_top {height:119px; position:relative;}
.menu_top .logo {margin:27px 0 0 40px; display:inline-block; width:180px; height:64px;}
.menu_top .close {display:inline-block; width:27px; height:27px; margin-left:345px; transition-duration:500ms;}
.left {position:absolute; width:100%; height:100%; top:0; z-index:110; left:-100%; transition-duration:500ms;}
.left .menu {position:absolute; z-index:111; top:0; left:0; width:100%; height:100%; background:#000;}
.left .menu a {color:#cca146; width:100%; padding:25px 20px; box-sizing:border-box; font-weight:400; float:left; letter-spacing:-1.5px; font-size:26px; border-top:1px solid #1e1c18;}
.left .menu ul {width:100%; height:auto; transition-duration:500ms;}
.left .menu ul > li {width:100%; height:0; overflow:hidden; transition-duration:500ms;}
.left .menu ul.view > li {width:100%;}
.left .menu ul > li > a {color:#fff; font-size:22px;padding:20px; width:100%; font-weight:normal; border-top:0;}
.left .menu ul > li > a:last-of-type {border-bottom:0;}
.left .menu ul > li > a.on {color:#0e77ff;}
/* 72px */
.left .menu ul.e0.view li {height:432px;}
.left .menu ul.e1.view li {height:648px;}
.left .menu ul.e2.view li {height:292px;}
.left .menu ul.e3.view li {height:216px;}
.left .menu ul.e4.view li {height:288px;}
.left .menu ul.e5.view li {height:360px;}
.left .menu ul.e6.view li {height:432px;}
.left .menu ul.e7.view li {height:144px;}
.left .menu ul.e8.view li {/*height:216px;*/ height:160px;}
.left .menu ul.e9.view li {height:360px;}
.left .menu ul.e10.view li {height:432px;}
.left.view {left:0;}


/* sub lnb */
.sub_lnb .dep_tit{position:relative;}
.sub_lnb .dep_tit span{display:block; margin:0 20px; height:70px; line-height:70px; font-size:22px; font-weight:400; color:#1e1e1f; cursor:pointer;}
.sub_lnb .dep_tit .depth1{float:left; width:320px; background:#fff;}
.sub_lnb .dep_tit .depth1 > span{background:url("/img/depth1_arrow.png") no-repeat 100% 50%;}
.sub_lnb .dep_tit .depth1 > ul{transition-duration:500ms; width:320px; height:0; overflow:hidden; position:absolute; top:70px; left:0; z-index:10; background:#fff;}
.sub_lnb .dep_tit .depth1 > ul li a{display:block; padding:0 20px; height:60px; line-height:60px; font-weight:300; font-size:20px; color:#1e1e1f;  letter-spacing:-1px; border-top:1px solid #d3cfcd; box-sizing:border-box;}
.sub_lnb .dep_tit .depth1 > ul li a.on{background:#000; color:#cca146;}
.sub_lnb .dep_tit .depth1 > ul.view{box-sizing:border-box; height:660px;}
.sub_lnb .dep_tit .depth2{float:left; width:320px; background:#cca146;}
.sub_lnb .dep_tit .depth2 > .here {color:#fff;}
.sub_lnb .dep_tit .depth2 span{background:url("/img/depth2_arrow.png") no-repeat 100% 50%;}
.sub_lnb .dep_tit .depth2 > ul{transition-duration:500ms; width:320px; height:0; overflow:hidden; position:absolute; top:70px; z-index:10; background:#f2ebdb;}
.sub_lnb .dep_tit .depth2 > ul li a{display:block; padding:0 20px; height:60px; font-weight:300; line-height:60px; font-size:20px; color:#1e1e1f;  letter-spacing:-1px; border-top:1px solid #d3cfcd; box-sizing:border-box;}
.sub_lnb .dep_tit .depth2 > ul li a.on{background:#423c34; color:#cca146;}
.sub_lnb .dep_tit .depth2 > ul.view{box-sizing:border-box; height:auto;}

.sub_visual {position:relative; clear:both;}
.sub_visual .sub_txt_wrap {position:absolute; top:50px; width:100%;}
.sub_visual .sub_here {color:#fff; font-size:42px; text-align:center; margin-bottom:5px;}
.sub_visual .sub_txt > span {color:#fff; font-size:22px; text-align:center; line-height:34px; font-weight:300;}

/* sub */
.sub {clear:both;}

/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {

}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}