@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

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;
}
input, button {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

* {margin:0; padding:0;}
body {margin:0; padding:0; background-color:var(--point-white); color:var(--black-color12); font-style:normal; font-size:var(--title-12); font-family:var(--font-type01); line-height: 1.4; word-break: keep-all;}

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%; 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; }
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:inherit; font-family:inherit; 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: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{
    --trans-color:transparent;
    --point-white:#fff;
	--point-color01:#cf9284;
	--point-color02:#efdcd4;
	--point-color03:#AA75F5;
	--point-color04:#7E2AF5;
    --point-color05:#49C15F;
    --point-color06:#D09285;
	--border-color01:#ddd;
	--border-color02:#E0E0E0;
	--border-color03:#CFCFCF;
	--border-color04:#DEE2E6;
    --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;
	--black-color11:#1e1e1e;
	--black-color12:#1d1e1d;
	--black-color13:#8D8D8D;
	--black-color14:#2F2F30;
	--gray-bg01:#F6F6F6;
	--gray-bg02:#F5F5F5;
	--gray-bg03:#F8F8F8;
	--gray-bg04:#EFEFEF;
	--beige-bg01:#FAF7F2;
    --beige-bg02:#FFF7F4;
    --beige-bg03:#FFDFD3;
	--purple-bg01:#F8F9FA;
    --font-type01:'Noto Sans','Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type02:'Montserrat', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
	--title-60:60px;
	--title-45:45px;
	--title-42:42px;
	--title-40:40px;
	--title-30:30px;
	--title-28:28px;
	--title-26:26px;
	--title-25:25px;
	--title-24:24px;
	--title-23:23px;
	--title-22:22px;
	--title-20:20px;
	--title-18:18px;
	--title-16:16px;
	--title-15:15px;
	--title-14:14px;
	--title-12:12px;
	--title-11:11px;
}
@media screen and (max-width:1240px){
    :root{
        --title-60:55px;
		--title-42:40px;
		--title-40:37px;
		--title-26:24px;
		--title-24:23px;
    }
}
@media screen and (max-width:1023px){
    :root{
        --title-60:52px;
        --title-45:42px;
		--title-42:39px;
        --title-40:34px;
        --title-30:27px;
        --title-28:26px;
        --title-25:23px;
        --title-24:22px;
        --title-23:21px;
        --title-22:20px;
        --title-20:19px;
    }
}
@media screen and (max-width:860px){
    :root{
        --title-60:48px;
        --title-45:39px;
		--title-42:37px;
        --title-40:30px;
        --title-30:25px;
        --title-28:24px;
        --title-26:22px;
        --title-25:21px;
        --title-24:20px;
        --title-23:19px;
        --title-22:18px;
        --title-20:17px;
		--title-18:16px;
    }
}
@media screen and (max-width:640px){
    :root{
        --title-60:44px;
        --title-45:36px;
		--title-42:34px;
        --title-40:28px;
        --title-30:23px;
        --title-28:22px;
        --title-26:20px;
        --title-25:19px;
        --title-24:18px;
        --title-23:17px;
        --title-22:16px;
        --title-20:16px;
		--title-18:15px;
		--title-16:14px;
		--title-15:13px;
		--title-14:12px;
		--title-12:11px;
		--title-11:10px;
    }
}
@media screen and (max-width:479px){
    :root{
        --title-60:40px;
        --title-45:33px;
		--title-42:32px;
        --title-40:26px;
        --title-30:22px;
        --title-28:21px;
        --title-26:19px;
        --title-25:18px;
        --title-24:17px;
        --title-23:16px;
        --title-22:15px;
        --title-20:14px;
		--title-18:13px;
		--title-16:12px;
		--title-15:12px;
		--title-14:11px;
		--title-12:11px;
    }
}