body:has(.home-page){background:#f5f7f9}.home-page{--brand:#0049ff;--text:#111;--text-default:#444;--text-2:#585861;--text-3:#6f7177;--bg-page:#f5f7f9;--bg-sec:#f5f7f9;--card:#f6f6f7;--rank2:#ebedf5;--chip:#dae7ff;--accent:#c5f1ff;--border:#e1e1e1;--footer-bg:#d3d6dd;--shadow:0 0 10px 0 #0000000d;background:var(--bg-page);max-width:390px;min-height:100vh;color:var(--text);box-sizing:border-box;margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.home-page *{box-sizing:border-box}.home-page img{display:block}.status-bar{background:var(--bg-sec)}.status-bar .navbar{align-items:center;gap:8px;height:56px;padding:8px 16px;display:flex}.status-bar .navbar .bi{width:auto;height:18.7px}.status-bar .navbar .title{color:var(--text);margin:0;font-size:18px;font-weight:700;line-height:26px}.con{flex-direction:column;gap:12px;padding:12px 16px 0;display:flex}.card{box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;gap:15px;padding:20px 16px;display:flex}.card-title{color:var(--text);align-items:center;gap:4px;font-size:20px;font-weight:700;line-height:26px;display:flex}.card-title .trophy{object-fit:contain;width:26px;height:26px}.rank-row{align-items:center;gap:10px;display:flex}.rank-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:flex}.rank-badge.b1{background:var(--brand);color:#fff}.rank-badge.bn{background:var(--rank2);color:var(--text)}.rank-band-icon{object-fit:contain;width:24px;height:24px}.rank-list{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.rank-price-col{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.rank-price{color:var(--text);font-size:18px;font-weight:700;line-height:26px}.rank-sub{color:var(--text-3);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:16px;line-height:22px;display:-webkit-box;overflow:hidden}.rank-sub .sep:before{content:"・";margin:0 4px}.rank-chevron{flex-shrink:0;width:7px;height:12px;margin-left:16px}.kt-banner-link{display:block}.kt-banner-img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:14px;display:block}.kt-banner{height:88px;box-shadow:var(--shadow);background-image:linear-gradient(59.2deg,#1ca0ff .12%,#84ccff 72.4%);border-radius:14px;position:relative;overflow:hidden}.kt-banner .b-logo{align-items:center;gap:5px;display:flex;position:absolute;top:11px;left:14px}.kt-banner .b-logo img{height:14px}.kt-banner .b-logo span{color:#f1f6fa;letter-spacing:-.36px;font-size:12px;font-weight:700}.kt-banner .b-text{color:#fff;flex-direction:column;gap:6px;display:flex;position:absolute;top:32.5px;left:14px}.kt-banner .b-text .h{letter-spacing:-.66px;font-size:22px;font-weight:700;line-height:1}.kt-banner .b-text .d{letter-spacing:-.48px;font-size:16px;font-weight:600;line-height:1}.kt-banner .b-deco{align-items:flex-end;gap:2px;display:flex;position:absolute;top:8px;right:6px}.kt-banner .b-deco img{height:40px}.kt-banner .b-deco img.sm{height:30px}.phone-price{border:2px solid var(--brand);padding:18px 14px;position:relative}.pp-tabs{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.pp-tab{background:var(--bg-sec);color:var(--text-2);text-align:center;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:10px;max-width:160px;padding:5px 8px;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.pp-tab.active{background:var(--brand);color:#fff;justify-content:center;align-items:center;gap:2px;max-width:180px;font-weight:700;display:inline-flex}.pp-tab.active .ti{object-fit:contain;flex-shrink:0;width:20px;height:18px}.pp-body{flex-direction:column;gap:10px;display:flex}.pp-price-group{flex-direction:column;gap:4px;width:100%;display:flex}.pp-name{align-items:center;gap:8px;display:flex}.pp-name-txt{align-items:center;min-width:0;display:flex}.pp-name .nm{color:var(--text-default);white-space:nowrap;font-size:18px;font-weight:500;line-height:26px}.pp-name .unit{color:var(--text-3);white-space:nowrap;margin-left:5px;font-size:14px;line-height:20px}.pp-price{align-items:flex-end;gap:8px;display:flex}.pp-price .p{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:32px}.pp-price s{color:var(--text-3);font-size:14px;line-height:20px}.pp-sub{align-items:center;gap:8px;display:flex}.pp-sub .gift{object-fit:contain;width:24px;height:24px}.pp-sub .bt{color:var(--text-default);font-size:16px;line-height:22px}.pp-cta{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:48px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.pp-tooltip{z-index:3;transform-origin:50% 100%;width:140px;height:33px;animation:.5s cubic-bezier(.22,1,.36,1) both ppTipIn,2.4s ease-in-out .5s infinite ppTipFloat;position:absolute;top:-8px;left:172px}.pp-tooltip.leaving{animation:.45s cubic-bezier(.4,0,1,1) forwards ppTipOut}@keyframes ppTipIn{0%{opacity:0;transform:translateY(8px)scale(.9)}60%{transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ppTipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ppTipOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.96)}}.pp-tooltip .bubble{width:134px;height:31.17px;position:absolute;top:1px;left:3px}.pp-tooltip span{color:#fff;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:6px;left:11px}.shop-title{flex-direction:column;gap:4px;display:flex}.shop-title .info{color:var(--text-2);font-size:16px;line-height:22px}.shop-title .info b{color:var(--text-2);font-weight:700}.coupang-banner{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 10px;display:flex}.coupang-banner .left{align-items:center;gap:6px;display:flex}.coupang-banner .left .ic{flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.coupang-banner .left .ic img{object-fit:cover;width:48px;height:48px;position:absolute;top:-4px;left:-4px}.coupang-banner .left .t{color:var(--text);font-size:16px;line-height:22px}.coupang-banner .chip{background:var(--chip);color:var(--brand);white-space:nowrap;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:16px;font-weight:700;line-height:22px;text-decoration:none}.cashback .cb-title{justify-content:space-between;align-items:center;width:100%;display:flex}.cb-badge{background:var(--chip);color:var(--brand);border-radius:10px;padding:5px 8px;font-size:14px;font-weight:700;line-height:20px}.cb-line{background:var(--border);width:100%;height:1px}.cb-bar{box-sizing:border-box;width:100%;padding:0 16px}.cb-graph{background:var(--bg-sec);border-radius:999px;width:100%;height:20px;position:relative;overflow:hidden}.cb-fill{background:var(--brand);border-radius:20px;height:20px;position:absolute;top:0;left:0}.cb-dot{background:#d3d6dd;border-radius:50%;width:14px;height:14px;position:absolute;top:3px}.cb-dot.on{background:#fff}.cb-dot.start{left:3px}.cb-dot.mid{left:50%;transform:translate(-50%)}.cb-dot.end{right:3px}.cb-marks{height:56px;margin:0 16px;position:relative}.cb-mark{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0}.cb-mark.start{left:10px;transform:translate(-50%)}.cb-mark.mid{left:50%;transform:translate(-50%)}.cb-mark.end{right:10px;transform:translate(50%)}.cb-mark .amt{color:#000;font-size:16px;line-height:22px}.cb-mark .tag{white-space:nowrap;border:none;border-radius:999px;padding:4px 12px;font-size:16px;line-height:22px}.cb-mark .tag.active{background:var(--chip);color:var(--brand);cursor:pointer;font-weight:700;text-decoration:none}.cb-mark .tag.disabled{color:var(--text-default);background:#e4e6ee}.cb-mark .tag.done{color:var(--text-default);opacity:0;background:#e4e6ee}.usim-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.usim-card{background:var(--card);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;display:flex}.usim-card .logo{justify-content:center;align-items:center;height:40px;display:flex}.usim-card .logo img{object-fit:contain;max-width:74px;max-height:40px}.usim-card .deliv{object-fit:contain;width:auto;height:18px}.brand-banner{border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;height:58px;padding:4px 16px}.brand-banner .bt{color:#000;font-size:16px;font-weight:700}.brand-banner .logos{align-items:center;gap:10px;display:flex}.brand-banner .logos img{object-fit:contain;height:16px}.home-footer{background:var(--footer-bg);color:var(--text);flex-direction:column;align-items:flex-start;gap:18px;margin-top:20px;padding:30px 16px 118px;font-size:12px;font-weight:500;line-height:1.5;display:flex}.home-footer .bi{width:auto;height:20px}.home-footer .fblock p{margin:0}.home-footer .links{flex-wrap:wrap;align-items:center;gap:0;display:flex}.home-footer .links a{color:var(--text);padding:0 6px;line-height:10px;text-decoration:none}.home-footer .links a:first-child{padding-left:0}.home-footer .links a:not(:last-child){border-right:1px solid #a7abb3}.home-footer .fblock{max-width:100%}.home-footer .fbottom{align-items:center;width:100%;display:flex}.resume-banner{box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:13px 40px 13px 16px;display:flex;position:relative}.resume-banner .ic{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.resume-banner .ic img{object-fit:cover;width:32px;height:32px}.resume-banner a{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;line-height:22px;text-decoration:none;overflow:hidden}.resume-banner .close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:absolute;top:4px;right:4px}.resume-banner .close img{width:15px;height:15px}.dls-sheet-overlay,.dls-sheet-overlay *{box-sizing:border-box;margin:0}.dls-sheet-overlay{z-index:200;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dls-sheet-wrap{flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:390px;display:flex}.dls-sheet-top{justify-content:space-between;align-items:center;width:100%;padding-left:24px;padding-right:14px;display:flex}.dls-sheet-today{color:#fff;text-align:center;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;font-weight:500;line-height:1.5}.dls-sheet-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.dls-sheet-close img{filter:brightness(0)invert();width:20px;height:20px}.dls-sheet{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;width:100%;height:204px;position:relative;overflow:hidden}.dls-sheet-title{color:#000;text-align:center;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:26px;position:absolute;top:22px;left:calc(50% - 38px);transform:translate(-50%)}.dls-sheet-body{flex-direction:column;align-items:flex-start;gap:10px;width:354px;max-width:calc(100% - 36px);display:flex;position:absolute;top:62px;left:18px}.dls-sheet-desc{color:#111;width:100%;font-size:16px;font-weight:400;line-height:22px}.dls-sheet-desc p{white-space:nowrap}.dls-sheet-info{background:#f5f7f9;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;padding:6px 10px;display:flex;overflow:hidden}.dls-sheet-info p{white-space:nowrap;color:#111;width:325px;max-width:100%;font-size:16px;font-weight:500;line-height:22px}
