@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap'); :root{ --sbk-ivory:#FFFCF3; --sbk-ink:#171717; --sbk-green:#082215; --sbk-mint:#F2FCF0; --sbk-lemon:#FFF71D; --sbk-raspberry:#EC234C; --sbk-tangerine:#FD5D0D; --sbk-text:#2B323C; --ink-70:rgba(23,23,23,.70); --ink-45:rgba(23,23,23,.45); --ink-12:rgba(23,23,23,.12); --ivory-70:rgba(255,252,243,.70); --ivory-45:rgba(255,252,243,.45); --ivory-16:rgba(255,252,243,.16); --font:'Jost','Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif; --maxw:1200px; --rhythm:clamp(56px,6vw,72px); --nav-h:72px; } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--sbk-ivory);color:var(--sbk-ink);font-family:var(--font); font-size:16px;line-height:1.65;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased; word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty} ::selection{background:var(--sbk-lemon);color:var(--sbk-ink)} :focus-visible{outline:3px solid rgba(8,34,21,.35);outline-offset:2px;border-radius:3px} .sbk-wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(24px,5vw,64px)} body:has(.sbk-hero) main .min-w-0.flex-1{display:none !important} .tiptap{font-size:18px !important;line-height:1.75 !important;letter-spacing:-0.02em !important;color:var(--sbk-text) !important} .tiptap p{font-size:18px !important;font-weight:400 !important;line-height:1.75 !important;margin:0 0 24px !important} .tiptap li{font-size:18px !important;line-height:1.75 !important;margin:0 0 20px !important} html body .tiptap h2,html body article .tiptap h2{font-size:32px !important;font-weight:700 !important;line-height:1.32 !important;letter-spacing:-0.015em !important;color:var(--sbk-green) !important;margin:110px 0 20px !important} html body .tiptap h2:first-child{margin-top:8px !important} html body .tiptap h3,html body article .tiptap h3{font-size:24px !important;font-weight:600 !important;line-height:1.45 !important;color:var(--sbk-green) !important;margin:32px 0 12px !important} .tiptap strong,.tiptap b{font-weight:700 !important} .tiptap table{font-size:17px !important;line-height:1.7 !important;border-radius:8px !important;overflow:hidden} .tiptap img{border-radius:8px !important;max-width:100%;height:auto} .tiptap h1{font-size:44px !important;line-height:1.3 !important;letter-spacing:-0.03em !important} .tiptap mark,mark{background:var(--sbk-lemon) !important;color:var(--sbk-green) !important; padding:0 .14em !important;border-radius:0 !important;-webkit-box-decoration-break:clone !important;box-decoration-break:clone !important} .sbk-nav{position:sticky;top:0;z-index:900;background:var(--sbk-green);border-bottom:1px solid var(--ivory-16)} .sbk-nav-in{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,64px);height:var(--nav-h); display:flex;align-items:center;justify-content:space-between;gap:24px} .sbk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0} .sbk-brand b{font-size:17px;font-weight:700;color:var(--sbk-ivory);letter-spacing:-0.01em} .sbk-brand i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--sbk-lemon);text-transform:uppercase} .sbk-menu{display:flex;align-items:center;gap:4px;margin-left:auto} .sbk-menu > a,.sbk-dd > a{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:8px; font-size:14.5px;font-weight:600;color:var(--ivory-70);text-decoration:none;white-space:nowrap;transition:.15s} .sbk-menu > a:hover,.sbk-dd:hover > a{color:var(--sbk-ivory);background:rgba(255,252,243,.08)} .sbk-dd{position:relative} .sbk-dd > a::after{content:"▾";font-size:10px;opacity:.7} .sbk-dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--sbk-ivory); border:1px solid var(--ink-12);border-radius:12px;padding:8px;box-shadow:0 18px 44px rgba(8,34,21,.22); opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s} .sbk-dd:hover .sbk-dd-menu,.sbk-dd:focus-within .sbk-dd-menu{opacity:1;visibility:visible;transform:translateY(0)} .sbk-dd-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14.5px;font-weight:600; color:var(--sbk-green);text-decoration:none;line-height:1.5} .sbk-dd-menu a:hover{background:var(--sbk-mint)} .sbk-nav-cta{display:flex;align-items:center;gap:14px;flex-shrink:0} .sbk-nav-tel{font-size:15.5px;font-weight:700;color:var(--sbk-ivory);text-decoration:none;white-space:nowrap} .sbk-nav-tel:hover{color:var(--sbk-lemon)} .sbk-nav-btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px; background:var(--sbk-lemon);color:var(--sbk-green);font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap} .sbk-nav-btn:hover{filter:brightness(.95)} .sbk-ham{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:10px} .sbk-ham span{display:block;height:2px;background:var(--sbk-ivory);margin:5px 0;border-radius:2px;transition:.2s} .sbk-mnav{display:none;background:var(--sbk-green);border-bottom:1px solid var(--ivory-16);padding:8px 20px 20px} .sbk-mnav.open{display:block} .sbk-mnav a{display:block;padding:13px 6px;font-size:15.5px;font-weight:600;color:var(--ivory-70); text-decoration:none;border-bottom:1px solid rgba(255,252,243,.08)} .sbk-mnav a:last-child{border-bottom:0} .sbk-mnav .sub{padding-left:18px;font-size:14.5px;color:var(--ivory-45)} .sbk-hero{position:relative;background:var(--sbk-green);color:var(--sbk-ivory); padding:clamp(64px,8vw,110px) 0 clamp(60px,7vw,96px);overflow:hidden} .sbk-hero .sbk-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center} .sbk-hero h1{font-size:clamp(32px,4.2vw,54px);font-weight:700;line-height:1.3;letter-spacing:-0.025em;margin:0 0 22px;color:var(--sbk-ivory)} .sbk-hero h1 mark{background:var(--sbk-lemon);color:var(--sbk-green);padding:0 .14em;border-radius:0} .sbk-lead{font-size:clamp(16.5px,1.45vw,19px);line-height:1.8;color:var(--ivory-70);margin:0 0 30px;max-width:34ch} .sbk-creds{list-style:none;margin:0 0 34px;padding:0;display:flex;flex-direction:column;gap:14px} .sbk-creds li{position:relative;padding-left:26px;font-size:15.5px;font-weight:600;color:var(--ivory-70);line-height:1.65} .sbk-creds li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:4px;background:var(--sbk-lemon)} .sbk-creds li.sbk-creds-main{color:var(--sbk-ivory);font-size:16.5px} .sbk-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center} .sbk-tel{font-size:clamp(18px,1.5vw,21px);font-weight:700;color:var(--sbk-ivory);text-decoration:none; border-bottom:3px solid var(--sbk-lemon);padding-bottom:3px} .sbk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px; background:var(--sbk-lemon);color:var(--sbk-green);font-weight:700;font-size:16px;border-radius:999px;text-decoration:none} .sbk-btn:hover{filter:brightness(.96)} .sbk-credcard{background:var(--sbk-mint);color:var(--sbk-green);border-radius:18px; padding:clamp(26px,3vw,38px);box-shadow:0 24px 60px rgba(8,34,21,.28)} .sbk-credcard .sbk-name{font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-0.02em} .sbk-credcard .sbk-role{font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--ink-45);margin:0 0 24px;text-transform:uppercase} .sbk-credcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px} .sbk-credcard li{position:relative;padding-left:24px} .sbk-credcard li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:3px;background:var(--sbk-green)} .sbk-credcard li:nth-child(2)::before{background:var(--sbk-tangerine)} .sbk-credcard li b{display:block;font-size:14.5px;font-weight:800;letter-spacing:.01em;margin-bottom:5px;color:var(--sbk-green)} .sbk-credcard li span{display:block;font-size:14.5px;line-height:1.72;color:rgba(8,34,21,.76)} .sbk-credcard .sbk-bar-no{margin-top:24px;font-size:12.5px;line-height:1.7;color:var(--ink-45); border-top:1px solid var(--ink-12);padding-top:16px} .sbk-sec{padding:var(--rhythm) 0} .sbk-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink-45);margin:0 0 16px;text-transform:uppercase} .sbk-sec h2{font-size:clamp(28px,3.3vw,44px);font-weight:700;line-height:1.32;letter-spacing:-0.02em;margin:0 0 16px} .sbk-sub{font-size:clamp(15.5px,1.35vw,18px);line-height:1.8;color:var(--ink-70);margin:0 0 40px;max-width:56ch} .sbk-ivory{background:var(--sbk-ivory);color:var(--sbk-ink)} .sbk-green{background:var(--sbk-green);color:var(--sbk-ivory)} .sbk-green h2,.sbk-green .sbk-eyebrow{color:var(--sbk-ivory)} .sbk-green .sbk-eyebrow{color:var(--sbk-lemon)} .sbk-green .sbk-sub{color:var(--ivory-70)} .sbk-mint{background:var(--sbk-mint);color:var(--sbk-green)} .sbk-mint h2{color:var(--sbk-green)} .sbk-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px} .sbk-panel{border-radius:16px;padding:clamp(26px,3vw,38px)} .sbk-panel-a{background:var(--sbk-mint);color:var(--sbk-green)} .sbk-panel-b{background:var(--sbk-green);color:var(--sbk-ivory)} .sbk-panel small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase} .sbk-panel-a small{color:var(--ink-45)} .sbk-panel-b small{color:var(--sbk-lemon)} .sbk-panel p{margin:0;font-size:16px;line-height:1.85;letter-spacing:-0.018em} .sbk-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px} .sbk-card{background:var(--sbk-ivory);border:1px solid var(--ink-12);border-radius:14px; padding:28px 26px;text-decoration:none;color:inherit;display:block;transition:.15s} .sbk-card .sbk-no{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:12px;color:var(--ink-45)} .sbk-card:nth-child(1) .sbk-no{color:var(--sbk-tangerine)} .sbk-card:nth-child(2) .sbk-no{color:var(--sbk-raspberry)} .sbk-card h3{font-size:20px;font-weight:700;margin:0 0 10px;color:var(--sbk-green);line-height:1.4} .sbk-card p{margin:0;font-size:15px;line-height:1.72;color:var(--ink-70)} .sbk-card:hover{border-color:var(--sbk-green);transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,34,21,.10)} .sbk-strip{display:flex;flex-wrap:wrap;gap:10px} .sbk-pill{background:var(--sbk-ivory);border:1px solid var(--ink-12);border-radius:999px; padding:10px 18px;font-size:14px;font-weight:600;color:var(--sbk-green);text-decoration:none} .sbk-pill:hover{border-color:var(--sbk-green);background:#fff} .sbk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .sbk-step{background:var(--sbk-mint);border-radius:14px;padding:26px 22px} .sbk-step .sbk-no{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--sbk-tangerine);margin-bottom:12px} .sbk-step b{display:block;font-size:17px;margin-bottom:9px;color:var(--sbk-green);line-height:1.4} .sbk-step p{margin:0;font-size:14px;line-height:1.75;color:var(--ink-70)} .sbk-prof{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start} .sbk-profcard{background:rgba(255,252,243,.08);border-radius:18px;padding:36px;border:1px solid var(--ivory-16)} .sbk-prof h2{color:var(--sbk-ivory)} .sbk-prof ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px} .sbk-prof li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.7;color:var(--ivory-70)} .sbk-prof li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:3px;background:var(--sbk-lemon)} .sbk-ins{border-top:2px solid var(--sbk-green)} .sbk-irow{display:grid;grid-template-columns:104px 1fr 20px;gap:22px;align-items:baseline; padding:22px 2px;border-bottom:1px solid var(--ink-12);text-decoration:none;color:inherit} .sbk-irow time{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-45);text-transform:uppercase} .sbk-irow.is-disease time{color:var(--sbk-tangerine)} .sbk-irow.is-denied time{color:var(--sbk-raspberry)} .sbk-irow b{font-size:17.5px;font-weight:600;color:var(--sbk-green);line-height:1.6} .sbk-irow i{font-style:normal;opacity:.35} .sbk-irow:hover b{border-bottom:2px solid var(--sbk-lemon)} .sbk-close{padding:64px 0} .sbk-close h2{font-size:clamp(30px,3.8vw,50px);color:var(--sbk-ivory)} .sbk-close h2 mark{background:var(--sbk-lemon);color:var(--sbk-green);padding:0 .15em} .sbk-close .sbk-sub{color:var(--ivory-70)} .sbk-close .sbk-cta-row{margin-top:32px} .sbk-foot{background:var(--sbk-green);color:var(--ivory-70);padding:72px 0 36px;border-top:1px solid var(--ivory-16)} .sbk-foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--ivory-16)} .sbk-foot-brand b{display:block;font-size:18px;font-weight:700;color:var(--sbk-ivory);margin-bottom:10px} .sbk-foot-brand p{margin:0 0 18px;font-size:14.5px;line-height:1.8;color:var(--ivory-45);max-width:30ch} .sbk-foot-tel{font-size:22px;font-weight:700;color:var(--sbk-ivory);text-decoration:none; border-bottom:3px solid var(--sbk-lemon);padding-bottom:2px} .sbk-foot-col h4{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--sbk-lemon);margin:0 0 16px;text-transform:uppercase} .sbk-foot-col a{display:block;padding:6px 0;font-size:14.5px;line-height:1.7;color:var(--ivory-70);text-decoration:none} .sbk-foot-col a:hover{color:var(--sbk-ivory)} .sbk-foot-bot{padding-top:26px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12.5px;line-height:1.8;color:var(--ivory-45)} .sbk-foot-bot .sbk-ad-resp{color:var(--ivory-70);font-weight:600} .sbk-skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--sbk-green);color:var(--sbk-lemon); padding:11px 18px;font-weight:800;font-size:14px;text-decoration:none} .sbk-skip:focus{left:0} a:focus-visible,button:focus-visible{outline:3px solid var(--sbk-lemon) !important;outline-offset:2px} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}} @media(max-width:1024px){ .sbk-menu,.sbk-nav-tel{display:none} .sbk-ham{display:block} .sbk-foot-top{grid-template-columns:1fr 1fr;gap:32px} } @media(max-width:880px){ :root{--rhythm:72px} .sbk-hero .sbk-wrap,.sbk-prof,.sbk-duo{grid-template-columns:1fr;gap:32px} .sbk-cards3,.sbk-steps{grid-template-columns:1fr} .sbk-irow{grid-template-columns:1fr;gap:6px} .sbk-lead{max-width:none} .sbk-cta-row{gap:12px} .sbk-btn{width:100%;justify-content:center} } @media(max-width:560px){ .sbk-foot-top{grid-template-columns:1fr;gap:28px} .sbk-nav-btn{height:38px;padding:0 14px;font-size:13.5px} } @media(max-width:768px){.sbk3-vhero .sbk-kakao,.sbk3-vhero .sbk3-tel,.sbk3-hero .sbk-kakao,.sbk3-hero .sbk3-tel{display:none !important}} .sbk3-vcopy{background:rgba(255,252,243,.74);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:16px;padding:22px 26px;max-width:640px} .sbk3-vhero .sbk3-tel{background:#fff;font-weight:700;border:1.5px solid #171717} .sbk3-vcopy h1,.sbk3-lead,.sbk3-creds li{word-break:keep-all} .sbk-nav-btn{background:#082215 !important;color:#FFFCF3 !important} .sbk-nav-btn:hover{background:#0c3320 !important}