@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

:root{
    --color-base: #403d3f;
    --color-black: #181818;
    --color-gray: #666666;
    --color-gray2: #999999;
    --color-blue: #2d4390;
    --color-blue2: #3756D0;
    --color-primary: #2d4390;
    --color-primary2: #425dbb;
    --color-red: #cc0c0c;
    --color-white: #ffffff;
    --color-yellow: #fccc0a;
    --color-line: #ccc;

    --color-kidst-primary: #2d4390;
    --color-kidst-primary2: #425dbb;

    --color-koce-primary: #2d4390;
    --color-koce-primary2: #425dbb;

    --color-mois-primary: #2d4390;
    --color-mois-primary2: #425dbb;

    --organization-color1: #164593;
    --organization-color2: #435FBC;
    --organization-color3: #425DBB;
    --organization-color4: #3E49AD;
    --organization-color5: #6770C5;
    --organization-color6: #77889F;

    --color-msit-primary: #2d4390;
    --color-msit-primary2: #425dbb;
    
    --fs-10: 10px;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-36: 36px;
    --fs-38: 38px;
    --fs-56: 56px;

    --lh-16: 16px;
    --lh-17: 17px;
    --lh-18: 18px;
    --lh-19: 19px;
    --lh-20: 20px;
    --lh-22: 22px;
    --lh-24: 24px;
    --lh-26: 26px;
    --lh-29: 29px;
    --lh-30: 30px;
    --lh-32: 32px;
    --lh-34: 34px;
    --lh-36: 36px;
    --lh-38: 38px;
    --lh-40: 40px;
    --lh-42: 42px;
    --lh-44: 44px;
    --lh-48: 48px;
    --lh-52: 52px;
    --lh-54: 54px;
    --lh-56: 56px;
    --lh-58: 58px;
    --lh-80: 80px;
}

/****************************** RESET ******************************/
html {scroll-behavior: smooth;}

body {width: 100%;font-family: "Noto Sans KR", sans-serif;font-size: 14px;font-weight: 400;color: var(--color-base);line-height: 1;word-break: keep-all;word-wrap: break-word;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a,span {margin: 0;padding: 0;box-sizing: border-box;vertical-align: baseline;}

body,input,select,textarea,button,table {}

h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: inherit;}

iframe, fieldset {border: 0;}

img {border: 0;vertical-align: middle;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

dl,ul,ol,menu,li {list-style: none;}

em,address {font-style: normal;}

a {color: inherit;text-decoration: none;}

a:hover,a:active,a:focus {text-decoration: none;}

input,select,textarea,button {vertical-align: middle;}

button {cursor: pointer;width: auto;overflow: visible;color: inherit;font-size: inherit;vertical-align: middle;background: transparent;border: none;outline: none;}

button[disabled="disabled"] {cursor: default;}

table {border-collapse: separate;border-spacing: 0;table-layout: fixed;width: 100%;empty-cells: show;}

caption,legend {visibility: hidden;font-size: 0;width: 0;height: 0;line-height: 0;}

input{box-shadow: none !important;}

input:focus{outline: none;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #fff inset;-webkit-text-fill-color: var(--color-base);transition:background-color 5000s ease-in-out 0s;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}

input[type='tel']::-ms-clear, input[type='text']::-ms-clear, input[type='password']::-ms-reveal {display: none;}

input[disabled="disabled"], select[disabled="disabled"], input.disabled {background-color: #eee;cursor: default;border-color: #ccc;}

input[readonly="readonly"], input.readonly {background-color: #eee;cursor: default;}

select {vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}

select::-ms-expand {display: none;}

::-webkit-input-placeholder {color: #999; font-weight: 500;}

::-moz-placeholder {color: #999; font-weight: 500;}

:-ms-input-placeholder {color: #999; font-weight: 500;}

:-moz-placeholder {color: #999; font-weight: 500;}

select.placeholder {color: #999; font-weight: 500;}

div:focus, dl:focus, dt:focus, dd:focus, ul:focus, ol:focus, li:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, pre:focus, code:focus, form:focus, fieldset:focus, legend:focus, p:focus, blockquote:focus, th:focus, td:focus, article:focus, aside:focus, details:focus, figcaption:focus, figure:focus, footer:focus, header:focus, hgroup:focus, main:focus, nav:focus, section:focus, summary:focus,a:focus, div:hover, dl:hover, dt:hover, dd:hover, ul:hover, ol:hover, li:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, pre:hover, code:hover, form:hover, fieldset:hover, legend:hover, p:hover, blockquote:hover, th:hover, td:hover, article:hover, aside:hover, details:hover, figcaption:hover, figure:hover, footer:hover, header:hover, hgroup:hover, main:hover, nav:hover, section:hover, summary:hover {outline: none;}

.blind {display: block;overflow: hidden;position: absolute;font-size: 1px;line-height: 0;color: transparent;text-indent: -150%;white-space: nowrap;}
.displaynone{display: none !important;}