@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/*Normalize*/
*{-webkit-text-size-adjust:none}
html{overflow-y:auto}
html, body{width:100%; height:100%}
body{/*-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)*/}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed,
figure, figcaption, header, footer, menu, nav, section, summary, audio, video {margin: 0; padding: 0; border: 0;  font-size: inherit; font-family: inherit; vertical-align: middle;}
img, fieldset{border:none;}
figure, figcaption{margin:0;padding:0}
em, dfn, cite, address,i{font-style: normal;}
mark {background-color: #eee; color: #000;}
small {font-size: 90%;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
del{ text-decoration: line-through; }
label{cursor:pointer}
b, strong{ font-weight: 600; }
em{font-style: normal;}
ol, ul, li { list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
legend {overflow:hidden; width:0; height:0; font-size:0;}
caption {overflow:hidden;width:0; height:0; font-size:0;}
hr {overflow:hidden; position:absolute; height:0; width:0; font-size:0; border:none}
body{position:relative;font-size:14px;line-height:1;color:#666; font-family:'Nanum Square', 'Malgun Gothic', '맑은고딕' , Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif;}
h1, h2, h3, h4, h5, h6, input, textarea, select, button{color:inherit;font-size:14px; font-family:'Nanum Square', 'Malgun Gothic', '맑은고딕' , Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif;}
input, textarea, select{letter-spacing:normal}
img{vertical-align:top}
br{letter-spacing:normal}
p{letter-spacing:normal}
input, select, label, button{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}
a{text-decoration:none; color:inherit}
a[href^="tel"]{ font-style:normal}

/* accessibility */
#accessibility{overflow:hidden;position:relative;width:100%;z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

/*FONT*/
.roboto{font-family:'Roboto', sans-serif;}
.roboto_c{font-family: 'Roboto Condensed', sans-serif;}
.noto{font-family: 'Noto Sans KR', sans-serif;}
.malgun{font-family:'Malgun Gothic', '맑은 고딕'}

/*ETC*/
.hm-dpn{display:none !important}
.dp-block{display:block}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.ellips{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align:left}  /*말줄임*/
.pre_box{white-space:pre-wrap; word-break:break-all}  /*textarea효과, 줄바꿈 등*/
.blue_overlay{cursor:default;display:block;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black; -moz-opacity:0.8;opacity:.80;filter: alpha(opacity=80);}/*display: none; */
/* _position:absolute는 ie6에서도 동일한 효과(position:fix)를 주기 위한 css핵 */  
.fix{position:fixed;_position:absolute;width:100%;top:0;z-index:100;}
.p_rel{position:relative}
.clearfix:before,
.clearfix:after {content:" "; display: table;}
.clearfix:after {clear: both;}
.f_left{float:left;}
.f_right{float:right;}
.layer_center{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto} /*width, height 넣을 것*/
.fit_img{width:100%}



.mT1{margin-top:18px;}
.mT2{margin-top:6px}
.mT3{margin-top:10px}
.mT4{margin-top:4px}
.mT5{margin-top:40px; margin-bottom:20px;}
@media screen and (min-width: 480px){
	.mT1{margin-top:30px;}
	.mT2{margin-top:14px}
	.mT3{margin-top:20px}
	.mT5{margin-top:40px; margin-bottom:20px;}
}

.img1{width:100%;}
.img80{width:80%;}
.img98{width:98%; margin:0 auto; display:block;}
.img49{width:49%;}
.img50{width:50%;}
.img25{width:25%;}
@media screen and (max-width: 480px){
	.himg1{height:20px; }
	.himg2{height:16px; }
	
}
@media screen and (max-width: 530px){
	.himg3{height:13px; }
	.himg4{height:10px; }
	.himg5{height:40px; }
	.himg6{height:60px; }
}

.agree1{border:1px solid #dddddd; padding:15px;}
.agree1 .tit1{display:block; line-height:30px; font-weight:bold; font-size:14px;}
.agree1 .scrollbox1{line-height:24px; font-size:11px; height:250px; overflow-y:auto;}
@media screen and (max-width: 480px){	
.agree1{padding:6px;}
} 

.tbl1{border-top:1px solid #e3e5e4; border-collapse:collapse; border-spacing:0; table-layout:fixed; color:#666666; font-size:12px;}
.tbl1 th{border-bottom:1px solid #e3e5e4; color:#666666; line-height:30px; background:#FCFCFC}
.tbl1 td{border-bottom:1px solid #e3e5e4; text-align:left; padding:6px 0 6px 6px; line-height:26px;}
.tbl1 .tit1{background:#f5f5f5; font-weight:bold;}
.tbl1 .last1{border-right:none;}
.tbl1 .left1{text-align:left; padding-left:10px;}
@media screen and (min-width: 480px){	
.tbl1{font-size:15px;}
}

img.btnzip1{width:80px; vertical-align:middle;}

.input_txt01{border:1px solid #ccc; line-height:18px; font-size:15px;-webkit-border-radius:1px; border-radius:0; -webkit-appearance:none;}

.btnarea1{text-align:center;}
.btnarea1 input,
.btnarea1 img{width:18%; vertical-align:top;}


.cboth{clear:both;}
.mT80{margin-top:80px;}
.tab1{}
.tab1 li{float:left; height:35px;}
.tab1 li.w1{width:20%}
.tab1 li.w2{width:25%}
.tab1 li.w3{width:33.3%}
.tab1 li.w4{width:33.4%}
.tab1 li.w5{width:50%}
.tab1 li a{display:block; height:48px; line-height:48px; border:1px solid #ddd; border-left:none; background:#fff; color:#666666; text-align:center; font-size:18px;}
.tab1 li a.f1{border-left:1px solid #dddddd;}
	
.tab1 li a:hover, .tab1 li a.on{background:#0099d2; border:1px solid #0099d2; border-bottom:1px solid #0099d2; color:#fff;}
.tab1 li a.t1:hover, .tab1 li a.t1.on{}
.tab1 li a.t2:hover, .tab1 li a.t2.on{}
.tab1 li a.t3:hover, .tab1 li a.t3.on{}
.tab1 li a.t4:hover, .tab1 li a.t4.on{}
.tab1 li a.t5:hover, .tab1 li a.t5.on{}
.tab1 li a.t6:hover, .tab1 li a.t6.on{}
@media screen and (max-width: 480px){	
	.tab1 li{height:32px;}
.tab1 li a{ height:32px; line-height:32px; font-size:14px;}
.mT80{margin-top:30px;}
}