@charset "utf-8";

/* 폰트 */
@font-face {
    font-family: 'NotosansCJK';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansKRRegular.woff') format('woff');
    unicode-range: U+AC00-D7A3;
}
@font-face {
    font-family: 'NotosansCJK';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansKRMedium.woff') format('woff');
    unicode-range: U+AC00-D7A3;
}
@font-face {
    font-family: 'NotosansCJK';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansKRBold.woff') format('woff');
    unicode-range: U+AC00-D7A3;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Inter-Regular.woff') format('woff');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Inter-Medium.woff') format('woff');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Inter-Bold.woff') format('woff');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

/* 리셋 */
* {margin: 0; padding: 0;}

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 {margin: 0; padding: 0; border: 0; font-family:'Inter','NotosansCJK', sans-serif; font-size: 100%; vertical-align: baseline; font-style: normal; box-sizing: border-box; list-style: none;}

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

em, strong, span, address {display: inline-block; font-family:'Inter','NotosansCJK', sans-serif; font-style: normal;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

caption, legend {display: none;}

a {text-decoration: none; color: var(--black); font-family:'Inter','NotosansCJK', sans-serif;}
a:link {text-decoration: none;}

ol, ul {list-style: none;}

table {border-collapse: collapse; border-spacing: 0;}

input {box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;  font-family:'Inter','NotosansCJK', sans-serif;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input, button {border: none; outline: none; font-family:'Inter','NotosansCJK', sans-serif;}
input:focus {outline: none;}

button {cursor: pointer; font-family:'Inter','NotosansCJK', sans-serif;}

textarea{ font-family:'Inter','NotosansCJK', sans-serif; resize: none;}

input::placeholder,
textarea::placeholder {color: var(--grey999); font-size: 14px;}


body {
    /* overflow-x: hidden; */
    overflow-y: auto;
    --p60: #6994ff;
    --pcolor: #054cff;
    --p10: #e6eeff;
    --p30: #b4caff;
    --p5: #f2f6ff;
    --grey333: #323232;
    --grey666: #666;
    --black: #0d0d0d;
    --grey999: #959595;
    --pdark: #293b66;
    --navy: #293866;
    --greyccc: #ccc;
    --greyf2f2: #f2f2f2;
    --greyddd: #ddd;
    --greye4e4: #e4e4e4;
    --bg: #f8f8f8;
    --white: #fff;
    --red: #f52516;
    --green: #22aa3d;
    --orange: #ee614f;
    --yellow: #fab520;
    --black-ui: #1a202c;
    
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    line-height: 1.4;
    letter-spacing: -0.28px;
}