@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

* {margin:0; padding:0; border:0;}
body {background:var(--point-white); color:var(--black-color00); font-style:normal; font-size:var(--title-15); font-family:var(--font-type01); line-height: 1.3; text-wrap: pretty; 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 { -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;}
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;}
dl :is(dt, dd){font-weight: inherit;}

/* table */
table { border-collapse:collapse; border-spacing:0; width:100%;table-layout:fixed;}
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; }
textarea{resize: none;}
textarea:focus{outline: 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: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;}


/* custom */
    :root{
        --trans-color:transparent;
        --point-white:#fff;
        --point-color01:#043671;
        --point-color02:#023;
        --point-color03:#0090FF;
        --point-color04:#00243b;
        --point-color05:#DEF1FF;
        --point-color06:#EDF7FF;
        --point-color07:#38B4E9;
        --point-color08:#A7BCD3;
        --point-color09:#00032F;
        --point-color10:#C62525;
		--point-color11:#00A99D;
        --point-grad01:linear-gradient(90deg, #2D55A5 16%, #38B4E9 75.64%);
        --point-grad02:linear-gradient(325deg, #2D55A5 10%, #38B4E9 50%);
        --point-grad03:linear-gradient(0deg, #2D55A5 0%, #38B4E9 73.08%);
        --point-grad04:linear-gradient(0deg, #2D55A5 29.29%, #38B4E9 91.3%);
        --point-grad05:linear-gradient(0deg, #2D55A5 0%, #38B4E9 29.63%);
        --point-grad06:radial-gradient(50% 50% at 50% 50%, #38B4E9 0%, rgba(56, 180, 233, 0.00) 100%);
        --point-grad07:linear-gradient(317deg, #2D55A5 0.59%, #38B4E9 65.67%);
        --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;
        --gray-bg01:#F5F5F5;
        --gray-bg02:#F7F7F7;
        --gray-bg03:#E5E5E5;
        --polygon-path01:polygon(-5px -5px, 110% -5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, -5px 110%);
        --polygon-path02:polygon(-5px -5px, 110% -5px, 100% calc(100% - 10px), calc(100% - 10px) 100%, -5px 110%);
        --polygon-path03:polygon(-5px -5px, 110% -5px, 100% calc(100% - 25px), calc(100% - 25px) 100%, -5px 110%);
        --polygon-path04:polygon(200px 0, 100% 0, calc(100% - 200px) 100%, 0 100%);
        --polygon-path05:polygon(112px 0, 100% 0, calc(100% - 112px) 100%, 0 100%);
        --polygon-path06:polygon(82px 0, 100% 0, calc(100% - 82px) 100%, 0 100%);
        --polygon-path07:polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
        --polygon-path08:polygon(320px 0, 100% 0, calc(100% - 320px) 100%, 0 100%);
        --polygon-path09:polygon(182px 0, 100% 0, calc(100% - 182px) 100%, 0 100%);
        --polygon-path10:polygon(calc(100% - 2px) 0, 100% 0, 2px 100%, 0% 100%);
        --polygon-path11:polygon(0 0, 1px 0, 100% 100%, calc(100% - 1px) 100%);
        --polygon-path12:polygon(calc(100% - 1px) 0, 100% 0, 1px 100%, 0 100%);
        --polygon-path13:polygon(calc(100% - 2px) 0, 100% 0, 2px 100%, 0% 100%);
        --polygon-path14:polygon(10% 0, 0 100%, 100% 55%);
        --polygon-path15:polygon(90px 0, 100% 0, calc(100% - 90px) 100%, 0 100%);
        --polygon-path16:polygon(0 0, 4px 0, 100% 100%, calc(100% - 4px) 100%);
		--polygon-path17:polygon(102px 0, 149% 0%, calc(100% - 249px) 100%, -96% 100%);
        --font-type01:'Rajdhani', '맑은 고딕', dotum, sans-serif;
        --font-type02:'Heebo', 'Rajdhani', '맑은 고딕', dotum, sans-serif;
        --filter-white:brightness(0) invert(1);
        --filter-black:brightness(0);
        --title-20:20px;
        --title-19:19px;
        --title-18:18px;
        --title-17:17px;
        --title-16:16px;
        --title-15:15px;
        --title-14:14px;
        --radius-10:10px;
        --radius-05:5px;
        --radius-03:3px;
        --shadow-01:0 0 25px rgba(0, 0, 0, 0.15);
        --shadow-02:0 0 30px rgba(0, 0, 0, 0.70);
        --shadow-03:0 0 25px rgba(4, 54, 113, 0.15);
    }

    @media screen and (max-width:1023px){
        :root{
            --title-20:19px;
            --title-19:18px;
            --title-18:17px;
            --title-17:16px;
            --title-16:15px;
            --title-15:14px;
            --title-14:13px;
        }
    }
    @media screen and (max-width:860px){
        :root{
            --title-20:18px;
            --title-19:17px;
            --title-18:16px;
            --title-17:15px;
            --title-16:14px;
            --title-15:13px;
            --title-14:12px;
        }
    }
    @media screen and (max-width:640px){
        :root{
            --title-20:17px;
            --title-19:16px;
            --title-18:15px;
            --title-17:14px;
            --title-16:13px;
            --title-15:12px;
            --radius-10:5px;
            --shadow-01:0 0 12.5px rgba(0, 0, 0, 0.15);
            --shadow-02:0 0 15px rgba(0, 0, 0, 0.70);
            --shadow-03:0 0 12.5px rgba(4, 54, 113, 0.15);
        }
    }
    @media screen and (max-width:479px){
        :root{
            --title-20:16px;
            --title-19:15px;
            --title-18:14px;
            --title-17:13px;
        }
    }