@charset "utf-8";

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
	line-height:normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family:var(--font-family-type01);
	letter-spacing:-0.03em;
	word-break: keep-all;
}
input, button {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

* {margin:0; padding:0;}
body {margin:0; padding:0; background-color:#fff; color:#666; font-style:normal; font-size:12px; font-family:var(--font-family-type01); letter-spacing:-0.03em;}

div, ul, ol, li, dl, dt, dd, form, fieldset, input,textarea, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0;-webkit-text-size-adjust:none}
img {border: 0 none; vertical-align:middle; max-width:100%;}
li {list-style:none;}
button{background:transparent; cursor:pointer; vertical-align:middle; margin:0;}
button, input[type="submit"], input[type="button"] {background:transparent; cursor:pointer; *overflow:visible;}
button span{display:none;}
input, button {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
h1, h2, h3, h4, h5, h6{font-size:100%; font-style:normal;}

/* table */
table { border-collapse:collapse; border-spacing:0; width:100%; }
th {vertical-align:middle;}
th, td { border-collapse:collapse; }
legend, hr { display:none; }
caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; }

/* form */
form { display:inline; }
select, input, textarea { color:#666; font-family:var(--font-family-type01); font-size:inherit; vertical-align:middle; }
fieldset, blockquote, iframe, button { border:none; }

/* font */
i, em, u, cite {font-style:normal;}
em{font-weight:bold;}

/* link */
a {color:#666; text-decoration:none; cursor:pointer;}
a:visited{text-decoration: none}
a:focus{text-decoration: none}
a:active{text-decoration: none}
a:hover{text-decoration: none}

h2.blind {display:none; font-size:0; letter-spacing:-9999px;}

.file_list img {padding-left:3px;}

/* 에디터 속성 재정의*/
.view_cont div, .view_cont dl, .view_cont dt, .view_cont dd, .view_cont ul, .view_cont ol, .view_cont li, .view_cont h1, .view_cont h2, .view_cont h3, .view_cont h4, .view_cont h5, .view_cont h6, .view_cont pre, .view_cont code, .view_cont p, .view_cont th, .view_cont td, .view_cont input, .view_cont select, .view_cont button {margin:auto;padding:initial;color:initial;}
.view_cont i, .view_cont em {font-style:italic;color:initial;}
.view_cont em {font-weight:inherit;}
.view_cont dl, .view_cont ul, .view_cont ul li {list-style:disc;list-style-position:inside;}
.view_cont ol, .view_cont ol li {list-style:decimal;list-style-position:inside;}
.view_cont sup, .view_cont sub {font-size:x-small;}
.view_cont table {border-spacing:initial;border-width:inherit;}
.view_cont th, .view_cont td {border-spacing:initial;border-width:inherit;}

/* roots */
	:root{
		--transparent:transparent;
		--point-white:#fff;
		--point-blue:#006FB7;
		--point-blue02:#036EB2;
		--point-green:#6FBA2C;
		--point-light-green:#69B634;
		--point-turquoise:#2B8C82;
		--point-red:#E72418;
		--point-orange:#F8B74A;
		--point-black:#121212;
		--point-black02:#231815;
		--point-gold:#BF9D5A;
		--gray-bg:#f5f5f5;
		--purple-opa-bg: rgba(64, 81, 190, 0.7);
		--mint-opa-bg: rgba(1, 171, 200, 0.7);
		--blue-opa-bg: rgba(75, 158, 237, 0.7);
		--sky-blue-bg01:#F6F9FB;
		--sky-blue-bg02:#F5F9FB;
		--border-color01:#ddd;
		--border-color02:#ccc;
		--black-color00:#000;
		--black-color01:#111;
		--black-color02:#222;
		--black-color03:#333;
		--black-color04:#444;
		--black-color05:#555;
		--black-color06:#666;
		--black-color07:#777;
		--black-color08:#888;
		--black-color09:#999;
		--black-color10:#aaa;
		--filter-white:brightness(0) invert(1);
		--title-80:80px;
		--title-70:70px;
		--title-60:60px;
		--title-50:50px;
		--title-40:40px;
		--title-38:38px;
		--title-34:34px;
		--title-32:32px;
		--title-30:30px;
		--title-28:28px;
		--title-26:26px;
		--title-24:24px;
		--title-22:22px;
		--title-20:20px;
		--title-18:18px;
		--title-17:17px;
		--title-16:16px;
		--title-14:14px;
		--font-family-type01:'Pretendard', sans-serif;
	}
	@media screen and (max-width:1400px){
		:root{
			--title-80:75px;
			--title-70:65px;
			--title-60:55px;
			--title-50:46px;
			--title-40:38px;
			--title-38:36px;
			--title-34:32px;
			--title-32:30px;
			--title-30:28px;
			--title-28:26px;
			--title-26:24px;
			--title-24:22px;
			--title-22:21px;
		}
	}
	@media screen and (max-width:1024px){
		:root{
			--title-80:70px;
			--title-70:60px;
			--title-60:50px;
			--title-50:42px;
			--title-40:36px;
			--title-38:32px;
			--title-34:30px;
			--title-32:28px;
			--title-30:26px;
			--title-28:24px;
			--title-26:22px;
			--title-24:21px;
			--title-22:20px;
			--title-20:19px;
			--title-18:17px;
			--title-17:16px;
			--title-16:15px;
			--title-14:14px;
		}
	}
	@media screen and (max-width:860px){
		:root{
			--title-80:65px;
			--title-70:55px;
			--title-60:45px;
			--title-50:38px;
			--title-40:34px;
			--title-38:30px;
			--title-34:28px;
			--title-32:26px;
			--title-30:24px;
			--title-28:22px;
			--title-26:20px;
			--title-24:19px;
			--title-22:18px;
			--title-20:18px;
			--title-18:17px;
		}
	}
	@media screen and (max-width:640px){
		:root{
			--title-80:60px;
			--title-70:50px;
			--title-60:40px;
			--title-50:34px;
			--title-40:30px;
			--title-38:28px;
			--title-34:26px;
			--title-32:24px;
			--title-30:23px;
			--title-28:20px;
			--title-26:19px;
			--title-24:18px;
			--title-22:17px;
			--title-20:17px;
			--title-18:16px;
			--title-17:15px;
			--title-16:14px;
			--title-14:13px;
		}
	}
	@media screen and (max-width:479px){
		:root{
			--title-80:55px;
			--title-70:45px;
			--title-60:35px;
			--title-50:30px;
			--title-40:28px;
			--title-38:26px;
			--title-34:24px;
			--title-32:23px;
			--title-30:22px;
			--title-20:16px;
			--title-18:15px;
			--title-17:14px;
		}
	}
	@media screen and (max-width:431px){
		:root{
			--title-80:50px;
			--title-70:40px;
			--title-60:30px;
			--title-50:28px;
			--title-40:26px;
			--title-38:24px;
			--title-34:22px;
			--title-32:21px;
			--title-30:20px;
			--title-28:19px;
			--title-26:18px;
			--title-24:17px;
		}
	}
	@media screen and (max-width:360px){
		:root{
			--title-80:45px;
			--title-70:35px;
			--title-60:25px;
			--title-50:23px;
			--title-40:22px;
			--title-38:21px;
			--title-34:20px;
			--title-32:19px;
			--title-30:18px;
			--title-28:17px;
			--title-22:16px;
			--title-20:15px;
			--title-18:14px;
			--title-17:13px;
			--title-16:12px;
			--title-14:11px;
		}
	}