@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:18px; 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;}
body{text-size-adjust:none !important;}

/* 怨듯넻 */
.paddingTB8020{padding:80px 20px;}
.paddingTB8030{padding:80px 20px 30px 20px;}
.paddingTB85{padding:85px 0;}

/*layout*/

/* header */
#header{width:100%; height:135px; position:relative; background:#fff; z-index:4;}
#header .header_con:after{content:""; display:block; clear:both;}
#header .header_con .header_menu{float:left; padding:18px 0 0 10px;}
#header .header_con .header_menu a{display:block; width:47px;}
#header .header_con .header_menu a img{width:100%;}
#header .header_con > h4{position:absolute; top:8px; left:50%; margin-left:-60px;}
#header .header_con > h4 a{display:block; width:138px;}
#header .header_con > h4 a img{width:100%;}
#header .header_con .right_btn{float:right; padding:18px 10px 0 0;}
#header .header_con .right_btn a{display:block; width:47px;}
#header .header_con .right_btn a img{width:100%;}


/* header_depth */
.header_bg{position:absolute; top:85px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none; z-index:4;}
.header_depth{position:absolute; top:85px; left:-1000px; width:70%; background:#fff;}
.depth_box{border-top:2px solid #c2c2c2;}
.depth_box .depth01 > li{width:100%; }
.depth_box .depth01 > li > a{font-size:0.9rem; color:#222; display:block; padding:15px 28px 15px 30px; overflow:hidden; font-weight:600;}
.depth_box .depth01 > li > a span{display:inline-block; float:right; padding-top:7px; width:12px;}
.depth_box .depth01 > li > a span img{width:100%;}
.depth_box .depth01 > li > a span.on img.on{display:block;}
.depth_box .depth01 > li > a span.on img.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 > li > a{font-size:0.8rem; color:#656981; padding:15px 28px 15px 30px; display:block; background:#eff0f4; border-bottom:1px solid #cdd0e4;}
.depth_box .depth01 > li > ul.depth02 > li > a.on{font-weight:bold; color:#222;}


#menu { position:relative;display:block; width: 100%; margin:20px 0; background:#e9452a;}
#menu ul {margin:0 auto; text-align:center; padding-top:6px; padding-bottom:6px;}
#menu ul li {text-align:center;letter-spacing:-0.2px; display:inline-block; *display:inline; *zoom:1; padding:0 10px;}
#menu ul li:first-child {padding-bottom:0px;}
#menu ul li.nol {border:solid 0px #ccc; }
#menu ul li img { display: block; }
#menu ul li a {letter-spacing:-0.08em; display: block; margin: 0; padding:10px 0 10px 0px; font-size: 0.8rem; border: 0px solid #fff;  color: #fff;}
#menu ul li a.on,
#menu ul li a:hover {color:#fff; text-decoration:none;}

#menu ul li.point a {letter-spacing:-0.08em; display: block; margin: 0; padding:10px 0 10px 0px; font-size: 0.8rem; background:#4e555c; border: 1px solid #ced77d;  color: #fff;}


#wrap{width:100%; height:100%; max-width:640px; margin:0 auto; overflow:hidden; position:relative;}
#contents {width:100%; min-height:500px;}


/*footer*/
div#footer {width:100%; max-width:640px; background:#3b424d; height:45.0625vw; padding-bottom:3.125vw;}
div.foot {width:100%; max-width:100%; margin:0 auto; height:39.0625vw; padding-top:1.5625vw;}
div.footer_top{overflow:hidden; width:34.4375vw; margin:0 auto; padding-top:5px;}
div.info,div.pcver,div.policy01,div.policy02{float:left; width:17.1875vw; border-right:0px solid #5a6069;}
div.info > h4 ,div.pcver > h4 ,div.policy01 > h4 ,div.policy02 > h4 {font-size:2.65625vw; font-weight:300; color:#fff; text-align:center;}
div.policy02 {width:28.09375vw; border-right:none;}
div.footer_bot {border-top:1px solid #5a6069; width:100%; margin-top:2.5625vw; padding: 7.03125vw 0;}
div.footer_bot > h4 {font-size:1.1rem; font-weight:500; color:#fff; text-align:center; padding-bottom:10px;}
div.footer_bot > p  {font-size:0.7rem; font-weight:300; color:#fff; text-align:center;}


@media screen and (min-width:640px){
	#wrap{width:100%; height:100%; max-width:640px; margin:0 auto; overflow:hidden; position:relative;}
	#contents {width:100%; min-height:500px;}


	button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer;}
	input[type="text"]{appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
	select {appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
	select::-ms-expand {display: none;}


	/*footer*/
	div#footer {width:100%; max-width:640px; background:#3b424d; height:200px;padding-bottom:20px;}
	div.foot {width:100%; max-width:100%; margin:0 auto; height:250px; padding-top:10px;}
	div.footer_top{overflow:hidden; width:220px; margin:0 auto;}
	div.info,div.pcver,div.policy01,div.policy02{float:left; width:110px; border-right:0px solid #5a6069;}
	div.info > h4 > a ,div.pcver > h4 > a ,div.policy01 > h4 > a ,div.policy02 > h4 > a {font-size:17px; font-weight:300; color:#fff; text-align:center;}
	div.policy02 {width:135px; border-right:none;}
	div.footer_bot {border-top:1px solid #5a6069; width:100%; margin-top:10px; padding: 55px 0;}
	div.footer_bot > h4 {font-size:20px; font-weight:500; font-family:notol; color:#fff; text-align:center; padding-bottom:20px;}
	div.footer_bot > p  {font-size:15px; font-weight:300; font-family:notol; color:#fff; text-align:center; padding-bottom:20px;}
	
}
@media screen and (max-width:640px){
	
}