@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

@import url('layout.css');
@import url('sub.css');
@import url('hover.css');


/* 초기화 */
html {overflow-y:scroll}
body {margin:0; padding:0; font-size:14px; font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif; -webkit-text-size-adjust:none;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0; padding:0; list-style:none}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-size:1em}
input, button {margin:0; padding:0; font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif; font-size:14px}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333; text-decoration:none}

*, :after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/*input[type=text],input[type=password], textarea {-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {-webkit-box-shadow:0 0 5px #9ed4ff;  -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important;}*/


.h10 {margin-top:10px;}.h20 {margin-top:20px;}.h30 {margin-top:30px;}.h40 {margin-top:40px;}.h50 {margin-top:50px;}.h80 {margin-top:80px;}.h90 {margin-top:90px;}.h100 {margin-top:100px;}
.p5 {padding:0 5px; font-family:dotum; font-weight:normal;} .p10 {padding:0 10px; font-family:dotum; font-weight:normal;} .p15 {padding:0 15px; font-family:dotum; font-weight:normal;} .p20 {padding:0 20px; font-family:dotum; font-weight:normal;} .p30 {padding:0 30px; font-family:dotum; font-weight:normal;}
.hidden {display:none;}

.tac {text-align:center;}
.taj {text-align:justify;}
.tal {text-align:left;}

.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

.dec01 {color:#3162b4;} /*파랑*/
.decw {color:#fff;}
.decr {color:#f32938;}
.dec04 {color:#ffde56;} /*노랑*/
.dec05 {color:#58608c;} /*파랑*/
.dec06 {color:#fcecec;} /*연분홍*/

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


.frmst01 {border:1px solid #d9d9d9; background:#fff; color:#333; vertical-align:middle; padding:4px 0 0 10px; height:35px; box-sizing:border-box; font-size:13px;}
.frmst02 {border:1px solid #d9d9d9; background:#fff; color:#333; padding:7px 0 0 10px; height:35px; box-sizing:border-box; font-size:13px;}

.e13 {font-family:'Roboto',sans-serif; font-size:13px; line-height:18px; letter-spacing:0px;}
.img100 {max-width:100%; min-width:100%;}
.img60 {max-width:60%; min-width:60%;}

@media all and (max-width:767px) {
	html {overflow-y:scroll;height:100%; min-width:320px}
	body {margin:0; padding:0; /*font-size:0.75em;background:#f8f8f8;*/ height:100%;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; -webkit-text-size-adjust:none;}
	html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
	h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
	legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
	label, input, button, select, img {vertical-align:middle}
	input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
	button {cursor:pointer}
	input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
	textarea, select {font-size:1em;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
	textarea {border-radius:0;-webkit-appearance:none;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
	select {margin:0;background:none;font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
	p {margin:0;padding:0;word-break:break-all}
	hr {display:none}
	pre {overflow-x:scroll;font-size:1.1em}
	a {color:#000;text-decoration:none}
	ul,li,dl,dt,dd {padding:0;margin:0}
	ul {list-style:none}
}