@charset "utf-8";
@import "/m/css/normalize.css";
@import "/m/css/response.css";
body{font-family:'Nanum Gothic'; font-size:1vw;}


/* common */
#wrap{width:100%; max-width:640px; min-width:320px; position:relative; overflow:hidden; margin-left:auto; margin-right:auto; }
#container{
	min-height:500px;
	margin-top:5px;
}
.sub_con{position:relative;}
.haeder_container { position:fixed; left:0; top:0; width:100%; z-index:905; }
.headerbox {position:relative; margin:0 auto; max-width:640px; background:#ffffff}
.footer_container { position:fixed; left:0; bottom:0; width:100%; z-index:900; }
.footerbox { position:relative; margin:0 auto; max-width:640px; }
@media all and (min-width:641px){
	#wrap{margin-top:162px; margin-bottom:66px;}
}


/* header */
.top_gnb ul{overflow:hidden;}
.top_gnb ul li{float:left;}
.top_gnb ul li.menu{width:14.0625%;}
.top_gnb ul li.logo{width:34.6875%; margin:3.438% 18.59375% 0; text-align:center;}
.top_gnb ul li.logo img{width:100%;}
.top_gnb ul li.tel{width:14.0625%;}
.menu_on{position:absolute; top:0; left:-100%; width:50%; height:100%; min-height:1500px; max-height:2000px; background:#fff; z-index:9999;}
.menu_on .close{position:absolute; top:0; right:-28%; width:28.125%;}
.menu_on .gnb ul.depth01 > li{width:100%; border-top:0px solid #cbd0d4;}
.menu_on .gnb ul.depth01 > li:last-of-type{border-bottom:0px solid #cbd0d4;}
.menu_on .gnb ul.depth01 > li > a{display:block; padding:4.07% 0 4.07% 9.71%; font-size:4.54vw; color:#131517;  }
.menu_on .gnb ul.depth01 > li > a.active{color:#ffd800;}
.menu_on .gnb ul.depth01 > li > ul.depth02{display:none; border-top:1px solid #cbd0d4; background:rgba(7,7,7,0.2);}
.menu_on .gnb ul.depth01 > li > ul.depth02 > li{width:100%;}
.menu_on .gnb ul.depth01 > li > ul.depth02 > li > a{display:block; padding:3.13% 0 3.13% 11.74%; font-size:3.29vw; color:#fff;}
.menu_on .gnb ul.depth01 > li a.selected {color:#1367a2; background:url("/m/img/menu_on_arrow.png") 90% center no-repeat;}
.menu_on .gnb ul.depth01 > li ul li {padding:3.13% 0 3.13% 11.74%;}
.menu_on .gnb ul.depth01 > li ul li a {display:block; width:100%; height:100%; color:#fff; font-size:3.5vw; outline:none;}
.menu_on .gnb ul.depth01 > li ul {background:#687387; display:none;}
.menu_on .gnb_top > ul{overflow:hidden;}
.menu_on .gnb_top > ul li {float:left; width:49.5%;}
.menu_on .gnb_top > ul li:first-of-type {border-right:0px solid #cbd0d4;}

.menu_bg {width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); position:fixed; top:0; display:none; z-index:10;}




/* footer */
.foot_top{background:#454a57; padding:5% 15px;}
.foot_top p{font-size:2.817vw; color:#ffffff; line-height:1.5;}
.foot_top p.f_btn{margin-top:3.455%;}
.foot_top p.f_btn a{display:inline-block; margin-right:4.32%; font-size:2.817vw; color:#c3c7cd;}
.foot_top p.f_btn a:nth-of-type(2){color:#1176bd;}



/* sub_lnb */
.sub_lnb{position:relative;}
.sub_lnb .lnb_view p{width:100%; border-top:1px solid #898989; border-bottom:2px solid #000; box-sizing:border-box; background:url("/m/img/sub_lnb_arrow.png") no-repeat 90% 50%; background-size:6%;}
.sub_lnb .lnb_view p span{display:block; margin-left:9.39%; padding:3.13% 0; font-size:3.443vw; color:#292929;}
.sub_lnb > ul{position:absolute; top:0; left:0; width:100%; z-index:10;}
.sub_lnb > ul.lnb_01{display:none;}
.sub_lnb > ul.lnb_01 > li{border-bottom:1px solid #e5e5e5; background:#f4f4f4;}
.sub_lnb > ul.lnb_01 > li > a{display:block; padding:3% 0 3% 12%; font-size:3.13vw; color:#292929;}
.sub_lnb > ul.lnb_01 > li.active{background:#14476d;}
.sub_lnb > ul.lnb_01 > li.active > a{color:#fff;}
.sub_lnb > ul.lnb_01 > li ul{padding-left:12%; padding-bottom:3%; display:none;}
.sub_lnb > ul.lnb_01 > li ul li a{display:block; color:#fff; font-size:2.8vw; padding:1% 0;}


/* 스마트 폰: 640px 이상 */
@media handheld, only screen and (min-width: 640px) {
.menu_on .gnb ul.depth01 > li > a{font-size:29px;}
.menu_on .gnb ul.depth01 > li > ul.depth02 > li > a{font-size:21px;}
.foot_top p{font-size:11px;}
.foot_top p.f_btn a{font-size:18px;}
.sub_lnb .lnb_view p span{font-size:22px;}
.sub_lnb > ul.lnb_01 > li > a{font-size:20px;}
.menu_on .gnb ul.depth01 li.depth2 ul li a {font-size:18px;}
}








/* 태블릿: 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) {
  
}

.imagemap {position:relative;width:device-width;}
img{display:block;}
.link1 {position:absolute; left:18%; width:32%; border:0px #000 solid;}
.link2 {position:absolute; left:50%; width:32%; border:0px #000 solid;}

.link3 {position:absolute; left:18%; width:32%; border:0px #000 solid;}
.link4 {position:absolute; left:50%; width:32%; border:0px #000 solid;}

.main00_imagemap {position:relative;width:device-width;}
.main00_imagemap .main_link1 {position:absolute; top:22%; right:0; width:17%; height:70%;border:0px #000 solid;}

.main01_imagemap {position:relative;width:device-width;}
.main01_imagemap .main_link1 {position:absolute; top:63%; left:7.5%; width:30%; height:23%;border:0px #000 solid;}
.main01_imagemap .main_link2 {position:absolute; top:63%; left:40%; width:31%; height:23%;border:0px #000 solid;}

.main02_imagemap_top {position:relative;width:device-width; z-index:-999;}
.main02_imagemap_top .main_link1 {position:absolute; bottom:0; right:0; width:17%; height:15%;border:0px #000 solid;}

.main02_imagemap {position:relative;width:device-width; margin-bottom:3%;}
.main02_imagemap .main_link1 {position:absolute; top:0%; left:3.2%; width:30%; height:100%;border:0px #000 solid;}
.main02_imagemap .main_link2 {position:absolute; top:0%; left:34.8%; width:30%; height:100%;border:0px #000 solid;}
.main02_imagemap .main_link3 {position:absolute; top:0%; left:66.5%; width:30%; height:100%;border:0px #000 solid;}

.main02_imagemap_bottom {position:relative;width:device-width;}
.main02_imagemap_bottom .main_link1 {position:absolute; top:24%; right:0; width:17%; height:70%;border:0px #000 solid;}

.main_imagemap {position:relative;width:device-width;}
.main_imagemap .main_link1 {position:absolute; top:0; left:0; width:21.5%; height:85%;border:0px #000 solid;}
.main_imagemap .main_link2 {position:absolute; top:0%; left:21.6%; width:19.4%; height:85%;border:0px #000 solid;}
.main_imagemap .main_link3 {position:absolute; top:0%; left:41.1%; width:18.9%; height:85%;border:0px #000 solid;}
.main_imagemap .main_link4 {position:absolute; top:0%; left:60%; width:18.5%; height:85%;border:0px #000 solid;}
.main_imagemap .main_link5 {position:absolute; top:0%; left:78.6%; width:21.2%; height:85%;border:0px #000 solid;}

.Inheritance_imagemap0 {position:relative;width:device-width;}
.Inheritance_imagemap0 .main_link1 {position:absolute; top:24%; right:0; width:45.3%; height:38%;border:0px #000 solid;}

.Inheritance_imagemap {position:relative;width:device-width;}
.Inheritance_imagemap .main_link1 {position:absolute; top:0; left:0; width:33.3%; height:98%;border:0px #000 solid;}
.Inheritance_imagemap .main_link2 {position:absolute; top:0; left:33.5%; width:33.3%; height:98%;border:0px #000 solid;}
.Inheritance_imagemap .main_link3 {position:absolute; top:0; left:66.9%; width:33.3%; height:98%;border:0px #000 solid;}