/* 위즈핀 상품권 사이트의 반응형 레이아웃과 보라색 브랜드 스타일. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--purple:#6850df;--ink:#242334;--muted:#777684;--line:#eae8f0;--soft:#f7f6fb;--font:'Noto Sans KR',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;letter-spacing:-.4px}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9c86f1;outline-offset:4px}.container{width:min(1160px,calc(100% - 64px));margin:auto}.test-banner{min-height:38px;background:#f0edf9;color:#61517b;display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#9b81e2;display:inline-block}.test-pill{font-size:9px;letter-spacing:1px;border:1px solid #d5cce9;padding:1px 6px;border-radius:4px;margin-left:6px}.header{background:#fff;border-bottom:1px solid #f1eff5}.header-inner{height:87px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;font-family:Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1px;gap:9px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--purple);color:#fff;font-size:30px;font-weight:900;line-height:1;padding-bottom:5px}.logo-dot{color:var(--purple);margin-left:-9px}nav{display:flex;gap:39px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--purple)}.button{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:23px;font-weight:700;padding:15px 23px}.button:disabled{cursor:not-allowed}.header-button{background:#f0edf9;color:#8b7dad;font-size:12px;padding:12px 19px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:525px;padding-top:35px;padding-bottom:55px}.eyebrow{font-size:11px;color:var(--purple);letter-spacing:1.8px;font-weight:700;margin-bottom:19px}.hero .eyebrow{letter-spacing:0;font-size:12px;background:#f2eefa;border-radius:30px;padding:8px 14px;display:inline-flex;gap:8px}.tiny-star{font-size:14px}h1{font-size:53px;line-height:1.38;letter-spacing:-2.9px;margin:1px 0 22px;font-weight:800}h1>span{color:var(--purple)}.hero-copy>p{line-height:1.9;color:var(--muted);font-size:15px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:24px}.primary{background:#dcd4f5;color:#81739f;min-height:52px}.text-link{font-size:12px;font-weight:600}.text-link span{margin-left:7px}.hero-note{font-size:11px;color:#92909a;margin-top:15px;display:flex;gap:6px}.hero-art{position:relative;height:408px;background:radial-gradient(ellipse at center,#eee8ff 0, #f8f5ff 52%,transparent 73%)}.art-orbit{position:absolute;border:1px solid #e7dff7;border-radius:50%;left:13%;top:8%;width:370px;height:370px}.orbit-two{width:450px;height:270px;left:5%;top:20%;transform:rotate(-25deg)}.back-ticket{position:absolute;width:305px;height:211px;left:23%;top:17%;background:#bda9f1;border-radius:16px;transform:rotate(12deg);box-shadow:0 12px 40px #6c429c12}.back-ticket span{position:absolute;top:15px;right:18px;font-size:8px;letter-spacing:1px;color:#fff}.gift-ticket{position:absolute;left:16%;top:23%;width:328px;height:221px;background:linear-gradient(130deg,#fff 60%,#fcf9ff);border:1px solid #fff;border-radius:15px;transform:rotate(-9deg);box-shadow:0 23px 35px #4e358d24;padding:21px 24px}.ticket-head{display:flex;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.5px;font-weight:800}.culture-symbol{display:inline-flex;justify-content:center;align-items:center;width:33px;height:33px;background:#ff6756;color:#fff;border-radius:50%;font-size:25px;font-family:Arial,sans-serif;font-weight:800}.ticket-head small{font-family:var(--font);font-size:9px;font-weight:500;color:#8b8894;letter-spacing:0}.ticket-arrow{margin-left:auto;font-size:19px;color:#a59caf}.ticket-title{font-size:23px;font-weight:800;margin-top:16px;line-height:1.4;letter-spacing:-1px}.ticket-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.ticket-bottom>span{font-size:6px;color:#a29ba9;letter-spacing:1px}.ticket-bottom strong{font-family:Arial,sans-serif;font-size:25px;letter-spacing:-1px}.ticket-bottom strong span{font-family:var(--font);font-size:11px;margin-left:3px}.ticket-perforation{border-top:1px dashed #e6e1eb;margin-top:12px}.barcode{height:18px;width:107px;background:repeating-linear-gradient(90deg,#655b72 0 1px,transparent 1px 3px,#655b72 3px 5px,transparent 5px 7px);opacity:.5;margin-top:9px}.sample-stamp{position:absolute;bottom:14px;right:21px;font-size:6px;color:#b4a9be}.floating-label{position:absolute;bottom:33px;right:3%;background:#fff;border:1px solid #efebf9;box-shadow:0 10px 30px #583a8d0e;padding:14px 21px;border-radius:12px;display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700}.label-icon{background:#f0eafa;color:var(--purple);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:15px}.floating-label small{display:block;font-size:9px;color:#9993a4;font-weight:400;margin-top:5px}.art-star{position:absolute;color:#9477de;font-size:37px}.star-one{top:37px;right:20px}.star-two{bottom:60px;left:28px;font-size:29px}.art-caption{position:absolute;font-size:8px;letter-spacing:2.6px;color:#b9abc9;bottom:5px;left:21%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:13px;padding:24px 30px;margin-bottom:76px}.benefits>div{display:flex;align-items:center;gap:15px;padding-left:20px;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.feature-icon{color:var(--purple);font-size:26px;width:35px}.benefits p{margin:0}.benefits strong{display:block;font-size:12px;margin-bottom:7px}.benefits p span{font-size:10px;color:var(--muted)}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading .eyebrow,.faq-layout .eyebrow{margin-bottom:12px}h2{font-size:29px;letter-spacing:-1.4px;line-height:1.5;margin:0 0 10px;font-weight:800}.section-heading p,.faq-layout>div>p{color:var(--muted);font-size:12px;margin:0;line-height:1.8}.products-section{background:var(--soft)}.subtle-tag{background:#fff;border:1px solid #e9e3f2;border-radius:6px;padding:8px 11px;color:#8c7ca4;font-size:10px;display:flex;gap:7px;align-items:center}.product-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:24px}.product-card,.calculator{background:#fff;border:1px solid #e9e5f1;border-radius:16px;padding:30px 34px}.product-top{display:flex;justify-content:space-between;align-items:center}.product-badge{font-size:10px;color:var(--purple);background:#f1ecfb;border-radius:4px;padding:6px 9px}.preparing{font-size:10px;color:#aaa3b2}.culture-logo{display:flex;align-items:center;gap:10px;margin:32px 0 21px;font-family:Arial,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.5px}.culture-logo .culture-symbol{width:42px;height:42px;font-size:33px}.culture-logo small{display:block;font-family:var(--font);font-weight:500;font-size:9px;color:#99919e;margin-top:3px;letter-spacing:0}h3{font-size:19px;margin:0 0 11px;letter-spacing:-.6px}.product-card>p{font-size:12px;color:var(--muted);line-height:1.9}.product-facts{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:grid;gap:13px;font-size:11px}.product-facts>div,.calculation-lines>div{display:flex;justify-content:space-between}.product-facts span{color:#95909d}.product-facts strong{font-weight:500}.product-button{background:#eeeaf6;color:#9a8ead;width:100%;margin-top:25px;justify-content:space-between;font-size:12px}.product-disclaimer{display:block;text-align:center;color:#aaa4b2;font-size:9px;margin-top:12px}.calculator-title{display:flex;justify-content:space-between;align-items:center}.calculator-title h3{font-size:18px;margin:0}.calculator-title>span{color:#9b87ba;background:#f5f1fa;border-radius:4px;padding:5px 7px;font-size:9px}.calculator>p{font-size:11px;color:var(--muted);margin:12px 0 25px}.calculator label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}.amount-field{display:flex;border:1px solid #d8ccee;border-radius:8px;align-items:center;padding:13px 16px;background:#fdfcff}.amount-field input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-family:Arial,sans-serif;font-size:25px;font-weight:700;color:var(--ink);letter-spacing:-.8px}.amount-field>span{font-size:12px;color:#7f768e}.calculator .input-hint{font-size:9px;margin:7px 0 11px;color:#a59caf}.amount-presets{display:flex;gap:8px}.amount-presets button{background:white;border:1px solid var(--line);border-radius:5px;color:#8b8495;font-size:10px;flex:1;padding:8px 0;cursor:pointer}.amount-presets button.selected{border-color:#c7b5ed;color:var(--purple);background:#f6f2ff}.calculation-lines{font-size:11px;display:grid;gap:13px;margin-top:24px;color:#89828f}.calculation-lines strong{font-weight:600;color:#554d64}.calculation-lines small{font-size:9px;font-weight:400;color:#a39aaa}.calculation-result{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:19px;padding-top:19px}.calculation-result>span{font-size:12px;font-weight:600}.calculation-result>span small{color:#a99ac0;font-size:9px;margin-left:5px}.calculation-result strong{font-family:Arial,sans-serif;color:var(--purple);font-size:32px;letter-spacing:-1.3px}.calculation-result strong small{font-family:var(--font);font-size:14px;margin-left:5px}.calculator .calculator-note{font-size:9px;color:#a29aa9;line-height:1.8;margin:12px 0 0}.planned-label{font-size:10px;color:#a49bad}.steps{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:15px;margin-top:42px}.steps article{position:relative;text-align:center}.step-number{position:absolute;top:0;left:20px;font-family:Arial,sans-serif;font-size:11px;color:#b4a4d6;letter-spacing:1px}.step-icon{width:65px;height:65px;background:#f5f1fc;border:1px solid #f0e8fa;border-radius:19px;margin:0 auto 20px;display:grid;place-items:center;font-size:29px;color:#9174cf}.steps h3{font-size:14px}.steps p{font-size:11px;color:var(--muted);line-height:1.9}.step-arrow{color:#d0c4df;align-self:start;padding-top:26px}.guide-note{background:#faf9fc;border-radius:7px;text-align:center;padding:13px;color:#9a90a5;font-size:10px;margin-top:29px}.guide-note>span{margin-right:5px}.faq-section{background:#faf9fc}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-layout h2{font-size:32px}.faq-side-note{font-size:11px;color:#a39baa;line-height:1.9;margin-top:35px;position:relative;max-width:225px}.faq-side-note span{position:absolute;right:0;top:6px;font-size:25px;color:#a995cf}.faq-list details{border-bottom:1px solid #e8e3ed;padding:20px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{font-size:13px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#a18fbf;font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details[open] summary{color:var(--purple)}.faq-list p{color:#8a8294;font-size:11px;line-height:1.95;margin:16px 25px 0 0}.closing-section{position:relative;overflow:hidden;margin-top:65px;margin-bottom:65px;padding:43px 45px;border-radius:17px;background:#f0ebfa;display:flex;align-items:center;justify-content:space-between}.closing-section .eyebrow{font-size:9px;margin-bottom:12px;display:block}.closing-section h2{font-size:26px}.closing-section p{font-size:11px;color:#9385a8;margin-bottom:0}.closing-button{background:#ded4ef;color:#9987b2;font-size:11px;z-index:1}.closing-decoration{position:absolute;font-family:Arial,sans-serif;font-weight:900;right:100px;top:-55px;font-size:280px;color:#e6dff4;transform:rotate(-15deg);pointer-events:none}footer{border-top:1px solid var(--line);padding:33px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top .logo{font-size:20px}.footer-top .logo-mark{width:28px;height:28px;font-size:24px;border-radius:7px}.footer-top>div{display:flex;gap:25px;font-size:10px;color:#8f8799}footer p{font-size:9px;color:#a49cae;line-height:1.9;margin:21px 0}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:#b0a8b8;border-top:1px solid #f0ecf4;padding-top:18px}@media(min-width:1450px){.hero{min-height:560px}}@media(max-width:1000px){h1{font-size:43px}.hero-actions{gap:15px}.hero-art{transform:scale(.88);transform-origin:center}.benefits{padding:20px 10px}.benefits>div{padding-left:10px;gap:8px}.product-card,.calculator{padding:25px}.faq-layout{gap:35px}.hero{grid-template-columns:1fr 1fr}.gift-ticket{left:8%}.back-ticket{left:16%}.art-orbit{left:0}.orbit-two{left:-9%}}@media(max-width:760px){.container{width:calc(100% - 36px)}.test-banner{font-size:10px;padding:9px;min-height:35px}.banner-detail{display:none}.header-inner{height:72px}.logo{font-size:23px}nav{gap:17px;font-size:11px}.header-button{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:42px 0 20px;gap:10px}.hero-copy{text-align:center}.hero .eyebrow{font-size:11px}h1{font-size:39px;letter-spacing:-2px}.hero-copy>p{font-size:13px;margin-top:18px}.hero-actions{justify-content:center;gap:19px}.primary{font-size:12px;gap:15px}.text-link{font-size:11px}.hero-note{justify-content:center;font-size:9px}.hero-art{width:410px;max-width:100%;height:350px;margin:auto;transform:scale(.9)}.gift-ticket{left:10%;top:21%;width:300px}.back-ticket{left:18%;width:280px;top:15%}.art-orbit{width:320px;height:320px;left:8%;top:2%}.orbit-two{width:380px;height:240px;left:0;top:15%}.floating-label{bottom:3px;right:0}.art-caption{display:none}.star-one{right:0;top:17px}.star-two{bottom:22px;left:0}.benefits{grid-template-columns:1fr;padding:6px 20px;margin-bottom:42px}.benefits>div{padding:17px 0;border-right:0;border-bottom:1px solid var(--line);gap:15px}.benefits strong{font-size:12px;margin-bottom:4px}.benefits p span{font-size:10px}.section{padding:45px 0}.section-heading{gap:12px;align-items:start}.section-heading h2{font-size:24px}.section-heading p{font-size:11px}.eyebrow{font-size:9px}.subtle-tag{white-space:nowrap;font-size:8px;padding:6px 8px;margin-top:31px}.product-grid{grid-template-columns:1fr;gap:18px}.product-card,.calculator{padding:25px}.culture-logo{margin-top:27px}.steps{grid-template-columns:1fr 1fr;gap:28px 14px;margin-top:30px}.step-arrow{display:none}.step-number{left:15px}.planned-label{display:none}.steps p{font-size:10px}.guide-note{font-size:9px;line-height:1.7;padding:12px 16px}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-layout h2{font-size:27px}.faq-layout h2 br{display:none}.faq-side-note{display:none}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.closing-section{margin-top:35px;margin-bottom:35px;padding:29px 25px;align-items:start;flex-direction:column;gap:20px}.closing-section h2{font-size:24px}.closing-decoration{right:0;top:20px;font-size:220px}.closing-button{font-size:10px}.footer-top{align-items:start;gap:15px}.footer-top>div{gap:11px;font-size:9px;padding-top:7px}.footer-bottom{flex-direction:column;gap:8px}.calculator-title h3{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:100%;max-width:410px;overflow:hidden}.hero-copy{min-width:0}}