@charset "utf-8";  :root{ --floating-button-size:62px; --floating-button-gap:12px; --floating-right:24px; --floating-bottom:24px; --fab-z:95; --cb-z:150; --qr-z:160; --cb-w:380px;  --cb-gap:calc(var(--floating-bottom) + var(--floating-button-size) * 2 + var(--floating-button-gap) + 14px); --cb-h:min(620px, calc(100dvh - var(--cb-gap) - 16px)); --cb-bg:var(--d-cb-bg, #F4F7F8); --cb-line:var(--d-cb-line, rgba(16,24,39,.10)); }  body.cb-open{overflow:hidden}   .fab{ position:fixed;z-index:var(--fab-z); right:var(--floating-right); bottom:var(--floating-bottom); display:flex;flex-direction:column;gap:var(--floating-button-gap); align-items:flex-end; } .fab__btn{ position:relative; height:var(--floating-button-size); min-height:44px; padding:0 20px 0 17px; border-radius:999px; display:inline-flex;align-items:center;gap:9px; border:0;cursor:pointer; box-shadow:0 8px 20px rgba(16,24,39,.14); transition:background .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease); } .fab__btn svg{width:27px;height:27px;flex:none}  .fab__lb{ font-size:17px;font-weight:600;letter-spacing:-.03em;line-height:1; white-space:nowrap;color:#fff; } .fab__btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,24,39,.18)} .fab__btn:active{transform:translateY(0)}  .fab__btn--kakao{background:#111111;color:#fff} .fab__btn--kakao:hover{background:#252525} .fab__btn--kakao svg{fill:currentColor}  .fab__btn--bot{background:var(--cobalt-ink,#0E5361);color:#fff} .fab__btn--bot:hover{background:color-mix(in srgb, var(--d-cb-header, #0E5361) 82%, #000000)} .fab__btn--bot svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}  @keyframes fabPing{ 0%{box-shadow:0 8px 20px rgba(16,24,39,.14), 0 0 0 0 rgba(21,122,135,.4)} 70%{box-shadow:0 8px 20px rgba(16,24,39,.14), 0 0 0 14px rgba(21,122,135,0)} 100%{box-shadow:0 8px 20px rgba(16,24,39,.14), 0 0 0 0 rgba(21,122,135,0)} } .fab__btn--bot.is-ping{animation:fabPing 1.8s var(--ease) 2}  .cb{position:fixed;inset:0;z-index:var(--cb-z);pointer-events:none} .cb[hidden]{display:none} .cb__dim{position:absolute;inset:0;background:rgba(11,19,36,.45);opacity:0;pointer-events:none} .cb__panel:focus{outline:none} .cb__panel{ position:absolute;pointer-events:auto; right:var(--floating-right); bottom:var(--cb-gap); width:var(--cb-w);height:var(--cb-h); max-height:calc(100dvh - var(--cb-gap) - 16px); display:flex;flex-direction:column;overflow:hidden; background:var(--cb-bg); border:1px solid var(--cb-line); border-radius:18px; box-shadow:0 24px 60px -18px rgba(11,19,36,.32); animation:cbIn .26s var(--ease); } @keyframes cbIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}  .cb__hd{ display:flex;align-items:center;gap:12px;flex:none; padding:12px 12px 12px 14px; background:var(--d-cb-header, var(--navy,#0B1324));color:#fff; }  .cb__mark{ width:44px;height:44px;flex:none; background: linear-gradient(#00D7D9, #00D7D9), linear-gradient(#FFFFFF, #FFFFFF); -webkit-mask-image:url(../img/mark-mask-brand.png), url(../img/mark-mask-ink.png); mask-image:url(../img/mark-mask-brand.png), url(../img/mark-mask-ink.png); -webkit-mask-size:contain, contain; mask-size:contain, contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; } .cb__word{ display:inline-block;vertical-align:-.34em; height:1.5em;aspect-ratio:375/145; background: linear-gradient(#00D7D9, #00D7D9), linear-gradient(#FFFFFF, #FFFFFF); -webkit-mask-image:url(../img/word-mask-brand.png), url(../img/word-mask-ink.png); mask-image:url(../img/word-mask-brand.png), url(../img/word-mask-ink.png); -webkit-mask-size:contain, contain; mask-size:contain, contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:left center; mask-position:left center; margin-right:.24em; } @supports not ((-webkit-mask-image:url(x)) or (mask-image:url(x))){ .cb__word{background:none;-webkit-mask:none;mask:none;height:auto;aspect-ratio:auto} .cb__word::after{content:'일선모바일'} } .cb__id{flex:1;min-width:0} .cb__title{font-size:16.5px;font-weight:600;letter-spacing:-.02em;line-height:1.3} .cb__status{margin-top:3px;font-size:13.5px;color:#FFFFFF;letter-spacing:-.01em} .cb__ico{ width:44px;height:44px;flex:none;display:grid;place-items:center; color:rgba(255,255,255,.75);border-radius:8px; transition:color .2s var(--ease), background .2s var(--ease); } .cb__ico:hover{color:#fff;background:rgba(255,255,255,.1)} .cb__ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6; stroke-linecap:round;stroke-linejoin:round}  .cb__body{ flex:1;overflow-y:auto;overscroll-behavior:contain; padding:18px 16px 8px; display:flex;flex-direction:column;gap:12px; -webkit-overflow-scrolling:touch; } .cb__row{display:flex} .cb__row--me{justify-content:flex-end} .cb__bub{ max-width:86%;background:var(--d-cb-bubble, var(--bg-elevated,#FCFEFF));border:1px solid var(--cb-line); border-radius:14px 14px 14px 4px;padding:13px 14px; font-size:16px;line-height:1.72;letter-spacing:-.015em;color:var(--d-cb-bubble-text, var(--ink,#101827)); } .cb__bub p+p{margin-top:9px} .cb__bub--me{ background:var(--d-cb-user, var(--navy,#101827));color:#fff;border-color:transparent; border-radius:14px 14px 4px 14px;font-weight:500; } .cb__note{ margin-top:10px;padding-top:10px;border-top:1px solid var(--cb-line); font-size:15px;line-height:1.65;color:var(--ink-2,#6B7078); }  .cb__sum{margin-top:11px;border-top:1px solid var(--cb-line);padding-top:4px} .cb__sum>div{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:6px 0;align-items:baseline} .cb__sum dt{font-size:15px;color:var(--ink-3,#989DA5)} .cb__sum dd{font-size:15.5px;font-weight:500;letter-spacing:-.015em;line-height:1.55} .cb__card{margin-top:2px}  .cb__row--wide .cb__bub{max-width:100%;width:100%} .pc{margin-top:11px} .pc__top{display:flex;align-items:center;gap:14px} .pc__thumb{ flex:none;width:88px;height:88px;border-radius:16px;overflow:hidden; background:var(--bg-elevated,#FCFEFF);border:1px solid var(--cb-line); display:grid;place-items:center; } .pc__thumb img{width:78px;height:78px;object-fit:contain} .pc__thumb.is-none{background:var(--cb-bg)} .pc__thumb.is-none span{ font-size:13.5px;line-height:1.45;text-align:center;color:var(--ink-3,#989DA5);letter-spacing:-.02em; } .pc__name{font-size:18.5px;font-weight:700;line-height:1.3;letter-spacing:-.035em;color:var(--ink,#101827)} .pc__meta{margin-top:5px;font-size:14px;color:var(--ink-3,#989DA5);letter-spacing:-.01em}  .pc__hero{ margin-top:15px;padding:16px 16px 14px;border-radius:16px; background:color-mix(in srgb, var(--brand-primary, #157A87) 9%, var(--bg-elevated,#FCFEFF)); border:1px solid color-mix(in srgb, var(--brand-primary, #157A87) 30%, transparent); } .pc__herolab{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--brand-strong,#0E5361)} .pc__heroval{ margin-top:3px;font-size:31px;font-weight:800;line-height:1.14;letter-spacing:-.05em; color:var(--brand-strong,#0E5361);font-variant-numeric:tabular-nums; } .pc__herosub{ margin-top:10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px; font-size:16px;letter-spacing:-.015em; } .pc__was{color:var(--ink-3,#989DA5);text-decoration:line-through} .pc__arrow{color:var(--ink-3,#989DA5)} .pc__now{font-size:18px;font-weight:700;color:var(--ink,#101827);font-variant-numeric:tabular-nums} .pc__herofoot{margin-top:9px;font-size:15px;line-height:1.6;color:var(--ink-2,#6B7078)}  .pc__paylab{margin-top:15px;font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--ink,#101827)} .pc__pay{margin-top:8px;border:1px solid var(--cb-line);border-radius:13px;overflow:hidden} .pc__pay li{ display:flex;align-items:center;gap:8px;padding:13px 14px; background:var(--bg-elevated,#FCFEFF);font-size:16.5px;letter-spacing:-.02em; } .pc__pay li+li{border-top:1px solid var(--cb-line)} .pc__pay li>span{order:1;flex:none;color:var(--ink-2,#6B7078);font-weight:500} .pc__pay li>em{ order:2;font-style:normal;font-size:15px;font-weight:700;letter-spacing:-.01em; padding:3px 8px;border-radius:999px;white-space:nowrap; background:var(--brand-primary,#157A87);color:#fff; } .pc__pay li>b{ order:3;margin-left:auto;font-size:18px;font-weight:700;letter-spacing:-.03em; font-variant-numeric:tabular-nums;white-space:nowrap; } .pc__pay li.is-best{background:color-mix(in srgb, var(--brand-primary, #157A87) 7%, var(--bg-elevated,#FCFEFF))} .pc__pay li.is-best>b{color:var(--brand-strong,#0E5361)}  .pc__cond{margin-top:15px;padding-top:14px;border-top:1px solid var(--cb-line)} .pc__condlab{font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--ink,#101827);margin-bottom:9px} .pc__cond ul{display:grid;gap:8px} .pc__cond li{ position:relative;padding-left:16px; font-size:16px;line-height:1.68;letter-spacing:-.02em;color:var(--ink-2,#6B7078); } .pc__cond li::before{ content:'';position:absolute;left:3px;top:.72em;width:5px;height:5px;border-radius:50%; background:var(--brand-primary,#157A87);opacity:.5; } .pc__note{ margin-top:13px;padding-top:12px;border-top:1px solid var(--cb-line); font-size:15px;line-height:1.65;color:var(--ink-3,#989DA5); }  .cb__qr{margin-top:12px;text-align:center} .cb__qrcard{ width:184px;height:184px;margin:0 auto;padding:12px; background:var(--d-input, #FFFFFF);border:1px solid var(--d-input-border, rgba(11,19,36,.16));border-radius:12px; box-shadow:0 1px 3px rgba(11,19,36,.06); display:grid;place-items:center;position:relative; } .cb__qrcard img{width:160px;height:160px;display:block} .cb__qrcard.is-loading::after{ content:'';position:absolute;inset:12px;border-radius:6px; background:linear-gradient(100deg,#EFEFEF 30%,#F8F8F8 50%,#EFEFEF 70%); background-size:200% 100%;animation:qrSkel 1.1s linear infinite; } @keyframes qrSkel{from{background-position:200% 0}to{background-position:-200% 0}} .cb__qrfail{font-size:15px;color:var(--ink-2,#6B7078);line-height:1.6} .cb__qrurl{margin-top:8px;font-size:14px;color:var(--ink-2,#6B7078);word-break:break-all}  .cb__opts{ flex:none;padding:10px 16px 12px; display:flex;flex-wrap:wrap;gap:7px; border-top:1px solid var(--cb-line);background:var(--cb-bg); max-height:40%;overflow-y:auto; } .cb__opt{ min-height:40px;padding:9px 14px;border-radius:8px; border:1px solid var(--border-default);background:var(--bg-section); font-size:15.5px;font-weight:500;color:var(--ink,#17191D);letter-spacing:-.015em; transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease); } .cb__opt:hover{border-color:var(--brand-primary);background:var(--bg-elevated)} .cb__opt--primary{background:var(--cta,#BD5924);border-color:var(--cta,#BD5924);color:#fff;font-weight:600} .cb__opt--primary:hover{background:var(--cta-2,#A34D1F);border-color:var(--cta-2,#A34D1F)} .cb__opt--ghost{border-style:dashed;color:var(--ink-2,#6B7078)} .cb__nav{width:100%;display:flex;gap:12px;padding-top:4px} .cb__navbtn{ min-height:32px;font-size:15px;color:var(--ink-2,#6B7078); text-decoration:underline;text-underline-offset:3px; } .cb__navbtn:hover{color:var(--ink,#17191D)}  .cb__in{flex:none;display:flex;gap:8px;padding:10px 16px 6px;background:var(--cb-bg)} .cb__in input{ flex:1;min-width:0;height:44px;padding:0 14px; border:1px solid var(--border-default);border-radius:8px;background:var(--bg-elevated); font-family:inherit;font-size:16.5px;color:var(--ink,#17191D); } .cb__in input:focus{outline:0;border-color:var(--cobalt,#157A87); box-shadow:0 0 0 3px rgba(21,122,135,.16)} .cb__send{ width:44px;height:44px;flex:none;border-radius:8px; background:var(--d-cb-user, var(--navy,#101827));color:#fff;display:grid;place-items:center; transition:background .2s var(--ease); } .cb__send:hover{background:color-mix(in srgb, var(--d-cb-user, #101827) 85%, #FFFFFF)} .cb__send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7; stroke-linecap:round;stroke-linejoin:round} .cb__privacy{ flex:none;padding:6px 16px calc(12px + env(safe-area-inset-bottom)); font-size:15px;line-height:1.6;color:var(--ink-3,#989DA5);background:var(--cb-bg); }  .qrm{position:fixed;inset:0;z-index:var(--qr-z);display:grid;place-items:center;padding:20px} .qrm[hidden]{display:none} .qrm__dim{position:absolute;inset:0;background:rgba(11,19,36,.55)} .qrm__box{ position:relative;width:min(340px,100%);background:var(--bg-section); border-radius:18px;padding:26px 24px 24px;text-align:center; box-shadow:0 30px 70px -20px rgba(11,19,36,.5); animation:cbIn .24s var(--ease); } .qrm__ttl{font-size:17.5px;font-weight:600;letter-spacing:-.025em} .qrm__img{width:220px;height:220px;margin:20px auto 0;background:#fff; border:1px solid var(--line,#E3E0D8);border-radius:12px;padding:10px} .qrm__url{margin-top:14px;font-size:14px;color:var(--ink-2,#6B7078);word-break:break-all} .qrm__close{ position:absolute;top:8px;right:8px;width:44px;height:44px; display:grid;place-items:center;border-radius:10px;color:var(--ink-2,#6B7078); } .qrm__close:hover{background:rgba(0,0,0,.05);color:var(--ink,#17191D)} .qrm__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}  .qrbox{ grid-column:1 / -1; margin-top:34px;padding-top:30px;border-top:1px solid var(--line,#E3E0D8); display:grid;gap:20px; } .qrbox__img{ width:160px;height:160px;flex:none;background:#fff; border:1px solid var(--line,#E3E0D8);border-radius:12px;padding:10px; cursor:zoom-in;transition:border-color .2s var(--ease); } .qrbox__img:hover{border-color:var(--ink-3,#989DA5)} .qrbox__t{font-size:17.5px;font-weight:600;letter-spacing:-.025em} .qrbox__d{margin-top:8px;font-size:15.5px;line-height:1.75;color:var(--ink-2,#6B7078);max-width:44ch} .qrbox__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .qrbox__btn{ display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px; border:1px solid var(--border-default);border-radius:8px;background:var(--bg-elevated); font-size:15.5px;font-weight:500;color:var(--text-primary);letter-spacing:-.015em; transition:border-color .2s var(--ease), background .2s var(--ease); } .qrbox__btn:hover{border-color:var(--ink-3,#989DA5);background:rgba(0,0,0,.02)} .qrbox__btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5; stroke-linecap:round;stroke-linejoin:round} .qrbox__msg{margin-top:10px;font-size:15px;color:var(--cobalt-ink,#00757D);min-height:18px} .qrbox__open{display:none}   @media (min-width:900px){ .qrbox{grid-template-columns:auto 1fr;align-items:center;gap:32px} }  @media (max-width:899px){ :root{ --floating-button-size:56px; --floating-button-gap:10px; --floating-right:16px; --floating-bottom:calc(var(--bar-h, 58px) + 12px); } .fab__btn svg{width:25px;height:25px} .fab__btn{padding:0 18px 0 15px;gap:8px} .fab__lb{font-size:16.5px}  .cb__dim{display:none} .cb__panel{ position:fixed;inset:0; width:100%;height:100dvh;max-height:none; border:0;border-radius:0;box-shadow:none; background:var(--cb-bg); padding-top:env(safe-area-inset-top); animation:cbUp .26s var(--ease); } @keyframes cbUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}  .fab__btn--kakao{display:none} .fab__btn{box-shadow:0 4px 12px rgba(11,19,36,.16)}  .qrbox{grid-template-columns:1fr} .qrbox__img{display:none} .qrbox__open{display:inline-flex} } @media (min-width:600px) and (max-width:899px){ .cb__panel{width:min(440px,100%);left:auto;right:0;border-radius:18px 0 0 0} }  @media (max-width:899px){ .pc__heroval{font-size:34px} .pc__cond li{font-size:16.5px} .pc__pay li{font-size:17px} .pc__pay li>b{font-size:18.5px} } @media (max-width:380px){ .cb__opt{font-size:15px;padding:9px 12px} .pc__thumb{width:76px;height:76px} .pc__thumb img{width:68px;height:68px} .pc__heroval{font-size:29px} .pc__pay li{padding:12px} .pc__pay li>b{font-size:17.5px} } @media (prefers-reduced-motion:reduce){ .fab__btn--bot.is-ping{animation:none} .cb__panel,.qrm__box{animation:none} .fab__btn:hover{transform:none} }  .fm__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .fm__guard{margin-top:12px;font-size:15px;line-height:1.6;color:var(--ink-3,#989DA5);text-align:center} .fm__fallback{display:flex;gap:10px;justify-content:center;margin-top:10px} .fm__fallback a{ display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:8px; border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--ink,#17191D); font-size:15px;font-weight:600; } .fm__done{text-align:center} .fm__doneIco{width:44px;height:44px;margin:0 auto 16px;border-radius:50%; display:grid;place-items:center;background:rgba(0,166,174,.12);color:var(--cobalt-ink,#00757D)} .fm__doneIco svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round} .fm__doneT{font-size:19px;font-weight:600;letter-spacing:-.03em} .fm__doneD{margin-top:8px;font-size:16px;color:var(--ink-2,#6B7078)} .fm__doneList{margin:22px 0 4px;border-top:1px solid var(--line,#E3E0D8);text-align:left} .fm__doneList>div{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:12px 0; border-bottom:1px solid var(--line-2,#EDEAE3);align-items:baseline} .fm__doneList dt{font-size:15px;color:var(--ink-3,#989DA5)} .fm__doneList dd{font-size:16.5px;font-weight:600;letter-spacing:-.01em; font-variant-numeric:tabular-nums;word-break:break-all} .fm__doneBtns{display:flex;gap:9px;margin-top:22px} .fm__doneBtns .btn{flex:1} .fm__again{margin-top:16px;font-size:15px;color:var(--ink-2,#6B7078); text-decoration:underline;text-underline-offset:3px;min-height:44px}