:root{--color-primary: #3f33b7;--color-primary-hover: #392ea5;--color-primary-dark: #2f2689;--color-primary-darker: #161240;--color-primary-alt: #622ee6;--color-primary-accent: #772eff;--color-primary-light: #c3c0e9;--color-primary-lighter: #ecebf8;--color-primary-bg: #f8f3ff;--color-primary-bg-alt: #f8f5ff;--color-primary-pale: #c8c0ff;--color-primary-tint: #e5d8ff;--color-primary-eff6ff: #f3efff;--overlay-primary-06: rgba(63, 51, 183, .06);--overlay-primary-50: #3f33b780;--overlay-primary-01: #3f33b702;--overlay-primary-lighter-19: #f3ebff30;--overlay-primary-eff6ff-19: #f5efff30}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;src:url(/assets/Pretendard-Light-DPv1bfnb.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;src:url(/assets/Pretendard-Regular-C4O7dJ59.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;src:url(/assets/Pretendard-Medium-Dw2vNklR.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;src:url(/assets/Pretendard-SemiBold-qa5TIGvI.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;src:url(/assets/Pretendard-Bold-Br_oe18F.woff2) format("woff2")}:root{--color-white: #fff;--color-gray-50: #fbfbfb;--color-gray-100: #f7f7f7;--color-gray-150: #f5f5f5;--color-gray-180: #f0f0f0;--color-gray-200: #ebebeb;--color-gray-210: #eeeeee;--color-gray-250: #e6e6e6;--color-gray-300: #e5e5e5;--color-gray-350: #e0e0e0;--color-gray-400: #cfcfcf;--color-gray-500: #b8b8b8;--color-gray-600: #adadad;--color-gray-650: #8a8a8a;--color-gray-700: #676767;--color-gray-750: #515151;--color-gray-800: #474747;--color-gray-850: #2a2a2a;--color-gray-900: #1a1a1a;--color-black: #000;--color-error: #ef1c42;--color-error-alt: #ef1c4e;--color-error-dark: #d9163a;--color-error-bg: #fef6f7;--color-error-bg-1: #fee7ea;--color-success: #00a73d;--color-success-alt: #03c75a;--color-success-light: #5bb349;--color-success-bg: #ebfbf2;--color-success-bright: #7bf1a8;--color-warning: #ffc107;--color-warning-yellow: #ffdf20;--color-warning-bright: #ffec00;--color-warning-dark: #e9a70a;--color-warning-bg: #fff8e1;--color-warning-pale: #fffbcc;--color-orange: #f46043;--color-info-blue: #1693d9;--color-purple: #6b46c1;--color-teal: #009492;--color-brown: #3c1e1e;--color-red-dark: #c00;--overlay-black-05: rgba(0, 0, 0, .05);--overlay-black-06: rgba(0, 0, 0, .06);--overlay-black-10: rgba(0, 0, 0, .1);--overlay-black-12: rgba(0, 0, 0, .12);--overlay-black-20: rgba(0, 0, 0, .2);--overlay-black-40: rgba(0, 0, 0, .4);--overlay-black-50: rgba(0, 0, 0, .5);--overlay-black-70: rgba(0, 0, 0, .7);--overlay-black-90: rgba(0, 0, 0, .9);--overlay-white-10: rgba(255, 255, 255, .1);--overlay-white-20: rgba(255, 255, 255, .2);--overlay-white-30: rgba(255, 255, 255, .3);--overlay-white-60: rgba(255, 255, 255, .6);--overlay-white-80: rgba(255, 255, 255, .8);--overlay-white-92: rgba(255, 255, 255, .92);--overlay-success-08: rgba(0, 167, 61, .08);--overlay-transparent: rgba(0, 0, 0, 0);--overlay-white-50: #ffffff80;--overlay-white-01: #ffffff02;--overlay-white-56: #ffffff90;--overlay-gray-100-50: #f7f7f780;--overlay-success-08: #00a73d08;--color-off-white: #fefefe;--color-neutral-f8f9fa: #f8f9fa;--color-neutral-f9fafb: #f9fafb;--color-neutral-f8f8f8: #f8f8f8;--color-neutral-f3f3f3: #f3f3f3;--color-neutral-e8e8e8: #e8e8e8;--color-neutral-e7e7e7: #e7e7e7;--color-neutral-e5e8eb: #e5e8eb;--color-neutral-d1d5db: #d1d5db;--color-neutral-b6b6b6: #b6b6b6;--color-neutral-9ca3af: #9ca3af;--color-neutral-8e8e8e: #8e8e8e;--color-neutral-6b7684: #6b7684;--color-neutral-5a5a5a: #5a5a5a;--color-neutral-4a5568: #4a5568;--color-neutral-4a4a4a: #4a4a4a}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{min-height:100dvh}.app{width:100vw;min-height:100dvh;margin:0 auto;overflow-x:hidden;background-color:var(--color-white);font-family:Pretendard,sans-serif;position:relative}*{-webkit-tap-highlight-color:var(--overlay-transparent);-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media screen and (min-width:690px){.app{width:690px}}.pageTransition{width:100%;min-height:100dvh}.pageTransition-enter{animation:pageFadeIn .1s ease-out forwards}.pageTransition-exit{animation:pageFadeOut .1s ease-in forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}.button-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.button-section .section-kakao,.button-section .section-naver{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer}:is(.button-section .section-kakao,.button-section .section-naver) img{width:80vw}@media screen and (min-width:690px){:is(.button-section .section-kakao,.button-section .section-naver) img{width:328px}}.auth{width:100%;min-height:100dvh;background-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%201084%20392'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='&%23235;&%23176;&%23176;&%23234;&%23178;&%23189;'%20d='M670.561%2087.5434C670.561%2088.4238%20670.27%2089.2797%20669.734%2089.9783L517.109%20288.908C515.09%20291.539%20516.966%20295.342%20520.282%20295.342H1080C1082.21%20295.342%201084%20297.133%201084%20299.342V388C1084%20390.209%201082.21%20392%201080%20392H381.691C379.482%20392%20377.691%20390.209%20377.691%20388V304.457C377.691%20303.576%20377.981%20302.72%20378.517%20302.022L531.143%20103.092C533.161%20100.461%20531.285%2096.6575%20527.969%2096.6575H3.99998C1.79084%2096.6575%200%2094.8667%200%2092.6575V4.00001C0%201.79087%201.79086%200%204%200H666.561C668.77%200%20670.561%201.79086%20670.561%204V87.5434Z'%20fill='var(--fill-0,%20%23EBEFFF)'%20fill-opacity='0.4'/%3e%3c/svg%3e");background-size:290vw 105vw;background-position:calc(50% + 13.3vw) 5dvh;background-repeat:no-repeat}.auth .auth-content{height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:5dvh}.auth .auth-content .content-title{display:flex;flex-direction:column;align-items:center;margin-top:21.3vw;gap:2.1vw;color:var(--color-primary)}.auth .auth-content .content-title .title-logo{width:auto;height:10vw}.auth .auth-content .content-title .title-slogan{display:flex;align-items:end;font-family:Pretendard;font-weight:700;font-size:3.7vw}.auth .auth-content .content-title .title-slogan .slogan-normal{font-weight:500}.auth .auth-content .content-title .title-sub{font-family:Pretendard;font-weight:400;font-size:3vw;margin-top:3.1vw}.auth .auth-buttons{display:flex;flex-direction:column;align-items:center}.auth .auth-buttons .buttons-divider{background-color:var(--color-gray-650);height:1px;width:19.7vw;margin:2.7vw 0 8vw;transform:scaleY(.4)}@media screen and (min-width:690px){.auth{background-size:1084px 392px;background-position:calc(50% + 50px) 10dvh}.auth .auth-content{height:100dvh;padding:80px 0 40px}.auth .auth-content .content-title{margin-top:80px;gap:8px}.auth .auth-content .content-title .title-logo{height:48px;width:auto}.auth .auth-content .content-title .title-slogan{font-size:18px}.auth .auth-content .content-title .title-sub{margin-top:15px;font-size:14px}.auth .auth-buttons .buttons-divider{width:74px;margin:10px 0 30px}}.header{height:15.2vw;width:100%;position:fixed;top:0;display:flex;justify-content:space-between;align-items:center;padding:1.3vw 4.3vw 0;background-color:var(--color-white);z-index:100}.header .header-logo .logo-image{height:5.3vw;width:auto}.header .header-button{display:flex;gap:3.2vw}.header .header-button .header-alarm .alarm-icon{width:6.4vw}.header .header-button .header-menu{width:6.4vw;height:6.4vw}.header-shadow{box-shadow:0 .5vw var(--overlay-black-10)}@media screen and (min-width:690px){.header{height:57px;width:690px;padding:5px 16px 0}.header .header-logo .logo-image{height:20px;width:auto}.header .header-button{gap:12px}.header .header-button .header-alarm .alarm-icon{width:24px}.header .header-button .header-menu{width:24px;height:24px}.header-shadow{box-shadow:0 2px var(--overlay-black-10)}}@keyframes menuBgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuBgFadeOut{0%{opacity:1}to{opacity:0}}@keyframes menuSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menuSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.menu-bg{position:fixed;inset:0;background-color:var(--overlay-black-70);display:flex;align-items:flex-start;justify-content:center;z-index:102;animation:menuBgFadeIn .3s ease-out}.menu-bg.closing{animation:menuBgFadeOut .3s ease-out forwards}.menu{position:fixed;top:0;right:0;width:76.5vw;height:100dvh;background-color:var(--color-white);z-index:102;animation:menuSlideIn .3s ease-out}.menu.closing{animation:menuSlideOut .3s ease-out forwards}.menu .menu-inner{width:100%;height:100%;overflow-y:scroll;padding:8vw 0}.menu .menu-title{width:100%;display:flex;align-items:center;justify-content:space-between;padding:3.2vw 4.3vw;border-bottom:.3vw solid var(--color-gray-100)}.menu .menu-title .title-text{font-family:Pretendard;font-weight:600;font-size:5.3vw;color:var(--color-black)}.menu .menu-title .title-image{width:6.4vw;height:6.4vw}.menu .menu-content{width:100%;display:flex;flex-direction:column;gap:11.7vw;padding:8.5vw 5.3vw}.menu .menu-content .menu-container{width:100%;display:flex;flex-direction:column;gap:3.2vw}.menu .menu-content .menu-container .container-title{padding-bottom:1.6vw;border-bottom:.3vw solid var(--color-gray-100)}.menu .menu-content .menu-container .container-title .title-text{font-family:Pretendard;font-weight:500;font-size:4vw;color:var(--color-gray-650)}.menu .menu-content .menu-container .container-menuList{width:100%;display:flex;flex-direction:column;gap:4.3vw}.menu .menu-content .menu-container .container-menuList .menuList-menu{text-decoration:none;font-family:Pretendard;font-weight:500;font-size:4.3vw;color:var(--color-gray-750)}@media screen and (min-width:690px){.menu{width:287px;right:calc(50% - 345px);overflow:visible}.menu .menu-inner{padding:30px 0;overflow-y:scroll}.menu:after{content:"";position:absolute;top:0;left:calc(100% - 1px);width:calc(50vw - 57px);height:100dvh;background:linear-gradient(to right,var(--color-white),var(--color-gray-650))}.menu .menu-title{padding:12px 16px;border-bottom:1px solid var(--color-gray-100)}.menu .menu-title .title-text{font-size:20px}.menu .menu-title .title-image{width:24px;height:24px}.menu .menu-content{gap:44px;padding:32px 20px}.menu .menu-content .menu-container{gap:12px}.menu .menu-content .menu-container .container-title{padding-bottom:6px;border-bottom:1px solid var(--color-gray-100)}.menu .menu-content .menu-container .container-title .title-text{font-size:15px}.menu .menu-content .menu-container .container-menuList{gap:16px}.menu .menu-content .menu-container .container-menuList .menuList-menu{font-size:16px}}.navigationBar{height:21.3vw;width:100%;position:fixed;bottom:0;display:flex;justify-content:space-around;align-items:center;background-color:var(--color-white);border-radius:2.7vw 2.7vw 0 0}.navigationBar .navigationBar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.navigationBar .navigationBar-item .item-icon{height:6.4vw}.navigationBar .navigationBar-item .item-label{font-family:Pretendard;font-weight:500;font-size:3.2vw;text-decoration:none;color:var(--color-gray-500)}.navigationBar .navigationBar-item .item-label.on{color:var(--color-primary)}@media screen and (min-width:690px){.navigationBar{width:690px;height:80px;border-radius:10px 10px 0 0}.navigationBar .navigationBar-item .item-icon{height:24px}.navigationBar .navigationBar-item .item-label{font-size:12px}}.toast{position:fixed;display:flex;align-items:center;justify-content:center;gap:4px;width:328px;height:48px;background-color:var(--overlay-black-70);border-radius:16px;top:5px;left:50%;transform:translate(-50%);z-index:30;animation:toastSlideDown .3s ease-out forwards}.toast .toast-icon{width:20px;height:20px;margin-right:4px}.toast .toast-text{font-family:Pretendard;font-weight:500;font-size:14px;color:var(--color-white);white-space:pre-line;text-align:center;margin-right:8px}.toast.hiding{animation:toastSlideUp .3s ease-out forwards}@keyframes toastSlideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100%);opacity:0}}@keyframes arrow-move-left{0%{transform:translateY(-50%) rotate(180deg) translate(0)}50%{transform:translateY(-50%) rotate(180deg) translate(1.5vw)}to{transform:translateY(-50%) rotate(180deg) translate(0)}}@keyframes arrow-move-right{0%{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(1.5vw)}to{transform:translateY(-50%) translate(0)}}@keyframes swipe-hint{0%{transform:translate(0)}10%{transform:translate(1vw)}30%{transform:translate(-3vw)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes banner-badge-dot-blink{0%,to{opacity:1}50%{opacity:.2}}.home-banner-group{width:100%;position:relative;overflow:hidden}.home-banner-group .banner-slider{display:flex;transition:transform .4s ease-in-out}.home-banner-group .banner-slider.hint{animation:swipe-hint 2s ease-in-out .5s 3}.home-banner-group .banner-slide{min-width:100%;flex-shrink:0}.home-banner-group .banner-arrow{display:flex;align-items:center;justify-content:center;position:absolute;width:7vw;height:7vw;top:50%;transform:translateY(-50%);z-index:10;background:var(--overlay-white-60);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);border-radius:999px;border:none;cursor:pointer;opacity:1;transition:opacity .3s ease-in-out}.home-banner-group .banner-arrow.hidden{opacity:0;pointer-events:none}.home-banner-group .banner-arrow:before{content:"";position:absolute;inset:0;border-radius:999px;padding:.4vw;background:linear-gradient(to bottom,var(--color-white),transparent);-webkit-mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.home-banner-group .banner-arrow .arrow-icon{width:100%;height:100%}.home-banner-group .banner-arrow.left{left:1.1vw;transform:translateY(-50%) rotate(180deg)}.home-banner-group .banner-arrow.left.moving{animation:arrow-move-left .4s ease-in-out}.home-banner-group .banner-arrow.right{right:1.1vw}.home-banner-group .banner-arrow.right.moving{animation:arrow-move-right .4s ease-in-out}.home-banner{width:100%;position:relative;padding:0 4.3vw;margin-bottom:3.2vw}.home-banner .banner-info{position:relative;width:100%;height:58.5vw;background-color:var(--color-primary);padding:15.2vw 4.3vw 0}.home-banner .banner-info .info-bg{position:absolute;left:0;width:100%;height:43.3vw}.home-banner .banner-info .info-bg img{width:100%;height:100%}.home-banner .banner-info .info-content{position:absolute;height:43.3vw;width:calc(100% - 8.5vw);padding-top:4.5vw}.home-banner .banner-info .info-content .content-top{width:100%;height:6.4vw;display:flex;justify-content:space-between;align-items:center}.home-banner .banner-info .info-content .content-top .top-label{display:flex;align-items:center;gap:1.3vw}.home-banner .banner-info .info-content .content-top .top-label .label-icon{width:4.3vw;height:4.3vw}.home-banner .banner-info .info-content .content-top .top-label .label-text{font-family:Pretendard;font-weight:600;font-size:3.2vw;color:var(--color-white)}.home-banner .banner-info .info-content .content-top .top-badge{position:relative;display:flex;align-items:center;height:6.4vw;gap:1.1vw;background-color:var(--overlay-white-10);backdrop-filter:blur(2.7vw);-webkit-backdrop-filter:blur(2.7vw);border-radius:999px;padding:0 2.1vw;text-decoration:none}.home-banner .banner-info .info-content .content-top .top-badge:before{content:"";position:absolute;inset:0;border-radius:999px;padding:.4vw;background:linear-gradient(156deg,var(--overlay-white-50),var(--overlay-white-01),var(--overlay-white-50));-webkit-mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.home-banner .banner-info .info-content .content-top .top-badge.is-review-pending:before{background:linear-gradient(156deg,var(--overlay-primary-50),var(--overlay-primary-01),var(--overlay-primary-50))}.home-banner .banner-info .info-content .content-top .top-badge .badge-text{font-family:Pretendard;font-weight:500;font-size:3.2vw;color:var(--color-white)}.home-banner .banner-info .info-content .content-top .top-badge .badge-dot{width:1.3vw;height:1.3vw;border-radius:100%}.home-banner .banner-info .info-content .content-top .top-badge .badge-dot.is-blinking{animation:banner-badge-dot-blink 1.2s ease-in-out infinite}.home-banner .banner-info .info-content .content-main{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:32.4vw;padding:5vw 0}.home-banner .banner-info .info-content .content-main .main-title{font-family:Pretendard;font-weight:700;font-size:5.9vw;color:var(--color-white);line-height:140%}.home-banner .banner-info .info-content .content-main .main-title .title-info{font-weight:500;font-size:3.7vw;line-height:130%}.home-banner .banner-info .info-content .content-main .main-description{font-family:Pretendard;font-weight:500;font-size:3.2vw;color:var(--color-white)}.home-banner .banner-info .info-content .content-main .main-description .highlignt{color:var(--color-warning-yellow)}.home-banner .banner-info .info-content .content-main.banner{justify-content:center;padding:0 0 4.3vw}.home-banner .banner-info .info-content .content-main.banner .main-title{font-size:6.9vw}.home-banner .banner-info.last{background-color:var(--color-primary-lighter)}.home-banner .banner-info.last .info-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-banner .banner-info.last .info-content .content-icon{display:flex;align-items:center;justify-content:center;width:12.8vw;height:12.8vw;background-color:var(--color-white);border-radius:50%}.home-banner .banner-info.last .info-content .content-icon .icon-home{width:7.5vw;height:7.5vw}.home-banner .banner-info.last .info-content .content-text{display:flex;flex-direction:column;align-items:center;gap:.5vw;padding:4vw}.home-banner .banner-info.last .info-content .content-text .text-title{font-family:Pretendard;font-weight:600;font-size:4.3vw;color:var(--color-gray-750)}.home-banner .banner-info.last .info-content .content-text .text-description{font-family:Pretendard;font-weight:500;font-size:3.5vw;color:var(--color-gray-650)}.home-banner .banner-firstPayment{width:100%;height:16.5vw;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-white);border:.3vw solid var(--color-primary);border-radius:0 0 4.3vw 4.3vw;border-top:none;padding:4.3vw}.home-banner .banner-firstPayment .firstPayment-info{display:flex;flex-direction:column;gap:.5vw}.home-banner .banner-firstPayment .firstPayment-info .info-label{font-family:Pretendard;font-weight:500;font-size:3.5vw;color:var(--color-gray-650)}.home-banner .banner-firstPayment .firstPayment-info .info-value{font-family:Pretendard;font-weight:600;font-size:3.7vw;color:var(--color-gray-750)}.home-banner .banner-firstPayment .firstPayment-button{width:22.9vw;height:9.1vw;display:flex;align-items:center;justify-content:center;outline:none;border:none;border-radius:2.1vw;background-color:var(--color-primary)}.home-banner .banner-firstPayment .firstPayment-button .button-text{font-family:Pretendard;font-weight:600;font-size:3.7vw;color:var(--color-white)}.home-banner .banner-firstPayment .firstPayment-button:active{background-color:var(--color-primary-hover)}.home-banner .banner-firstPayment.last{border:none}@media screen and (min-width:690px){@keyframes arrow-move-left{0%{transform:translateY(-50%) rotate(180deg) translate(0)}50%{transform:translateY(-50%) rotate(180deg) translate(6px)}to{transform:translateY(-50%) rotate(180deg) translate(0)}}@keyframes arrow-move-right{0%{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(6px)}to{transform:translateY(-50%) translate(0)}}@keyframes swipe-hint{0%{transform:translate(0)}10%{transform:translate(4px)}30%{transform:translate(-12px)}50%{transform:translate(0)}to{transform:translate(0)}}.home-banner{padding:0 16px;margin-bottom:12px}.home-banner .banner-info{height:219px;padding:57px 16px 0}.home-banner .banner-info .info-bg{height:162px}.home-banner .banner-info .info-content{height:162px;width:calc(100% - 32px);padding-top:17px}.home-banner .banner-info .info-content .content-top{height:24px;align-items:center}.home-banner .banner-info .info-content .content-top .top-label{gap:5px}.home-banner .banner-info .info-content .content-top .top-label .label-icon{width:16px;height:16px}.home-banner .banner-info .info-content .content-top .top-label .label-text{font-size:12px}.home-banner .banner-info .info-content .content-top .top-badge{height:24px;gap:4px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 8px}.home-banner .banner-info .info-content .content-top .top-badge:before{padding:1.5px}.home-banner .banner-info .info-content .content-top .top-badge .badge-text{font-size:12px}.home-banner .banner-info .info-content .content-top .top-badge .badge-dot{width:5px;height:5px}.home-banner .banner-info .info-content .content-main{height:122px;padding:19px 0}.home-banner .banner-info .info-content .content-main .main-title{font-size:22px;margin-bottom:10px}.home-banner .banner-info .info-content .content-main .main-title .title-info{font-size:16px}.home-banner .banner-info .info-content .content-main .main-description{font-size:12px}.home-banner .banner-info .info-content .content-main.banner{padding:0 0 16px}.home-banner .banner-info .info-content .content-main.banner .main-title{font-size:26px}.home-banner .banner-info.last .info-content .content-icon{width:48px;height:48px}.home-banner .banner-info.last .info-content .content-icon .icon-home{width:28px;height:28px}.home-banner .banner-info.last .info-content .content-text{gap:2px;padding:15px}.home-banner .banner-info.last .info-content .content-text .text-title{font-size:16px}.home-banner .banner-info.last .info-content .content-text .text-description{font-size:13px}.home-banner .banner-firstPayment{height:62px;border:1px solid var(--color-primary);border-radius:0 0 16px 16px;padding:16px}.home-banner .banner-firstPayment .firstPayment-info{gap:2px}.home-banner .banner-firstPayment .firstPayment-info .info-label{font-size:13px}.home-banner .banner-firstPayment .firstPayment-info .info-value{font-size:14px}.home-banner .banner-firstPayment .firstPayment-button{width:86px;height:34px;border-radius:8px;gap:2px}.home-banner .banner-firstPayment .firstPayment-button .button-text{font-size:14px}.home-banner .banner-firstPayment .firstPayment-button .button-arrow{width:8px;height:8px}.home-banner-group .banner-arrow{width:26px;height:26px}.home-banner-group .banner-arrow:before{padding:2px}.home-banner-group .banner-arrow .arrow-icon{width:100%;height:100%}.home-banner-group .banner-arrow.left{left:4px}.home-banner-group .banner-arrow.right{right:4px}}.home-notification{width:calc(100% - 8.5vw);height:19.2vw;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-white);border-radius:4.3vw;margin:0 4.3vw 3.2vw;padding:0 4.3vw;transition:opacity .3s ease,transform .3s ease}.home-notification .notification-content{display:flex;align-items:center;flex:1}.home-notification .notification-content .notification-icon .icon-image{width:8.5vw;height:8.5vw}.home-notification .notification-content .notification-text{display:flex;flex-direction:column;padding:0 3.2vw;gap:.3vw}.home-notification .notification-content .notification-text .text-label{font-family:Pretendard;font-weight:500;font-size:2.9vw;color:var(--color-gray-600)}.home-notification .notification-content .notification-text .text-title{font-family:Pretendard;font-weight:600;font-size:3.7vw;color:var(--color-primary)}.home-notification .notification-content .notification-text .text-description{font-family:Pretendard;font-weight:500;font-size:2.9vw;color:var(--color-gray-650)}.home-notification .notification-close{border:none;outline:none;background-color:transparent;flex-shrink:0;align-self:center}.home-notification .notification-close .close-icon{width:6.4vw;height:6.4vw}.home-notification.closing{opacity:0;transform:translateY(-10px)}@media screen and (min-width:690px){.home-notification{width:calc(100% - 32px);height:72px;border-radius:16px;margin:0 16px 12px;padding:0 16px}.home-notification .notification-content .notification-icon .icon-image{width:32px;height:32px}.home-notification .notification-content .notification-text{padding:0 12px;gap:1px}.home-notification .notification-content .notification-text .text-label{font-size:11px}.home-notification .notification-content .notification-text .text-title{font-size:14px}.home-notification .notification-content .notification-text .text-description{font-size:11px}.home-notification .notification-close .close-icon{width:24px;height:24px}}.home-paymentHistory{width:calc(100% - 8.5vw);border-radius:4.3vw;margin:0 4.3vw 3.2vw;padding:3.2vw 4.3vw 4.3vw;background-color:var(--color-white)}.home-paymentHistory .paymentHistory-header{display:flex;align-items:center;justify-content:space-between}.home-paymentHistory .paymentHistory-header .header-title{font-family:Pretendard;font-weight:600;font-size:4vw;color:var(--color-gray-750)}.home-paymentHistory .paymentHistory-header .header-more{display:flex;align-items:center;border:none;outline:none;background-color:transparent}.home-paymentHistory .paymentHistory-header .header-more .more-icon{width:6.4vw;height:6.4vw;transform:rotate(90deg)}.home-paymentHistory .paymentHistory-header .header-more .more-icon.blue{transform:rotate(0)}.home-paymentHistory .paymentHistory-header .header-more .more-text{font-family:Pretendard;font-weight:600;font-size:3.5vw;color:var(--color-primary)}.home-paymentHistory .paymentHistory-empty{height:43.7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.6vw;gap:2.1vw;background-color:var(--color-gray-100);border-radius:4.3vw}.home-paymentHistory .paymentHistory-empty .empty-icon .icon-image{width:12.8vw;height:12.8vw}.home-paymentHistory .paymentHistory-empty .empty-text{display:flex;flex-direction:column;align-items:center;gap:1.1vw}.home-paymentHistory .paymentHistory-empty .empty-text .text-title{font-family:Pretendard;font-weight:600;font-size:3.5vw;color:var(--color-gray-700)}.home-paymentHistory .paymentHistory-empty .empty-text .text-description{font-family:Pretendard;font-weight:500;font-size:3.2vw;color:var(--color-gray-600)}.home-paymentHistory .paymentHistory-empty .empty-button{display:flex;align-items:center;margin-top:2.1vw;gap:.5vw;border:none;outline:none;background-color:transparent}.home-paymentHistory .paymentHistory-empty .empty-button .button-text{font-family:Pretendard;font-weight:600;font-size:3.5vw;color:var(--color-primary)}.home-paymentHistory .paymentHistory-empty .empty-button .button-arrow{width:3.2vw;height:3.2vw}.home-paymentHistory .paymentHistory-list{display:flex;flex-direction:column;margin-top:5.3vw}.home-paymentHistory .paymentHistory-list .list-item{display:flex;flex-direction:column;gap:1.1vw}.home-paymentHistory .paymentHistory-list .list-item .item-row{display:flex;justify-content:space-between}.home-paymentHistory .paymentHistory-list .list-item .item-row span{font-family:Pretendard;font-size:3.2vw}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-address,.home-paymentHistory .paymentHistory-list .list-item .item-row .row-amount{font-weight:600;color:var(--color-gray-700)}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-amount.failed{color:var(--color-gray-500);text-decoration:line-through}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-date{font-weight:500;font-size:2.9vw;color:var(--color-gray-500)}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-status{font-weight:500;font-size:2.9vw}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-status.completed{color:var(--color-primary)}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-status.failed{color:var(--color-gray-700)}.home-paymentHistory .paymentHistory-list .list-divider{margin:2.7vw 0;border:1px var(--color-gray-100) solid}@media screen and (min-width:690px){.home-paymentHistory{width:calc(100% - 32px);border-radius:16px;margin:0 16px 12px;padding:12px 16px 16px}.home-paymentHistory .paymentHistory-header .header-title{font-size:15px}.home-paymentHistory .paymentHistory-header .header-more .more-icon{width:24px;height:24px}.home-paymentHistory .paymentHistory-header .header-more .more-text{font-size:13px}.home-paymentHistory .paymentHistory-empty{height:164px;margin-top:6px;gap:8px;border-radius:16px}.home-paymentHistory .paymentHistory-empty .empty-icon .icon-image{width:48px;height:48px}.home-paymentHistory .paymentHistory-empty .empty-text{gap:4px}.home-paymentHistory .paymentHistory-empty .empty-text .text-title{font-size:13px}.home-paymentHistory .paymentHistory-empty .empty-text .text-description{font-size:12px}.home-paymentHistory .paymentHistory-empty .empty-button{margin-top:8px;gap:2px}.home-paymentHistory .paymentHistory-empty .empty-button .button-text{font-size:13px}.home-paymentHistory .paymentHistory-empty .empty-button .button-arrow{width:12px;height:12px}.home-paymentHistory .paymentHistory-list{margin-top:20px}.home-paymentHistory .paymentHistory-list .list-item{gap:4px}.home-paymentHistory .paymentHistory-list .list-item .item-row span{font-size:12px}.home-paymentHistory .paymentHistory-list .list-item .item-row .row-date,.home-paymentHistory .paymentHistory-list .list-item .item-row .row-status{font-size:11px}.home-paymentHistory .paymentHistory-list .list-divider{margin:10px 0;border:1px var(--color-gray-100) solid}}.modal-newConstract-overlay{position:fixed;inset:0;background-color:var(--overlay-black-40);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.modal-newConstract-overlay.closing{animation:fadeOut .2s ease-out forwards}.modal-newConstract.closing{animation:slideDown .2s ease-out forwards}.modal-newConstract{width:87.5vw;animation:slideUp .3s ease-out;padding:4.3vw;background-color:var(--color-white);border-radius:4.3vw}.modal-newConstract .modal-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.modal-newConstract .modal-content .modal-info{width:56.5vw;display:flex;flex-direction:column;align-items:center;gap:3.2vw;margin-bottom:6.4vw}.modal-newConstract .modal-content .modal-info .modal-icon{width:12.8vw;height:12.8vw}.modal-newConstract .modal-content .modal-info .modal-textGroup{display:flex;flex-direction:column;align-items:center;gap:1.1vw}.modal-newConstract .modal-content .modal-info .modal-textGroup .modal-title{font-family:Pretendard;font-weight:600;font-size:4.8vw;color:var(--color-gray-750)}.modal-newConstract .modal-content .modal-info .modal-textGroup .modal-description{font-family:Pretendard;font-weight:500;font-size:4vw;color:var(--color-gray-650)}.modal-newConstract .modal-content .modal-info .modal-textGroup .modal-description .highlight{color:var(--color-primary)}.modal-newConstract .modal-content .modal-button{width:100%;height:11.7vw;border:none;outline:none;border-radius:4.3vw;background-color:var(--color-primary)}.modal-newConstract .modal-content .modal-button .button-text{font-family:Pretendard;font-weight:600;font-size:4.3vw;color:var(--color-white)}.modal-newConstract .modal-content .modal-button:active{background-color:var(--color-primary-hover)}@media screen and (min-width:690px){.modal-newConstract{width:328px;padding:16px;border-radius:16px}.modal-newConstract .modal-content .modal-info{width:212px;gap:12px;margin-bottom:24px}.modal-newConstract .modal-content .modal-info .modal-icon{width:48px;height:48px}.modal-newConstract .modal-content .modal-info .modal-textGroup{gap:4px}.modal-newConstract .modal-content .modal-info .modal-textGroup .modal-title{font-size:18px}.modal-newConstract .modal-content .modal-info .modal-textGroup .modal-description{font-size:15px}.modal-newConstract .modal-content .modal-button{height:44px;border-radius:16px}.modal-newConstract .modal-content .modal-button .button-text{font-size:16px}}.home-benefitsSlide{padding-top:2.1vw;margin-bottom:3.2vw;overflow:hidden}.home-benefitsSlide .benefits-header{margin:0 8.5vw 2.1vw}.home-benefitsSlide .benefits-header .header-title{font-family:Pretendard;font-weight:600;font-size:4vw;color:var(--color-gray-750)}.home-benefitsSlide .benefits-slider{width:100%;padding:0 4.3vw}.home-benefitsSlide .benefits-card.slide-out-left{transition:transform .3s ease,opacity .3s ease;transform:translate(-100%);opacity:0}.home-benefitsSlide .benefits-card.slide-out-right{transition:transform .3s ease,opacity .3s ease;transform:translate(100%);opacity:0}.home-benefitsSlide .benefits-card.slide-in-right{animation:benefitsSlideInRight .3s ease forwards}.home-benefitsSlide .benefits-card.slide-in-left{animation:benefitsSlideInLeft .3s ease forwards}.home-benefitsSlide .benefits-card{padding:4.5vw 4.3vw;border-radius:4.3vw;background-color:var(--color-white);display:flex;align-items:baseline;justify-content:space-between}.home-benefitsSlide .benefits-card .card-main{display:flex;align-items:center;gap:5.3vw}.home-benefitsSlide .benefits-card .card-main .card-icon{width:9.9vw;height:9.9vw}.home-benefitsSlide .benefits-card .card-main .card-text{display:flex;flex-direction:column;gap:1.3vw}.home-benefitsSlide .benefits-card .card-main .card-text .text-title{font-family:Pretendard;font-weight:500;font-size:3.5vw;color:var(--color-gray-600)}.home-benefitsSlide .benefits-card .card-main .card-text .text-description{font-family:Pretendard;font-weight:600;font-size:3.7vw;color:var(--color-gray-700)}.home-benefitsSlide .benefits-card .card-tail .tail-text{font-family:Pretendard;font-weight:500;font-size:2.9vw;color:var(--color-gray-400)}.home-benefitsSlide .benefits-card .card-tail .tail-text .highlight{color:var(--color-primary)}@keyframes benefitsSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes benefitsSlideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (min-width:690px){.home-benefitsSlide{padding-top:8px;margin-bottom:12px}.home-benefitsSlide .benefits-header{margin:0 32px 8px}.home-benefitsSlide .benefits-header .header-title{font-size:15px}.home-benefitsSlide .benefits-slider{padding:0 16px}.home-benefitsSlide .benefits-card{padding:17px 16px;border-radius:16px}.home-benefitsSlide .benefits-card .card-main{gap:20px}.home-benefitsSlide .benefits-card .card-main .card-icon{width:37px;height:37px}.home-benefitsSlide .benefits-card .card-main .card-text{gap:5px}.home-benefitsSlide .benefits-card .card-main .card-text .text-title{font-size:13px}.home-benefitsSlide .benefits-card .card-main .card-text .text-description{font-size:14px}.home-benefitsSlide .benefits-card .card-tail .tail-text{font-size:11px}}.home{width:100%;min-height:100dvh;padding-bottom:21.3vw;background:linear-gradient(to bottom,var(--color-gray-180) 80%,var(--color-white) 100%)}@media screen and (min-width:690px){.home{padding-bottom:80px}}.home-addOn{width:calc(100% - 8.5vw);margin:0 4.3vw 3.2vw;display:flex;align-items:center;justify-content:space-between;padding:3.2vw 6.1vw;background-color:var(--color-white);border-radius:4.3vw}.home-addOn .addOn-container{display:flex;flex-direction:column;align-items:center;gap:2.1vw;text-decoration:none}.home-addOn .addOn-container .container-icon{width:12.8vw;height:12.8vw}.home-addOn .addOn-container .container-text{font-family:Pretendard;font-weight:500;font-size:3.5vw;color:var(--color-gray-700)}@media screen and (min-width:690px){.home-addOn{width:calc(100% - 32px);margin:0 16px 12px;padding:12px 23px;border-radius:16px}.home-addOn .addOn-container{gap:8px}.home-addOn .addOn-container .container-icon{width:48px;height:48px}.home-addOn .addOn-container .container-text{font-size:13px}}
