/* reset */
*, *::before, *::after {box-sizing: border-box;}
html {font-size: 10px;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;}
body {margin: 0;min-width: 320px;color: var(--color-text);font-weight: 400;font-family: 'Pretendard', sans-serif;}
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {margin: 0;}
ul, ol {margin: 0;padding: 0;list-style: none;}
pre, code, kbd, samp {font-family: inherit; font-size: inherit;}
a {display: block;color: inherit; text-decoration: none;}
button, input, textarea, select {margin: 0; padding: 0; font: inherit; color: inherit;border: 0;outline: 0;background: transparent;box-sizing: border-box;}
button {border: 0; background: transparent; cursor: pointer;}
button:disabled {cursor: default;}
input, textarea, select {border-radius: 0;}
textarea {resize: vertical;}
fieldset {min-width: 0; margin: 0; padding: 0; border: 0;}
legend {padding: 0;}
input[type="search"] {-webkit-appearance: none; appearance: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {margin: 0;-webkit-appearance: none;}
/* select {-webkit-appearance: none; appearance: none;} */
input::placeholder, textarea::placeholder {color: inherit; opacity: 1;}
img, picture, video, canvas, svg {display: block; max-width: 100%;}
span {display: inline-block;}
img {border: 0;display: inline-block;}
iframe {display: block; border: 0;}
table {width: 100%;border-collapse: collapse; border-spacing: 0;}
th, td {padding: 0;}
:root {

    /* layout */
    --max-pc-width: 1200px;
    /* Color */
    --color-primary: #0070DE;
    --color-secondary: #0F50B3;
    --color-text: #1A1F27;
    --color-sub: #5E646D;
    --color-border: #EAEBEC;
    --color-black: #1A1F27;
    --color-white: #fff;
    --color-red: #F04452;
    --bg-grey: #F2F4F8;
    /* Typography */
    --font-size-tit: 16px;
    --font-size-txt: 16px;
    /* Radius */
    --radius-sm: 0.8rem;
    --radius-md: 1.6rem;
    --radius-lg: 2.4rem;
    --radius-full: 9999px;
    --shadow-sm: 0 2px 8px rgba(26,31,39,.16);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.14);
}

.blind {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}

/* color */
.font-blue1 {color: #0070de !important;}
.font-red1 {color: #F04452 !important;}

/* button */
.btn-prev {width: 2rem;height: 2rem;background: url(../images/ico-arr-r.svg) no-repeat center;background-size: contain;transform: rotate(180deg);}
.btn-type1 {display: flex;justify-content: center;align-items: center;height: 4.8rem;padding: 0 2.4rem;font-size: 1.6rem;font-weight: 600;color: var(--color-white);border-radius: var(--radius-md);background: var(--color-primary);}
.btn-type2 {display: flex;align-items: center;justify-content: center;height: 4.8rem;padding: 0 2.4rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);color: var(--color-sub);font-size: 1.6rem;font-weight: 600;}
.btn-type3 {display: flex;align-items: center;justify-content: center;height: 4.8rem;padding: 0 2.4rem;border: 1px solid var(--color-primary);border-radius: var(--radius-md);color: var(--color-primary);font-size: 1.6rem;font-weight: 600;}
.btn-tab {display: flex;align-items: center;justify-content: center;height: 4rem;padding: 0 2.4rem;border-radius: var(--radius-full);border: 1px solid var(--color-border);font-size: clamp(1.4rem, 4vw, 1.6rem);font-weight: 600;color: var(--color-sub);background: var(--color-white);}
.btn-tab:hover {background: #eef2f8;}
.btn-txtline {text-decoration: underline;}

/* checkbox */
.radio-type {position: relative; width: 20px; height: 20px;margin: 0 7px 0 0;border: 1px solid #C6CDD7;border-radius: var(--radius-full);appearance: none;-webkit-appearance: none;background: var(--color-white);cursor: pointer;}
.radio-type:checked {border-color: var(--color-primary);}
.radio-type:checked::after {content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--color-primary); transform: translate(-50%, -50%);}
.checkbox-label {font-size: 1.4rem; line-height: 2.2rem; white-space: nowrap; cursor: pointer;}
.radio-type {position: relative; width: 20px; height: 20px;margin: 0 7px 0 0;border: 1px solid #C6CDD7;border-radius: var(--radius-full);appearance: none;-webkit-appearance: none;background: var(--color-white);cursor: pointer;}
.radio-type:checked {border-color: var(--color-primary);}
.radio-type:checked::after {content: ""; position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 50%;background: var(--color-primary);transform: translate(-50%, -50%);}
.auth-row input[type="checkbox"] {position: relative;width: 20px;height: 20px;border: 1px solid #C6CDD7;border-radius: 6px;appearance: none;-webkit-appearance: none;background: var(--color-white);cursor: pointer;}
.auth-row input[type="checkbox"]:checked {border: none;}
.auth-row input[type="checkbox"]:checked::after {content: '';position: absolute;top: 0;left: 0;width: 20px;height: 20px;background: url(../images/icon_Checkbox_on.svg) no-repeat center;background-size: contain;}

/* text */
.input-label {display: block;margin-bottom: 7px;color: var(--color-sub);font-size: 1.6rem;line-height: 2.4rem;font-weight: 500;}
.input-label.req::after {content: ' *';color: var(--color-primary);font-size: 1.4rem;}
.input-box {display: flex;align-items: center;height: 5.6rem;padding: 0 1.2rem;border-radius: var(--radius-md);border: 1px solid #C6CDD7;}
.input-box::placeholder {color: #767E88;}

/* select */
.select-box {display: flex;align-items: center;padding: 0 1.8rem 0 1.2rem;border: 1px solid #C6CDD7;border-radius: var(--radius-md);font-size: 1.6rem;box-sizing: border-box;appearance: none;-webkit-appearance: none; }
/* .select-box::after {content: '';width: 2rem;height: 2rem;background: url(../images/icon_Arrow_T.svg) no-repeat center;background-size: contain;transform: rotate(-180deg);} */
.select-box select {flex: 1;height: 5.6rem;line-height: 1;text-align: center;}
.select-box option {padding: 0.5rem;;}