:root{
      --primary:#2563EB;
      --primary-700:#1D4ED8;
      --primary-800:#1E40AF;
      --primary-soft:#EFF6FF;
      --ink:#0F172A;
      --muted:#64748B;
      --line:#E2E8F0;
      --surface:#FFFFFF;
      --surface-alt:#F8FAFC;
      --success:#16A34A;
      --warning:#F59E0B;
      --radius:20px;
      --shadow:0 18px 50px rgba(15,23,42,.08);
      --shadow-sm:0 8px 24px rgba(15,23,42,.06);
      --max:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Pretendard, "Noto Sans KR", Apple SD Gothic Neo, Arial, sans-serif;color:var(--ink);background:#fff;line-height:1.65;letter-spacing:-.02em}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img{max-width:100%;display:block}
    .wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}
    .section{padding:92px 0}
    .section.alt{background:var(--surface-alt)}
    .section-title{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:0 0 14px;font-weight:800;letter-spacing:-.05em}
    .section-desc{margin:0;color:var(--muted);font-size:17px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:14px;font-weight:800;margin-bottom:12px}
    .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary)}

    header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.88)}
    .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.045em;font-size:21px;white-space:nowrap;cursor:pointer}
    .brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--primary),#60A5FA);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.22)}
    .brand-mark svg{width:22px;height:22px}
    nav{display:flex;align-items:center;gap:4px}
    nav button{border:0;background:transparent;color:#334155;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap}
    nav button:hover,nav button.active{background:var(--primary-soft);color:var(--primary)}
    .header-actions{display:flex;align-items:center;gap:10px}
    .btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}
    .btn.primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.2)}
    .btn.primary:hover{background:var(--primary-700);transform:translateY(-1px)}
    .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
    .btn.ghost:hover{border-color:#CBD5E1;background:#F8FAFC}
    .menu-btn{display:none;border:0;background:#fff;border:1px solid var(--line);width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:18px}

    .hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#0B173A}
    .hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230b1638'/%3E%3Cstop offset='.55' stop-color='%231d4ed8'/%3E%3Cstop offset='1' stop-color='%2360a5fa'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.25' cy='.25' r='.7'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='.18'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='26'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23g)'/%3E%3Crect width='1600' height='900' fill='url(%23r)'/%3E%3Ccircle cx='1280' cy='180' r='160' fill='%23fff' fill-opacity='.1'/%3E%3Ccircle cx='1150' cy='680' r='220' fill='%23fff' fill-opacity='.08'/%3E%3Cpath d='M1090 130h230c27 0 49 22 49 49v520c0 27-22 49-49 49h-230c-27 0-49-22-49-49V179c0-27 22-49 49-49z' fill='%23fff' fill-opacity='.15' stroke='%23fff' stroke-opacity='.28' stroke-width='2'/%3E%3Crect x='1080' y='210' width='250' height='150' rx='26' fill='%23fff' fill-opacity='.92'/%3E%3Crect x='1110' y='246' width='84' height='12' rx='6' fill='%232563eb' fill-opacity='.85'/%3E%3Crect x='1110' y='277' width='150' height='10' rx='5' fill='%2394a3b8' fill-opacity='.65'/%3E%3Ccircle cx='1282' cy='312' r='18' fill='%232563eb'/%3E%3Crect x='1100' y='400' width='210' height='66' rx='20' fill='%23fff' fill-opacity='.15' stroke='%23fff' stroke-opacity='.2'/%3E%3Crect x='1100' y='492' width='210' height='66' rx='20' fill='%23fff' fill-opacity='.15' stroke='%23fff' stroke-opacity='.2'/%3E%3Crect x='1100' y='584' width='210' height='66' rx='20' fill='%23fff' fill-opacity='.15' stroke='%23fff' stroke-opacity='.2'/%3E%3Crect x='885' y='305' width='245' height='148' rx='28' fill='%23fff' fill-opacity='.96' transform='rotate(-8 885 305)'/%3E%3Crect x='925' y='350' width='90' height='12' rx='6' fill='%232563eb'/%3E%3Crect x='925' y='380' width='128' height='10' rx='5' fill='%2394a3b8'/%3E%3Ccircle cx='1060' cy='408' r='16' fill='%23fbbf24'/%3E%3Ccircle cx='1078' cy='408' r='16' fill='%23f97316' fill-opacity='.85'/%3E%3Ccircle cx='1030' cy='180' r='74' fill='%23fff' fill-opacity='.08' filter='url(%23b)'/%3E%3C/svg%3E");background-size:cover;background-position:center}
    .hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,12,38,.92) 0%,rgba(5,12,38,.76) 44%,rgba(5,12,38,.24) 72%,rgba(5,12,38,.08) 100%)}
    .hero-content{padding:96px 0;color:#fff;max-width:760px}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);font-weight:700;font-size:14px;margin-bottom:22px}
    .hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.08;margin:0 0 22px;font-weight:900;letter-spacing:-.06em}
    .hero h1 .accent{color:#93C5FD}
    .hero p{font-size:clamp(17px,2vw,21px);color:rgba(255,255,255,.82);margin:0 0 34px;max-width:650px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero .btn.primary{background:#fff;color:var(--primary-700)}
    .hero .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff}
    .hero-trust{margin-top:30px;display:flex;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.74);font-size:14px;font-weight:700}
    .hero-trust span{display:flex;align-items:center;gap:7px}
    .check{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,255,255,.15);font-size:11px}

    .service-grid,.reason-grid,.blog-grid,.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}
    .card:hover{transform:translateY(-2px);transition:.2s ease;box-shadow:var(--shadow)}
    .icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:24px;margin-bottom:20px}
    .card h3{font-size:20px;margin:0 0 10px;letter-spacing:-.04em}
    .card p{margin:0;color:var(--muted);font-size:15px}
    .card .more{display:inline-flex;margin-top:18px;color:var(--primary);font-size:14px;font-weight:800;cursor:pointer}

    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;counter-reset:step}
    .step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;position:relative;overflow:hidden}
    .step::before{counter-increment:step;content:"0" counter(step);font-size:64px;line-height:1;font-weight:900;color:#EFF6FF;position:absolute;right:22px;top:18px}
    .step .step-num{font-size:13px;color:var(--primary);font-weight:900;margin-bottom:16px}
    .step h3{margin:0 0 8px;font-size:22px}
    .step p{margin:0;color:var(--muted)}

    .reason-grid{grid-template-columns:repeat(4,1fr)}
    .reason{background:#0F172A;color:#fff;border:0}
    .reason p{color:#CBD5E1}
    .reason .icon{background:rgba(255,255,255,.08);color:#93C5FD}

    .review-wrap{display:grid;grid-template-columns:1.05fr 1.95fr;gap:30px;align-items:stretch;margin-top:38px}
    .review-lead{background:linear-gradient(145deg,#0F172A,#1E3A8A);color:#fff;border-radius:28px;padding:36px;display:flex;flex-direction:column;justify-content:space-between;min-height:330px}
    .review-lead h3{font-size:30px;line-height:1.25;margin:0 0 14px;letter-spacing:-.05em}
    .review-lead p{color:#CBD5E1;margin:0}
    .review-note{font-size:13px;color:#93C5FD;font-weight:800;margin-top:24px}
    .review-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .review-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;display:flex;flex-direction:column;min-height:158px}
    .review-card .stars{color:#F59E0B;letter-spacing:1px;font-size:14px;margin-bottom:14px}
    .review-card p{margin:0 0 18px;color:#334155;font-size:15px;flex:1}
    .review-meta{font-size:13px;color:#94A3B8;font-weight:700}
    .review-empty{border:1px dashed #CBD5E1;background:#F8FAFC;color:#64748B}

    .blog-grid{grid-template-columns:repeat(3,1fr)}
    .blog-card{padding:0;overflow:hidden}
    .thumb{height:180px;background:linear-gradient(145deg,#DBEAFE,#EFF6FF);position:relative}
    .thumb::after{content:"GALLERY TICKET";position:absolute;left:24px;bottom:20px;font-weight:900;color:#2563EB;letter-spacing:.04em;font-size:13px}
    .blog-body{padding:24px}
    .tag{display:inline-flex;padding:6px 9px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800;margin-bottom:12px}
    .blog-card h3{margin:0 0 10px;font-size:19px;line-height:1.4}
    .blog-card p{margin:0;color:var(--muted);font-size:14px}

    .faq{max-width:900px;margin:34px auto 0}
    details{border-bottom:1px solid var(--line);padding:0}
    summary{list-style:none;cursor:pointer;padding:22px 8px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:18px}
    summary::-webkit-details-marker{display:none}
    summary::after{content:"+";font-size:25px;color:var(--primary);font-weight:500}
    details[open] summary::after{content:"–"}
    details p{margin:0;padding:0 8px 22px;color:var(--muted)}

    .cta{background:linear-gradient(135deg,#1D4ED8,#2563EB 58%,#60A5FA);color:#fff;border-radius:30px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;position:relative}
    .cta::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);right:-80px;top:-100px}
    .cta h2{font-size:34px;line-height:1.25;margin:0 0 10px;letter-spacing:-.05em;position:relative;z-index:1}
    .cta p{margin:0;color:#DBEAFE;position:relative;z-index:1}
    .cta .btn{position:relative;z-index:1;background:#fff;color:var(--primary-700);min-width:150px}

    footer{background:#0B1220;color:#94A3B8;padding:52px 0 32px}
    .footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(148,163,184,.17)}
    .footer-brand{color:#fff;font-size:20px;font-weight:900;margin-bottom:12px}
    .footer-title{color:#E2E8F0;font-weight:800;margin-bottom:12px;font-size:14px}
    footer p, footer li{font-size:13px;margin:0;color:#94A3B8}
    footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
    .footer-bottom{padding-top:22px;font-size:12px;color:#64748B;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

    .page{display:none}
    .page.active{display:block}
    .sub-hero{padding:86px 0 72px;background:linear-gradient(180deg,#EFF6FF 0,#fff 100%);border-bottom:1px solid #EFF6FF}
    .sub-hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
    .sub-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.14;margin:0 0 18px;letter-spacing:-.055em}
    .sub-hero p{margin:0;color:var(--muted);font-size:18px;max-width:720px}
    .visual-box{height:280px;border-radius:28px;background:linear-gradient(145deg,#1D4ED8,#60A5FA);box-shadow:var(--shadow);position:relative;overflow:hidden}
    .visual-box::before,.visual-box::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.16)}
    .visual-box::before{width:190px;height:190px;right:-40px;top:-36px}
    .visual-box::after{width:120px;height:120px;left:28px;bottom:-44px}
    .visual-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:68%;background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 60px rgba(15,23,42,.25)}
    .visual-card b{display:block;color:var(--primary);font-size:14px;margin-bottom:8px}
    .visual-card strong{font-size:22px;display:block;margin-bottom:6px}
    .visual-card span{color:#64748B;font-size:13px}

    .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
    .info-box{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}
    .info-box h3{margin:0 0 8px;font-size:19px}
    .info-box p{margin:0;color:var(--muted);font-size:14px}
    .notice{margin-top:24px;border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:0 14px 14px 0;padding:18px 20px;color:#334155;font-size:14px}

    .table-like{margin-top:34px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
    .row{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--line)}
    .row:last-child{border-bottom:0}
    .row strong{background:#F8FAFC;padding:18px 20px}
    .row span{padding:18px 20px;color:#475569}

    .review-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
    .review-page-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}
    .review-page-card .stars{color:#F59E0B;margin-bottom:12px}
    .review-page-card p{margin:0 0 18px;color:#334155}
    .review-page-card .meta{font-size:13px;color:#94A3B8}

    .blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
    .blog-list .card{padding:0;overflow:hidden}
    .blog-list .thumb{height:170px}

    .legal-box{background:#F8FAFC;border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:26px;color:#64748B;font-size:14px}

    .mobile-nav{display:none}
    .floating{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;flex-direction:column;gap:10px}
    .float-btn{width:54px;height:54px;border-radius:18px;border:0;box-shadow:0 12px 30px rgba(15,23,42,.17);background:var(--primary);color:#fff;font-weight:900;cursor:pointer}

    @media (max-width:1000px){
      nav,.header-actions .ghost{display:none}.menu-btn{display:block}.header-actions{margin-left:auto}
      .service-grid,.reason-grid{grid-template-columns:repeat(2,1fr)}
      .review-wrap{grid-template-columns:1fr}.review-lead{min-height:250px}
      .blog-grid,.blog-list,.review-page-grid{grid-template-columns:repeat(2,1fr)}
      .sub-hero .wrap{grid-template-columns:1fr}.visual-box{height:240px}
      .footer-top{grid-template-columns:1fr 1fr}
      .mobile-nav{position:fixed;inset:76px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;z-index:49;display:none;grid-template-columns:1fr 1fr;gap:8px;box-shadow:var(--shadow-sm)}
      .mobile-nav.open{display:grid}
      .mobile-nav button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px;text-align:left;font-weight:700;color:#334155}
    }
    @media (max-width:700px){
      .wrap{width:min(calc(100% - 28px),var(--max))}
      .section{padding:68px 0}.header-inner{height:68px}.mobile-nav{inset:68px 0 auto 0}
      .hero{min-height:590px}.hero-content{padding:84px 0}.hero::after{background:linear-gradient(90deg,rgba(5,12,38,.93),rgba(5,12,38,.72))}
      .service-grid,.reason-grid,.steps,.review-list,.blog-grid,.blog-list,.info-grid,.review-page-grid{grid-template-columns:1fr}
      .cta{padding:34px 26px;display:block}.cta .btn{margin-top:22px;width:100%}
      .footer-top{grid-template-columns:1fr}.row{grid-template-columns:1fr}.row strong{padding-bottom:8px;background:#fff}.row span{padding-top:0}
      .sub-hero{padding:62px 0 54px}.visual-card{width:80%}
      .floating{right:14px;bottom:14px}.float-btn{width:50px;height:50px;border-radius:16px}
    }
  

    /* ===== GALLERY TICKET V4 VISUAL LAYER ===== */
    body{background:#fff;color:#111827}
    .wrap{width:min(calc(100% - 44px),1200px)}
    .section{padding:110px 0}
    .section.alt{background:#F7F9FC}
    .eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#2563EB;margin-bottom:14px}
    .eyebrow::before{width:7px;height:7px}
    .section-title{font-size:clamp(30px,3.4vw,46px);font-weight:900;line-height:1.15;letter-spacing:-.055em;color:#0F172A}
    .section-desc{font-size:17px;line-height:1.75;color:#64748B}

    header{background:rgba(255,255,255,.94);border-bottom:1px solid #EEF2F7;box-shadow:0 2px 16px rgba(15,23,42,.025)}
    .header-inner{height:78px}
    .brand{font-size:22px}
    .brand-mark{border-radius:13px;background:#2563EB;box-shadow:0 8px 20px rgba(37,99,235,.22)}
    nav{gap:2px}
    nav button{font-size:14px;padding:10px 11px;color:#475569}
    nav button:hover,nav button.active{background:#EFF6FF;color:#2563EB}
    .btn{border-radius:12px;padding:13px 19px}
    .btn.primary{background:#2563EB}

    .hero{background:#fff;min-height:auto;padding:54px 0 24px;overflow:visible;display:block}
    .hero::before,.hero::after{display:none}
    .hero > .wrap{width:min(calc(100% - 44px),1200px);margin-left:auto;margin-right:auto}
    .hero-shell{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#F5F9FF 0%,#EDF4FF 54%,#E8F1FF 100%);min-height:640px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:58px 62px;box-shadow:inset 0 0 0 1px rgba(37,99,235,.06)}
    .hero-shell::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(37,99,235,.07);right:-130px;top:-160px}
    .hero-shell::after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(96,165,250,.13);left:42%;bottom:-165px}
    .hero-content{padding:0;color:#0F172A;max-width:620px;position:relative;z-index:2}
    .hero-badge{background:#fff;border:1px solid #DBEAFE;color:#1D4ED8;padding:8px 13px;margin-bottom:24px;box-shadow:0 8px 22px rgba(37,99,235,.06)}
    .hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.08;margin:0 0 22px;font-weight:900;letter-spacing:-.065em;color:#0F172A}
    .hero h1 .accent{color:#2563EB}
    .hero p{font-size:clamp(17px,1.8vw,20px);line-height:1.72;color:#64748B;margin-bottom:32px}
    .hero-actions{gap:10px}
    .hero .btn.primary{background:#2563EB;color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.2)}
    .hero .btn.ghost{background:#fff;border:1px solid #DDE6F1;color:#1E293B}
    .hero-trust{margin-top:28px;color:#64748B;gap:18px;font-size:13px}
    .hero-trust .check{background:#DBEAFE;color:#2563EB}
    .hero-visual{position:relative;height:500px;z-index:1}
    .hero-visual-image{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 700'%3E%3Cdefs%3E%3ClinearGradient id='bg' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%232563EB'/%3E%3Cstop offset='1' stop-color='%2360A5FA'/%3E%3C/linearGradient%3E%3Cfilter id='s'%3E%3CfeDropShadow dx='0' dy='18' stdDeviation='22' flood-color='%231D4ED8' flood-opacity='.18'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='400' cy='350' r='280' fill='%23DBEAFE'/%3E%3Crect x='255' y='105' width='300' height='500' rx='42' fill='%23ffffff' stroke='%23BFDBFE' stroke-width='3' filter='url(%23s)'/%3E%3Crect x='285' y='150' width='240' height='112' rx='24' fill='url(%23bg)'/%3E%3Ccircle cx='325' cy='190' r='18' fill='%23ffffff' fill-opacity='.95'/%3E%3Crect x='355' y='178' width='112' height='14' rx='7' fill='%23ffffff' fill-opacity='.92'/%3E%3Crect x='355' y='204' width='78' height='10' rx='5' fill='%23ffffff' fill-opacity='.62'/%3E%3Crect x='285' y='292' width='240' height='72' rx='20' fill='%23EFF6FF'/%3E%3Ccircle cx='321' cy='328' r='18' fill='%232563EB'/%3E%3Crect x='351' y='312' width='112' height='11' rx='5.5' fill='%23334155' fill-opacity='.85'/%3E%3Crect x='351' y='334' width='86' height='9' rx='4.5' fill='%2394A3B8'/%3E%3Crect x='285' y='384' width='240' height='72' rx='20' fill='%23F8FAFC'/%3E%3Ccircle cx='321' cy='420' r='18' fill='%2393C5FD'/%3E%3Crect x='351' y='404' width='122' height='11' rx='5.5' fill='%23334155' fill-opacity='.85'/%3E%3Crect x='351' y='426' width='66' height='9' rx='4.5' fill='%2394A3B8'/%3E%3Crect x='285' y='476' width='240' height='72' rx='20' fill='%23F8FAFC'/%3E%3Ccircle cx='321' cy='512' r='18' fill='%23BFDBFE'/%3E%3Crect x='351' y='496' width='96' height='11' rx='5.5' fill='%23334155' fill-opacity='.85'/%3E%3Crect x='351' y='518' width='108' height='9' rx='4.5' fill='%2394A3B8'/%3E%3Cg transform='rotate(-10 165 380)' filter='url(%23s)'%3E%3Crect x='60' y='304' width='230' height='150' rx='26' fill='%23ffffff'/%3E%3Crect x='88' y='337' width='96' height='12' rx='6' fill='%232563EB'/%3E%3Crect x='88' y='365' width='132' height='10' rx='5' fill='%2394A3B8'/%3E%3Ccircle cx='221' cy='410' r='17' fill='%23FBBF24'/%3E%3Ccircle cx='241' cy='410' r='17' fill='%23FB923C'/%3E%3C/g%3E%3Cg transform='rotate(8 600 250)' filter='url(%23s)'%3E%3Crect x='510' y='190' width='190' height='120' rx='24' fill='%23ffffff'/%3E%3Crect x='535' y='222' width='78' height='11' rx='5.5' fill='%232563EB'/%3E%3Crect x='535' y='248' width='108' height='9' rx='4.5' fill='%2394A3B8'/%3E%3Cpath d='M650 238l14 14 26-32' fill='none' stroke='%232563EB' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}
    .hero-float{position:absolute;background:#fff;border:1px solid #E5ECF6;border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.11);padding:14px 17px;z-index:3}
    .hero-float b{display:block;font-size:12px;color:#2563EB;margin-bottom:4px}
    .hero-float strong{font-size:18px;color:#0F172A}
    .hero-float.one{right:2px;top:78px}
    .hero-float.two{left:8px;bottom:75px}

    .trust-strip{padding:22px 0 0}
    .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #E8EEF6;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.045)}
    .trust-item{padding:24px 26px;border-right:1px solid #E8EEF6}
    .trust-item:last-child{border-right:0}
    .trust-item small{display:block;color:#94A3B8;font-size:12px;font-weight:800;margin-bottom:6px}
    .trust-item strong{font-size:19px;color:#0F172A;letter-spacing:-.04em}
    .trust-item strong em{font-style:normal;color:#2563EB}

    .service-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;align-items:stretch}
    .card{border:1px solid #E8EEF6;border-radius:24px;box-shadow:none;padding:30px;background:#fff;transition:.22s ease}
    .card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(15,23,42,.08);border-color:#D9E5F5}

    /* EDIT OK: 메인 서비스 카드 디자인 / SEO 구조와 무관 */
    .service-section{background:#F5F8FC}
    .service-section .section-desc{max-width:720px}
    .service-grid{gap:20px;margin-top:48px}
    .service-choice{position:relative;min-height:440px;padding:34px 26px 28px;border:1px solid #DDE5EF;border-radius:22px;background:#fff;display:flex;flex-direction:column;transition:.22s ease;overflow:hidden}
    .service-choice:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(15,23,42,.08);border-color:#C7D6EB}
    .service-choice.featured{border-color:#1D4ED8;box-shadow:0 12px 28px rgba(37,99,235,.055)}
    .best-ribbon{position:absolute;left:24px;top:-1px;width:42px;height:51px;background:#CF263A;color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:9px;font-size:9px;font-weight:900;letter-spacing:.05em;z-index:2}
    .best-ribbon:after{content:"";position:absolute;left:0;bottom:-1px;border-left:21px solid transparent;border-right:21px solid transparent;border-bottom:10px solid #fff}
    .service-icon{width:52px;height:52px;margin:0 auto 20px;border-radius:14px;background:#193F92;color:#fff;display:grid;place-items:center}
    .service-choice.credit .service-icon{background:#CF263A}
    .service-choice.info .service-icon,.service-choice.gift .service-icon{background:#193F92}
    .service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .service-choice h3{margin:0 0 10px;text-align:center;font-size:20px;letter-spacing:-.045em;color:#0F172A}
    .service-choice.featured h3{color:#173F8F}
    .service-choice>p{margin:0 auto 22px;text-align:center;color:#64748B;font-size:13px;line-height:1.75;min-height:48px;max-width:220px}
    .service-limit{border-radius:12px;background:#EEF3FF;color:#173F8F;font-size:15px;font-weight:900;text-align:center;padding:14px 10px;margin:2px 0 21px;letter-spacing:-.025em}
    .service-choice.credit .service-limit{background:#FCECEE;color:#C91F36}
    .service-choice.info .service-limit,.service-choice.gift .service-limit{background:#EEF3FF;color:#173F8F}
    .service-points{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:12px}
    .service-points li{position:relative;padding-left:23px;color:#52627A;font-size:13px;line-height:1.5}
    .service-points li:before{content:"✓";position:absolute;left:0;top:0;color:#174A9C;font-weight:950}
    .service-choice.credit .service-points li:before{color:#CF263A}
    .service-actions{display:flex;gap:10px;margin-top:auto;justify-content:center;position:relative;z-index:3}
    .service-link{display:inline-flex;align-items:center;justify-content:center;color:#56708F;font-size:12px;font-weight:850;cursor:pointer;transition:.18s ease;text-align:center;padding:3px 2px;border-bottom:1px solid transparent}
    .service-link:hover{color:#1D4ED8;border-bottom-color:#93B4F4}
    .service-actions.split .service-link{font-size:12px}
    .service-limit-note{margin-top:18px;color:#94A3B8;font-size:12px;line-height:1.6}

    /* EDIT OK: 이용 가능 여부 섹션 / SEO 구조와 무관 */
    .eligibility-section{background:#fff}
    .eligibility-section .section-desc{max-width:560px}
    .eligibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}
    .eligibility-card{border:1px solid #DFE5EE;border-radius:22px;background:#fff;overflow:hidden}
    .eligibility-head{padding:22px 26px;text-align:center;font-size:17px;font-weight:900;color:#fff;letter-spacing:-.03em}
    .eligibility-card.allowed .eligibility-head{background:linear-gradient(90deg,#224B9F,#17316F)}
    .eligibility-card.denied .eligibility-head{background:#A8ADBA}
    .eligibility-list{list-style:none;padding:26px 30px 28px;margin:0;display:grid;gap:20px}
    .eligibility-list li{position:relative;padding-left:28px;color:#334155;font-size:14px;line-height:1.55}
    .eligibility-list li:before{content:"✓";position:absolute;left:0;top:0;font-weight:950;color:#174A9C}
    .eligibility-card.allowed .eligibility-list li:first-child{font-weight:850;color:#17316F}
    .eligibility-card.denied .eligibility-list li:before{color:#DC263F}
    .eligibility-card.denied .eligibility-list li.muted{color:#7C8798}
    .eligibility-card.denied .eligibility-list li.strike{color:#7C8798;text-decoration:line-through;text-decoration-color:#DC263F;text-decoration-thickness:1.5px}
    .eligibility-note{margin-top:14px;color:#94A3B8;font-size:12px;line-height:1.6}

    .metric-band{background:#0E1B3B;color:#fff;padding:52px 0}
    .metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .metric{text-align:center;padding:10px 18px;border-right:1px solid rgba(255,255,255,.12)}
    .metric:last-child{border-right:0}
    .metric strong{display:block;font-size:34px;line-height:1.1;letter-spacing:-.05em;margin-bottom:9px}
    .metric span{color:#B8C7E6;font-size:14px}

    .steps{gap:18px;margin-top:44px}
    .step{border:1px solid #E8EEF6;border-radius:24px;padding:32px;background:#fff}
    .step::before{color:#EFF6FF}
    .step h3{font-size:22px}

    .why-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start;margin-top:44px}
    .why-panel{background:#0F172A;color:#fff;border-radius:30px;padding:40px;position:sticky;top:110px;min-height:440px;overflow:hidden}
    .why-panel::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(37,99,235,.18);right:-100px;bottom:-120px}
    .why-panel h3{font-size:32px;line-height:1.28;margin:0 0 18px;letter-spacing:-.05em}
    .why-panel p{color:#CBD5E1;margin:0;max-width:410px}
    .why-panel .stamp{display:inline-flex;margin-top:28px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 13px;color:#BFDBFE;font-size:13px;font-weight:800}
    .why-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .why-card{border:1px solid #E8EEF6;border-radius:22px;padding:26px;background:#fff;min-height:205px}
    .why-card .mini-icon{width:42px;height:42px;border-radius:14px;background:#EFF6FF;display:grid;place-items:center;color:#2563EB;font-size:19px;margin-bottom:18px}
    .why-card h3{font-size:18px;margin:0 0 9px}
    .why-card p{font-size:14px;color:#64748B;margin:0;line-height:1.7}

    .live-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;margin-top:40px}
    .live-summary{background:linear-gradient(145deg,#2563EB,#1D4ED8);color:#fff;border-radius:28px;padding:36px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
    .live-summary small{font-weight:800;color:#BFDBFE;letter-spacing:.08em}
    .live-summary strong{font-size:64px;line-height:1;letter-spacing:-.07em}
    .live-summary p{margin:12px 0 0;color:#DBEAFE}
    .live-table{border:1px solid #E8EEF6;border-radius:24px;background:#fff;overflow:hidden}
    .live-head,.live-row{display:grid;grid-template-columns:.8fr 1.2fr 1.35fr .7fr .7fr;gap:12px;align-items:center;padding:18px 20px}
    .live-head{background:#F8FAFC;font-size:12px;color:#94A3B8;font-weight:800}
    .live-row{border-top:1px solid #EEF2F7;font-size:14px;color:#334155}
    .status{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#16A34A}
    .status::before{content:"";width:7px;height:7px;border-radius:50%;background:#22C55E}
    .status.progress{color:#2563EB}.status.progress::before{background:#3B82F6}

    .review-wrap{grid-template-columns:.85fr 2.15fr;gap:24px;margin-top:42px}
    .review-lead{border-radius:28px;background:#0F172A;padding:38px}
    .review-list{grid-template-columns:repeat(2,1fr);gap:16px}
    .review-card{border:1px solid #E8EEF6;border-radius:22px;box-shadow:none}

    .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
    .media-card{border:1px solid #E8EEF6;border-radius:22px;padding:26px;background:#fff}
    .media-logo{font-size:12px;font-weight:900;color:#94A3B8;letter-spacing:.12em;margin-bottom:18px}
    .media-card h3{font-size:18px;line-height:1.45;margin:0 0 10px}
    .media-card p{font-size:14px;color:#64748B;margin:0 0 14px;line-height:1.65}
    .media-card time{font-size:12px;color:#94A3B8}

    .cert-box{margin-top:42px;border-radius:30px;background:#F5F8FF;border:1px solid #E2EAFE;padding:44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}
    .cert-box h3{font-size:30px;line-height:1.3;margin:0 0 12px;letter-spacing:-.05em}
    .cert-box p{margin:0;color:#64748B}
    .cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .cert-item{background:#fff;border:1px solid #E5ECF6;border-radius:18px;padding:20px}
    .cert-item b{display:block;color:#2563EB;font-size:13px;margin-bottom:6px}
    .cert-item strong{font-size:16px;color:#0F172A}

    .partner-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}
    .partner{height:74px;border:1px solid #E8EEF6;border-radius:18px;background:#fff;display:grid;place-items:center;color:#94A3B8;font-weight:900;font-size:13px;letter-spacing:.04em}

    .blog-grid{gap:18px}
    .blog-card{border-radius:24px}
    .thumb{height:190px;background:linear-gradient(145deg,#E8F1FF,#F8FBFF)}

    .cta{border-radius:32px;background:linear-gradient(135deg,#0F3EA7,#2563EB 58%,#60A5FA);padding:54px}

    @media(max-width:1000px){
      .hero-shell{grid-template-columns:1fr;padding:52px 46px 20px}.hero-visual{height:430px}
      .trust-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid #E8EEF6}
      .service-grid{grid-template-columns:repeat(2,1fr)}
      .eligibility-grid{grid-template-columns:1fr}
      .why-layout,.live-wrap,.cert-box{grid-template-columns:1fr}.why-panel{position:relative;top:auto;min-height:320px}
      .partner-row{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:700px){
      .wrap,.hero > .wrap{width:min(calc(100% - 28px),1200px)}.section{padding:76px 0}
      .hero{padding-top:24px}.hero-shell{border-radius:24px;padding:38px 24px 12px;min-height:auto}.hero h1{font-size:40px}.hero-visual{height:340px}.hero-float.one{right:-4px;top:48px}.hero-float.two{left:-2px;bottom:44px}.hero-float{padding:11px 13px}.hero-float strong{font-size:15px}
      .trust-grid,.metric-grid,.service-grid,.why-list,.review-list,.media-grid,.cert-grid,.partner-row{grid-template-columns:1fr}
      .eligibility-grid{grid-template-columns:1fr;gap:16px}.eligibility-list{padding:22px 22px 24px}.trust-item{border-right:0;border-bottom:1px solid #E8EEF6}.trust-item:last-child{border-bottom:0}.metric{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:22px}.metric:last-child{border-bottom:0}
      .live-head{display:none}.live-row{grid-template-columns:1fr 1fr;padding:16px}.live-row span:nth-child(3){grid-column:1/-1}.live-row span:nth-child(4){display:none}
      .cert-box{padding:28px}.review-wrap{grid-template-columns:1fr}.partner{height:66px}
    }


    /* =====================================================
       UI UPGRADE V4 — benchmark-inspired motion & interaction
       SEO LOCK 영역과 무관한 화면 스타일입니다.
       ===================================================== */
    :root{--navy:#10234f;--navy-2:#173a83;--red:#cf263a;--soft-blue:#f5f8ff}
    body{overflow-x:hidden}
    .section{position:relative}
    .section-head{max-width:760px}
    .section-head.center{margin-inline:auto;text-align:center}
    .section-head.center .section-desc{margin-inline:auto}

    /* motion foundation */
    .motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}
    .motion-ready .reveal.from-left{transform:translateX(-54px)}
    .motion-ready .reveal.from-right{transform:translateX(54px)}
    .motion-ready .reveal.scale-in{transform:scale(.94)}
    .motion-ready .reveal.is-visible{opacity:1;transform:none}
    .hero-float{animation:floatCard 4.8s ease-in-out infinite}
    .hero-float.two{animation-delay:-2.2s}
    @keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

    /* service: stronger product-card feel */
    .service-section{background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}
    .service-choice{box-shadow:0 10px 28px rgba(15,23,42,.035)}
    .service-choice:hover{transform:translateY(-8px);box-shadow:0 26px 65px rgba(15,23,42,.105)}
    .best-ribbon{box-shadow:0 5px 12px rgba(207,38,58,.18)}

    /* process timeline */
    .process-wrap{margin-top:48px;position:relative}
    .process-line{position:absolute;left:7%;right:7%;top:34px;height:3px;background:#dce7fb;border-radius:999px;z-index:0;overflow:hidden}
    .process-line-fill{height:100%;width:0;background:linear-gradient(90deg,#2563eb 0%,#3b82f6 55%,#60a5fa 100%);border-radius:999px;box-shadow:0 0 14px rgba(37,99,235,.38);transition:none}
    .process-wrap.process-running .process-line-fill{animation:processLineFill 3.25s cubic-bezier(.22,.61,.36,1) forwards}
    @keyframes processLineFill{from{width:0}to{width:100%}}
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1}
    .process-step{text-align:center;padding:0 8px}
    .process-icon{width:68px;height:68px;margin:0 auto 22px;border-radius:20px;background:#fff;border:1px solid #dfe8f7;box-shadow:0 12px 28px rgba(22,48,93,.07);display:grid;place-items:center;color:#2563eb;font-weight:950;font-size:18px;position:relative;overflow:hidden;isolation:isolate;transition:color .34s ease,border-color .34s ease,box-shadow .34s ease,transform .34s ease}
    .process-icon::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#60a5fa 0%,#2563eb 62%,#1d4ed8 100%);transform:scaleY(0);transform-origin:bottom center;transition:transform .58s cubic-bezier(.22,.61,.36,1);z-index:-1}
    .process-icon::after{content:"";position:absolute;inset:8px;border-radius:14px;background:#eff6ff;transition:opacity .28s ease,transform .4s ease;z-index:-1}
    .process-icon span{position:relative;z-index:2}
    .process-step.is-filled .process-icon{color:#fff;border-color:#2563eb;box-shadow:0 16px 34px rgba(37,99,235,.24);transform:translateY(-3px)}
    .process-step.is-filled .process-icon::before{transform:scaleY(1)}
    .process-step.is-filled .process-icon::after{opacity:0;transform:scale(.72)}
    .process-step.is-filled .num{color:#1d4ed8}
    .process-step.is-filled h3{color:#0f2f78}
    .process-step h3{margin:0 0 8px;font-size:20px;transition:color .3s ease}
    .process-step p{margin:0;color:#64748b;font-size:14px;line-height:1.7}
    .process-step .num{display:block;color:#2563eb;font-size:12px;font-weight:900;margin-bottom:8px;letter-spacing:.08em;transition:color .3s ease}
    .process-average{margin:34px auto 0;width:max-content;padding:10px 18px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:900}

    /* ELIGIBILITY - autoplay state animation (fixed cards, no scroll-driven movement) */
    .eligibility-section{overflow:hidden;padding-bottom:96px;background:#fff}
    .eligibility-motion-zone{height:auto;position:relative;margin-top:34px}
    .eligibility-sticky{position:relative;top:auto;height:auto;display:block}
    .eligibility-viewport{width:100%;overflow:visible;position:relative;padding:12px 0 18px}
    .eligibility-track{display:grid;grid-template-columns:1fr 1fr;gap:24px;transform:none!important}
    .eligibility-card{width:100%;border:1px solid #dfe6f0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 16px 42px rgba(15,23,42,.05);transition:box-shadow .38s ease,transform .38s ease}
    .eligibility-head{padding:24px 28px;text-align:center;font-size:18px;font-weight:900;color:#fff;letter-spacing:-.03em;transition:background .5s ease,color .5s ease,box-shadow .5s ease}
    .eligibility-card.allowed .eligibility-head{background:linear-gradient(100deg,#2450a9,#163573)}
    .eligibility-card.denied .eligibility-head{background:#a8adba}
    .eligibility-card.denied.is-focus{box-shadow:0 24px 60px rgba(207,38,58,.12)}
    .eligibility-card.denied.is-focus .eligibility-head{background:linear-gradient(100deg,#ea2b3e,#d61f33);box-shadow:inset 0 -1px rgba(255,255,255,.1)}
    .eligibility-list{list-style:none;padding:30px 34px 32px;margin:0;display:grid;gap:22px}
    .eligibility-list li{position:relative;padding-left:28px;color:#334155;font-size:14px;line-height:1.55}
    .eligibility-list li:before{content:"✓";position:absolute;left:0;top:0;font-weight:950;color:#174a9c}
    .eligibility-card.allowed .eligibility-list li:first-child{font-weight:850;color:#17316f}
    .eligibility-card.denied .eligibility-list li{color:#7c8798;transition:color .3s ease}
    .eligibility-card.denied .eligibility-list li:before{color:#aab0bd;transition:color .3s ease}
    .eligibility-card.denied.is-focus .eligibility-list li:before{color:#e52a3b}
    .eligibility-card.denied .eligibility-list li.strike-anim:after{content:"";position:absolute;left:28px;right:0;top:calc(50% - .5px);height:1px;background:#e52a3b;transform:scaleX(0) translateZ(0);transform-origin:left center;transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden}
    .eligibility-card.denied .eligibility-list li.strike-anim.is-struck:after{transform:scaleX(1)}
    .eligibility-progress{display:none!important}
    .eligibility-note{margin-top:14px;padding-bottom:0;color:#94a3b8;font-size:12px;line-height:1.6}

    @media(max-width:700px){
      .eligibility-section{padding-bottom:76px}
      .eligibility-motion-zone{margin-top:28px}
      .eligibility-track{grid-template-columns:1fr;gap:16px}
      .eligibility-list{padding:24px 22px 26px}
    }

    @media(prefers-reduced-motion:reduce){
      .eligibility-card.denied .eligibility-head{background:linear-gradient(100deg,#ea2b3e,#d61f33)}
      .eligibility-card.denied .eligibility-list li:before{color:#e52a3b}
      .eligibility-card.denied .eligibility-list li.strike-anim:after{transform:scaleX(1);transition:none}
    }

    /* WHY tabs */
    .why-modern{background:#f7f9fd}
    .why-tabs{display:flex;gap:8px;margin-top:34px;padding:5px;background:#eaf0fb;border-radius:14px;width:max-content}
    .why-tab{border:0;background:transparent;color:#64748b;font-weight:850;padding:11px 18px;border-radius:10px;cursor:pointer;transition:.2s}
    .why-tab.active{background:#fff;color:#1d4ed8;box-shadow:0 5px 14px rgba(15,23,42,.08)}
    .why-stage{margin-top:26px;border-radius:30px;background:#fff;border:1px solid #e3eaf5;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.05)}
    .why-pane{display:none;grid-template-columns:.82fr 1.18fr;min-height:420px}
    .why-pane.active{display:grid;animation:paneIn .4s ease both}
    @keyframes paneIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
    .why-visual{background:linear-gradient(145deg,#10234f,#1d4ed8);padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
    .why-visual::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;bottom:-110px;background:rgba(255,255,255,.08)}
    .why-visual small{font-weight:900;color:#bfdbfe;letter-spacing:.1em}
    .why-visual h3{font-size:34px;line-height:1.25;margin:14px 0 12px;letter-spacing:-.05em}
    .why-visual p{margin:0;color:#dbeafe;max-width:420px}
    .why-badge{display:inline-flex;width:max-content;margin-top:24px;border:1px solid rgba(255,255,255,.18);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:850;color:#e0edff}
    .why-features{padding:38px;display:grid;grid-template-columns:1fr;gap:4px;align-content:center}
    .why-feature{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px;border-radius:18px;transition:.2s}
    .why-feature:hover{background:#f6f9ff;transform:translateX(4px)}
    .why-feature-icon{width:48px;height:48px;border-radius:15px;background:#edf4ff;color:#2563eb;display:grid;place-items:center;font-weight:950;font-size:18px}
    .why-feature h4{margin:0 0 5px;font-size:18px}
    .why-feature p{margin:0;color:#64748b;font-size:14px;line-height:1.65}

    /* live status */
    .live-modern{background:#0e1d43;color:#fff;overflow:hidden}
    .live-modern .eyebrow{color:#93c5fd}.live-modern .eyebrow::before{background:#60a5fa}
    .live-modern .section-title{color:#fff}.live-modern .section-desc{color:#b9c8e5}
    .live-modern .live-wrap{margin-top:44px;grid-template-columns:.72fr 1.28fr}
    .live-modern .live-summary{background:linear-gradient(145deg,#1c4fc5,#2563eb);min-height:340px;position:relative;overflow:hidden}
    .live-modern .live-summary::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;bottom:-90px;background:rgba(255,255,255,.09)}
    .live-kicker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#dbeafe}
    .live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.55);animation:pulseLive 1.6s infinite}
    @keyframes pulseLive{70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
    .count-line{display:flex;align-items:flex-end;gap:8px}
    .count-line strong{font-size:70px}.count-line b{font-size:20px;padding-bottom:8px}
    .live-modern .live-table{border-color:rgba(255,255,255,.12);background:#fff}
    .live-modern .live-row{transition:.3s}
    .live-modern .live-row.row-active{background:#f0f6ff;transform:scale(1.008)}

    /* review slider */
    .review-modern{overflow:hidden}
    .review-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}
    .review-arrows{display:flex;gap:8px}
    .round-btn{width:44px;height:44px;border-radius:50%;border:1px solid #dfe6f0;background:#fff;display:grid;place-items:center;cursor:pointer;color:#1d4ed8;font-size:20px;transition:.2s}
    .round-btn:hover{background:#eff6ff;border-color:#bfdbfe}
    .review-track-wrap{overflow:hidden;margin-top:34px}
    .review-track{display:flex;gap:18px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
    .review-slide{flex:0 0 calc((100% - 36px)/3);border:1px solid #e2e8f0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.045)}
    .review-proof{height:178px;background:linear-gradient(145deg,#edf4ff,#f9fbff);display:grid;place-items:center;position:relative}
    .review-proof::before{content:"REVIEW";font-size:42px;font-weight:950;color:#dbeafe;letter-spacing:-.04em}
    .review-proof span{position:absolute;bottom:14px;left:14px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850;color:#64748b}
    .review-copy{padding:22px}
    .review-copy strong{display:block;font-size:16px;margin-bottom:8px}
    .review-copy p{margin:0;color:#64748b;font-size:14px;line-height:1.65}
    .review-copy small{display:block;margin-top:16px;color:#94a3b8;font-weight:750}

    /* media refinement */
    .media-card{transition:.24s ease;position:relative;overflow:hidden}
    .media-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(15,23,42,.08)}
    .media-card::after{content:"↗";position:absolute;right:20px;top:18px;color:#cbd5e1;font-size:18px}

    /* FAQ like benchmark: large accordion rows */
    .faq-pro{max-width:940px;margin:38px auto 0;border-top:1px solid #dfe6f0}
    .faq-item{border-bottom:1px solid #dfe6f0;background:#fff}
    .faq-q{width:100%;border:0;background:transparent;padding:24px 4px;display:grid;grid-template-columns:42px 1fr 38px;gap:12px;align-items:center;text-align:left;cursor:pointer;color:#0f172a}
    .faq-q .qmark{width:32px;height:32px;border-radius:50%;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:950}
    .faq-q strong{font-size:17px;letter-spacing:-.03em}
    .faq-toggle{width:32px;height:32px;border-radius:50%;border:1px solid #dce4ef;display:grid;place-items:center;color:#64748b;font-size:20px;transition:.28s}
    .faq-item.open .faq-toggle{transform:rotate(45deg);color:#2563eb;border-color:#bfdbfe;background:#eff6ff}
    .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
    .faq-a>div{overflow:hidden}
    .faq-a p{margin:0;padding:0 58px 24px;color:#64748b;line-height:1.78;font-size:15px}
    .faq-item.open .faq-a{grid-template-rows:1fr}
    .faq-note{max-width:940px;margin:16px auto 0;color:#94a3b8;font-size:12px}

    @media(prefers-reduced-motion:reduce){
      .process-line-fill{width:100%!important}
      .process-wrap.process-running .process-line-fill{animation:none}
      .process-step .process-icon::before{transition:none}
      .process-step.is-filled .process-icon{transform:none}
    }

    @media(max-width:1000px){
      .process-grid{grid-template-columns:repeat(2,1fr);gap:30px}.process-line{display:none}
      .why-pane{grid-template-columns:1fr}.why-visual{min-height:300px}
      .review-slide{flex-basis:calc((100% - 18px)/2)}
    }
    @media(max-width:700px){
      .process-grid{grid-template-columns:1fr}.process-step{text-align:left;display:grid;grid-template-columns:62px 1fr;column-gap:16px}.process-icon{grid-row:1/4;margin:0;width:58px;height:58px}.process-step .num{margin-top:2px}.process-average{margin-left:0}
      .why-tabs{width:100%}.why-tab{flex:1;padding-inline:10px}.why-visual{padding:32px 26px}.why-visual h3{font-size:28px}.why-features{padding:18px}.why-feature{padding:16px}
      .live-modern .live-wrap{grid-template-columns:1fr}.live-modern .live-summary{min-height:250px}.count-line strong{font-size:56px}
      .review-slide{flex-basis:100%}.review-toolbar{align-items:flex-start}.review-arrows{flex-shrink:0}
      .faq-q{grid-template-columns:34px 1fr 34px;padding:20px 0}.faq-q strong{font-size:15px}.faq-a p{padding:0 46px 20px;font-size:14px}
    }

  

    /* MOBILE LIVE STATUS — card layout for readability */
    @media(max-width:700px){
      .live-modern{padding-top:72px;padding-bottom:72px}
      .live-modern .live-wrap{gap:18px;margin-top:30px}
      .live-modern .live-summary{min-height:190px;border-radius:22px;padding:26px}
      .live-modern .live-summary strong,.count-line strong{font-size:52px}
      .live-modern .live-summary p{font-size:13px}

      .live-modern .live-table{
        border:0;
        background:transparent;
        border-radius:0;
        overflow:visible;
        display:grid;
        gap:12px;
      }
      .live-modern .live-head{display:none}
      .live-modern .live-row{
        display:grid;
        grid-template-columns:1fr auto;
        grid-template-areas:
          "name status"
          "service service"
          "amount time";
        gap:10px 14px;
        align-items:center;
        padding:18px 18px 17px;
        border:1px solid #e4eaf3 !important;
        border-radius:18px;
        background:#fff;
        box-shadow:0 8px 24px rgba(15,23,42,.055);
        font-size:14px;
      }
      .live-modern .live-row + .live-row{border-top:1px solid #e4eaf3}
      .live-modern .live-row span:nth-child(1){
        grid-area:name;
        font-size:15px;
        font-weight:900;
        color:#172033;
      }
      .live-modern .live-row span:nth-child(2){
        grid-area:amount;
        font-size:17px;
        font-weight:900;
        color:#172033;
      }
      .live-modern .live-row span:nth-child(3){
        grid-area:service;
        grid-column:auto;
        color:#45546b;
        font-size:13px;
        font-weight:700;
        padding:10px 12px;
        border-radius:11px;
        background:#f7f9fc;
      }
      .live-modern .live-row span:nth-child(4){
        display:block;
        grid-area:time;
        justify-self:end;
        color:#8b97a8;
        font-size:12px;
        font-weight:700;
      }
      .live-modern .live-row span:nth-child(4)::before{content:"소요 ";}
      .live-modern .live-row span:nth-child(5){
        grid-area:status;
        justify-self:end;
      }
      .live-modern .status{
        gap:6px;
        padding:6px 9px;
        border-radius:999px;
        background:#ecfdf3;
        color:#16a34a;
        font-size:12px;
        line-height:1;
        white-space:nowrap;
      }
      .live-modern .status.progress{
        background:#eff6ff;
        color:#2563eb;
      }
      .live-modern .status::before{width:6px;height:6px;flex:0 0 6px}
      .live-modern .live-row.row-active{
        transform:none;
        background:#fff;
        border-color:#bfd5ff !important;
        box-shadow:0 10px 28px rgba(37,99,235,.10);
      }
    }
/* Stage 2: navigation now uses real, crawlable anchors instead of JS-only buttons. */
nav a{display:inline-flex;align-items:center;border:0;background:transparent;color:#475569;padding:10px 11px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none}
nav a:hover,nav a.active{background:#EFF6FF;color:#2563EB}
.brand{text-decoration:none}
.mobile-nav a{display:block;border:1px solid #E2E8F0;background:#fff;border-radius:10px;padding:11px;text-align:left;font-weight:700;color:#334155;text-decoration:none}
.mobile-nav a:hover,.mobile-nav a.active{background:#EFF6FF;color:#2563EB}
footer li a{color:inherit;text-decoration:none}
footer li a:hover{text-decoration:underline;color:#E2E8F0}
a.service-link{text-decoration:none}
.contact-placeholder{font-size:12px;color:#94A3B8;padding-top:10px}
.dev-notice{background:#fff7ed;color:#9a3412;padding:9px 18px;text-align:center;font-size:12px;font-weight:700;border-bottom:1px solid #fed7aa}
.safety-note{font-size:12px;color:#64748B;line-height:1.65;margin:16px 0 0}
@media(max-width:1000px){nav{display:none}.mobile-nav{display:none}.mobile-nav.open{display:grid}}

/* Stage 3 homepage search-intent guide: add-only, scoped to home section. */
.gt-seo-overview{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.gt-seo-overview .section-desc{max-width:790px}
.gt-seo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
.gt-seo-card{padding:28px;border:1px solid #e4ebf7;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.035)}
.gt-seo-num{display:block;color:#2563eb;font-size:13px;font-weight:900;letter-spacing:.1em;margin-bottom:16px}
.gt-seo-card h3{font-size:21px;letter-spacing:-.04em;margin:0 0 14px;color:#122344}
.gt-seo-card p{font-size:15px;line-height:1.82;color:#5b6b82;margin:0}
.gt-seo-card a{display:inline-block;margin-top:17px;color:#1d4ed8;font-weight:800;font-size:14px}
@media(max-width:1000px){.gt-seo-cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.gt-seo-cards{grid-template-columns:1fr}.gt-seo-card{padding:24px}}

/* FINAL: YouTube is opt-in; image-only is the default and preserves v4.4 hero. */
.hero-visual-video{isolation:isolate;border-radius:24px;overflow:hidden}
.hero-visual-video .hero-visual-image{opacity:.95}
.hero-video-trigger{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;border:0;background:rgba(15,35,79,.08);display:flex;align-items:center;justify-content:center;gap:18px;flex-direction:column;color:#fff}
.hero-play-icon{font-size:26px;width:80px;height:80px;border-radius:50%;background:#2563eb;box-shadow:0 12px 32px rgba(15,23,42,.25);display:grid;place-items:center;padding-left:6px}
.hero-play-label{color:#173a83;background:#fff;border-radius:999px;padding:8px 18px;font-weight:800;font-size:14px}
.hero-video-player{position:absolute;inset:0;z-index:5;background:#000}
.hero-video-player iframe{border:0;width:100%;height:100%}
.hero-video-player[hidden]{display:none}
.gt-breadcrumb{max-width:1200px;margin:22px auto 0;padding:0 22px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#64748b;font-size:13px}
.gt-breadcrumb a{color:#2563eb;font-weight:700}
.gt-breadcrumb a:hover{text-decoration:underline}
.cta-buttons{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}
.cta-buttons .btn{background:#fff;color:#1d4ed8}
.contact-hours{margin-top:12px!important;font-size:13px}
.article-wrap{width:min(calc(100% - 44px),960px);margin:auto}
.article-intro{font-size:17px;line-height:1.85;color:#52627a;max-width:900px}
.article-section{margin-top:42px;padding-bottom:34px;border-bottom:1px solid #e2e8f0}
.article-section h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;margin:0 0 15px}
.article-section p,.article-section li{font-size:16px;line-height:1.85;color:#475569}
.article-section ul,.article-section ol{padding-left:25px}
.article-callout{background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;padding:25px;margin-top:30px}
.article-callout p{margin:0;color:#334155}
.article-related{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.article-related a{display:inline-block;padding:12px 16px;background:#eff6ff;border-radius:12px;color:#1d4ed8;font-weight:800;text-decoration:none}
.article-related a:hover{background:#dbeafe}
@media(max-width:700px){.hero-visual-video{height:340px}.gt-breadcrumb{padding:0 14px}.cta-buttons{margin-top:18px}}

/* Ensure the play trigger truly disappears when the video iframe is active. */
.hero-video-trigger[hidden]{display:none!important}


/* ===== PAGE FAQ REVIEW TABS (PREVIEW ONLY) ===== */
.faq-review-section{background:#f7f9fd}
.faq-review-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 12px}
.faq-review-tab{border:1px solid #dfe6f0;background:#fff;color:#64748b;font-weight:850;padding:11px 17px;border-radius:12px;cursor:pointer;transition:.2s}
.faq-review-tab.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.16)}
.faq-review-panel{display:none}
.faq-review-panel.active{display:block}
.faq-review-note{margin:0 0 24px;color:#94a3b8;font-size:13px;line-height:1.7}
@media(max-width:700px){
  .faq-review-tabs{display:grid;grid-template-columns:1fr 1fr}
  .faq-review-tab{width:100%;padding:11px 10px}
}


/* ===== HERO EXPANDED PREVIEW ===== */
@media (min-width: 1001px){
  .hero{padding:64px 0 34px}
  .hero > .wrap{width:min(calc(100% - 56px),1380px)}
  .hero-shell{
    min-height:720px;
    grid-template-columns:.88fr 1.12fr;
    gap:54px;
    padding:58px 58px 58px 68px;
    border-radius:38px;
  }
  .hero-content{max-width:610px}
  .hero h1{font-size:clamp(48px,4.4vw,70px)}
  .hero p{max-width:590px}
  .hero-video-preview{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    max-height:510px;
    border-radius:28px;
    overflow:hidden;
    background:#0f172a;
    border:1px solid rgba(37,99,235,.12);
    box-shadow:0 28px 70px rgba(15,23,42,.18);
    z-index:2;
  }
}
.hero-video-preview{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hero-video-preview .hero-visual-image{
  position:absolute;
  inset:0;
  opacity:.72;
  filter:saturate(.92);
}
.hero-video-preview::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,.06),rgba(15,23,42,.28));
}
.hero-video-preview-inner{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  text-align:center;
}
.hero-video-play{
  width:86px;
  height:86px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#2563eb;
  color:#fff;
  font-size:30px;
  line-height:1;
  padding-left:5px;
  box-shadow:0 18px 44px rgba(15,23,42,.28);
}
.hero-video-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#1e3a8a;
  font-size:14px;
  font-weight:900;
  box-shadow:0 10px 30px rgba(15,23,42,.14);
}
.hero-video-sub{
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-shadow:0 2px 10px rgba(15,23,42,.4);
}
@media (max-width:1000px){
  .hero-shell{grid-template-columns:1fr;padding:52px 46px 36px}
  .hero-video-preview{width:100%;aspect-ratio:16/9;border-radius:24px;margin-top:12px}
}
@media (max-width:700px){
  .hero{padding-top:24px}
  .hero-shell{padding:38px 24px 26px}
  .hero-video-preview{border-radius:20px}
  .hero-video-play{width:72px;height:72px;font-size:26px}
}


/* =========================================================
   TYPOGRAPHY + RESPONSIVE POLISH V1
   - Korean line-break cleanup
   - Desktop hero balance
   - Section heading scale normalization
   - Tablet/mobile readability pass
   ========================================================= */

/* Natural Korean wrapping: avoid splitting a word mid-syllable where possible */
.hero h1,
.section-title,
.service-choice h3,
.gt-seo-card h3,
.process-step h3,
.why-visual h3,
.why-feature h3,
.review-lead h3,
.review-card p,
.media-card h3,
.blog-card h3,
.faq-q strong,
.cta h2 {
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: balance;
}

.hero p,
.section-desc,
.service-choice > p,
.service-points li,
.gt-seo-card p,
.process-step p,
.eligibility-list li,
.why-visual p,
.why-feature p,
.review-card p,
.media-card p,
.blog-card p,
.faq-a p,
footer p,
footer li {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* Global section typography: reduce oversized headings and prevent orphan words */
.section-title{
  font-size:clamp(32px,3.05vw,42px);
  line-height:1.22;
  letter-spacing:-.045em;
}
.section-desc{
  font-size:16px;
  line-height:1.78;
  max-width:820px;
}

/* Main SEO guide heading: enough width so desktop does not leave '할까요?' alone */
.gt-seo-overview .section-head{max-width:1080px}
#gt-seo-title{max-width:1080px}

/* Cards/body copy readability */
.gt-seo-card h3{font-size:20px;line-height:1.38}
.gt-seo-card p{font-size:15px;line-height:1.8}
.service-choice h3{font-size:20px;line-height:1.4}
.service-choice>p{font-size:14px;line-height:1.72}
.service-points li{font-size:14px;line-height:1.58}
.process-step h3{font-size:19px;line-height:1.4}
.process-step p{font-size:14px;line-height:1.72}
.why-feature h3{line-height:1.4}
.media-card h3,.blog-card h3{line-height:1.45}
.faq-q strong{line-height:1.5}

/* Desktop hero: keep the intended 2-line title and give text/video equal breathing room */
@media (min-width:1180px){
  .hero-shell{
    min-height:680px;
    grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
    gap:44px;
    padding:54px 56px 54px 62px;
  }
  .hero-content{max-width:none;min-width:0}
  .hero h1{
    font-size:clamp(50px,4vw,58px);
    line-height:1.12;
    letter-spacing:-.055em;
  }
  .hero h1 .accent{
    display:inline-block;
    white-space:nowrap;
  }
  .hero p{
    max-width:570px;
    font-size:18px;
    line-height:1.78;
  }
  .hero-video-preview{max-height:none}
}

/* Smaller desktop / tablet: avoid title pressure before stacking */
@media (min-width:1001px) and (max-width:1179px){
  .hero-shell{
    min-height:650px;
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
    gap:34px;
    padding:48px 44px;
  }
  .hero h1{
    font-size:clamp(44px,4.3vw,50px);
    line-height:1.13;
  }
  .hero h1 .accent{white-space:normal}
  .hero p{font-size:17px;line-height:1.75}
}

/* Tablet */
@media (min-width:701px) and (max-width:1000px){
  .section{padding:88px 0}
  .section-title{
    font-size:clamp(34px,4.8vw,38px);
    line-height:1.23;
  }
  .section-desc{font-size:16px;line-height:1.76}
  .hero-shell{
    gap:34px;
    padding:48px 42px 38px;
  }
  .hero h1{
    font-size:clamp(44px,6vw,50px);
    line-height:1.14;
  }
  .hero h1 .accent{white-space:normal}
  .hero p{font-size:17px;line-height:1.74}
  .service-choice{min-height:0}
}

/* Mobile */
@media (max-width:700px){
  .wrap{width:min(calc(100% - 32px),var(--max))}
  .section{padding:74px 0}

  .eyebrow{
    font-size:11px;
    line-height:1.4;
    letter-spacing:.08em;
    margin-bottom:11px;
  }
  .section-title{
    font-size:clamp(28px,8vw,32px);
    line-height:1.25;
    letter-spacing:-.045em;
    margin-bottom:12px;
  }
  .section-desc{
    font-size:15px;
    line-height:1.76;
  }

  .hero{padding-top:20px}
  .hero > .wrap{width:min(calc(100% - 24px),1200px)}
  .hero-shell{
    padding:34px 22px 24px;
    gap:28px;
    border-radius:24px;
  }
  .hero-badge{
    font-size:11px;
    padding:7px 11px;
    margin-bottom:18px;
  }
  .hero h1{
    font-size:clamp(34px,9.6vw,38px);
    line-height:1.16;
    letter-spacing:-.052em;
    margin-bottom:18px;
  }
  .hero h1 .accent{
    display:inline;
    white-space:normal;
  }
  .hero p{
    font-size:15.5px;
    line-height:1.76;
    margin-bottom:24px;
  }
  .hero-actions{
    width:100%;
    gap:8px;
  }
  .hero-actions .btn{
    min-width:0;
    flex:1 1 0;
    padding:12px 12px;
    font-size:14px;
    white-space:nowrap;
  }
  .hero-trust{
    margin-top:22px;
    gap:9px 14px;
    font-size:12.5px;
    line-height:1.45;
  }
  .hero-video-preview{
    margin-top:0;
    border-radius:18px;
  }
  .hero-video-play{
    width:64px;
    height:64px;
    font-size:23px;
  }
  .hero-video-label{font-size:12px;padding:8px 13px}
  .hero-video-sub{font-size:11px}

  .service-grid{gap:14px;margin-top:32px}
  .service-choice{
    min-height:0;
    padding:28px 22px 24px;
  }
  .service-choice h3{font-size:19px}
  .service-choice>p{
    min-height:0;
    max-width:none;
    font-size:14px;
  }
  .service-limit{font-size:14px}
  .service-points li{font-size:14px}

  .gt-seo-cards{gap:14px;margin-top:30px}
  .gt-seo-card{padding:22px}
  .gt-seo-card h3{font-size:19px;margin-bottom:11px}
  .gt-seo-card p{font-size:14.5px;line-height:1.78}
  .gt-seo-card a{font-size:13px;line-height:1.5}

  .process-wrap{margin-top:34px}
  .process-step{column-gap:14px}
  .process-step h3{font-size:18px;margin-bottom:6px}
  .process-step p{font-size:14px;line-height:1.7}
  .process-average{
    max-width:100%;
    width:auto;
    display:inline-flex;
    font-size:12px;
  }

  .eligibility-head{font-size:16px;padding:20px 18px}
  .eligibility-list li{font-size:14px;line-height:1.65}

  .why-visual h3{font-size:27px;line-height:1.3}
  .why-visual p{font-size:14px;line-height:1.7}
  .why-feature{grid-template-columns:44px 1fr;gap:13px}
  .why-feature-icon{width:44px;height:44px}
  .why-feature h3{font-size:16px}
  .why-feature p{font-size:13.5px;line-height:1.7}

  .review-lead{padding:28px}
  .review-lead h3{font-size:25px;line-height:1.3}
  .review-card p{font-size:14px;line-height:1.72}

  .media-card{padding:22px}
  .media-card h3{font-size:17px}
  .media-card p{font-size:14px;line-height:1.7}
  .blog-card h3{font-size:18px;line-height:1.45}
  .blog-card p{font-size:14px;line-height:1.7}

  .faq-q{
    grid-template-columns:32px minmax(0,1fr) 32px;
    gap:10px;
    padding:18px 0;
  }
  .faq-q strong{
    font-size:15.5px;
    line-height:1.5;
  }
  .faq-a p{
    padding:0 42px 20px;
    font-size:14.5px;
    line-height:1.78;
  }
  .faq-review-note{font-size:12px;line-height:1.7}

  .cta h2{
    font-size:27px;
    line-height:1.3;
  }

  footer p,footer li{font-size:13px;line-height:1.7}
}

/* Very small phones */
@media (max-width:380px){
  .hero h1{font-size:33px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-actions .btn{font-size:13px;padding-inline:8px}
  .faq-review-tabs{grid-template-columns:1fr}
}


/* =========================================================
   CARD BORDER CONTRAST PASS V2
   - Remove overly faint card outlines
   - Keep the clean white/blue visual style
   ========================================================= */
:root{
  --gt-card-line:#c8d3e0;
  --gt-card-line-soft:#d2dbe6;
}

/* Main card groups */
.card,
.service-choice,
.gt-seo-card,
.step,
.why-card,
.eligibility-card,
.live-table,
.review-card,
.review-slide,
.media-card,
.partner,
.why-stage,
.trust-grid{
  border-color:var(--gt-card-line) !important;
}

/* Give white cards a tiny amount of separation from white backgrounds */
.card,
.service-choice,
.gt-seo-card,
.why-card,
.eligibility-card,
.review-card,
.review-slide,
.media-card{
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}

/* Larger containers: visible but still softer than card outlines */
.hero-shell{
  box-shadow:
    inset 0 0 0 1px rgba(37,99,235,.13),
    0 10px 34px rgba(37,99,235,.035);
}

.why-stage,
.live-table,
.trust-grid{
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}

/* Header/mobile navigation outlines */
header{border-bottom-color:#dde5ef}
.mobile-nav a{border-color:var(--gt-card-line)}

/* Mobile status cards had especially pale borders */
@media(max-width:700px){
  .live-modern .live-row{
    border-color:var(--gt-card-line) !important;
  }
  .service-choice,
  .gt-seo-card,
  .eligibility-card,
  .review-slide,
  .media-card,
  .card{
    border-color:var(--gt-card-line) !important;
  }
}


/* ===== SERVICE CARD ALIGNMENT FIX V2 ===== */
.service-grid{
  align-items:stretch;
}
.service-choice{
  display:flex;
  flex-direction:column;
  height:100%;
}
.service-choice > p{
  min-height:68px;
  margin-bottom:18px;
}
.service-limit{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 16px;
  border:1px solid #c9d7ee;
  background:#edf3ff;
  color:#123a8f;
  font-weight:800;
  line-height:1.45;
  border-radius:12px;
}
.service-choice.credit .service-limit{
  background:#fde9ec;
  border-color:#f5cfd6;
  color:#d8223a;
}
.service-points{
  min-height:126px;
  margin-top:18px;
}
.service-points li{
  min-height:32px;
  display:flex;
  align-items:flex-start;
}
.service-actions{
  margin-top:auto;
  padding-top:8px;
}
.service-link{
  display:inline-block;
  line-height:1.45;
}
@media(max-width:1000px){
  .service-choice > p,
  .service-points{
    min-height:0;
  }
  .service-limit{
    min-height:62px;
  }
}
@media(max-width:700px){
  .service-choice{
    height:auto;
  }
  .service-choice > p,
  .service-points{
    min-height:0;
  }
  .service-limit{
    min-height:0;
    padding:13px 14px;
  }
  .service-points li{
    min-height:0;
  }
}


/* ===== SERVICE CARD VISUAL RESET V4 =====
   Reference: original clean service-card typography
   Keep outer card borders, remove only the middle status-box border.
*/
.service-choice h3{
  font-size:20px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.045em;
  text-wrap:initial;
}
.service-choice > p{
  font-size:13px;
  line-height:1.75;
  font-weight:400;
  min-height:68px;
}
.service-limit{
  border:none !important;
  background:#EEF3FF;
  color:#173F8F;
  font-size:15px;
  line-height:1.45;
  font-weight:800;
  min-height:66px;
  box-shadow:none !important;
}
.service-choice.credit .service-limit{
  border:none !important;
  background:#FCECEE;
  color:#C91F36;
}
.service-points{
  min-height:126px;
}
.service-points li{
  font-size:13px;
  line-height:1.5;
  font-weight:400;
  min-height:32px;
}
.service-link{
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}
@media(max-width:1000px){
  .service-choice > p,
  .service-points{
    min-height:0;
  }
  .service-limit{
    min-height:60px;
  }
}
@media(max-width:700px){
  .service-choice h3{font-size:19px}
  .service-choice > p{font-size:13px}
  .service-limit{
    min-height:0;
    font-size:14px;
    padding:13px 14px;
  }
  .service-points li{font-size:13px}
}


/* ===== SERVICE CARD COMPACT + PRETENDARD V5 ===== */
.service-section,
.service-section *{
  font-family:Pretendard, "Noto Sans KR", Apple SD Gothic Neo, Arial, sans-serif;
}

/* reduce empty space in the service section */
.service-section{
  padding-top:76px !important;
  padding-bottom:76px !important;
}
.service-grid{
  margin-top:34px !important;
  gap:18px !important;
}
.service-choice{
  min-height:398px !important;
  padding:28px 24px 22px !important;
}
.service-icon{
  width:50px;
  height:50px;
  margin-bottom:15px !important;
}
.service-choice h3{
  margin-bottom:8px !important;
  font-family:Pretendard, "Noto Sans KR", sans-serif !important;
  font-size:20px;
  font-weight:700;
  line-height:1.35;
}
.service-choice > p{
  min-height:56px !important;
  margin-bottom:15px !important;
  font-family:Pretendard, "Noto Sans KR", sans-serif !important;
  font-size:13px;
  line-height:1.62 !important;
  font-weight:400;
}
.service-limit{
  min-height:58px !important;
  margin:0 0 14px !important;
  padding:11px 10px !important;
  border:none !important;
  background:#E3ECFF !important;
  color:#173F8F;
  font-family:Pretendard, "Noto Sans KR", sans-serif !important;
  font-size:14px !important;
  line-height:1.38 !important;
  font-weight:800;
}
.service-choice.credit .service-limit{
  background:#F9DFE4 !important;
  color:#C91F36;
}
.service-points{
  min-height:104px !important;
  margin-bottom:10px !important;
  gap:7px !important;
  font-family:Pretendard, "Noto Sans KR", sans-serif !important;
}
.service-points li{
  min-height:26px !important;
  padding-left:21px;
  font-family:Pretendard, "Noto Sans KR", sans-serif !important;
  font-size:13px !important;
  line-height:1.42 !important;
  font-weight:400 !important;
  letter-spacing:-.02em;
}
.service-points li:before{
  top:0;
}
.service-actions{
  padding-top:2px !important;
}
.service-link{
  font-family:Pretendard, "Noto Sans KR", sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
}
.service-limit-note{
  margin-top:12px !important;
  line-height:1.45 !important;
}

/* Tablet/mobile: keep compact but avoid forced heights */
@media(max-width:1000px){
  .service-section{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }
  .service-choice{
    min-height:0 !important;
  }
  .service-choice > p,
  .service-points{
    min-height:0 !important;
  }
}
@media(max-width:700px){
  .service-section{
    padding-top:56px !important;
    padding-bottom:56px !important;
  }
  .service-grid{
    margin-top:26px !important;
    gap:14px !important;
  }
  .service-choice{
    padding:24px 20px 20px !important;
  }
  .service-icon{
    margin-bottom:13px !important;
  }
  .service-choice > p{
    margin-bottom:13px !important;
  }
  .service-limit{
    min-height:0 !important;
    margin-bottom:12px !important;
    padding:11px 12px !important;
  }
  .service-points{
    gap:6px !important;
    margin-bottom:8px !important;
  }
  .service-points li{
    min-height:0 !important;
    line-height:1.45 !important;
  }
}


/* ===== SEO CARD IMPORTANT NOTICE ===== */
.gt-seo-important{
  margin-top:16px;
  padding:12px 14px;
  border-radius:12px;
  background:#FFF4E5;
  color:#8A4B00;
  font-family:Pretendard, "Noto Sans KR", sans-serif;
  font-size:13px;
  line-height:1.55;
  font-weight:700;
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.gt-seo-important-mark{
  flex:0 0 20px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#F59E0B;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
  margin-top:1px;
}
@media(max-width:700px){
  .gt-seo-important{
    font-size:12.5px;
    padding:11px 12px;
  }
}


/* ===== DAILY LIVE STATUS V1 ===== */
.live-disclosure{
  margin:10px 4px 0;
  color:#9fb0cf;
  font-family:Pretendard, "Noto Sans KR", sans-serif;
  font-size:12px;
  line-height:1.55;
}
#dailyLiveRows .live-row:first-child{
  border-top:none;
}
@media(max-width:700px){
  .live-disclosure{
    margin-top:9px;
    font-size:11px;
  }
}


/* ===== REVIEW PLACEHOLDER IMAGE V2 ===== */
.review-proof{
  background:linear-gradient(145deg,#eff5ff,#f8fbff) !important;
}
.review-proof::before{
  content:"" !important;
}
.review-proof-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  color:#64748b;
  padding:24px;
}
.review-proof-icon{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #dbe4ef;
  font-size:24px;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.review-proof-inner strong{
  font-size:16px;
  line-height:1.35;
  color:#334155;
}
.review-proof-inner small{
  font-size:12px;
  line-height:1.5;
  color:#94a3b8;
}
@media(max-width:700px){
  .review-proof-inner{
    padding:18px;
  }
  .review-proof-inner strong{
    font-size:15px;
  }
}


/* ===== REVIEW META SERVICE LABEL V3 ===== */
.review-copy small{
  display:inline-flex;
  width:max-content;
  margin-top:16px;
  padding:6px 10px;
  border-radius:999px;
  background:#EFF4FF;
  color:#315AA8;
  font-family:Pretendard, "Noto Sans KR", sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.3;
}


/* ===== REVIEW NAME + AGE V4 ===== */
.review-name{
  display:flex !important;
  align-items:center;
  gap:7px;
}
.review-age{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  background:#F1F5F9;
  color:#94A3B8;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.02em;
}


/* ===== FINAL GUIDE SECTION V1 ===== */
.guide-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.guide-feature-card{overflow:hidden;padding:0!important}
.guide-card-img-link{display:block;overflow:hidden;background:#edf4ff}
.guide-card-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}
.guide-feature-card:hover .guide-card-img{transform:scale(1.018)}
.guide-feature-card .blog-body{padding:22px}
.guide-library-head{
  margin-top:58px;padding-top:36px;border-top:1px solid #c8d3e0;
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px
}
.guide-library-head h3{margin:5px 0 7px;font-size:29px;line-height:1.3;letter-spacing:-.045em}
.guide-library-head p{margin:0;color:#64748b;font-size:14px}
.guide-count{padding:8px 12px;border-radius:999px;background:#eff4ff;color:#315aa8;font-size:11px;font-weight:900;white-space:nowrap}
.guide-full-list{margin-top:24px;border-top:1px solid #c8d3e0}
.guide-full-item{border-bottom:1px solid #c8d3e0;background:#fff}
.guide-full-item summary{
  list-style:none;cursor:pointer;display:grid;
  grid-template-columns:46px 150px minmax(0,1fr) auto;gap:17px;align-items:center;padding:18px 2px
}
.guide-full-item summary::-webkit-details-marker{display:none}
.guide-list-no{width:42px;height:42px;border-radius:13px;background:#eff4ff;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:900}
.guide-list-thumb{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #d9e2ed}
.guide-list-copy span{display:block;margin-bottom:3px;color:#2563eb;font-size:11px;font-weight:900}
.guide-list-copy strong{display:block;font-size:17px;line-height:1.4;letter-spacing:-.03em;color:#172033}
.guide-list-copy p{margin:5px 0 0;color:#7b8799;font-size:12.5px;line-height:1.55}
.guide-open{font-size:12px;font-weight:800;color:#64748b}
.guide-full-item[open] .guide-open{color:#2563eb}
.guide-full-body{margin:0 0 26px 63px;max-width:920px;padding:4px 24px 24px;border-left:2px solid #dce6f6}
.guide-body-thumb{width:min(100%,760px);aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid #d7e0eb;margin:8px 0 10px}
.guide-full-body section{max-width:800px}
.guide-full-body h4{margin:28px 0 9px;font-size:19px;line-height:1.45;letter-spacing:-.025em}
.guide-full-body p{margin:0;color:#465970;font-size:14.5px;line-height:1.86}
.guide-source-box,.guide-related{max-width:800px;margin-top:28px;padding:14px 16px;border-radius:12px;background:#f8fafc;color:#5f6f84;font-size:12.5px;line-height:1.7}
.guide-source-box strong,.guide-related strong{margin-right:9px;color:#26364d}
.guide-source-box a,.guide-related a{color:#2563eb;font-weight:700;text-decoration:none}
.guide-editor-note{max-width:800px;margin-top:12px;padding:12px 14px;border-radius:11px;background:#fff8e9;color:#815a16;font-size:11.5px;line-height:1.6}
@media(max-width:1000px){
  .guide-feature-grid{grid-template-columns:1fr}
  .guide-full-item summary{grid-template-columns:44px 128px minmax(0,1fr);gap:13px}
  .guide-open{display:none}.guide-list-thumb{width:128px}
}
@media(max-width:700px){
  .guide-library-head{margin-top:42px;align-items:flex-start}
  .guide-library-head h3{font-size:24px}.guide-library-head p{font-size:13px;line-height:1.65}
  .guide-full-item summary{grid-template-columns:38px 92px minmax(0,1fr);gap:10px;padding:15px 0}
  .guide-list-no{width:36px;height:36px}.guide-list-thumb{width:92px;border-radius:9px}
  .guide-list-copy strong{font-size:14px}.guide-list-copy p{display:none}
  .guide-full-body{margin:0 0 20px 46px;padding:0 10px 18px}
  .guide-body-thumb{border-radius:13px}
  .guide-full-body h4{font-size:17px;margin-top:22px}.guide-full-body p{font-size:14px;line-height:1.78}
}


/* ===== CLEAN ACTUAL-HOMEPAGE PREVIEW ===== */
.guide-main-more{display:flex;justify-content:center;margin-top:28px}
@media(max-width:700px){.guide-main-more{margin-top:22px}.guide-main-more .btn{width:100%;justify-content:center}}

/* ===== MOBILE PAYMENT PAGE V1 ===== */
header nav a.active{color:#2563eb}
.mp-hero{padding-top:52px}
.mp-hero-shell{
  display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:48px;align-items:center;min-height:610px;
  border:1px solid #d8e2ef;border-radius:34px;
  background:linear-gradient(145deg,#fff,#f4f8ff);
  padding:54px 58px;overflow:hidden;position:relative
}
.mp-hero-shell:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(37,99,235,.06);right:-120px;top:-120px}
.mp-hero-copy{position:relative;z-index:2}
.mp-hero-copy h1{font-size:clamp(46px,4.2vw,62px);line-height:1.12;letter-spacing:-.055em;margin:10px 0 22px;word-break:keep-all}
.mp-hero-copy h1 span{color:#2563eb}
.mp-hero-copy>p{font-size:17px;line-height:1.8;color:#53647b;max-width:620px}
.mp-hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px;color:#4d6080;font-size:13px;font-weight:700}
.mp-hero-visual{position:relative;z-index:2}
.mp-hero-visual img{width:100%;display:block;border-radius:24px;border:1px solid #dbe4ef;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.mp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.mp-info-card{border:1px solid #c8d3e0;border-radius:22px;padding:28px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.035)}
.mp-num{display:inline-flex;width:36px;height:36px;border-radius:11px;align-items:center;justify-content:center;background:#edf3ff;color:#2563eb;font-weight:900;font-size:12px}
.mp-info-card h3{font-size:20px;margin:17px 0 10px;letter-spacing:-.035em}
.mp-info-card p{font-size:14px;line-height:1.75;color:#64748b;min-height:74px}
.mp-info-card a{color:#2563eb;font-size:13px;font-weight:800;text-decoration:none}
.carrier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.carrier-card{border:1px solid #c8d3e0;border-radius:22px;padding:28px;background:#fff}
.carrier-card>strong{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eff4ff;color:#2563eb;font-size:12px}
.carrier-card h3{font-size:20px;margin:15px 0 10px}
.carrier-card p{font-size:14px;line-height:1.7;color:#64748b}
.carrier-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.carrier-card li{font-size:13px;color:#45566c;padding-left:18px;position:relative}
.carrier-card li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:900}
.carrier-note{margin:18px 0 0;color:#94a3b8;font-size:12px}
.mp-restrict-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.mp-restrict-card{border:1px solid #c8d3e0;border-radius:20px;padding:24px;background:#fff}
.mp-restrict-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;color:#2563eb;font-weight:900}
.mp-restrict-card h3{font-size:18px;margin:14px 0 8px}
.mp-restrict-card p{font-size:13.5px;color:#64748b;line-height:1.7}
.mp-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.mp-process-grid article{border:1px solid #c8d3e0;border-radius:20px;padding:25px;background:#fff}
.mp-process-grid article>span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:12px;font-weight:900}
.mp-process-grid h3{font-size:18px;margin:15px 0 8px}
.mp-process-grid p{font-size:13.5px;line-height:1.7;color:#64748b}
.mp-process-note{margin:20px auto 0;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;background:#edf3ff;color:#315aa8;font-size:12px;font-weight:800}
.mp-guide-grid{grid-template-columns:repeat(3,1fr)}
.mp-guide-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.mp-cta-section{padding-top:0}
@media(max-width:1000px){
  .mp-hero-shell{grid-template-columns:1fr;padding:44px 38px}
  .mp-hero-copy h1{font-size:48px}
  .mp-card-grid,.carrier-grid{grid-template-columns:1fr}
  .mp-restrict-grid,.mp-process-grid{grid-template-columns:repeat(2,1fr)}
  .mp-guide-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .mp-hero{padding-top:24px}
  .mp-hero-shell{padding:34px 22px;border-radius:24px;gap:30px}
  .mp-hero-copy h1{font-size:36px}
  .mp-hero-copy>p{font-size:15.5px}
  .mp-hero-points{font-size:12px}
  .mp-card-grid,.carrier-grid,.mp-restrict-grid,.mp-process-grid{grid-template-columns:1fr}
  .mp-info-card,.carrier-card,.mp-restrict-card,.mp-process-grid article{padding:22px}
  .mp-info-card p{min-height:0}
  .mp-process-note{width:100%;text-align:center;border-radius:14px}
}

/* ===== mobile-payment preview v2 fixes ===== */
.btn-outline-strong{
  background:#ffffff !important;
  color:#2563eb !important;
  border:2px solid #2563eb !important;
  box-shadow:0 8px 20px rgba(37,99,235,.10);
}
.btn-outline-strong:hover{
  background:#edf4ff !important;
}
.btn-ghost-strong{
  border:1.5px solid #c6d4e8 !important;
  background:#ffffff !important;
}
.btn-ghost-strong:hover{
  border-color:#2563eb !important;
  color:#2563eb !important;
}
.mp-restrict-icon{
  width:48px !important;
  height:48px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:#edf3ff !important;
  color:#2563eb !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:-0.01em !important;
  border:1px solid #d7e3f5 !important;
}

/* ===== MOBILE PAYMENT COMPACT SPACING V3 ===== */

/* 텍스트/카드 중심 서브페이지 공통 압축 */
.mp-hero{
  padding-top:36px !important;
  padding-bottom:54px !important;
}

.mp-hero-shell{
  min-height:560px !important;
  padding:46px 52px !important;
}

/* 히어로 다음 일반 섹션 */
.mp-hero ~ .section{
  padding-top:72px !important;
  padding-bottom:72px !important;
}

/* 마지막 CTA는 위쪽 여백을 줄여 흐름 연결 */
.mp-cta-section{
  padding-top:20px !important;
  padding-bottom:64px !important;
}

/* 섹션 제목 내부 간격 */
.mp-hero ~ .section .section-head{
  margin-bottom:0 !important;
}

.mp-hero ~ .section .section-title{
  margin-top:8px !important;
  margin-bottom:12px !important;
}

.mp-hero ~ .section .section-desc{
  margin-top:0 !important;
}

/* 제목/설명 → 카드 간격 축소 */
.mp-card-grid,
.carrier-grid,
.mp-restrict-grid,
.mp-process-grid,
.mp-guide-grid{
  margin-top:26px !important;
}

/* 카드 내부 패딩 소폭 축소 */
.mp-info-card,
.carrier-card,
.mp-restrict-card{
  padding:24px !important;
}

.mp-process-grid article{
  padding:22px !important;
}

/* 카드 내부 제목/문단 호흡 */
.mp-info-card h3,
.carrier-card h3,
.mp-restrict-card h3,
.mp-process-grid h3{
  margin-top:13px !important;
  margin-bottom:7px !important;
}

.carrier-note{
  margin-top:14px !important;
}

.mp-process-note{
  margin-top:16px !important;
}

/* FAQ 영역도 압축 */
#mp-faq{
  padding-top:68px !important;
  padding-bottom:68px !important;
}

@media(max-width:1000px){
  .mp-hero{
    padding-top:28px !important;
    padding-bottom:46px !important;
  }

  .mp-hero-shell{
    min-height:auto !important;
    padding:38px 34px !important;
  }

  .mp-hero ~ .section{
    padding-top:62px !important;
    padding-bottom:62px !important;
  }
}

@media(max-width:700px){
  .mp-hero{
    padding-top:20px !important;
    padding-bottom:36px !important;
  }

  .mp-hero-shell{
    padding:30px 20px !important;
  }

  .mp-hero ~ .section{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }

  .mp-card-grid,
  .carrier-grid,
  .mp-restrict-grid,
  .mp-process-grid,
  .mp-guide-grid{
    margin-top:22px !important;
  }

  #mp-faq{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }
}

/* ===== CARD LIMIT SERVICE PAGE V1 ===== */
.cl-hero{padding-top:36px!important;padding-bottom:54px!important}
.cl-hero-shell{
  display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:48px;align-items:center;min-height:560px;
  border:1px solid #d8e2ef;border-radius:34px;
  background:linear-gradient(145deg,#fff,#f6f8fc);
  padding:46px 52px;overflow:hidden;position:relative
}
.cl-hero-shell:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(37,99,235,.055);right:-130px;top:-135px}
.cl-hero-copy{position:relative;z-index:2}
.cl-hero-copy h1{font-size:clamp(46px,4.2vw,62px);line-height:1.12;letter-spacing:-.055em;margin:10px 0 22px;word-break:keep-all}
.cl-hero-copy h1 span{color:#2563eb}
.cl-hero-copy>p{font-size:17px;line-height:1.8;color:#53647b;max-width:620px}
.cl-hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px;color:#4d6080;font-size:13px;font-weight:700}

/* Hero visual */
.cl-hero-visual{position:relative;z-index:2}
.cl-ui-card{
  border:1px solid #d5deea;border-radius:26px;padding:24px;background:rgba(255,255,255,.94);
  box-shadow:0 24px 60px rgba(15,23,42,.10)
}
.cl-ui-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.cl-ui-top span{font-size:14px;font-weight:800;color:#24344e}
.cl-ui-top strong{font-size:10px;letter-spacing:.12em;color:#8a99ad}
.cl-credit-card{
  min-height:210px;border-radius:24px;padding:24px;
  background:linear-gradient(135deg,#1e4ed8,#2870f0 55%,#6aa2ff);
  color:#fff;box-shadow:0 18px 36px rgba(37,99,235,.23);position:relative;overflow:hidden
}
.cl-credit-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-70px;top:-95px;background:rgba(255,255,255,.12)}
.cl-credit-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:35px;bottom:-100px;background:rgba(255,255,255,.09)}
.cl-chip{width:48px;height:36px;border-radius:9px;background:linear-gradient(135deg,#f4d88d,#d7b05b);margin-bottom:22px}
.cl-card-brand{position:absolute;right:24px;top:24px;font-size:12px;font-weight:900;letter-spacing:.12em}
.cl-card-number{font-size:22px;font-weight:800;letter-spacing:.08em;margin-top:15px}
.cl-card-foot{display:flex;justify-content:space-between;margin-top:26px;font-size:10px;opacity:.85;letter-spacing:.08em}
.cl-limit-panel{margin-top:18px;padding:18px;border-radius:18px;background:#f7f9fc;border:1px solid #e0e6ef}
.cl-limit-row{display:flex;justify-content:space-between;gap:15px;align-items:center}
.cl-limit-row span{font-size:12px;color:#76859a}.cl-limit-row strong{font-size:13px;color:#24344e}
.cl-progress{height:8px;border-radius:999px;background:#e5eaf1;margin:14px 0 17px;overflow:hidden}
.cl-progress i{display:block;width:68%;height:100%;background:#2563eb;border-radius:999px}
.cl-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cl-mini-grid div{padding:11px;border-radius:12px;background:#fff;border:1px solid #e2e7ee}
.cl-mini-grid small{display:block;color:#8a98a9;font-size:10px}.cl-mini-grid strong{display:block;margin-top:4px;color:#2563eb;font-size:12px}

/* Compact section rhythm */
.cl-hero~.section{padding-top:72px!important;padding-bottom:72px!important}
.cl-cta-section{padding-top:20px!important;padding-bottom:64px!important}
.cl-hero~.section .section-head{margin-bottom:0!important}
.cl-hero~.section .section-title{margin-top:8px!important;margin-bottom:12px!important}
.cl-hero~.section .section-desc{margin-top:0!important}

.cl-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.cl-info-card,.cl-check-card,.cl-restrict-card{
  border:1px solid #c8d3e0;border-radius:22px;padding:24px;background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.025)
}
.cl-num,.cl-check-card>span,.cl-restrict-card>div{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:#edf3ff;color:#2563eb;font-size:12px;font-weight:900;border:1px solid #d7e3f5
}
.cl-info-card h3,.cl-check-card h3,.cl-restrict-card h3{font-size:19px;margin:13px 0 7px;letter-spacing:-.03em}
.cl-info-card p,.cl-check-card p,.cl-restrict-card p{font-size:13.5px;line-height:1.72;color:#64748b}

.cl-check-grid,.cl-restrict-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.cl-note{margin:14px 0 0;color:#94a3b8;font-size:12px}

.cl-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.cl-process-grid article{border:1px solid #c8d3e0;border-radius:20px;padding:22px;background:#fff}
.cl-process-grid article>span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:12px;font-weight:900}
.cl-process-grid h3{font-size:18px;margin:13px 0 7px}
.cl-process-grid p{font-size:13.5px;line-height:1.7;color:#64748b}
.cl-process-note{margin:16px auto 0;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;background:#edf3ff;color:#315aa8;font-size:12px;font-weight:800}

.cl-final-box{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;
  margin-top:26px;border:1px solid #c8d3e0;border-radius:24px;padding:24px;background:#fff
}
.cl-final-item{padding:18px;border-radius:16px;background:#f8fafc}
.cl-final-item span{display:block;color:#2563eb;font-size:10px;font-weight:900;margin-bottom:5px}
.cl-final-item strong{display:block;font-size:18px;letter-spacing:-.025em}
.cl-final-item p{margin:7px 0 0;font-size:13px;line-height:1.65;color:#64748b}
.cl-final-arrow{font-size:22px;color:#9badc0}

#cl-faq{padding-top:68px!important;padding-bottom:68px!important}

@media(max-width:1000px){
  .cl-hero{padding-top:28px!important;padding-bottom:46px!important}
  .cl-hero-shell{grid-template-columns:1fr;min-height:auto;padding:38px 34px}
  .cl-hero-copy h1{font-size:48px}
  .cl-hero~.section{padding-top:62px!important;padding-bottom:62px!important}
  .cl-card-grid{grid-template-columns:1fr}
  .cl-check-grid,.cl-restrict-grid,.cl-process-grid{grid-template-columns:repeat(2,1fr)}
  .cl-final-box{grid-template-columns:1fr}.cl-final-arrow{transform:rotate(90deg);text-align:center}
}

@media(max-width:700px){
  .cl-hero{padding-top:20px!important;padding-bottom:36px!important}
  .cl-hero-shell{padding:30px 20px;border-radius:24px;gap:30px}
  .cl-hero-copy h1{font-size:36px}.cl-hero-copy>p{font-size:15.5px}.cl-hero-points{font-size:12px}
  .cl-hero~.section{padding-top:50px!important;padding-bottom:50px!important}
  .cl-card-grid,.cl-check-grid,.cl-restrict-grid,.cl-process-grid{grid-template-columns:1fr;margin-top:22px}
  #cl-faq{padding-top:50px!important;padding-bottom:50px!important}
  .cl-process-note{width:100%;text-align:center;border-radius:14px}
  .cl-card-number{font-size:18px}
  .cl-mini-grid{grid-template-columns:1fr}
}

/* ===== CARD LIMIT HERO TYPOGRAPHY V2 ===== */
.cl-hero-shell{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
}
.cl-hero-copy h1{
  font-size:clamp(40px,3.6vw,54px) !important;
  line-height:1.15 !important;
  letter-spacing:-.05em !important;
}
.cl-hero-copy>p{
  font-size:16px !important;
  line-height:1.75 !important;
}
@media(max-width:1000px){
  .cl-hero-copy h1{font-size:44px !important;}
}
@media(max-width:700px){
  .cl-hero-copy h1{font-size:33px !important;line-height:1.18 !important;}
  .cl-hero-copy>p{font-size:15px !important;}
}

/* ===== CARD LIMIT HERO V3: smaller desktop + fixed mobile ===== */

/* Desktop: title weight/size reduced */
.cl-hero-copy h1{
  font-size:clamp(38px,3.05vw,46px) !important;
  line-height:1.16 !important;
  letter-spacing:-.048em !important;
  margin-bottom:18px !important;
}
.cl-hero-copy>p{
  font-size:15.5px !important;
  line-height:1.72 !important;
}
.cl-hero-shell{
  min-height:520px !important;
  padding:42px 48px !important;
  gap:42px !important;
}

/* Tablet and below: force single-column layout.
   !important is necessary because the previous desktop rule also used !important. */
@media(max-width:1000px){
  .cl-hero-shell{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:36px 32px !important;
    gap:32px !important;
  }
  .cl-hero-copy{
    max-width:720px;
  }
  .cl-hero-copy h1{
    font-size:40px !important;
  }
  .cl-hero-visual{
    width:100%;
    max-width:620px;
    margin:0 auto;
  }
}

/* Mobile: completely reflow the hero instead of squeezing desktop columns */
@media(max-width:700px){
  .cl-hero{
    padding-top:18px !important;
    padding-bottom:34px !important;
  }

  .cl-hero-shell{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    padding:28px 18px !important;
    gap:26px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .cl-hero-copy{
    width:100% !important;
    min-width:0 !important;
  }

  .cl-hero-copy h1{
    font-size:30px !important;
    line-height:1.18 !important;
    letter-spacing:-.045em !important;
    margin:8px 0 16px !important;
  }

  .cl-hero-copy>p{
    font-size:14px !important;
    line-height:1.72 !important;
    margin-bottom:0 !important;
  }

  .cl-hero-points{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:18px !important;
    font-size:11.5px !important;
  }

  .cl-hero .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:20px !important;
  }

  .cl-hero .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:11px 14px !important;
    font-size:13px !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .cl-hero-visual{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }

  .cl-ui-card{
    width:100% !important;
    padding:16px !important;
    border-radius:20px !important;
    box-shadow:0 14px 36px rgba(15,23,42,.08) !important;
  }

  .cl-ui-top{
    margin-bottom:12px !important;
  }

  .cl-credit-card{
    min-height:168px !important;
    padding:18px !important;
    border-radius:19px !important;
  }

  .cl-chip{
    width:40px !important;
    height:30px !important;
    margin-bottom:17px !important;
  }

  .cl-card-number{
    font-size:17px !important;
    margin-top:10px !important;
    letter-spacing:.06em !important;
  }

  .cl-card-foot{
    margin-top:21px !important;
    font-size:9px !important;
  }

  .cl-limit-panel{
    margin-top:13px !important;
    padding:14px !important;
    border-radius:15px !important;
  }

  .cl-limit-row span,
  .cl-limit-row strong{
    font-size:11px !important;
  }

  .cl-progress{
    margin:11px 0 12px !important;
  }

  .cl-mini-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .cl-mini-grid div{
    padding:9px 7px !important;
    min-width:0 !important;
  }

  .cl-mini-grid small{
    font-size:9px !important;
  }

  .cl-mini-grid strong{
    font-size:10px !important;
  }
}

/* Extra-small phones */
@media(max-width:380px){
  .cl-hero-shell{
    padding:24px 15px !important;
  }
  .cl-hero-copy h1{
    font-size:28px !important;
  }
  .cl-mini-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== GALLERY TICKET SHARED FOOTER ===== */
.gt-footer{
  margin-top:0;
  background:#101827;
  color:#dce5f3;
  border-top:1px solid #243247;
}
.gt-footer-top{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:64px;
  padding-top:54px;
  padding-bottom:38px;
}
.gt-footer-logo{
  display:inline-block;
  color:#fff;
  font-size:23px;
  font-weight:900;
  letter-spacing:-.045em;
  text-decoration:none;
}
.gt-footer-brand p{
  max-width:560px;
  margin:14px 0 20px;
  color:#91a2b8;
  font-size:13px;
  line-height:1.75;
}
.gt-footer-contact{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.gt-footer-contact a{
  text-decoration:none;
  color:#eaf2ff;
  font-size:12px;
  font-weight:800;
  padding:9px 12px;
  border:1px solid #33455f;
  border-radius:10px;
  background:#172235;
}
.gt-footer-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
.gt-footer-links strong{
  display:block;
  color:#fff;
  font-size:12px;
  margin-bottom:13px;
}
.gt-footer-links a{
  display:block;
  color:#8fa1b8;
  text-decoration:none;
  font-size:12px;
  margin:9px 0;
}
.gt-footer-links a:hover,
.gt-footer-contact a:hover{color:#fff}
.gt-footer-business{
  border-top:1px solid #223046;
  padding-top:18px;
  padding-bottom:18px;
}
.gt-footer-business p{
  margin:0;
  color:#71849d;
  font-size:11px;
  line-height:1.65;
}
.gt-footer-business strong{color:#9db0c7}
.gt-footer-bottom{
  border-top:1px solid #223046;
  color:#64758c;
  font-size:10.5px;
}
.gt-footer-bottom .wrap{
  padding-top:17px;
  padding-bottom:19px;
}
@media(max-width:800px){
  .gt-footer-top{
    grid-template-columns:1fr;
    gap:34px;
    padding-top:42px;
  }
  .gt-footer-links{
    grid-template-columns:repeat(2,1fr);
    row-gap:26px;
  }
}
@media(max-width:520px){
  .gt-footer-links{grid-template-columns:1fr 1fr}
  .gt-footer-brand p{font-size:12px}
}

/* ===== BUSINESS INFO FOOTER ===== */
.gt-footer-business-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 28px;
}
.gt-footer-business-item{
  display:flex;
  gap:8px;
  align-items:flex-start;
  min-width:0;
}
.gt-footer-business-item strong{
  flex:0 0 auto;
  color:#9db0c7;
  font-size:11px;
  line-height:1.6;
}
.gt-footer-business-item span,
.gt-footer-business-item a{
  color:#71849d;
  font-size:11px;
  line-height:1.6;
  text-decoration:none;
  word-break:keep-all;
}
.gt-footer-business-item a:hover{color:#fff}
@media(max-width:900px){
  .gt-footer-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .gt-footer-business-grid{grid-template-columns:1fr}
}

/* ===== QUICK KAKAO CTA ===== */
.header-actions .quick-kakao-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  font-size:15px;
  line-height:1;
  transform:translateY(-1px);
}
.header-actions a.btn.primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  white-space:nowrap;
}

/* old custom floating consultation button removed after ChannelTalk integration */
.floating, .float-btn{display:none !important;}

/* ===== BRAND LOGO V7 ===== */
header a.brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.site-brand-logo{
  display:block;
  width:auto;
  height:42px;
  max-width:220px;
  object-fit:contain;
}
.header-actions a.btn.primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.kakao-official-icon{
  width:22px !important;
  height:22px !important;
  min-width:22px;
  object-fit:contain;
  border-radius:5px;
}
@media(max-width:700px){
  .site-brand-logo{
    height:34px;
    max-width:176px;
  }
  .kakao-official-icon{
    width:20px !important;
    height:20px !important;
    min-width:20px;
  }
}


/* ===== CARD LIMIT FINAL QA V10 ===== */
.hero h1{
  font-size:clamp(34px,3.6vw,46px) !important;
  line-height:1.12 !important;
  letter-spacing:-.055em !important;
}
.hero p{
  font-size:clamp(16px,1.5vw,19px) !important;
  line-height:1.72 !important;
  max-width:650px !important;
}
.card-how-link-wrap{
  margin-top:18px;
  text-align:center;
}
.card-how-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:12px;
  background:#f7faff;
  border:1px solid #d9e4f3;
  color:#2563eb;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.card-how-link:hover{
  background:#eef4ff;
  border-color:#c2d2ea;
}
@media(max-width:1024px){
  .hero h1{
    font-size:clamp(32px,4.1vw,42px) !important;
  }
}
@media(max-width:700px){
  .hero h1{
    font-size:clamp(28px,7vw,30px) !important;
    line-height:1.16 !important;
  }
  .hero p{
    font-size:15px !important;
  }
}