@charset "utf-8";
@import url('/css/content02.css');

@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap{overflow:hidden; width:100%; max-width:640px; margin:0 auto;}
/* header */
#header{width:100%; max-width:640px; height:110px; margin:0 auto; position:relative;}
#header .header_box:after{content:""; display:block; clear:both;}
#header .header_box > div{float:left;}
#header .header_box .header_left{width:490px; background:#fff; height:110px; box-sizing:border-box; padding:37px 0 0 15px;}
#header .header_box .header_left a img{width:257px;}
#header .header_box .header_mid{width:60px; background:#fff; height:110px; box-sizing:border-box; padding-top:20px;}
#header .header_box .header_mid a img{width:60px;}
#header .header_box .header_right{width:64px; height:84px; box-sizing:border-box;padding-top:20px;}
#header .header_box .header_right a img{width:60px;}
#header .header_box img.on{display:none;}

/* header_depth */
.header_bg{position:absolute; top:110px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none; z-index:4;}
.header_depth{position:absolute; top:110px; right:-3000px; width:70%; background:#fff; z-index:6;}
.depth_box{box-sizing:border-box; padding:0 10%;}
.depth_box .depth01 > li{width:100%; }
.depth_box .depth01 > li > a{font-size:35px; line-height:90px; letter-spacing:-0.05em; color:#333; display:block; overflow:hidden; font-weight:500; border-bottom:1px solid #b2b2b2;}
.depth_box .depth01 > li > a span{display:inline-block; float:right; padding-top:35px; width:32px;}
.depth_box .depth01 > li > a span img{width:100%;}
.depth_box .depth01 > li > a span img.icon_on{display:none;}
.depth_box .depth01 > li > a span.on img.icon_on{display:block;}
.depth_box .depth01 > li > a span.on img.icon_off{display:none;}
.depth_box .depth01 > li > a span img.on{display:none;}
/* .depth_box .depth01 > li > ul.depth02{display:none;} */
.depth_box .depth01 > li > ul.depth02 {border-bottom:1px solid #b2b2b2; box-sizing:border-box; padding:30px 0;}
.depth_box .depth01 > li > ul.depth02 > li{line-height:60px; position:relative;}
.depth_box .depth01 > li > ul.depth02 > li > a{font-size:28px; color:#4d4d4d; display:block; background:#fff; font-weight:300; box-sizing:border-box; padding-left:45px;}
.depth_box .depth01 > li > ul.depth02 > li > a.on{font-weight:bold; }
.depth_box .depth01 > li > ul.depth02 > li > span{position:absolute; top:50%; left:20px; width:10px; height:10px; margin-top:-5px; border-radius:5px; background:#79797a;}
.depth_box .depth01 > li > ul.depth02 > li > span.on{background:#0058a0;}


/* header_quick */
.header_quick{position:absolute; top:110px; right:-3000px; width:100%; padding:40px 0;  background:#23272b; overflow:hidden; font-size:0; z-index:5;}
.header_quick a{float:left; width:20%; box-sizing:border-box; text-align:center;}
.header_quick a span{display:block; font-size:22px; padding-top:10px; letter-spacing:-0.075em; color:#c0c3c6; font-weight:bold;}
.header_quick a img{width:70px; margin:0 auto;}


/* footer */
#footer{width:100%; max-width:640px; padding:40px 0; margin:0 auto; background:#535b64;}
#footer .footer_text{text-align:left; margin-bottom:0px; padding-left:30px;}
#footer .footer_text > h4{font-size:23px; padding-bottom:25px; color:#f4f7fa; letter-spacing:-0.5px; margin:0; font-weight:600; opacity:.8;}
#footer .footer_text > p{font-size:13px; color:#f4f7fa; font-weight:300; line-height:22px; letter-spacing:-0.025em; opacity:.8;}
#footer .footer_text > p b{color:#fff; font-weight:400;}
#footer .footer_text > p u{text-decoration:none; padding:0 8px;}
#footer .footer_btn{width:200px; margin:0 auto 40px; font-size:0;}
#footer .footer_btn a{display:inline-block; width:46px; margin-right:5px;}
#footer .footer_btn a:last-of-type{margin-right:0;}
#footer .footer_btn a img{width:100%;}
#footer .footer_btm {text-align:center;}
#footer .footer_btm a{font-size:18px; color:#535963; letter-spacing:-0.025em; display:inline-block; text-align:center;}
#footer .footer_btm span{margin-top:4px; padding:0 15px; display:inline-block; vertical-align:top; color:#66696c;}

/* 
sub_common
.sub_nav {position:relative; z-index:3; width:100%; max-width:640px;  margin:0 auto; box-sizing:border-box; }
.sub_nav:after {display:block; content:''; clear:both;}
.sub_nav .snav_wrap {float:left; position:relative; width:50%; height:80px;}
.sub_nav .snav_wrap .snav_b {width:100%; height:80px; padding:20px 20px; color:#fff; font-size:24px; font-weight:700; box-sizing:border-box; cursor:pointer; letter-spacing:-0.025em; box-sizing:border-box; background:url("/img/sub_nav_bg.jpg") center top no-repeat;}
.sub_nav .snav_wrap .bdr1{border-right:1px solid #646c74;}
.sub_nav .snav_wrap.subn_02 {float:right;}
.sub_nav .snav_wrap .sub_slide {position:absolute; display:none; z-index:11; color:#363b45; width:100%; border:1px solid #363b45; border-top:0; box-sizing:border-box; background:#fff;}
.sub_nav .snav_wrap .sub_slide ul li a {display:block; width:100%; padding:20px; font-size:22px; color:#363b45; box-sizing:border-box; letter-spacing:-0.05em;} */


#footer_mem {background:#2d3238; text-align:center; padding:15px 0 20px 0;}
.fmem li {display:inline-block; *display:inline; *zoom:1;}
.b_bt { text-align:center;}
.b_bt a {background:#2d3238; padding:7px 20px; border-radius:10px; border:1px solid #5f5f5f; font-size:13px;color:#fff;font-weight:600; }
.b_bt a:hover {background:#242527;color:#fff;}


@media all and (max-width:640px){
/* header */
	#header{ height:25.1875vw;}
	#header .header_box .header_left{width:65.78125vw; height:17.1875vw; padding:9.1375vw 0 0 3.125vw;}
	#header .header_box .header_left a img{width:51.09375vw;}



/* header_depth */
	.header_bg{position:absolute; top:25.1875vw; }
	.header_depth{position:absolute; top:25.1875vw; }
	.depth_box .depth01 > li > a{font-size:5.46875vw; line-height:14.0625vw;}
	.depth_box .depth01 > li > a span{padding-top:5.46875vw; width:5vw;}
	.depth_box .depth01 > li > ul.depth02 { padding:4.6875vw 0;}
	.depth_box .depth01 > li > ul.depth02 > li{line-height:9.375vw;}
	.depth_box .depth01 > li > ul.depth02 > li > a{font-size:4.375vw; padding-left:7.03125vw;}
	.depth_box .depth01 > li > ul.depth02 > li > span{position:absolute; top:50%; left:3.125vw; width:1.5625vw; height:1.5625vw; margin-top:-0.78125vw; border-radius:0.78125vw; }

	/* header_quick */
	.header_quick{position:absolute; top:17.1875vw; padding:6.25vw 0; }
	.header_quick a span{font-size:3.4375vw; padding-top:1.5625vw; }
	.header_quick a img{width:10.9375vw; margin:0 auto;}


#header .header_box .header_mid{width:60px; background:#fff; height:110px; box-sizing:border-box; padding-top:25px;}
#header .header_box .header_mid a img{width:50px;}
#header .header_box .header_right{width:60px; height:84px; box-sizing:border-box; padding-top:25px;}
#header .header_box .header_right a img{width:50px;}





	/* footer */
	#footer{padding:10.9375vw 0;}
	#footer .footer_text{ margin-bottom:6.25vw;}
	#footer .footer_text > h4{font-size:3.59375vw; padding-bottom:3.90625vw;}
	#footer .footer_text > p{font-size:2.8125vw; line-height:4.21875vw;}
	#footer .footer_text > p u{ padding:0 1.25vw;}
	#footer .footer_btn{width:31.25vw; margin:0 auto 6.25vw;}
	#footer .footer_btn a{width:7.1875vw; margin-right:0.78125vw;}
	#footer .footer_btm a{font-size:2.8125vw;}
	#footer .footer_btm span{margin-top:0.625vw; padding:0 2.34375vw;}


	


}