@charset "UTF-8";/* ==================================
 ✅ Variables (CSS Custom Properties)
================================== */
/* Pretendard-Thin */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff")
 format("woff"); font-weight: 100; font-style: normal; }
/* Pretendard-ExtraLight */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff")
 format("woff"); font-weight: 200; font-style: normal; }
/* Pretendard-Light */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff")
 format("woff"); font-weight: 300; font-style: normal; }
/* Pretendard-Regular */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
 format("woff"); font-weight: 400; font-style: normal; }
/* Pretendard-Medium */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff")
 format("woff"); font-weight: 500; font-style: normal; }
/* Pretendard-SemiBold */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff")
 format("woff"); font-weight: 600; font-style: normal; }
/* Pretendard-Bold */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
 format("woff"); font-weight: 700; font-style: normal; }
/* Pretendard-ExtraBold */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff")
 format("woff"); font-weight: 800; font-style: normal; }
/* Pretendard-Black */
@font-face { font-family: "Pretendard"; src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff")
 format("woff"); font-weight: 900; font-style: normal; }
:root { --fPtdd: "Pretendard", sans-serif; --cBlack: #303030; --cBlue: #5A69C2; --cRed: #E84352; } /* 🔚 Variables */
.tcBlack { color: var(--cBlack); }

.tcBlue { color: var(--cBlue); }

.tcRed { color: var(--cRed); }

.bgBlack { background-color: var(--cBlack); }

.bgBlue { background-color: var(--cBlue); }

.bgRed { background-color: var(--cRed); }

/* ==================================
 ✅ Reset
================================== */
* { padding: 0; margin: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { position: relative; }

body,
textarea,
select,
input,
button,
pre { font-size: 16px; line-height: 1.2; font-family: var(--fPtdd); font-weight: normal; color: var(--cBlack); word-break: keep-all; letter-spacing: -0.01em; }

img { border: none; vertical-align: top; width: 100%; height: 100%; }

a { text-decoration: none; color: inherit; cursor: pointer; display: block; }

ul,
ol { list-style: none; }

address { font-style: normal; } /* 🔚 Reset */
/* ==================================
 ✅ Form Elements
================================== */
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; appearance: textfield; }

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; } /* 🔚 Form Elements */
/* ==================================
 ✅ Utilities
================================== */
.cf:after { content: ""; display: block; clear: both; }
/* ==================================
 ✅ Common Classes
================================== */
.forSR { display: inline-block !important; margin: 0 !important; padding: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; border: 0 !important; overflow: hidden !important; position: absolute; top: 0; left: 0; }

[class*=btn-] { display: block; transition: all 0.3s; cursor: pointer; }
[class*=btn-] * { transition: all 0.3s; }