@charset "utf-8";

* {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:'Pretendard','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:'Pretendard','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:'Pretendard','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:'Pretendard','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:'Pretendard','Inter','NotosansCJK', sans-serif;}
input:focus {outline: none;}

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

textarea{ font-family:'Pretendard','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: #2563EB;
    --p10: #e6eeff;
    --p30: #b4caff;
    --p5: #f2f6ff;
    --grey333: #323232;
    --grey666: #666;
    --black: #111827;
    --grey999: #959595;
    --pdark: #293b66;
    --navy: #293866;
    --greyccc: #ccc;
    --greyf2f2: #f2f2f2;
    --greyddd: #ddd;
    --greye4e4: #e4e4e4;
    --bg: #f8f8f8;
    --bg-grey: #F9FAFB;
    --bg-green: #ECFDF5;
    --bg-blue: #EFF6FF;
    --bg-blue-hover: #DBEAFE;
    --bg-beige: #FFFBEB;
    --bg-red: #FFF1F2;
    --bg-purple: #EEF2FF;
    --white: #fff;
    --red: #f52516;
    --green: #059669;
    --orange: #ee614f;
    --yellow: #fab520;
    --light-brown: #D97706;
    --pink: #F43F5E;
    --purple: #9333EA;
    --black-ui: #1a202c;
    --desc: #6B7280;
    --desc2: #9CA3AF;
    --alert: #EF4444;
    --min-width: 1280px;
    --max-width: 1360px;
    --company-bg-1: var(--bg-blue);
    --company-bg-2: #FCF3FF;
    --company-bg-3: var(--bg-beige);
    --company-bg-4: var(--bg-green);
    --company-bg-5: var(--bg-red);
    --company-bg-6: var(--bg-grey);
    --badge-bg-1: rgba(37, 99, 235, 0.80);
    --badge-bg-2: rgba(147, 51, 234, 0.80);
    --badge-bg-3: rgba(234, 88, 12, 0.80);
    --badge-bg-4: rgba(5, 150, 105, 0.80);
    --badge-bg-5: rgba(244, 63, 94, 0.80);
    --badge-bg-6: rgba(107, 114, 128, 0.80);
    --company-color-1: var(--pcolor);
    --company-color-2: var(--purple);
    --company-color-3: #EA580C;
    --company-color-4: var(--green);
    --company-color-5: var(--pink);
    --company-color-6: var(--desc);

    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    line-height: 1.4;
    letter-spacing: -0.28px;
}