@charset "utf-8";

@import "/m/css/normalize.css";
/*@import "/css/response.css";*/
/* layout.css - 기본 스타일 문서, 20130916
---------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");  
body{font:13px/1.5 'Nanum Gothic'; color:#6a6d6f;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}

.mt50 {margin-top:50px;}
.wrap {width:100%; height: 100%;max-width:640px; min-width:320px; position:relative; overflow:hidden; margin:0 auto;}

.wrap .header {width:100%; max-width: 640px;min-width: 320px;border-bottom:1px solid #ddd;position:fixed;z-index: 180;margin: 0 auto;}
.wrap .header a.common {display:inline-block; width:15.625%;}
.wrap .header a:first-child {float:left;}
.wrap .header h1 {width:68.75%; margin:0; display:inline-block; float:left;}
.wrap .header img {width:100%;}

.wrap .footer{width:100%; font-size:0.865em; color:#c7c9cd; text-align:center; background:#303238; padding:28px 0;}
.wrap .footer p.copy {color:#787a7f;}

/* 모바일 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index: 500; display: none;}
.menu_wrap > div {max-width: 640px; height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.menu_wrap .menu_area {width:70%; position:absolute; top:0; left:-70%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%;  hei ght:46px; background:#FFFFFF url('/img/m_bon_menu_plus.png') 95% 6px no-repeat; background-size:8%;}
.menu_wrap .menu_area .row_02 > li.exp3 {background:#fff;}
.menu_wrap .menu_area .row_02 > li.exp3.selected {background:#fff;}
.menu_wrap .menu_area .row_02 > li.exp2.selected {background:#e9e9e9;}
.menu_wrap .menu_area .row_02 > li.selected { background:#FFFFFF url('/img/m_bon_menu_minus.png') 95% 6px no-repeat; background-size:8%;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:46px; line-height:46px; color:#00558E; font-weight:bold; text-indent:18px; font-size:16px; border-bottom:1px solid #E9E9E9}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#FFFFFF; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:50%; background:url('/img/hlm_gnb_sub_right_bg.gif') right 0 repeat-y; float:left;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:39px; line-height:40px; color: #051B29; text-indent:7px; font-size:14px; border-bottom: 1px solid #E9E9E9;}
.menu_wrap .menu_area .row_02 > li.exp {background:#00558E url('/img/m_bon_menu2_plus.png') 95% 6px no-repeat; background-size:8%}
.menu_wrap .menu_area .row_02 > li.exp.selected {background:#00558E url('/img/m_bon_menu2_minus.png') 95% 6px no-repeat; background-size:8%;}
.menu_wrap .menu_area .row_02 > li.exp > a {color:#fff;}
.menu_wrap .menu_area .row_02 > li.exp > ul{background:#e9e9e9;}
.menu_wrap .menu_area .row_02 > li.exp2 {background:#e9e9e9; text-align:center;}
.menu_wrap .menu_area .row_02 > li.exp2 > a{color:#232a38; text-indent:0;}


/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:46px; position:fixed; top: 53px; left:0; z-index:180;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:46px; margin:0 auto; ove rflow:hidden; position:relative;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_home { width: 15.15625%; background:#00558E url('/img/m_bon_home.png') center no-repeat; background-size:47.66% auto; overflow:hidden; }
.sub_lnb > div.depths_home a { display:block; width:100%; height:100%;}
.sub_lnb > div.depths_01 { width: 38.40625%; background:#00558E; cursor:pointer;}
.sub_lnb > div.depths_02 {width: 46.4375%; background:#00558E; cursor:pointer;}
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {display:block; height:46px; line-height:46px; font-size:1em; font-weight:bold; color:#fff; text-indent:12px; float:left;}
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:5px; width:46px;height: 46px;background: url('/img/m_bon_lnb_arrow.gif') 93% center no-repeat;background-size: 30px auto;}
.sub_lnb > div p.title > .arrow img {padding-top:9px;}
.sub_lnb > .depths_02 p.title > .arrow.on {display:block; width:46px; height:46px; line-height:46px; background:url('/img/m_bon_lnb_arrow.gif') 93% center no-repeat; background-size:30px auto;}

.sub_lnb > ul {width:50%; height:0; position:absolute; top:46px; overflow:hidden;}
.sub_lnb > ul.lnb_ul li {width:100%; background:#ededed; font-size:1.071em; border-bottom:1px solid #dcdcdc;}
.sub_lnb > ul.lnb_ul li.on {background:#dcdcdc;}
.sub_lnb > ul.lnb_ul li > a {font-size:0.929em; width:100%; height:30px; line-height:30px; display:block; text-indent:10px; color:#757575;}
.sub_lnb > ul.lnb_ul li > a:active {background:#053764;}

.sub_lnb > ul.ul_01 {left: 15.15625%; width: 38.40625%;}
.sub_lnb > ul.ul_02 {right:0; width: 46.4375%;}
.sub_lnb > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li.li_01 {left:0;}

.black {display:none; width:100%; height:100%; background:#000; position: absolute; top:0; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; z-index:9;}
/* 태블릿: 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) {
	.sub_lnb > div p.title > .txt {font-size:0.8em;}
	.sub_lnb > ul.lnb_ul li > a {font-size:0.729em;}
	
	.menu_wrap .menu_area .row_02 > li {width:100%;  hei ght:46px; background:#FFFFFF url('/img/m_bon_menu_plus.png') 95% 15px no-repeat; background-size:8%;}
	.menu_wrap .menu_area .row_02 > li.selected { background:#FFFFFF url('/img/m_bon_menu_minus.png') 95% 15px no-repeat; background-size:8%;}
	.menu_wrap .menu_area .row_02 > li.exp {background:#00558E url('/img/m_bon_menu2_plus.png') 95% 15px no-repeat; background-size:8%}
	.menu_wrap .menu_area .row_02 > li.exp.selected {background:#00558E url('/img/m_bon_menu2_minus.png') 95% 15px no-repeat; background-size:8%;}
}

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