:root{color:#111;background:#fafafa;font-family:Spoqa Han Sans Neo,Pretendard,Noto Sans KR,Arial,sans-serif;font-synthesis:weight;--accent: #5a4fdc;--accent-soft: #d2cffc;--aqua: #31c4d1;--border: #e4e4e4;--muted: #7d7d7d;--page-width: 704px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#fafafa}button,input{color:inherit;font:inherit}button{border:0}button:focus-visible,input:focus-visible{outline:3px solid rgb(90 79 220 / 28%);outline-offset:2px}.app-shell{min-height:100vh}.desktop-header{position:sticky;top:0;z-index:40;display:flex;height:60px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #f1f1f1;background:#fffffff5}.brand{padding:0;border:0;background:linear-gradient(90deg,#31c6ce,#6154df 87%);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1}.desktop-nav{display:flex;height:100%;align-items:center;gap:40px;padding-right:19px}.desktop-nav__item,.mobile-nav__item{display:flex;align-items:center;border:0;background:transparent;cursor:pointer}.desktop-nav__item{gap:9px;font-size:15px;font-weight:700}.desktop-nav__item.is-selected{color:var(--accent)}.nav-icon{width:22px;height:22px;object-fit:contain}.mobile-brand-bar,.mobile-nav{display:none}.page-container{min-height:calc(100vh - 60px)}.home-page__content,.join-landing__content,.desktop-recommendation__content,.benefits-page__content,.result-page__content{width:min(var(--page-width),calc(100% - 40px));margin:0 auto}.home-page__content{padding-top:60px}.visitor-badge{display:inline-flex;min-height:42px;align-items:center;margin:0;padding:0 11px;border-radius:18px 18px 18px 0;background:var(--aqua);color:#fff;font-size:15px;font-weight:800}.home-page h1,.benefits-page h1,.result-page h1{margin:13px 0 48px;font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1.45}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.choice-card,.join-choice-card{position:relative;display:flex;min-height:122px;align-items:center;padding:20px 38px 20px 16px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 2px 5px #00000017;cursor:pointer;text-align:left;transition:transform .14s ease,box-shadow .14s ease}.choice-card:hover,.join-choice-card:hover,.input-summary-card:hover,.carrier-benefit:hover{box-shadow:0 7px 20px #0000001a;transform:translateY(-1px)}.choice-card__icon{display:grid;width:47px;height:47px;flex:0 0 auto;margin-right:16px;place-items:center;border-radius:50%;background:#efedff}.choice-card__icon img{width:31px;height:31px}.choice-card__copy{display:flex;min-width:0;flex-direction:column}.choice-card__copy strong,.join-choice-card strong{font-size:21px;font-weight:800;letter-spacing:-.6px}.choice-card__copy>span,.join-choice-card>span:not(.join-choice-card__badge):not(.chevron){margin-top:4px;color:#6d6d6d;font-size:15px;line-height:1.25}.chevron{position:absolute;top:50%;right:17px;width:15px;height:15px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:translateY(-50%) rotate(45deg)}.primary-button{width:100%;min-height:50px;border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;font-size:19px;font-weight:800}.primary-button:disabled{background:var(--accent-soft);cursor:default}.mobile-wizard{display:none}.desktop-recommendation__content{width:min(686px,calc(100% - 40px));padding:66px 0 80px}.desktop-recommendation h1{margin:0 0 45px;font-size:27px;font-weight:800}.input-summary-list{display:grid;gap:18px}.input-summary-card{display:grid;min-height:76px;grid-template-columns:28px 1fr auto;align-items:center;gap:4px 15px;padding:12px 22px;border:1px solid var(--border);border-radius:4px;background:#fff;box-shadow:0 2px 5px #00000014;cursor:pointer;text-align:left}.input-summary-card img{width:24px;max-height:26px;object-fit:contain}.input-summary-card strong{font-size:16px;font-weight:800}.input-summary-card>span{color:var(--muted);font-size:14px}.desktop-recommendation__content>.primary-button{margin-top:30px}.dialog-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000001f}.input-dialog{position:relative;display:flex;width:min(368px,calc(100% - 32px));min-height:510px;flex-direction:column;padding:35px 20px 29px;border:1px solid #d7d7d7;border-radius:7px;background:#fff;box-shadow:0 3px 8px #00000029}.input-dialog h2{margin:0 0 48px;padding-right:28px;font-size:20px;font-weight:800}.input-dialog__close{position:absolute;top:28px;right:22px;width:28px;height:28px;background:transparent;cursor:pointer;font-size:27px;font-weight:300}.input-dialog .primary-button{margin-top:auto}.step-body{width:100%}.underlined-input{display:flex;width:100%;min-height:48px;align-items:center;border-bottom:2px solid var(--accent)}.underlined-input input{min-width:0;flex:1;padding:8px 2px;border:0;background:transparent;font-size:16px}.underlined-input span{font-size:15px;font-weight:600}.underlined-input--boxed{min-height:94px;padding:0 20px;border:0;border-radius:4px;background:#fff;box-shadow:0 2px 7px #0000000f}.underlined-input--boxed:after{position:absolute;content:""}.underlined-input--boxed input{border-bottom:2px solid var(--accent)}.option-stack{display:grid;gap:20px}.radio-card{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid var(--border);border-radius:3px;background:#fff;cursor:pointer;font-size:15px;text-align:left}.radio-card__indicator{width:23px;height:23px;flex:0 0 auto;border:4px solid #eeeeee;border-radius:50%;background:#eee}.radio-card.is-selected .radio-card__indicator{border-color:var(--accent);background:#fff}.ott-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ott-option{position:relative;display:flex;min-height:68px;align-items:center;gap:10px;padding:10px 34px 10px 12px;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer;text-align:left}.ott-option.is-selected{border-color:var(--accent)}.ott-option img{width:30px;max-height:30px;object-fit:contain}.ott-option__check{position:absolute;top:8px;right:8px;color:transparent}.ott-option.is-selected .ott-option__check{color:var(--accent)}.info-hint{display:flex;align-items:flex-start;gap:6px;margin:0;color:#767676;font-size:12px;line-height:1.3}.info-hint>span{color:#777;font-size:8px;line-height:17px}.join-mobile-header{display:none}.join-landing__content{padding-top:65px}.join-landing h1{margin:0 0 54px;font-size:26px;font-weight:800}.join-choice-card{min-height:120px;align-items:flex-start;flex-direction:column;justify-content:center;padding-left:16px}.join-choice-card__badge{display:inline-block;margin-bottom:14px;padding:4px 9px;border-radius:15px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.join-form-page{min-height:calc(100vh - 60px)}.flow-header-wrap{display:none}.join-form-page__content{width:min(686px,calc(100% - 40px));margin:0 auto;padding:65px 0 80px}.join-form-page__content h1,.home-product-section h2{margin:0;font-size:24px;font-weight:800;line-height:1.42}.add-family-button,.product-toggle{width:100%;min-height:58px;border:1px solid var(--border);background:#fff;cursor:pointer}.add-family-button{margin-top:30px;color:#5f5f5f;font-size:17px}.family-chips{display:grid;gap:8px;margin-top:22px}.family-chips button{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #dcdcdc;border-radius:4px;background:#fff;cursor:pointer;text-align:left}.home-product-section{margin-top:64px}.home-product-section h2{margin-bottom:36px}.home-product-section h2 span{margin-left:4px;color:#767676;font-size:17px;font-weight:500}.product-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:0 20px;border-radius:4px;font-size:16px;text-align:left}.product-toggle span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#eee;color:#fff}.product-toggle.is-selected span{background:var(--accent-soft)}.product-options{padding:20px 8px 8px}.product-options p{margin:0 0 12px;color:#5e5e5e;font-size:14px}.compact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.compact-options .radio-card{min-height:45px}.join-form-page__content>.primary-button{margin-top:34px}.join-result-page__content,.history-page__content,.retry-page__content{width:min(686px,calc(100% - 40px));margin:0 auto;padding:58px 0 90px}.join-result-page__content h1,.history-page__content h1,.retry-page__content h1{margin:0;font-size:24px;font-weight:800;line-height:1.55}.join-result-page__empty{min-height:430px}.joined-actions{display:grid;width:230px;grid-template-columns:1fr 1fr;margin:0 auto;overflow:hidden;border-radius:25px}.joined-actions button{min-height:50px;background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:800}.joined-actions button:last-child{background:var(--aqua)}.history-page__content>h1{margin-bottom:52px}.history-list{display:grid;gap:28px}.history-card{min-height:112px;padding:23px 20px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 4px 8px #00000024}.history-card h2,.history-card p{margin:0}.history-card h2{color:var(--accent);font-size:19px;font-weight:800}.history-card p{margin-top:22px;font-size:14px;font-weight:700}.retry-page__content>h1{margin-bottom:11px}.retry-list{display:grid}.retry-list button{display:grid;min-height:112px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:0;border-bottom:1px solid #e6e6e6;background:transparent;cursor:pointer;text-align:left}.retry-list img{width:20px;max-height:22px;object-fit:contain}.retry-list strong{font-size:16px;font-weight:800}.retry-list span{color:#6d6d6d;text-decoration:underline}.retry-page__content>.primary-button{margin-top:26px}.benefits-page__content{padding:55px 0 100px}.benefits-page h1{margin-top:0;margin-bottom:18px}.tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #bdbdbd}.tabs button{position:relative;min-height:48px;background:transparent;color:#777;cursor:pointer;font-size:16px;font-weight:700}.tabs button.is-selected{color:var(--accent)}.tabs button.is-selected:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);content:""}.carrier-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.carrier-benefit{position:relative;display:flex;min-height:120px;align-items:center;flex-direction:column;justify-content:center;gap:18px;border:1px solid var(--border);border-radius:5px;background:#fff;box-shadow:0 2px 5px #00000017;cursor:pointer}.carrier-benefit img{width:100px;max-height:42px;object-fit:contain}.carrier-benefit>span:not(.chevron){color:#777}.carrier-benefit .chevron{right:13px;width:11px;height:11px;border-width:2px;border-color:#b7b7b7}.benefit-detail__content{width:min(686px,calc(100% - 40px));margin:0 auto;padding:60px 0 90px}.benefit-detail__content h1{display:flex;flex-direction:column;margin:0 0 20px;font-size:24px;font-weight:800;line-height:1.55}.benefit-detail__content picture,.benefit-detail__content picture img{display:block;width:100%}.empty-card-space{min-height:420px}.login-page{display:grid;place-items:center}.login-buttons{display:grid;width:244px;gap:12px}.social-login{display:grid;min-height:60px;grid-template-columns:60px 1fr;align-items:center;padding:0;overflow:hidden;border-radius:12px;cursor:pointer;font-size:19px}.social-login--kakao{background:#fee500}.social-login--google{background:#f3f3f3}.social-login__icon{display:grid;height:100%;place-items:center}.social-login__icon img{width:60px;height:60px;object-fit:contain}.social-login__icon--kakao{background:#fee500}.social-login__icon--kakao img{width:60px;height:60px;object-fit:cover}.social-login strong{font-weight:800}.result-page__content{padding:55px 0 100px}.result-page__eyebrow{display:inline-block;margin:0;padding:5px 10px;border-radius:13px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.result-page h1{margin-bottom:8px}.result-page__description{margin:0 0 28px;color:var(--muted);font-size:14px}.result-list{display:grid;gap:14px}.result-card{position:relative;display:grid;min-height:132px;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:20px 20px 18px;border:1px solid var(--border);border-radius:7px;background:#fff;box-shadow:0 2px 6px #00000014}.result-card__rank{position:absolute;top:0;left:0;padding:5px 11px;border-radius:7px 0 10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.result-card>img{width:70px;max-height:40px;object-fit:contain}.result-card__copy{display:flex;flex-direction:column;gap:3px}.result-card__copy>span,.result-card__copy small{color:var(--muted);font-size:12px}.result-card__copy strong{font-size:18px}.result-card>p{margin:0;font-size:14px}.result-card>p strong{font-size:21px}.result-card>button{grid-column:3;padding:0;background:transparent;color:var(--accent);cursor:pointer;font-size:13px;font-weight:700}.result-page__actions{margin-top:24px}@media(max-width:913px){body{background:#fbfbfb}.desktop-header{display:none}.mobile-brand-bar{display:flex;height:60px;align-items:center;padding:0 20px;border-bottom:1px solid #f4f4f4;background:#fff}.desktop-header--flow+.mobile-brand-bar{display:none}.brand{font-size:20px;letter-spacing:-1px}.mobile-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;height:86px;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7d7d7;background:#fff}.mobile-nav__item{justify-content:center;flex-direction:column;gap:7px;font-size:13px;font-weight:800}.mobile-nav__item .nav-icon{width:26px;height:26px}.mobile-nav__item.is-selected{color:var(--accent)}.page-container{min-height:calc(100vh - 60px);padding-bottom:86px}.home-page__content,.join-landing__content,.benefits-page__content,.result-page__content{width:auto;margin:0;padding-right:20px;padding-left:20px}.home-page__content{padding-top:60px}.visitor-badge{min-height:42px;font-size:15px}.home-page h1,.benefits-page h1,.result-page h1{margin-top:10px;margin-bottom:10px;font-size:24px;line-height:1.55}.choice-grid{grid-template-columns:1fr;gap:18px;margin-top:6px}.choice-card{min-height:122px;padding:19px 42px 19px 9px}.choice-card__icon{width:48px;height:48px;margin-right:14px}.choice-card__copy strong,.join-choice-card strong{font-size:21px}.choice-card__copy>span,.join-choice-card>span:not(.join-choice-card__badge):not(.chevron){font-size:14px}.flow-header-wrap{position:sticky;top:0;z-index:45;display:block;background:#fff}.flow-header{display:grid;height:60px;grid-template-columns:56px 1fr 56px;align-items:center;text-align:center}.flow-header strong{font-size:20px;font-weight:800}.flow-header__action{display:grid;height:100%;place-items:center;padding:0;background:transparent;cursor:pointer;font-size:15px;font-weight:700}.flow-header__back{font-size:34px;font-weight:300}.flow-progress{height:5px;background:#f1f1f1}.flow-progress span{display:block;height:100%;background:var(--accent);transition:width .18s ease}.desktop-recommendation{display:none}.mobile-wizard{display:flex;min-height:100dvh;flex-direction:column;background:#fbfbfb}.mobile-wizard__body{flex:1;padding:35px 20px 24px}.mobile-wizard__body h1{display:flex;flex-direction:column;margin:0 0 28px;font-size:20px;font-weight:800;line-height:1.55}.mobile-wizard__footer{position:sticky;bottom:0;padding:12px 20px 29px;background:linear-gradient(to bottom,#fbfbfbbf,#fbfbfb 25%)}.mobile-wizard__footer .primary-button{min-height:51px}.radio-card{min-height:50px;padding:0 20px}.option-stack{gap:20px}.underlined-input{min-height:48px}.mobile-wizard__body>.step-body>.underlined-input:not(.underlined-input--boxed){margin-top:47px}.underlined-input--boxed{min-height:96px}.ott-grid{grid-template-columns:1fr}.join-mobile-header{display:block}.join-landing{min-height:calc(100dvh - 60px);padding-bottom:0}.join-landing__content{padding-top:58px}.join-landing h1{display:none}.join-landing .choice-grid{gap:18px;margin-top:0}.join-choice-card{min-height:122px;padding:15px 42px 15px 15px}.join-choice-card__badge{margin-bottom:12px}.join-form-page{min-height:100dvh;background:#fbfbfb}.join-form-page__content{width:auto;padding:33px 20px 28px}.join-form-page__content h1,.home-product-section h2{font-size:20px;line-height:1.55}.add-family-button{min-height:56px;margin-top:45px}.home-product-section{margin-top:66px}.home-product-section h2{margin-bottom:34px}.product-options .compact-options{grid-template-columns:1fr}.join-form-page__content>.primary-button{margin-top:53px}.join-result-page,.history-page,.retry-page{min-height:100dvh}.join-result-page__content,.history-page__content,.retry-page__content{width:auto;padding:20px 20px 28px}.join-result-page__content h1,.history-page__content h1,.retry-page__content h1{font-size:20px}.join-result-page__content h1{margin-top:0}.join-result-page__empty{min-height:calc(100dvh - 260px)}.joined-actions{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%)}.history-page__content{padding-top:35px}.history-page__content>h1{margin-bottom:54px}.history-list{gap:29px}.history-card{min-height:112px;padding:22px 20px}.retry-page__content{padding-top:36px}.retry-page__content>h1{margin-bottom:9px}.retry-list button{min-height:116px}.benefits-page__content{padding-top:19px;padding-right:34px}.benefits-page h1{margin-bottom:0}.tabs button{min-height:44px;font-size:15px}.carrier-benefits{grid-template-columns:1fr;gap:18px;margin-top:30px}.carrier-benefit{min-height:82px;align-items:center;flex-direction:row;justify-content:space-between;padding:0 42px 0 38px}.carrier-benefit img{width:105px;max-height:47px}.benefit-detail{min-height:100dvh}.benefit-detail__content{width:auto;padding:10px 10px 0}.benefit-detail__content--cards{padding-top:58px;padding-right:20px;padding-left:20px}.benefit-detail__content h1{margin-bottom:12px;font-size:20px}.benefit-detail__content picture{margin-right:-10px;margin-left:-10px;width:calc(100% + 20px)}.login-page{min-height:calc(100dvh - 60px);padding-bottom:0}.login-buttons{transform:translateY(-86px)}.result-page__content{padding-top:30px}.result-page h1{margin-top:12px}.result-page__description{margin-top:8px}.result-card{grid-template-columns:64px 1fr;gap:12px;padding-top:30px}.result-card>img{width:60px}.result-card>p{grid-column:2}.result-card>button{position:absolute;right:18px;bottom:18px}}@media(max-width:370px){.choice-card__copy>span,.join-choice-card>span:not(.join-choice-card__badge):not(.chevron){font-size:13px}.home-page h1,.benefits-page h1,.result-page h1{font-size:22px}}
