@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-500:oklch(72.3% .219 149.579);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-500:oklch(55.4% .046 257.417);--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.bg-blue-50{background-color:var(--color-blue-50)}.bg-green-50{background-color:var(--color-green-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-yellow-50{background-color:var(--color-yellow-50)}.text-blue-500{color:var(--color-blue-500)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-slate-500{color:var(--color-slate-500)}.text-yellow-500{color:var(--color-yellow-500)}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.backface-hidden{backface-visibility:hidden}}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Thin-DWJVAZ2K.woff2)format("woff2"),url(/assets/Pretendard-Thin-Cq3km6ap.woff)format("woff");font-weight:100;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraLight-Bi0YRlFr.woff2)format("woff2"),url(/assets/Pretendard-ExtraLight-CmnYHmfp.woff)format("woff");font-weight:200;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Light-knQmDAda.woff2)format("woff2"),url(/assets/Pretendard-Light-BSr3DBFh.woff)format("woff");font-weight:300;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Regular-BhrLQoBv.woff2)format("woff2"),url(/assets/Pretendard-Regular-D5CgADJ9.woff)format("woff");font-weight:400;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Medium-Dw2vNklR.woff2)format("woff2"),url(/assets/Pretendard-Medium-Cs2k_Pp2.woff)format("woff");font-weight:500;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-SemiBold-ClEDdoZU.woff2)format("woff2"),url(/assets/Pretendard-SemiBold-SXfe8JY8.woff)format("woff");font-weight:600;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Bold-BYNivUXw.woff2)format("woff2"),url(/assets/Pretendard-Bold-DD7wHHNl.woff)format("woff");font-weight:700;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraBold-C0vVUedy.woff2)format("woff2"),url(/assets/Pretendard-ExtraBold-DkRXFB8B.woff)format("woff");font-weight:800;font-display:block}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Black-B7X87vPW.woff2)format("woff2"),url(/assets/Pretendard-Black-CGKHU3YP.woff)format("woff");font-weight:900;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-Thin-D6gL-nCI.ttf)format("truetype");font-weight:100;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-ExtraLight-9KLIkcKL.ttf)format("truetype");font-weight:200;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-Light-CljLvlWl.ttf)format("truetype");font-weight:300;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-Regular-peUU6jwM.ttf)format("truetype");font-weight:400;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-Medium-B4Ng5Mcm.ttf)format("truetype");font-weight:500;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-SemiBold-B1FI2Xqt.ttf)format("truetype");font-weight:600;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-Bold-BHD1AiDd.ttf)format("truetype");font-weight:700;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-ExtraBold-IeePgDw2.ttf)format("truetype");font-weight:800;font-display:block}@font-face{font-family:Lexend;src:url(/assets/Lexend-Black-CmPnmhrJ.ttf)format("truetype");font-weight:900;font-display:block}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:#f5ecd7;min-height:100vh;font-family:Pretend,Noto Sans KR,sans-serif}.btn-inquiry{z-index:1}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:0;display:flex}.top-bar__left{align-items:center;gap:24px;display:flex}.btn-home,.btn-back{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s;display:flex}.btn-home:hover,.btn-back:hover{transform:translateY(-3px)}.btn-home:active,.btn-back:active{transform:translateY(0)}.btn-theme{color:#fff;letter-spacing:.05em;cursor:pointer;background:#ff7429;border:none;border-radius:999px;align-items:center;gap:13px;padding:12px 24px;font-family:Pretendard;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 3px 10px #f5a62366}.btn-theme:hover{transform:translateY(-2px);box-shadow:0 5px 14px #f5a62373}.btn-theme:active{transform:translateY(0)}.btn-theme__icon{font-size:16px;animation:4s linear infinite spin}.user-status{background:#fff;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 16px;display:flex;box-shadow:0 2px 10px #00000014}.user-status__point{align-items:center;gap:5px;display:flex}.point-icon{font-size:18px}.point-value{color:#111;letter-spacing:.15px;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.star-bar{background:#eee;border-radius:999px;width:180px;height:24px;overflow:hidden}.star-bar__fill{background:#25ce68;border-radius:999px;height:100%;transition:width .6s}.avatar{border:2px solid #4a90d9;border-radius:50%;width:48px;height:48px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar__default,.avatar__default svg{width:100%;height:100%}.bottom-bar{justify-content:flex-end;align-items:flex-end;padding:0;display:flex}.btn-inquiry{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;transition:transform .15s;display:flex;position:fixed;bottom:32px;left:32px}.btn-inquiry:hover{transform:translateY(-3px)}.btn-inquiry:active{transform:translateY(0)}.btn-inquiry__icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.btn-inquiry__label{color:#767676;letter-spacing:.15px;font-family:Pretendard;font-size:16px;font-weight:400}.bottom-nav{align-items:center;gap:40px;display:flex}.bottom-nav__item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;transition:transform .15s;display:flex}.bottom-nav__item:hover{transform:translateY(-3px)}.bottom-nav__item:active{transform:translateY(0)}.bottom-nav__icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex}.bottom-nav__label{color:#767676;letter-spacing:.15px;font-family:Pretendard;font-size:16px;font-weight:400}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#7bc74e;padding:24px;position:relative;overflow:hidden;font-family:Pretendard,sans-serif}.loginPage__bg{position:absolute;inset:0;pointer-events:none}.loginPage__bg-circle{position:absolute;border-radius:50%;opacity:.25}.loginPage__bg-circle--1{width:400px;height:400px;background:#ffd335;top:-120px;right:-80px;animation:floatA 6s ease-in-out infinite}.loginPage__bg-circle--2{width:250px;height:250px;background:#ff9240;bottom:-60px;left:-60px;animation:floatB 8s ease-in-out infinite}.loginPage__bg-circle--3{width:160px;height:160px;background:#fff;top:40%;left:10%;animation:floatA 10s ease-in-out infinite reverse}.loginPage__bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1.5px,transparent 1.5px);background-size:32px 32px}@keyframes floatA{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(6deg)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(-8deg)}}.loginPage__card{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border-radius:32px;padding:48px 40px 40px;box-shadow:0 32px 64px #0000001f,0 8px 24px #00000014;animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loginPage__logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:36px}.loginPage__logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7bc74e;animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.loginPage__title{font-size:32px;font-weight:900;color:#2d4a1e;letter-spacing:-.5px;margin:0}.loginPage__subtitle{font-size:14px;color:#7bc74e;font-weight:600;margin:0}.loginPage__form{display:flex;flex-direction:column;gap:16px}.loginPage__field{display:flex;flex-direction:column;gap:8px}.loginPage__label{font-size:13px;font-weight:700;color:#555;padding-left:4px}.loginPage__input-wrap{position:relative;display:flex;align-items:center}.loginPage__input-icon{position:absolute;left:16px;pointer-events:none;flex-shrink:0}.loginPage__input{width:100%;height:56px;padding:0 48px;border:2px solid #E8F5E0;border-radius:16px;font-size:15px;font-family:Pretendard,sans-serif;font-weight:500;color:#111;background:#f9fef5;transition:border-color .2s,box-shadow .2s,background .2s;outline:none;box-sizing:border-box}.loginPage__input::placeholder{color:#bbb;font-weight:400}.loginPage__input:focus{border-color:#7bc74e;background:#fff;box-shadow:0 0 0 4px #7bc74e26}.loginPage__eye{position:absolute;right:14px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:8px;transition:background .15s}.loginPage__eye:hover{background:#f0f0f0}.loginPage__error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff0f4;border:1.5px solid #ffd0dc;border-radius:12px;font-size:13px;font-weight:600;color:#e8507a;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.loginPage__btn{height:58px;border:none;border-radius:16px;background:#7bc74e;color:#fff;font-size:17px;font-weight:800;font-family:Pretendard,sans-serif;cursor:pointer;margin-top:8px;box-shadow:0 6px #5aaa2e;transition:transform .1s,box-shadow .1s,background .2s;display:flex;align-items:center;justify-content:center}.loginPage__btn:hover:not(:disabled){background:#6ab840;transform:translateY(-2px);box-shadow:0 8px #5aaa2e}.loginPage__btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #5aaa2e}.loginPage__btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.loginPage__btn--loading{cursor:not-allowed}.loginPage__spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loginPage__footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:14px;color:#999;font-weight:500}.loginPage__link{background:none;border:none;color:#7bc74e;font-size:14px;font-weight:800;font-family:Pretendard,sans-serif;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.loginPage__link:hover{color:#5aaa2e}.dashboard{display:flex;flex-direction:column;min-height:100vh;background:#f5ecd7;padding:32px;gap:40px}.zone-grid{flex:1;display:flex;padding:0 80px;justify-content:center;align-items:center;align-content:center;gap:32px;align-self:stretch;flex-wrap:wrap}.zone-card{flex:1 0 0;background:#fff;border:8px solid transparent;border-radius:24px;min-width:324px;max-width:512px;padding:48px 40px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #00000012;text-align:center}.zone-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001f}.zone-card--active{border-color:#f5c842;box-shadow:0 8px 30px #f5a62340}.zone-card__container{display:flex;flex-direction:column;align-items:center;gap:32px}.zone-card__info{display:flex;flex-direction:column;align-items:center;gap:12px}.zone-card__title{align-self:stretch;color:#19191a;text-align:center;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px}.zone-card__subtitle{align-self:stretch;color:#767676;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:300;line-height:22px;letter-spacing:.15px}.zone-card__btn{width:100%;background:#f5a623;color:#fff;font-size:14px;font-weight:800;letter-spacing:.08em;border-radius:12px;padding:16px;transition:background .15s}.zone-card:hover .zone-card__btn{background:#e8941a}.brandPage{display:flex;flex-direction:column;min-height:100vh;background:#f5ecd7;padding:32px;gap:68px}.brandPage__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:68px}.brandPage__title{color:#684522;text-align:center;font-family:Pretendard;font-size:36px;font-style:normal;font-weight:700;line-height:normal}.brand-grid{flex:1;display:flex;padding:0 48px;justify-content:center;align-items:center;align-content:center;gap:32px;flex-wrap:wrap}.brand-card{display:flex;min-width:256px;padding:48px 0;flex-direction:column;justify-content:center;align-items:center;gap:48px;flex:1 0 0;background:#fff;border:8px solid transparent;border-radius:24px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #00000012;text-align:center}.brand-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001f}.brand-card--active{border-color:#f5c842;box-shadow:0 8px 30px #f5a62340}.brand-card__brandname{color:#19191a;text-align:center;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px}.sgPage{display:flex;flex-direction:column;min-height:100vh;background:#f5ecd7;padding:32px;gap:40px}.sgPage__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.sgPage__title,.sgPage__loading{color:#684522;text-align:center;font-family:Pretendard;font-size:36px;font-style:normal;font-weight:700;line-height:normal}.sg-grid{flex:1;padding:0 64px;display:flex;justify-content:center;align-items:center;align-content:center;gap:32px;flex-wrap:wrap}.sg-card{display:flex;min-width:280px;padding:32px 24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;flex:1 0 0;background:#fff;border:8px solid transparent;border-radius:24px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #00000012;text-align:left}.sg-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #00000026}.sg-card__container{display:flex;flex-direction:column;gap:32px}.sg-card__info{display:flex;flex-direction:column;gap:12px}.sg-card__name{color:#19191a;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px}.sg-card__desc{color:#767676;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:300;line-height:24px;letter-spacing:.15px;white-space:pre-line}.sg-card__footer{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.sg-card__explore{color:#767676;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:300;line-height:22px;letter-spacing:.15px}.sg-card__arrow{display:flex;width:48px;height:48px;padding:15px;justify-content:center;align-items:center;gap:15px;border-radius:50%;background:#25ce68;color:#fff;font-size:18px;font-weight:700}.seriesPage{display:flex;flex-direction:column;min-height:100vh;background:#f5ecd7;padding:32px;gap:40px}.seriesPage__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:85px}.seriesPage__title,.seriesPage__loading{color:#684522;text-align:center;font-family:Pretendard;font-size:36px;font-style:normal;font-weight:700;line-height:normal}.seriesPage__track{width:80%}.series-node{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer}.series-node__circle{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001f;transition:transform .15s}.series-node--selected .series-node__circle{background:#7b6fd4;outline:3px dashed rgba(255,255,255,.5);outline-offset:4px}.series-node__circle:hover{transform:scale(1.08)}.series-node__num{font-size:24px;font-weight:900;color:#555}.series-node--selected .series-node__num{color:#fff}.bookPage{display:flex;flex-direction:column;min-height:100vh;background:#f5ecd7;padding:32px;gap:53px}.bookPage__main{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:40px}.bookPage__header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px}.bookPage__level{color:#684522;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.bookPage__title,.bookPage__loading{color:#684522;font-family:Pretendard;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.book-swiper{width:100%;padding:0 32px!important}.book-swiper__slide{width:auto!important}.book-card{background:#fff;border-radius:24px;overflow:hidden;width:260px;flex-shrink:0;box-shadow:0 4px 20px #0000001a;display:flex;width:296px;min-width:296px;padding-bottom:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;transition:transform .2s}.book-card:hover{transform:translateY(-4px)}.book-card__cover{width:100%;aspect-ratio:1 / 1;background:#d9d9d9;display:flex;align-items:center;justify-content:center}.book-card__info{padding:0 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.book-card__title-row{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.book-card__title{color:#19191a;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card__complete{width:24px;height:24px;border-radius:50%;background:#3dbf8a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0;margin-left:8px}.book-card__progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:6px}.book-card__progress-fill{height:100%;background:#f5a623;border-radius:999px}.book-card__progress-info{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.book-card__progress-text{color:#767676;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:300;line-height:24px;letter-spacing:.15px}.book-card__exp{color:#ff9240;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.15px}.book-card__summary-btn{margin:0 20px;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:32px;align-self:stretch;border-radius:8px;background:#746fdf;color:#fff;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.15px;transition:background .15s;cursor:pointer}.book-card__summary-btn:hover{background:#5a6ec4}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.summary-modal{background:#fff;width:90%;max-width:450px;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.summary-modal__close{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.summary-modal__content{padding:40px 32px 32px;display:flex;flex-direction:column;gap:20px}.summary-modal__header{display:flex;flex-direction:column;gap:8px}.summary-modal__badge{background:#efeffa;color:#746fdf;font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;width:fit-content}.summary-modal__title{color:#19191a;font-size:24px;font-weight:700;margin:0}.summary-modal__body{background:#f8fafc;padding:20px;border-radius:20px;min-height:120px;max-height:300px;overflow-y:auto}.summary-modal__description{color:#475569;font-size:16px;line-height:1.6;margin:0;white-space:pre-wrap}.summary-modal__confirm{background:#746fdf;color:#fff;border:none;padding:16px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .1s}.summary-modal__confirm:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lessonPage{display:flex;flex-direction:column;min-height:100vh;background:#f5ecd7;padding:32px;gap:53px}.lessonPage__main{flex:1;display:flex;flex-direction:column;gap:53px}.lessonPage__loading{color:#684522;font-family:Pretendard;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.book-info-card{display:flex;align-items:flex-start;align-self:stretch;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.book-info-card__cover{display:flex;background:#72c7ff;width:304px;min-height:240px;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.book-info-card__cover img{width:100%;height:100%;object-fit:cover}.book-info-card__content{display:flex;min-height:304px;padding:32px;flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch}.book-info-card__top{flex:1;display:flex;flex-direction:column;gap:16px;align-self:stretch}.book-info-card__texts{display:flex;flex-direction:column;gap:8px;align-self:stretch}.book-info-card__point-box{display:flex;height:82px;padding:8px 24px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:16px;border:1px solid #F1F5F9;background:#fff;box-shadow:0 1px 2px #0000000d}.book-info-card__badges{display:flex;align-items:center;gap:8px;align-self:stretch}.badge{display:flex;padding:4px 12px;flex-direction:column;align-items:flex-start;border-radius:9999px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:.6px;text-transform:uppercase}.badge--lesson{background:#137fec1a;color:#137fec}.badge--day{background:#dcfce7;color:#16a34a}.book-info-card__title{color:#111;font-family:Pretendard;font-size:30px;font-style:normal;font-weight:800;line-height:37.5px}.book-info-card__desc{color:#767676;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:28px}.book-info-card__point-row{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.book-info-card__point-label{color:#0f172a;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;line-height:28px}.book-info-card__point-value{color:#137fec;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:800;line-height:32px}.book-info-card__progress-bar{width:100%;height:16px;background:#f0f0f0;border-radius:999px;overflow:hidden}.book-info-card__progress-fill{height:100%;background:#ff9240;border-radius:999px;transition:width .5s ease}.lessonPage__track-section{flex:1;display:flex;flex-direction:column;gap:16px}.lesson-track-row{display:flex;gap:16px}.lesson-track-row__swiper{flex:1;min-width:0}.lesson-nav__btn{position:relative;top:40px;width:64px;height:64px;flex-shrink:0;border-radius:50%;border:none;background:#fff;color:#555;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;transition:all .15s}.lesson-nav__btn:hover:not(:disabled){transform:scale(1.08);background:#f5a623;color:#fff}.lesson-nav__btn:disabled{opacity:.3;cursor:default}.activity-track{width:100%;overflow-x:auto}.activity-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;padding-top:16px}.activity-node__circle{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001f;transition:transform .15s}.activity-node--done .activity-node__circle{background:#7b6fd4;box-shadow:0 4px #7a4bff}.activity-node__circle:hover{transform:scale(1.08)}.activity-node__badge{position:absolute;top:10px;right:-15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1;color:#684522;text-align:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;line-height:28px;border-radius:80px;border:4px solid #ffffff4d;background:#ccc}.activity-node--done .activity-node__badge{border:4px solid #FC0;background:#fff}.activity-node__label{color:#111;text-align:center;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:800;line-height:28px;letter-spacing:-.5px;white-space:nowrap}.activityPlayer{position:fixed;inset:0;z-index:1000;background:#000;display:flex;flex-direction:column}.activityPlayer__bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#1a1a2e;flex-shrink:0;gap:16px}.activityPlayer__bar-left{display:flex;flex-direction:column;gap:2px}.activityPlayer__lesson-info{font-size:14px;font-weight:700;color:#fff;font-family:Pretendard}.activityPlayer__template{font-size:12px;color:#ffffff80;font-weight:500;font-family:Pretendard;letter-spacing:.04em}.activityPlayer__close{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#e8507a;border:none;border-radius:999px;color:#fff;font-size:14px;font-weight:700;font-family:Pretendard;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.activityPlayer__close:hover{background:#d4406a;transform:scale(1.03)}.activityPlayer__close:active{transform:scale(.98)}.activityPlayer__frame{flex:1;width:100%;border:none;background:#fff}.popup-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:popupOverlayIn .2s ease}@keyframes popupOverlayIn{0%{opacity:0}to{opacity:1}}.popup-card{width:100%;max-width:360px;background:#fff;border-radius:28px;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 32px 64px #00000026,0 8px 24px #00000014;animation:popupCardIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popupCardIn{0%{opacity:0;transform:scale(.85) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px;flex-shrink:0}.popup-icon--error{background:#fff0f3;color:#e8507a}.popup-icon--warning{background:#fff8e1;color:#f5a623}.popup-icon--info,.popup-icon--success{background:#e8f5e0;color:#7bc74e}.popup-icon--confirm{background:#f5ecd7;color:#684522}.popup-message{font-family:Pretendard,sans-serif;font-size:20px;font-weight:800;color:#111;text-align:center;line-height:1.4;margin:0;white-space:pre-line}.popup-sub{font-family:Pretendard,sans-serif;font-size:15px;font-weight:500;color:#666;text-align:center;line-height:1.6;margin:0;white-space:pre-line}.popup-code{font-family:monospace;font-size:11px;color:#aaa;background:#f8f8f8;padding:4px 10px;border-radius:6px;margin-top:2px}.popup-buttons{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}.popup-btn{width:100%;height:54px;border:none;border-radius:16px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s,background .15s}.popup-btn:active{transform:scale(.97)}.popup-btn--primary{background:#7bc74e;color:#fff;box-shadow:0 5px #5aaa2e}.popup-btn--primary:hover{background:#6ab840}.popup-btn--primary:active{transform:translateY(4px);box-shadow:0 1px #5aaa2e}.popup-btn--secondary{background:#f1f5f9;color:#555}.popup-btn--secondary:hover{background:#e2e8f0}.popup-btn--danger{background:#e8507a;color:#fff;box-shadow:0 5px #c43060}.popup-btn--danger:hover{background:#d4406a}.popup-btn--danger:active{transform:translateY(4px);box-shadow:0 1px #c43060}