@charset "utf-8";

/* @import url('https://webfontworld.github.io/sunn/SUIT.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

* {margin:0; padding:0;}
body {margin:0; padding:0; background-color:var(--point-white, inherit); color:var(--black-color00, inherit); font-style:normal; font-size:12px; font-family:var(--font-type01, inherit); letter-spacing:-0.02em; word-break:keep-all; line-height:1.4;}

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;text-size-adjust:none}
img {border: 0 none; vertical-align:middle; max-width:100%; max-height: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 {appearance: none;border-radius: 0;}
h1, h2, h3, h4, h5, h6{ 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{position: absolute;visibility:hidden;width:0;height:0;overflow: hidden;font-size:0;}

/* form */
form { display:inline; }
select, input, textarea { color:inherit; font-family:var(--font-type01, inherit); font-size:inherit; vertical-align:middle; }
fieldset, blockquote, iframe, button { border:none; }
input:focus,textarea:focus,select:focus{outline:none;}
textarea{resize: none;}
/* font */
i, em, u, cite {font-style:normal;}
em{font-weight:bold;}

/* link */
a {color:inherit; 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;}


/* custom */
	:root{
		--transparent:transparent;
		--point-white:#fff;
		--point-color01:#4268D1;
		--point-color02:#287EFF;
		--point-color03:#41BDB9;
		--point-color04:#0D2259;
		--point-color05:#FFB648;
		--point-color06:#014099;
		--point-color07:#97A9EB;
		--point-color08:#8ED3F7;
		--point-color09:#C8CCFA;
		--point-color10:#F0FBF7;
		--point-color11:#FFF2F7;
		--point-color12:#E8F7FF;
		--point-color13:#F7F8FB;
		--point-color14:#F4F7FD;
		--point-color15:#F8FBFF;
		--point-color16:#4CA6FA;
		--point-color17:#4268D1;
		--point-color18:#1954AD;
		--point-color19:#E4EFFF;
		--point-color20:#90CDFA;
		--point-color21:#CAB7FF;
		--point-color22:#ACE3EF;
		--point-color23:#92CCFC;
		--point-color24:#8BDCF5;
		--point-color25:#FFCB7D;
		--point-color26:#BCB3F4;
		--point-color27:#F0A2BB;
		--point-color28:#82DEA7;
		--point-color29:#8CABF2;
		--point-color30:#85CCF0;
		--point-color31:#79C7D2;
        --point-color32:#3AB64A;
        --point-color33:#CEA43A;
        --point-color34:#3A5DB6;
        --point-color35:#E4032E;
        --point-color36:#51BCD3;
        --point-color37:#FF8282;
        --point-color38:#C791E0;
        --point-color39:#61CC85;
        --point-color40:#C1ABFF;
        --point-color41:#FF5959;
		--point-color42:#53C6CA;
		--point-color43:#FA6D6D;
		--point-color44:#A2DF54;
        --point-color45:#A5DB60;
		--border-color01:#ddd;
		--border-color02:#ccc;
		--border-color03:#eee;
		--border-color04:#D9D9D9;
		--border-color05:#4268D1;
		--black-color00:#000;
		--black-color01:#111;
		--black-color02:#222;
		--black-color03:#333;
		--black-color04:#444;
		--black-color05:#555;
		--black-color06:#666;
		--black-color07:#7B7B7B;
		--black-color08:#888;
		--black-color09:#999;
		--black-color10:#aaa;
		--gray-bg:#F5F5F5;
		--gray-bg02:#F8F8F8;
		--gray-bg03:#F1F1F1;
		--point-bg:#F8FBFF;
		--point-bg02:#FFF6F9;
		--point-bg03:#FFFBEC;
		--point-bg04:#F0F8FB;
		--point-bg05:#F8FCFE;
        --point-bg06:#F9F8FF;
        --point-bg07:#FFF4F4;
		/* --font-type01:'SUITE', '맑은 고딕', dotum, sans-serif;
		--font-type02:'Inter', 'SUITE', '맑은 고딕', dotum, sans-serif;
        --font-type02:'Poppins', 'SUITE', '맑은 고딕', dotum, sans-serif; */
		--filter-white:brightness(0) invert(1);
		--filter-black:brightness(0);
		--title-54:54px;
		--title-50:50px;
		--title-48:48px;
		--title-42:42px;
		--title-40:40px;
		--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;
	}

	@media screen and (max-width:1480px){
		:root{
			--title-54:50px;
			--title-50:46px;
			--title-48:44px;
			--title-42:40px;
			--title-40:38px;
			--title-32:30px;
			--title-30:28px;
			--title-28:26px;
			--title-26:25px;
			--title-24:23px;
			--title-22:21px;
			--title-20:19px;
			--title-18:17px;
			--title-16:15px;
		}
	}
	@media screen and (max-width:1023px){
		:root{
			--title-54:46px;
			--title-50:42px;
			--title-48:40px;
			--title-42:38px;
			--title-40:36px;
			--title-32:28px;
			--title-30:26px;
			--title-28:25px;
			--title-26:24px;
			--title-24:22px;
			--title-22:19px;
			--title-20:18px;
			--title-18:16px;
			--title-17:16px;
		}
	}
	@media screen and (max-width:860px){
		:root{
			--title-54:42px;
			--title-50:38px;
			--title-48:36px;
			--title-42:35px;
			--title-40:34px;
			--title-32:26px;
			--title-30:24px;
			--title-28:23px;
			--title-26:22px;
			--title-24:21px;
			--title-22:18px;
			--title-20:17px;
			--title-18:15px;
			--title-17:15px;
			--title-16:14px;
		}
	}
	@media screen and (max-width:640px){
		:root{
			--title-54:38px;
			--title-50:34px;
			--title-48:32px;
			--title-42:31px;
			--title-40:30px;
			--title-32:25px;
			--title-30:23px;
			--title-28:22px;
			--title-26:21px;
			--title-24:20px;
			--title-22:17px;
			--title-20:16px;
			--title-18:14px;
			--title-17:14px;
			--title-16:12px;
		}
	}
	@media screen and (max-width:479px){
		:root{
			--title-54:34px;
			--title-50:30px;
			--title-48:29px;
			--title-42:28px;
			--title-40:27px;
			--title-32:24px;
			--title-30:22px;
			--title-28:21px;
			--title-26:20px;
			--title-24:19px;
			--title-22:16px;
			--title-20:15px;
		}
	}