@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;font-display:block;src:url(../fonts/material-symbols-outlined.woff2) format("woff2")}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:block;src:url(../fonts/material-symbols-rounded.woff2) format("woff2")}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:"Material Symbols Sharp";font-style:normal;font-weight:100 700;font-display:block;src:url(../fonts/material-symbols-sharp.woff2) format("woff2")}.material-symbols-sharp{font-family:"Material Symbols Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}
@font-face{font-family:"Pretendard Variable";font-weight:45 920;font-style:normal;font-display:swap;src:url(../fonts/PretendardVariable.woff2) format("woff2-variations")}
.gradMash{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle, oklch(60% 0.2 285deg / 0.35) 0%, transparent 35%);filter:blur(3.6rem)}.gradMash__round1{position:absolute;left:20%;top:20%;width:24rem;height:24rem;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, oklch(55% 0.2 250deg / 0.55) 0%, transparent 45%);filter:blur(3.6rem)}.gradMash__round2{position:absolute;left:50%;top:85%;width:24rem;height:24rem;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, oklch(60% 0.2 285deg / 0.35) 0%, transparent 45%);filter:blur(3.6rem)}.gradMash__round3{position:absolute;left:80%;top:30%;width:24rem;height:24rem;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, oklch(70% 0.18 200deg / 0.4) 0%, transparent 35%);filter:blur(3.6rem)}.gradMash__round4{position:absolute;left:85%;top:70%;width:24rem;height:24rem;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, oklch(72% 0.18 320deg / 0.25) 0%, transparent 35%);filter:blur(3.6rem)}.toggle__btn,.lnb,.gridCard{background:var(--glass-bg);border:1px solid var(--glass-stroke);backdrop-filter:blur(20px) saturate(160%);position:relative;overflow:hidden}.toggle__btn::before,.lnb::before,.gridCard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, oklch(100% 0 0deg / 0.12), oklch(100% 0 0deg / 0) 30%);pointer-events:none}:root{--c-primary: oklch(62% 0.18 245deg);--c-primary-soft: oklch(72% 0.15 230deg);--c-cyan: oklch(78% 0.14 210deg);--c-violet: oklch(62% 0.2 285deg);--c-pink: oklch(70% 0.18 340deg);--c-success: oklch(70% 0.16 155deg);--c-warning: oklch(78% 0.16 75deg);--c-danger: oklch(65% 0.21 27deg);--grad-primary: linear-gradient(135deg, oklch(62% 0.2 260deg) 0%, oklch(75% 0.15 215deg) 100%);--grad-cyan: linear-gradient(135deg, oklch(55% 0.18 240deg) 0%, oklch(82% 0.13 200deg) 100%);--grad-hero: linear-gradient(135deg, oklch(55% 0.2 250deg / 0.35), oklch(70% 0.18 210deg / 0.15));--grad-gray-light: linear-gradient(135deg, oklch(95% 0.01 250deg / 0.7) 0%, oklch(86% 0.015 250deg / 0.4) 100%);--grad-gray-medium: linear-gradient(135deg, oklch(75% 0.015 250deg) 0%, oklch(60% 0.015 250deg) 100%);--grad-gray-dark: linear-gradient(135deg, oklch(35% 0.015 250deg) 0%, oklch(22% 0.02 250deg) 100%);--bg: oklch(98.5% 0.005 240deg);--bg-2: oklch(97% 0.008 230deg);--surface: oklch(100% 0 0deg);--surface-2: oklch(98.5% 0.005 240deg);--stroke: oklch(20% 0.02 250deg / 0.08);--stroke-strong: oklch(20% 0.02 250deg / 0.14);--text: oklch(20% 0.02 250deg);--text-soft: oklch(40% 0.02 250deg);--text-mute: oklch(55% 0.02 250deg);--glass-bg: oklch(100% 0 0deg / 0.55);--glass-stroke: oklch(100% 0 0deg / 0.8);--white: #fff;--hover-color: rgba(221, 221, 221, 0.4);--overlay: oklch(20% 0.02 250deg / 0.4);--black1: #000;--black2: #333;--gray1: #777;--font-xsmall: 1.2rem;--font-small: 1.4rem;--font-base: 1.6rem;--font-md: 1.8rem;--font-lg: 2.2rem;--font-xlg: 2.4rem}[data-theme=dark]{--c-primary: oklch(62% 0.18 245deg);--c-primary-soft: oklch(72% 0.15 230deg);--c-cyan: oklch(78% 0.14 210deg);--c-violet: oklch(62% 0.2 285deg);--c-pink: oklch(70% 0.18 340deg);--c-success: oklch(70% 0.16 155deg);--c-warning: oklch(78% 0.16 75deg);--c-danger: oklch(65% 0.21 27deg);--grad-primary: linear-gradient(135deg, oklch(62% 0.2 260deg) 0%, oklch(75% 0.15 215deg) 100%);--grad-cyan: linear-gradient(135deg, oklch(55% 0.18 240deg) 0%, oklch(82% 0.13 200deg) 100%);--grad--hero: linear-gradient(135deg, oklch(55% 0.2 250deg / 0.35), oklch(70% 0.18 210deg / 0.15));--bg: oklch(13% 0.02 250deg);--bg-2: oklch(16% 0.025 250deg);--surface: oklch(100% 0 0deg / 0.04);--surface-2: oklch(100% 0 0deg / 0.07);--stroke: oklch(100% 0 0deg / 0.1);--stroke-strong: oklch(100% 0 0deg / 0.18);--text: oklch(96% 0.005 250deg);--text-soft: oklch(78% 0.015 250deg);--text-mute: oklch(58% 0.02 250deg);--glass-bg: oklch(100% 0 0deg / 0.06);--glass-stroke: oklch(100% 0 0deg / 0.12);--hover-color: rgba(244, 244, 244, 0.4);--overlay: oklch(5% 0.01 250deg / 0.7)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.blind{color:rgba(0,0,0,0);font-size:0}html{font-size:10px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;transition:width .5s ease-in-out,height .5s ease-in-out}body{font-size:var(--fs-base);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;background-color:var(--bg);min-height:100vh;color:var(--text);line-height:1.5;letter-spacing:-0.05rem;position:relative}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;border:none;outline:none;background:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}.iconBox{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem}.iconBox span{font-size:2.4rem;text-align:center;color:var(--text-soft)}.iconBox.xsmall{width:1.2rem;height:1.2rem}.iconBox.xsmall span{font-size:1.2rem}.iconBox.small{width:1.4rem;height:1.4rem}.iconBox.small span{font-size:1.4rem}.iconBox.xmedium{width:1.8rem;height:1.8rem}.iconBox.xmedium span{font-size:1.8rem}.iconBox.medium{width:2rem;height:2rem}.iconBox.medium span{font-size:2rem}.iconBox.large{width:2.8rem;height:2.8rem}.iconBox.large span{font-size:2.8rem}.iconBox.xlarge{width:3.2rem;height:3.2rem}.iconBox.xlarge span{font-size:3.2rem}.iconBox.typeFill .material-symbols-rounded,.iconBox.typeClose .material-symbols-rounded{font-variation-settings:"FILL" 1}.mainTitleGroup{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.4rem}.mainTitle{font-size:var(--font--xlg);color:var(--color--white);font-weight:700}.subTitle{font-size:var(--font--base);color:var(--color--gray);font-weight:400}.wrap{position:relative;display:flex;height:100%;min-height:100vh}.inner{width:80%;margin:0 auto;height:100%}.flexBox{display:flex}.flexBox__column{flex-direction:column}.flexBox__row{flex-direction:row}.flexBox__justiCenter{justify-content:center}.flexBox__alignCenter{align-items:center}.flexBox__spaceBetween{justify-content:space-between}.container{display:flex;position:relative;flex:1;flex-direction:column}.gridLayout{display:grid;width:100%;gap:2rem;flex:1}.gridLayout.type4{grid-template-columns:repeat(4, 1fr)}.gridLayout.type2{grid-template-columns:repeat(2, 2fr)}.gridLayout.type1{grid-template-columns:1fr}.gridCard{display:flex;border-radius:2rem;padding:1.2rem 1.6rem;box-shadow:rgba(149,157,165,.1) 0px 8px 24px;flex-direction:column;gap:1.2rem 0;transition:all .2s}.gridCard.active{background:linear-gradient(135deg, oklch(55% 0.2 250deg / 0.35), oklch(70% 0.18 210deg / 0.15)),var(--glass-bg)}.gridCard__titleBox{display:flex;flex-direction:column;gap:.4rem 0}.gridCard__mainTitle{font-size:var(--font-lg);font-weight:600;color:var(--text)}.gridCard__subTitle{font-size:var(--font-base);font-weight:400;color:var(--text-soft)}.header{min-height:8rem;width:100%;color:var(--text);border-bottom:.1rem solid var(--stroke);padding:0 2.8rem;display:flex;justify-content:space-between;align-items:center}.header__searchBox{width:25rem}.header__btnWrap{display:flex;justify-content:flex-start;align-items:center;gap:0 .8rem;flex-shrink:0}.header__logo{width:100%;font-size:var(--font-xlg);color:var(--text);font-weight:600}.header__titleBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.header__subTitle{font-size:var(--font-small);color:var(--text-soft);font-weight:400}.header__mainTitle{font-size:var(--font-xlg);color:var(--text);font-weight:700}.header__btn{border-radius:.8rem;height:2.4rem;width:2.4rem;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.header__btn:hover{background-color:var(--hover-color)}.section{padding:2.8rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.6rem;height:100%}.section__searchBox{height:5rem;background-color:salmon;width:100%;display:flex;justify-content:flex-end;align-items:center}.section__contentBox{width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--glass-bg);padding:1rem;min-height:10rem;border:.1rem solid var(--border--color);border-radius:1.2rem}.lnb{width:30rem;padding:1.4rem 2rem;gap:1.6rem 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.lnb__box{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;font-size:var(--font-base);color:var(--text);font-weight:500}.lnb__box.depth2 .lnb__btn.active{color:var(--text);background-color:hsla(0,0%,100%,.1);position:relative;overflow:hidden}.lnb__box.depth2 .lnb__btn.active:after{content:"";position:absolute;left:0;top:0;bottom:0;display:block;width:.5rem;height:100%;background-color:var(--c-primary)}.lnb__btn{display:flex;justify-content:flex-start;align-items:center;gap:0 .4rem;width:100%;border-radius:.6rem;transition:all .3s;padding:.8rem .4rem .8rem 1.6rem;text-transform:capitalize}.lnb__btn.active .lnb__btnContent{color:var(--text--secondary);font-weight:700}.lnb__btnContent{flex:1;display:flex;justify-content:flex-start;align-items:center;gap:0 .8rem}.lnb__btn:hover{color:var(--text--secondary);background-color:hsla(0,0%,100%,.1)}.btn{display:inline-flex;flex-shrink:0;align-items:center;gap:0 4rem;box-sizing:border-box}.btn__xsmall{height:2.4rem;padding-inline:calc(2.4rem*.6);font-size:calc(2.4rem/2);border-radius:calc(2.4rem*.3)}.btn__small{height:2.8rem;padding-inline:calc(2.8rem*.6);font-size:calc(2.8rem/2);border-radius:calc(2.8rem*.3)}.btn__base{height:3.2rem;padding-inline:calc(3.2rem*.6);font-size:calc(3.2rem/2);border-radius:calc(3.2rem*.3)}.btn__md{height:3.6rem;padding-inline:calc(3.6rem*.6);font-size:calc(3.6rem/2);border-radius:calc(3.6rem*.3)}.btn__lg{height:4rem;padding-inline:calc(4rem*.6);font-size:calc(4rem/2);border-radius:calc(4rem*.3)}.btn__xlg{height:4.4rem;padding-inline:calc(4.4rem*.6);font-size:calc(4.4rem/2);border-radius:calc(4.4rem*.3)}.btn{cursor:pointer}.btn.typeRound__xsmall{height:2.4rem;padding-inline:calc(2.4rem*.6);font-size:calc(2.4rem/2);border-radius:calc(2.4rem/2)}.btn.typeRound__small{height:2.8rem;padding-inline:calc(2.8rem*.6);font-size:calc(2.8rem/2);border-radius:calc(2.8rem/2)}.btn.typeRound__base{height:3.2rem;padding-inline:calc(3.2rem*.6);font-size:calc(3.2rem/2);border-radius:calc(3.2rem/2)}.btn.typeRound__md{height:3.6rem;padding-inline:calc(3.6rem*.6);font-size:calc(3.6rem/2);border-radius:calc(3.6rem/2)}.btn.typeRound__lg{height:4rem;padding-inline:calc(4rem*.6);font-size:calc(4rem/2);border-radius:calc(4rem/2)}.btn.typeRound__xlg{height:4.4rem;padding-inline:calc(4.4rem*.6);font-size:calc(4.4rem/2);border-radius:calc(4.4rem/2)}.toggle__btn{position:relative;height:2.4rem;border-radius:2.4rem;width:5rem;display:inline-flex;overflow:hidden;border:.1rem solid var(--stroke)}.toggle__btn input[type=checkbox]{width:0;opacity:0;height:0;position:absolute;top:0;left:0;right:0;bottom:0}.toggle__btn input[type=checkbox]:checked+.toggle__btnBox .toggle__btnRound{left:calc(100% - 2.4rem)}.toggle__btn input[type=checkbox]:checked+.toggle__btnBox .toggle__btnRound .typeDark{display:flex}.toggle__btn input[type=checkbox]:checked+.toggle__btnBox .toggle__btnRound .typeLight{display:none}.toggle__btnBox{position:absolute;top:0;left:0;right:0;bottom:0;padding:.2rem .4rem;cursor:pointer;width:100%;height:100%;transition:.4s cubic-bezier(0.68, -0.55, 0.26, 1.55)}.toggle__btnRound{position:absolute;width:2rem;height:2rem;border-radius:50%;background:var(--grad-primary);left:.4rem;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;transition:.4s cubic-bezier(0.68, -0.55, 0.26, 1.55)}.toggle__btnRound .iconBox span{color:var(--white)}.toggle__btnRound .iconBox.typeDark{display:none}.gradient__btn,.gradient__btn--type3,.gradient__btn--type2{background:var(--grad-primary);color:var(--white);box-shadow:oklch(.62 .18 250/.4) 0px 6px 14px,hsla(0,0%,100%,.25) 0px 1px 0px inset}.gradient__btn--type2{background:var(--grad-cyan)}.gradient__btn--type3{background:var(--grad-gray-light);color:var(--black2);box-shadow:hsla(0,0%,100%,.25) 0px 6px 14px}.input__group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.4rem;width:100%}.input__tit{font-size:var(--font-small);color:var(--text-soft);font-weight:400}.input__box{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.4rem;width:100%}.input__content{width:100%;padding:.8rem;background-color:var(--surface);position:relative;height:3.6rem;display:flex;justify-content:flex-start;align-items:center;border:.1rem solid var(--glass-stroke);border-radius:.6rem}.input__data{display:flex;min-width:0;flex:1;font-size:var(--font-small);color:var(--text-soft);font-weight:400}.input__data::placeholder{color:var(--text-soft)}.input__btnGroup{flex-shrink:0;display:flex;justify-content:center;align-items:center}.input__iconBtn{flex-shrink:0;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;color:var(--text-soft)}.input__annotation{display:flex;justify-content:flex-start;align-items:center;display:none}.modal__container{position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.modal__container:before{content:"";position:absolute;background-color:var(--overlay);top:0;left:0;bottom:0;right:0;filter:blur(3.6rem);z-index:-1}.modal__box{background-color:var(--white);display:flex;flex-direction:column;gap:2rem 0;min-width:50rem;padding:3rem 2.4rem;border-radius:2rem;position:relative;z-index:1}.modal__titleMain{color:var(--black2);font-size:var(--font-xlg);font-weight:700}.modal__titleSub{color:var(--gray1);font-size:var(--font-base)}.modal__footer{display:flex;gap:0 .8rem;justify-content:flex-end}.progress__group{display:flex;flex-direction:column;gap:.6rem 0;align-items:center}.progress__container{display:flex;width:calc(100% - .8rem);align-items:center;justify-content:space-between;height:1.6rem;padding:.4rem .2rem;border-radius:1.4rem;background:var(--grad-gray-light);position:relative;overflow:hidden}.progress__container::before{content:"";position:absolute;left:0;top:0;height:100%;width:var(--progress, 0%);background:var(--grad-hero);border-radius:inherit;transition:width .3s ease;pointer-events:none}.progress__button{width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--white);cursor:pointer;position:relative;z-index:1}.progress__button.active{background:var(--grad-primary)}.progress__annotation{display:flex;width:100%;justify-content:space-between;font-size:1.4rem;text-align:center;color:var(--black2)}