@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansKR-Thin.woff2') format('woff2'), url('../font/NotoSansKR-Thin.woff') format('woff'), url('../font/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansKR-Light.woff2') format('woff2'), url('../font/NotoSansKR-Light.woff') format('woff'), url('../font/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansKR-Regular.woff2') format('woff2'), url('../font/NotoSansKR-Regular.woff') format('woff'), url('../font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'), url('../font/NotoSansKR-Medium.woff') format('woff'), url('../font/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansKR-Bold.woff2') format('woff2'), url('../font/NotoSansKR-Bold.woff') format('woff'), url('../font/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansKR-Black.woff2') format('woff2'), url('../font/NotoSansKR-Black.woff') format('woff'), url('../font/NotoSansKR-Black.otf') format('opentype');
}


* {margin:0; padding:0; border:0;}
img {max-width:100%; max-height: 100%;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {background-color:transparent;cursor:pointer}
body {background:var(--point-white);color:var(--black-color01);font-size:var(--title-14);font-family:var(--font-type01); line-height: 1.3; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;}
dl,ul,ol,li {list-style:none}
button{background:transparent; cursor:pointer; vertical-align:middle; }
button, input {background:transparent;}
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, button {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;} */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight: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:inherit;}
.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;}

.dn {display:none !important;}

/* custom */
    :root{
        --trans-color:transparent;
        --point-white:#fff;
        --point-color01:#0079D0;
        --point-color02:#F2F7FB;
        --point-color03:#F1F3F6;
        --point-color04:#0B1322;
        --point-color05:#0080D0;
        --point-color06:#004476;
        --point-color07:#F2F8FC;
        --point-color08:#17B1BB;
        --point-color09:#F3FAFB;
        --point-color10:#405BBB;
        --point-color11:#F1F3F8;
        --point-color12:#EEF4F9;
        --point-color13:#8764D1;
        --point-color14:#F6F4FA;
        --border-color01:#ddd;
        --border-color02:#ccc;
        --border-color03:#eee;
        --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:#bbb;
        --black-color12:#ccc;
        --gray-bg01:#F5F5F5;
        --gray-bg02:#F1F3F6;
        --gray-bg03:#F7F8FA;
        --font-type01:'Poppins', 'Noto Sans KR', '맑은 고딕', dotum, sans-serif;
        --font-type02:'Noto Sans KR', '맑은 고딕', dotum, sans-serif;
        --font-type03:'Inter', 'Noto Sans KR', '맑은 고딕', dotum, sans-serif;
        --font-type04:'Pretendard', '맑은 고딕', dotum, sans-serif;
        --filter-white:brightness(0) invert(1);
        --filter-black:brightness(0);
        --shadow-01:0 20px 20px rgba(0, 0, 0, 0.05);
        --shadow-02:10px 10px 20px rgba(0, 0, 0, 0.15);
        --shadow-03:0 0 20px rgba(0, 0, 0, 0.10);
        --shadow-04:4px 6px 20px rgba(0, 0, 0, 0.10);
        --shadow-05:10px 10px 40px rgba(0, 0, 0, 0.25);
        --shadow-06:0 10px 20px rgba(0, 0, 0, 0.10);
        --shadow-07:10px 10px 20px rgba(0, 121, 208, 0.30);
        --radius-04:4px;
        --title-20:20px;
        --title-19:19px;
        --title-18:18px;
        --title-17:17px;
        --title-16:16px;
        --title-15:15px;
        --title-14:14px;
    }