@charset 'utf-8';
/* font */
@font-face {
    font-family: 'nexon';
    font-weight: 200;
    font-style: normal;
    src: url('/static_root/css/font/NEXONLv2GothicOTF-Light.otf') format('opentype');
}

@font-face {
    font-family: 'nexon';
    font-weight: 400;
    font-style: normal;
    src: url('/static_root/css/font/NEXONLv2GothicOTF.otf') format('opentype');
}

@font-face {
    font-family: 'nexon';
    font-weight: 600;
    font-style: normal;
    src: url('/static_root/css/font/NEXONLv2GothicOTF-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'nexon';
    font-weight: 800;
    font-style: normal;
    src: url('/static_root/css/font/NEXONLv2GothicOTF-Bold.otf') format('opentype');
}

/* reset */
*{margin:0;padding:0;border:0}
*,
*::before,
*::after{box-sizing:border-box}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}

html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body{font-family:'nexon';line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto}
img,picture{display:inline-block;max-width:100%}
textarea:not([rows]){min-height:10em}
a,button, span, strong, input, select{display:inline-block}
:target{scroll-margin-block:5ex}
table{border-collapse:collapse;border-spacing:0}
em{font-style:normal}
strong{font-weight:bold}

/* search x 버튼 */
input::-ms-clear,
input::-ms-reveal{display:none}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}
input::file-selector-button{display:none}
input, textarea, button{font-family:'nexon';-webkit-tap-highlight-color:transparent;outline:none}
[type=password]{font-family:Dotum,'돋움'}

input::placeholder,
textarea::placeholder{font-family:'nexon';font-size:14px;color:#9e9e9e}
input{-webkit-appearance:none;height:100%;vertical-align:middle;border-radius:0;border:0}
[type=date]::-webkit-inner-spin-button,
[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none}
select::-ms-expand {display: none}
input[type=text]:disabled{background-color:var(--gray30)}

a{text-decoration:none;background:transparent;border:none;cursor:pointer}
button{padding:0;border:0;background:transparent;border:none;cursor:pointer}
button:focus{outline:auto}
button::-moz-focus-inner{padding:0;border:0}

.hidden,
.blind,
.hide,
caption,
legend{position:absolute;overflow:hidden;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%)}

:root{
    /* --main-color:#1464AB;  20,100,171 */
    --main-color:#00A05E;/* 0, 160, 94 */
    --main-color02:#E8F0F7;
    --gray:#292E41;/* txt primary */
    --gray90:#373F57;
    --gray80:#475067;
    --gray70:#5C667B;
    --gray60:#8491A7; /* txt secondary */
    --gray50:#96A0B5;
    --gray40:#D7DCE5;
    --gray30:#EAEDF4;/* border-color */
    --gray20:#F4F6FA;
    --gray10:#FAFAFC;
    --tbl-bg:#F6F8FB;
}