@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");  
body{font-size:13px; font-family:'Nanum Gothic';}
.wrap {width:100%; max-width:640px; min-width:320px;margin:0 auto;position: relative;}
.wrap img{width:100%; }
.mb40{margin-bottom:40px;}
/*----------------------------
		   Header
-----------------------------*/
.header{width:100%; max-width: 640px;min-width: 320px;position: fixed; top: 0;overflow:hidden;z-index: 50;background: #fff;}
.header .top {width:93.75%; margin:14px auto; overflow:hidden; }
.header .top > a {float:left; width:10.9%;}
.header .top h1 {float:left; width:16.2%; margin:0 31%;}

/* 모바일 좌측 메뉴 */
.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: 45%; position:absolute; top:0; left:100%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {width:23.9%; /*height:70px;*/margin: 15px 0;padding-left:68.99999999%;}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom: 1px solid #c2c2c2; hei ght:46px;
background: #FFFFFF url('/img/m_jw_tab_on.gif') 95% 25px no-repeat;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height: 69px; line-height: 69px; color: #1b70b8; font-weight:bold; text-indent:18px; font-size: 22px;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background: #ebebeb; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li > ul > li {width: 100%; 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: 69px; line-height: 69px; color: #454545; text-indent:18px; font-size: 18px; border-bottom: 1px solid #FFFFFF;}

/*----------------------------
		   Footer
-----------------------------*/
.footer{position:relative; overflow:hidden; width:100%; top: 101px;color:#939393; font-size:18px;}
.footer .top a {width:50%; float:left; overflow:hidden; }
.footer .address {position:relative; width: 84.55%; margin:0 auto; padding: 30px 4.6%; 0;overflow:hidden;}
.footer .address a.pc {width:17%; position:absolute; right:6.25%; top:20px;}
.footer p.name {font-weight:bold; color:#343434;}
.footer p.tel {font-weight:bold; color:#1b70b8;}

.black {position: absolute; width:100%; height:100%; background:#000; 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: 5; display:none;}
/* 태블릿: 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) {
	.menu_wrap .menu_area .row_02 > li > a {font-size:17px; height:40px; line-height:40px;}
	.menu_wrap .menu_area .row_02 > li > ul > li > a {font-size:16px; height:40px; line-height:40px;}
	.menu_wrap .menu_area .row_02 > li {background: #FFFFFF url('/img/m_jw_tab_on.gif') 85% 15px no-repeat;background-size: 15%;}	
	.footer {font-size:11px;}
}

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