@charset "utf-8";

/* ========================================================================== */
/* RESET */
/* ========================================================================== */

/* 기본 */
*{color: var(--Secondary-Base);font-weight:400;font-family:'Pretendard', sans-serif;line-height:normal;vertical-align:top;box-sizing:border-box;appearance:none;scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;}

/* 고정 */
html.fixed , body.fixed{overflow:hidden; touch-action:none;-webkit-touch-action:none;}

/* 모바일 가로모드 폰트확대 방지 */
body{-webkit-text-size-adjust:none;}

/* 헤더 폰트 사이즈 초기화 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom:0; color:var(--Secondary-Base);}

/* 텍스트 */
a{color:inherit; text-decoration:none;}
a:hover{color:inherit; text-decoration:none;}
p{margin-bottom:0;}
button{margin:0; padding:0; border:0; background:none; vertical-align:top; cursor:pointer; box-sizing:border-box;}

/* 이미지 */
img, fieldset{border:none;}
img, object{vertical-align:top;}

/* 리스트 */
ul , ol{margin-bottom:0; padding-left:0; list-style:none;}
em , address{font-style:normal;}

/* 테이블 */
table{width:100%; border-spacing:0;}
th , td{text-align:center; vertical-align:middle;}
legend , caption{display:none;}

/* 폼 */
form{max-width:100%;}
label{cursor:pointer;}
select{border-radius:0; background:#fff;}
textarea{resize:none;}
input , textarea{-webkit-border-radius:0;}
/* 사파리 초기화 */
input:-internal-autofill-selected{background:transparent !important;}


/* ========================================================================== */
/* STYLE GUIDE */
/* ========================================================================== */

/* color */
:root {
    --Primary-Base: #08F;
    --Primary-400: #00A0FF;
    --Primary-300: #0088FE;
    --Primary-200: #B2DBFF;
    --Primary-100: #CAE7FC;
    --Primary-50: #EDF5FF;

    --Primary-Blue-0: #E6F3FF;

    --Secondary-Base: #0F172A;
    --Secondary-400: #1E293B;
    --Secondary-300: #334155;
    --Secondary-200: #475569;
    --Secondary-100: #DBE7F6;
    --Secondary-50: #F3F6FB;

    --Secondary-Violet: #7875FC;

    --Alerts-Success-Base: #23AA26;
    --Alerts-Success-Dark: #199226;
    --Alerts-Success-Light: #5ACC52;

    --Alerts-Warning-Base: #F9AA00;
    --Alerts-Warning-Dark: #D68B00;
    --Alerts-Warning-Light: #FBC53E;

    --Alerts-Error-Base: #F4462C;
    --Alerts-Error-Dark: #D12920;
    --Alerts-Error-Light: #F87F5F;

    --Grayscale-50: #F9F9F9;
    --Grayscale-100: #F1F5F9;
    --Grayscale-200: #E2E8F0;
    --Grayscale-300: #CBD5E1;
    --Grayscale-400: #94A3B8;
    --Grayscale-500: #666D80;
    --Grayscale-600: #475569;
    --Grayscale-700: #334155;
    --Grayscale-800: #1E293B;
    --Grayscale-900: #0F172A;

    --Others-Amber: #FCD34D;
    --Others-Camaron: #FF8092;
    --Others-Portage: #887EF9;

    --Line-Base: #F0F1F7;

    --Text-Black: #0C1221;

    --White-90: rgba(255, 255, 255, 0.9);

    --Label-Colors-Primary: #11151D;
    --Label-Colors-Tertiary: #E7E9EE;

    --Neutral-1: #111;
    --Neutral-03: #333743;
    --Neutral-700: #333D4B;

    --System-Background-Tertiary: #F6F7FA;
    --semantic-error-500: #EF4444;
}