@charset "utf-8";
@import "/css/normalize.css";
@import "/css/response.css";
/* layout.css - 기본 스타일 문서, 20130916
---------------------------------------------------------------- */

/* 데스크톱 */
/*body {
  font: 14px/1.5 Georgia Serief;
}*/

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");  
* { margin:0px;padding:0px;}
body{font:13px/1.5 '나눔고딕', NanumGothic, 'Nanum Gothic'; color:#6a6d6f;}
.wrap {width:100%; max-width:640px; min-width:320px; margin:0 auto; position:relative; overflow:hidden; min-height:800px;}
.wrap img{max-width:100%}
 
caption, legend {display:none;}



/* header */
#header {position:relative; width:100%; max-width:640px; min-width:320px; overflow:hidden; z-index:50;}
#header .logo {width:40%; float:left; display:block; margin:5.625% 0 5.782% 27%;}
#header .menu_list {width:10.813%; float:right; text-align:center; display:block; margin:6.2% 3.125% 4.063% 0;}

/* footer */
#footer {position:relative; width:100%; max-width:640px; min-width:320px; overflow:hidden; z-index:50; text-align:center; background:#222; color:#b3b3b3; font-size:19px; padding-bottom:5.938%;}
#footer > ul {overflow:hidden; width:20%; margin:3% auto 0; padding:1% 0 1% 0; border:1px solid #6c6d6f;}
#footer > ul li {float:left; width:100%;}
#footer > ul li a {color:#6c6d6f; text-decoration:none; }
#footer .logo {width:23.125%; margin:7.032% auto 4.22%;}
#footer address {font-style:normal;}
#footer .copyright {margin:2.5% auto ;}

/* right menu */
.menu_logo {width:38.282%; float:left; display:block; margin:4.844% 0 0 30.938%;}
.menu_list_close {width:15.625%; display:none; position:absolute; right:0;}
.menu_wrap {width:63%; height:100%; position:absolute; top:0; right:0; z-index:500; display:none;}
.menu_wrap > div {background:#33414e; max-width: 640px; height:100%; width:100%; position:relative; margin:0 auto; z-index:999;}
.menu_wrap .menu_area {width:100%; position:absolute; top:0; text-align:center; text-align:left;}
.menu_wrap .menu_area .row_01 {width:100%; overflow:hidden; height:50px; position:relative; background:#f35911;}
.menu_wrap .menu_area .row_01 a > img {width:8.681%; position:absolute; top:25%; right:5%;}
.menu_wrap .menu_area .row_02 {width:100%; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li {width:100%; overflow:hidden; border-top:1px solid #2f3c48;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:50px;  text-decoration:none; line-height:50px;  background:url("../img/right_menu_off.png") 10px no-repeat;color:#fff; font-size:16px; padding-left:38px}
.menu_wrap .menu_area .row_02 > li.selected > a {border-bottom:1px solid #2f3c48; font-size:16px; color:#fff; background:url("../img/right_menu_on.png") 10px no-repeat; padding-left:38px;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; height:auto; background:#2e3942;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%; border-bottom:none;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:50px; line-height:50px; text-decoration:none; color:#fff; font-size:13px; padding-left:12%; border-bottom:1px solid #2f3c48;}

/* sub lnb */
.sub_lnb_wrap {width:100%; height:100%; top:66px;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; margin:0 auto; position:relative;}
.sub_lnb .depths_01 {width:30%; height:45px; background:#f35911;}
.sub_lnb .depths_02 {width:70%; height:45px; background:#e7743e;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {display:block; line-height:45px; font-size:13px; color:#fff; text-indent:10px; float:left;}
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:15px;}
.sub_lnb > div p.title > .arrow img {padding-top:16px;}
.sub_lnb > ul {width:30%; height:0; position:absolute; top:45px; overflow-y:hidden; overflow-x:hidden;}
.sub_lnb > ul.lnb_ul li {width:100%; background:#FFF; font-size:15px; border-bottom:1px solid #dadada;}
.sub_lnb > ul.lnb_ul li.on {background:#606060; text-decoration:none;}
.sub_lnb > ul.lnb_ul li.on > a {color:#fff;text-decoration:none;}
.sub_lnb > ul.lnb_ul li > a {font-size:12px; width:100%; height:32px;text-decoration:none; line-height:32px; display:block; text-indent:10px; color:#333;}
.sub_lnb > ul.lnb_ul li > a:active {background:#656565; color:#fff;text-decoration:none;}
.sub_lnb > ul.ul_01 {left:0;}
.sub_lnb > ul.ul_02 {right:0; width:70%;}
.sub_lnb > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li.li_01 {left:0;}

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

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
	#footer {font-size:16px;}
}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	#footer {font-size:12px;}

}

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