@font-face{font-family:'Pretendard Variable';font-weight:45 920;font-style:normal;font-display:swap;src:url('../fonts/PretendardVariable.woff2') format('woff2-variations');}

:root{
  --white:#ffffff;
  --parchment:#f5f5f7;
  --dark1:#272729;
  --dark2:#2a2a2c;
  --dark3:#252527;
  --ink:#1d1d1f;
  --ink-dark:#ffffff;
  --ink-dark-sub:#cccccc;
  --blue:#0066cc;
  --blue-hover:#0a5fb8;
  --blue-dark:#2997ff;
  --muted:#57575b;
  --hairline:#e0e0e0;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Pretendard Variable",Pretendard,-apple-system,"SF Pro Display","SF Pro Text",system-ui,"Apple SD Gothic Neo",sans-serif;
  color:var(--ink);
  background:var(--white);
  word-break:keep-all;
  overflow-wrap:break-word;
}
a{color:var(--blue);text-decoration:none;transition:color .18s ease;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.wrap-text{max-width:980px;margin:0 auto;padding:0 24px;}

/* ---- nav ---- */
.nav{
  position:sticky;top:0;z-index:100;height:44px;
  background:#000000;display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;}
.nav-brand{color:#fff;font-size:14px;font-weight:600;}
.nav-links{display:flex;gap:24px;}
.nav-links a{color:#fff;font-size:12px;opacity:0.75;transition:opacity .18s ease;}
.nav-links a:hover{opacity:1;}
.pill-primary{
  background:var(--blue);color:#fff;border:none;border-radius:9999px;
  padding:6px 16px;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;
  transition:background .18s ease, transform .12s ease;
}
.pill-primary:hover{background:var(--blue-hover);}
.pill-primary:active{transform:scale(0.95);}
@media (max-width:834px){ .nav-links{display:none;} }

/* ---- section base ---- */
.tile{padding:80px 0;}
@media (max-width:640px){ .tile{padding:48px 0;} }
.tile-light{background:var(--white);color:var(--ink);}
.tile-parchment{background:var(--parchment);color:var(--ink);}
.tile-dark1{background:var(--dark1);color:#fff;}
.tile-dark2{background:var(--dark2);color:#fff;}
.tile-dark3{background:var(--dark3);color:#fff;}

.eyebrow{
  font-size:16px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;
  color:var(--blue);margin:0 0 14px;
}
.tile-dark1 .eyebrow, .tile-dark2 .eyebrow, .tile-dark3 .eyebrow{color:var(--blue-dark);}
h2.section-title{
  font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-0.015em;margin:0 0 32px;
}
@media (max-width:640px){ h2.section-title{font-size:32px;} }

/* ---- placeholder utility ---- */
.ph-box{
  border:1px dashed var(--hairline);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--muted);padding:24px;min-height:120px;text-align:center;
}
.tile-dark1 .ph-box, .tile-dark2 .ph-box, .tile-dark3 .ph-box{
  border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.6);
}

/* ---- grid layouts ---- */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.stepper{display:flex;gap:16px;align-items:stretch;}
.step{flex:1;}
.step-arrow{display:flex;align-items:center;font-size:20px;color:var(--muted);}
@media (max-width:1024px){ .grid-4,.grid-3x2{grid-template-columns:repeat(2,1fr);} }
.step{min-width:220px;}
@media (max-width:1200px){ .stepper{flex-direction:column;} .step-arrow{transform:rotate(90deg);width:20px;} .step{min-width:0;} }
@media (max-width:640px){ .grid-2,.grid-4,.grid-3x2,.grid-2x2{grid-template-columns:1fr;} }

.hero-h1{font-size:56px;}
@media (max-width:1068px){ .hero-h1{font-size:40px;} }
@media (max-width:640px){ .hero-h1{font-size:32px;} }

.card-util{border:1px solid var(--hairline);border-radius:18px;padding:24px;}
.tile-dark1 .card-util, .tile-dark2 .card-util, .tile-dark3 .card-util{border-color:rgba(255,255,255,0.15);}

.hero-center{max-width:760px;margin:0 auto;text-align:center;}
.cta-row{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap;}
.btn-primary,.btn-ghost{
  border-radius:9999px;padding:11px 22px;font-size:17px;font-family:inherit;cursor:pointer;white-space:nowrap;
  transition:background .18s ease, border-color .18s ease, transform .12s ease;
}
.btn-primary{background:var(--blue);color:#fff;border:none;}
.btn-primary:hover{background:var(--blue-hover);}
.btn-ghost{background:transparent;color:var(--blue);border:1px solid var(--blue);}
.btn-ghost:hover{background:rgba(0,102,204,0.06);}
.btn-primary:active,.btn-ghost:active{transform:scale(0.95);}

footer{padding:32px 0;font-size:12px;color:var(--muted);text-align:center;}

/* 제품/스크린샷 이미지 전용 그림자 예외 — 카드·버튼·텍스트엔 사용 금지 */
.shot-shadow{box-shadow:0 5px 30px rgba(0,0,0,0.22);}
.ph-16x9{aspect-ratio:16/9;height:auto;}

.cover-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.cover-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,10,14,0.50) 0%,rgba(8,10,14,0.62) 55%,rgba(8,10,14,0.72) 100%);}
.cover-body{position:relative;z-index:2;text-align:center;max-width:980px;margin:0 auto;padding:56px 24px;width:100%;}
.cover-h1{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;font-size:clamp(28px,4.4vw,52px);font-weight:700;line-height:1.12;letter-spacing:-0.02em;color:#ffffff;text-shadow:0 2px 20px rgba(0,0,0,0.35);}
.cover-kicker{color:#ffffff;}
.cover-h1 .brand{color:#2997ff;font-weight:800;text-shadow:0 0 26px rgba(41,151,255,0.5), 0 2px 20px rgba(0,0,0,0.35);}
.cover-sub{font-size:clamp(15px,1.7vw,19px);line-height:1.5;color:#e6e6ea;margin:16px auto 0;max-width:780px;text-shadow:0 1px 12px rgba(0,0,0,0.35);}
.cover-cta{display:flex;gap:12px;justify-content:center;margin:28px 0 0;}
.c-btn{border-radius:9999px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:background .18s ease, border-color .18s ease, transform .12s ease;}
.c-btn:active{transform:scale(0.96);}
.c-primary{background:var(--blue);color:#fff;border:1px solid rgba(255,255,255,0.18);}
.c-primary:hover{background:var(--blue-hover);}
.c-ghost{background:rgba(255,255,255,0.10);color:#fff;border:1px solid rgba(255,255,255,0.45);}
.c-ghost:hover{background:rgba(255,255,255,0.2);}
.cover-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:36px 0 0;}
.cover-chip{border:1px solid rgba(255,255,255,0.30);border-radius:12px;padding:14px 20px;color:#fff;font-size:14px;font-weight:600;line-height:1.35;min-width:120px;background:rgba(13,16,22,0.35);}
.cover-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0 0;}
.cover-badge{border:1px solid rgba(41,151,255,0.55);color:#4db2ff;border-radius:9999px;padding:6px 16px;font-size:12px;font-weight:600;letter-spacing:0.04em;background:rgba(0,0,0,0.15);}
@media (max-width:560px){ .cover-chip{min-width:44%;} .cover-body{padding:44px 20px;} }

.s1-syn{color:#1d1d1f;}
.s1-syn .syn-col{display:flex;flex-direction:column;gap:6px;}
.s1-syn .syn-top{display:flex;gap:12px;}
.s1-syn .syn-top .node{flex:1 1 0;min-width:0;}
.s1-syn .node{border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:11px;}
.s1-syn .node-base{background:#33343a;}
.s1-syn .node-core{background:#45464d;}
.s1-syn .node-ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;}
.s1-syn .node-t{margin:0;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:#fff;}
.s1-syn .node-t .yr{color:rgba(255,255,255,0.65);font-weight:500;}
.s1-syn .node-s{margin:3px 0 0;font-size:12px;color:rgba(255,255,255,0.7);letter-spacing:-0.01em;}
.s1-syn .syn-down{position:relative;height:52px;}
.s1-syn .down-svg{width:100%;height:100%;}
.s1-syn .arrow-head{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%) rotate(90deg);color:#0066cc;font-size:26px;font-weight:700;line-height:1;}
.s1-syn .node-syn{flex-direction:column;align-items:center;text-align:center;gap:0;background:#0066cc;border-radius:20px;padding:22px 26px;}
.s1-syn .syn-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.12em;color:#fff;background:rgba(255,255,255,0.18);padding:5px 11px;border-radius:9999px;margin-bottom:10px;}
.s1-syn .syn-t{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-0.015em;line-height:1.25;}
.s1-syn .syn-s{margin:6px 0 0;font-size:13px;color:rgba(255,255,255,0.82);letter-spacing:0.01em;}
@media (max-width:640px){
  .s1-syn .syn-top{flex-direction:column;}
  .s1-syn .down-svg{display:none;}
  .s1-syn .syn-down{height:34px;display:flex;align-items:center;justify-content:center;}
  .s1-syn .arrow-head{position:static;transform:rotate(90deg);bottom:auto;left:auto;}
}

.s3-pipe{display:flex;align-items:stretch;gap:8px;}
.s3-step{flex:1 1 0;min-width:0;display:flex;}
.s3-card{position:relative;background:#fff;border:1px solid var(--hairline);border-radius:16px;padding:20px 18px 18px;width:100%;transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;}
.s3-card:hover{box-shadow:0 12px 26px rgba(0,0,0,0.07);border-color:#d5d5da;}
.s3-num{width:30px;height:30px;border-radius:50%;background:#0066cc;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.s3-en{margin:0;font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#0066cc;}
.s3-t{margin:4px 0 10px;font-size:17px;font-weight:600;letter-spacing:-0.01em;color:#1d1d1f;}
.s3-q{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--muted);}
.s3-v{margin:0;font-size:13.5px;line-height:1.5;color:#1d1d1f;}
.s3-arrow{align-self:center;color:#c7c7cc;font-size:20px;font-weight:700;flex:0 0 auto;}
@media (max-width:900px){
  .s3-pipe{flex-wrap:wrap;}
  .s3-step{flex:1 1 44%;}
  .s3-arrow{display:none;}
}
@media (max-width:560px){ .s3-step{flex:1 1 100%;} }

.s4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.s4-card{background:#fff;border:1px solid var(--hairline);border-radius:18px;padding:24px;transition:box-shadow .2s ease, border-color .2s ease;}
.s4-card:hover{box-shadow:0 12px 28px rgba(0,0,0,0.07);border-color:#d5d5da;}
.s4-ic{width:44px;height:44px;border-radius:12px;background:#eef4fc;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.s4-t{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#1d1d1f;}
.s4-v{margin:0 0 10px;font-size:14px;font-weight:600;color:#0066cc;}
.s4-x{margin:0;font-size:13px;line-height:1.55;color:#6e6e73;}
.s4-chain{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;}
.s4-chip{font-size:12.5px;font-weight:600;color:#5a5a5f;background:transparent;border:1px solid var(--hairline);border-radius:9999px;padding:6px 13px;}
.s4-sep{color:#c0c0c5;font-weight:700;}
@media (max-width:900px){ .s4-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .s4-grid{grid-template-columns:1fr;} }

.sol-card{display:flex;flex-direction:column;transition:box-shadow .2s ease, border-color .2s ease;}
.sol-card:hover{box-shadow:0 12px 28px rgba(0,0,0,0.07);border-color:#d5d5da;}
.sol-img{aspect-ratio:16/9;background:#f4f4f6;border:1px solid var(--hairline);border-radius:10px;overflow:hidden;margin:0 0 16px;display:flex;align-items:center;justify-content:center;}
.sol-img img{width:100%;height:100%;object-fit:contain;display:block;}
.sol-tag{font-size:12px;color:var(--blue);margin:0 0 8px;font-weight:600;}
.sol-title{font-size:19px;font-weight:600;letter-spacing:-0.01em;margin:0 0 12px;line-height:1.3;}
.sol-q{font-size:14px;line-height:1.5;margin:0 0 8px;color:#6e6e73;}
.sol-v{font-size:14px;line-height:1.5;margin:0;}

.pv-link{display:block;margin-top:16px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;overflow:hidden;text-decoration:none;background:rgba(0,0,0,0.2);transition:transform .2s ease, border-color .2s ease;}
.pv-link:hover{transform:translateY(-2px);border-color:rgba(41,151,255,0.5);}
.pv-link:hover .pv-go{text-decoration:underline;}
.pv-shot{aspect-ratio:1123/277;background:#0d0d10;overflow:hidden;}
.pv-shot img{width:100%;height:100%;object-fit:cover;display:block;}
.pv-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;}
.pv-url{color:#cfcfd4;font-size:12.5px;}
.pv-go{color:#2997ff;font-size:12.5px;font-weight:600;}

.s8-grid{display:flex;gap:40px;}
.s8-col{flex:1 1 0;min-width:0;}
.s8-head{display:inline-block;color:#fff;font-size:13px;font-weight:700;letter-spacing:0.02em;background:#0071e3;padding:6px 14px;border-radius:9999px;margin-bottom:22px;}
.s8-line{position:relative;}
.s8-line::before{content:"";position:absolute;left:6px;top:5px;bottom:5px;width:2px;background:rgba(255,255,255,0.14);}
.s8-item{position:relative;padding:0 0 16px 26px;}
.s8-item:last-child{padding-bottom:0;}
.s8-dot{position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:50%;background:#2997ff;box-shadow:0 0 0 4px rgba(41,151,255,0.18);}
.s8-mo{color:#2997ff;font-weight:700;font-size:13px;margin-right:8px;}
.s8-tx{color:#fff;font-size:14px;line-height:1.5;}
.s8-item em{color:#bfbfc4;font-style:normal;font-size:12px;background:rgba(255,255,255,0.1);padding:1px 8px;border-radius:9999px;margin-left:4px;}
@media (max-width:760px){ .s8-grid{flex-direction:column;gap:32px;} }

.si-fold{margin-top:36px;border-top:1px solid rgba(255,255,255,0.12);padding-top:24px;}
.si-fold summary{list-style:none;cursor:pointer;display:flex;width:fit-content;margin:0 auto;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:600;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.2);border-radius:9999px;padding:10px 20px;transition:background .18s ease, border-color .18s ease;}
.si-fold summary:hover{background:rgba(255,255,255,0.13);border-color:rgba(255,255,255,0.32);}
.si-fold summary::-webkit-details-marker{display:none;}
.si-fold summary::after{content:'▾';color:#2997ff;font-size:13px;transition:transform .2s ease;}
.si-fold[open] summary::after{transform:rotate(180deg);}
.si-intro{color:#cfcfd4;font-size:14px;line-height:1.6;margin:18px 0;}
.si-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.si-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:18px 20px;}
.si-cat{margin:0 0 8px;font-size:15px;font-weight:700;color:#2997ff;}
.si-desc{margin:0;font-size:13.5px;line-height:1.6;color:#d5d5da;}
@media (max-width:760px){ .si-grid{grid-template-columns:1fr;} }

/* ---- Why: 강조 리스트 (섹션 리듬 변주) ---- */
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;}
.why-item{padding:22px 0;border-top:1px solid var(--hairline);}
.why-item:nth-child(1),.why-item:nth-child(2){border-top:none;}
.why-item h3{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--ink);padding-left:14px;border-left:3px solid var(--blue);line-height:1.3;}
.why-item p{margin:0;padding-left:17px;font-size:15px;line-height:1.6;color:#6e6e73;}
@media (max-width:640px){ .why-list{grid-template-columns:1fr;} .why-item:nth-child(2){border-top:1px solid var(--hairline);} }
/* Why 섹션 다크 대비 */
.tile-dark3 .why-item{border-top-color:rgba(255,255,255,0.12);}
.tile-dark3 .why-item h3{color:#fff;border-left-color:#2997ff;}
.tile-dark3 .why-item p{color:#cfcfd4;}
.tile-dark3 blockquote{color:#fff;}
/* Why 섹션 전체 가운데 정렬 */
#why .eyebrow,#why .section-title{text-align:center;}

/* Why 섹션 인용부호 카드 스타일 */
#why .why-list{grid-template-columns:repeat(3,1fr);gap:20px;}
#why .why-item{position:relative;border:1px solid #e3e5ea;border-radius:16px;padding:36px 22px 32px;text-align:center;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,0.04),0 20px 42px -28px rgba(16,24,40,0.22);}
#why .why-item::before{content:"\201C";position:absolute;top:10px;left:16px;font-family:Georgia,'Times New Roman',serif;font-size:46px;line-height:1;color:#0066cc;}
#why .why-item::after{content:"\201D";position:absolute;bottom:2px;right:16px;font-family:Georgia,'Times New Roman',serif;font-size:46px;line-height:1;color:#0066cc;}
#why .why-item h3{margin:0 0 16px;padding:0 0 16px;border-left:none;border-bottom:1px solid #e6e8ec;font-size:17px;font-weight:700;color:var(--ink);line-height:1.3;}
#why .why-item p{margin:0;padding:0;font-size:14px;line-height:1.6;color:#6e6e73;}
@media (max-width:1000px){ #why .why-list{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ #why .why-list{grid-template-columns:1fr;} }

.inq-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease;font-family:'Pretendard Variable',Pretendard,-apple-system,system-ui,sans-serif;}
.inq-modal:target{visibility:visible;opacity:1;pointer-events:auto;}
.inq-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);}
.inq-card{position:relative;z-index:1;background:#fff;border-radius:18px;width:100%;max-width:480px;max-height:88vh;overflow:auto;padding:28px 28px 24px;box-shadow:0 30px 80px rgba(0,0,0,0.35);}
.inq-x{position:absolute;top:12px;right:18px;font-size:26px;line-height:1;color:var(--muted);text-decoration:none;transition:color .18s ease;}
.inq-x:hover{color:#1d1d1f;}
.inq-title{font-size:22px;font-weight:700;letter-spacing:-0.01em;margin:0 0 16px;color:#1d1d1f;}
.inq-form{display:flex;flex-direction:column;}
.inq-l{font-size:13px;font-weight:600;color:#1d1d1f;margin:14px 0 6px;}
.req{color:#0066cc;}
.inq-form select,.inq-form input,.inq-form textarea{font-family:inherit;font-size:15px;color:#1d1d1f;border:1px solid #d9d9de;border-radius:10px;padding:10px 12px;width:100%;background:#fff;box-sizing:border-box;transition:border-color .15s ease;}
.inq-form textarea{resize:vertical;}
.inq-form select:focus,.inq-form input:focus,.inq-form textarea:focus{outline:2px solid #0071e3;border-color:#0071e3;}
.inq-actions{display:flex;gap:10px;align-items:stretch;margin-top:22px;}
.inq-cancel{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:9999px;border:1px solid #d9d9de;background:#fff;color:#6e6e73;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s ease, border-color .18s ease;}
.inq-cancel:hover{background:#f2f2f4;border-color:#c9c9ce;}
.inq-submit{flex:1 1 auto;background:#0066cc;color:#fff;border:none;border-radius:9999px;padding:14px 22px;font-size:17px;font-weight:700;cursor:pointer;transition:background .18s ease, transform .12s ease;}
.inq-submit:hover{background:var(--blue-hover);}
.inq-submit:active{transform:scale(0.98);}

/* ---- 키보드 포커스 가시성 ---- */
a:focus-visible,button:focus-visible,summary:focus-visible,.c-btn:focus-visible,.pill-primary:focus-visible,.pv-link:focus-visible,.inq-cancel:focus-visible,.inq-x:focus-visible{
  outline:2px solid #0071e3;outline-offset:2px;border-radius:6px;
}
.tile-dark1 a:focus-visible,.tile-dark2 a:focus-visible,.tile-dark3 a:focus-visible,.c-btn:focus-visible,.pv-link:focus-visible,.si-fold summary:focus-visible{outline-color:#2997ff;}

/* ---- 모션 최소화 선호 대응 ---- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none !important;animation:none !important;}
  .cover-vid{display:none;}
  .cover-ov{background:#0d0d10;}
}

/* ===== 카드 디자인 업그레이드 (S4·S5·S6) ===== */
.s3-card,.s4-card,.sol-card{
  border:1px solid #e5e6ea;
  background:linear-gradient(180deg,#ffffff 0%,#f5f6f9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.9), 0 2px 5px rgba(16,24,40,0.07), 0 30px 55px -24px rgba(16,24,40,0.34);
}
.s3-card:hover,.s4-card:hover,.sol-card:hover{
  transform:translateY(-4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.9), 0 4px 8px rgba(16,24,40,0.09), 0 42px 72px -26px rgba(16,24,40,0.44);
  border-color:rgba(0,102,204,0.32);
}
/* S5 역량 — 아이콘+제목 한 행, 아이콘 링, 기술 칩 */
.s4-card{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start;}
.s4-ic{background:#eef4fc;box-shadow:inset 0 0 0 1px rgba(0,102,204,0.14);margin-bottom:0;}
.s4-t{grid-column:2;align-self:center;margin:0;}
.s4-v{grid-column:1 / -1;margin:14px 0 0;}
.s4-x{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding-top:14px;border-top:1px solid #eceef2;}
.s4-tag{font-size:11.5px;line-height:1.35;color:#41414a;background:#f5f6f8;border:1px solid #e8e9ee;border-radius:7px;padding:3px 8px;white-space:nowrap;}
/* S6 솔루션 — 태그 배지 + 가치 블루 강조 */
.sol-tag{display:inline-block;background:#eef4fc;color:#0066cc;font-weight:700;font-size:11px;letter-spacing:0.02em;padding:4px 10px;border-radius:9999px;margin:0 0 12px;}
.sol-v{padding-left:12px;border-left:3px solid #0066cc;}
/* S4 프레임워크 — 과제/가치 구분선 */
.s3-v{margin-top:12px;padding-top:10px;border-top:1px solid #f0f1f4;}

/* ===== 사업 영역 (홈 섹션) — 큰 아이콘 카드 ===== */
.biz-wrap{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start;}
.biz-head .section-title{margin:0 0 14px;}
.biz-intro{font-size:16px;line-height:1.6;color:#6e6e73;margin:0;}
.biz-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.biz-card{position:relative;display:block;text-decoration:none;color:inherit;background:linear-gradient(180deg,#ffffff 0%,#f4f6f9 100%);border:1px solid #e5e6ea;border-radius:20px;padding:22px 24px;min-height:180px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 2px 5px rgba(16,24,40,0.07),0 30px 55px -24px rgba(16,24,40,0.34);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.biz-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 4px 8px rgba(16,24,40,0.09),0 44px 76px -26px rgba(16,24,40,0.46);border-color:rgba(0,102,204,0.32);}
.biz-num{font-size:14px;font-weight:800;color:#0066cc;letter-spacing:0.02em;}
.biz-ic{position:absolute;top:24px;right:24px;width:52px;height:52px;border-radius:14px;background:linear-gradient(150deg,#eaf2fe 0%,#dbe8fd 100%);box-shadow:inset 0 0 0 1px rgba(0,102,204,0.16), 0 8px 18px -8px rgba(0,102,204,0.30);display:flex;align-items:center;justify-content:center;}
.biz-ic svg{width:26px;height:26px;}
.biz-t{font-size:21px;font-weight:700;letter-spacing:-0.01em;line-height:1.3;margin:14px 0 10px;color:#1d1d1f;padding-right:70px;}
.biz-d{font-size:14.5px;line-height:1.6;color:#6e6e73;margin:0 0 48px;}
.biz-go{position:absolute;right:24px;bottom:22px;width:44px;height:44px;border-radius:50%;background:#0066cc;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 8px 18px -6px rgba(0,102,204,0.5);transition:background .18s ease, transform .18s ease;}
.biz-card:hover .biz-go{background:#0a5fb8;transform:translateX(3px);}
@media (max-width:900px){ .biz-wrap{grid-template-columns:1fr;gap:24px;} }
@media (max-width:560px){ .biz-cards{grid-template-columns:1fr;} .biz-ic{width:46px;height:46px;} .biz-ic svg{width:24px;height:24px;} .biz-t{padding-right:62px;} }

/* Solutions & Services preview (index) */
.sv2-wrap{display:grid;grid-template-columns:0.82fr 1.18fr;gap:52px;align-items:center;}
.sv2-intro{font-size:18px;line-height:1.6;color:#3a4a63;letter-spacing:-0.01em;margin:-8px 0 26px;}
.tile-dark3 .sv2-intro{color:#c9cfda;}
.sv2-btn{display:inline-block;text-decoration:none;color:#fff;}
.sv2-group{border:1px solid rgba(255,255,255,0.12);border-radius:18px;padding:20px;background:rgba(255,255,255,0.02);}
.sv2-group + .sv2-group{margin-top:18px;}
.sv2-gtitle{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#2997ff;margin:0 0 14px;padding-left:12px;border-left:3px solid #2997ff;}
.sv2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.sv2-card{background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.13);border-radius:16px;padding:20px 22px;transition:border-color .2s ease, background .2s ease;}
.sv2-card:hover{border-color:rgba(41,151,255,0.4);background:rgba(255,255,255,0.06);}
.sv2-dom{font-size:12.5px;font-weight:600;color:var(--blue-dark);letter-spacing:0.01em;margin-bottom:9px;}
.sv2-sol{font-size:16px;line-height:1.45;font-weight:600;color:#f2f3f6;letter-spacing:-0.01em;margin:0;}
@media (max-width:820px){ .sv2-wrap{grid-template-columns:1fr;gap:28px;} .sv2-grid{grid-template-columns:1fr;} }
/* ===== 사업 영역 상세(Hero) — 좌 설명+작은 pill / 우 영상 ===== */
.bizh-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.bizh-right{display:flex;align-items:center;justify-content:center;}
.bizh-vid{width:100%;display:block;border-radius:0;background:transparent;}
@media (max-width:900px){ .bizh-wrap{grid-template-columns:1fr;gap:28px;} }

/* ===== 사업 영역 상세 페이지 (business.html) ===== */
.breadcrumb{max-width:1200px;margin:0 auto;padding:18px 24px 0;font-size:13px;color:#8a8a8e;}
.breadcrumb a{color:#6e6e73;}
.breadcrumb a:hover{color:#0066cc;}
.area-def{font-size:18px;line-height:1.5;color:#1d1d1f;margin:0 0 22px;letter-spacing:-0.01em;font-weight:600;}
.tile-dark3 .area-def{color:#fff;}
.area-issue{font-size:15px;line-height:1.65;color:#6e6e73;margin:0 0 14px;}
.tile-dark3 .area-issue{color:#cccccc;}
.tag-issue{display:inline-block;vertical-align:2px;font-size:11px;font-weight:700;letter-spacing:0.02em;color:#57575b;background:#f0f1f4;border-radius:6px;padding:3px 9px;margin-right:9px;}
.tile-dark3 .tag-issue{color:#cfcfd4;background:rgba(255,255,255,0.1);}
.biz-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:11px;}
.biz-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:#1d1d1f;}
.biz-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#0066cc;}
.biz-list li b{font-weight:700;}
.tile-dark3 .biz-list li{color:#e6e6ea;}
.area-why{margin-top:18px;font-size:15px;line-height:1.6;color:#1d1d1f;}
.tile-dark3 .area-why{color:#e6e6ea;}
.biz-anchors{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.biz-anchor{font-size:13px;font-weight:600;color:#3a4a63;background:#eef2fb;border:1px solid #e2e8f5;border-radius:9999px;padding:8px 15px;text-decoration:none;transition:background .18s ease, color .18s ease, border-color .18s ease;}
.biz-anchor:hover{background:#e2ebfa;color:#0066cc;border-color:#cdd9f2;}
.area-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;}
.area-cta .btn-ghost{font-size:15px;}
.tile-dark3 .area-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,0.5);}
.tile-dark3 .cta-row .btn-ghost{color:#fff;border-color:rgba(255,255,255,0.5);}

/* ===== 솔루션 & 서비스 구축현황 (라이트 폴드) ===== */
.sv-fold{margin-top:36px;border-top:1px solid var(--hairline);padding-top:24px;}
.sv-fold summary{list-style:none;cursor:pointer;display:flex;width:fit-content;margin:0 auto;align-items:center;gap:10px;color:#0066cc;font-size:15px;font-weight:600;background:#eef4fc;border:1px solid rgba(0,102,204,0.25);border-radius:9999px;padding:10px 20px;transition:background .18s ease, border-color .18s ease;}
.sv-fold summary:hover{background:#e3edfb;border-color:rgba(0,102,204,0.42);}
.sv-fold summary::-webkit-details-marker{display:none;}
.sv-fold summary::after{content:'▾';color:#0066cc;font-size:13px;transition:transform .2s ease;}
.sv-fold[open] summary::after{transform:rotate(180deg);}
.sv-body{margin-top:22px;}
.sv-title{font-size:22px;font-weight:600;letter-spacing:-0.01em;margin:0 0 6px;color:#1d1d1f;}
.sv-intro{font-size:15px;line-height:1.6;color:#6e6e73;margin:0 0 18px;}