.sos-wrap{
    font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;
    color:#16181c;
    background:#fff;
    line-height:1.65;
    word-break:keep-all;
  }
  .sos-wrap *{
    box-sizing:border-box;
    word-break: keep-all;
  }
  .sos-wrap button,.sos-wrap a{font:inherit;}
  .sos-wrap a{text-decoration:none;color:inherit;}
  .sos-wrap img{max-width:100%;display:block;}
  .sos-container{max-width:1120px;margin:0 auto;padding:0 24px;}

  /* ===================== SERVICE GATE ===================== */
  .sos-gate{
    padding:34px 0 30px;
    background:#0b0c0f;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .sos-gate-head {
    text-align:center;
    margin-bottom: 30px;
  }
  .sos-gate-head span {
    display:block;
    font-size: 15px;
    font-weight:800;
    letter-spacing:.18em;
    color:#858a94;
    margin-bottom:5px;
  }
  .sos-gate-head strong {
    display:block;
    font-size: 24px;
    color:#f5f5f4;
    letter-spacing:-.02em;
  }
  .sos-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px;margin:0 auto;}
  .sos-tab{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:82px;
    padding:16px 20px;
    border:1px solid #292c31;
    border-radius:16px;
    background:#14161a;
    color:#aeb3bc;
    cursor:pointer;
    text-align:left;
    transition:.18s ease;
  }
  .sos-tab:hover{transform:translateY(-2px);border-color:#41454d;color:#fff;}
  .sos-tab-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#202329;font-size:18px;font-weight:900;flex:none;}
  .sos-tab-copy b{display:block;font-size:16px;color:#f5f5f4;margin-bottom:2px;}
  .sos-tab-copy small{display:block;font-size:12px;color:#8e949e;}
  .sos-tab-arrow{margin-left:auto;font-size:18px;color:#6e747e;}
  .sos-tab.is-active[data-target="detective"]{background:linear-gradient(135deg,#2a2419,#171719);border-color:#755f39;box-shadow:0 12px 30px rgba(201,166,103,.12);}
  .sos-tab.is-active[data-target="detective"] .sos-tab-icon{background:#c9a667;color:#1d170d;}
  .sos-tab.is-active[data-target="detective"] .sos-tab-arrow{color:#f0dfb9;}
  .sos-tab.is-active[data-target="rescue"]{background:linear-gradient(135deg,#311a18,#171719);border-color:#7c3932;box-shadow:0 12px 30px rgba(255,101,89,.11);}
  .sos-tab.is-active[data-target="rescue"] .sos-tab-icon{background:#ff6559;color:#2a0c09;}
  .sos-tab.is-active[data-target="rescue"] .sos-tab-arrow{color:#ffd0ca;}

  .sos-pane[hidden]{display:none;}
  .sos-section-label {
    font-size:15px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    margin-bottom:10px;
  }
  .sos-section-title {
    font-size:clamp(26px,3vw,38px);
    line-height:1.28;
    letter-spacing:-.04em;
    font-weight:800;
    margin-bottom: 0;
  }
  .sos-section-desc {
    margin-top:10px!important;
    color:#6d737d;
    font-size:18px;
    margin-bottom: 0;
  }

  /* ========================================================
     DETECTIVE : 탐색/수색 브리핑 느낌의 비대칭 레이아웃
  ======================================================== */
  .detective{}
  .det-hero{
    position:relative;
    padding:46px 0 56px;
    background:#0d0e11;
    color:#f5f3ef;
    overflow:hidden;
  }
  .det-hero:before{
    content:"";
    position:absolute;
    width:620px;
    height:620px;
    right:-220px;
    top:-280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(201,166,103,.16),rgba(201,166,103,0) 68%);
    pointer-events:none;
  }
  .det-hero-card{
    position:relative;
    min-height:600px;
    overflow:hidden;
    border-radius:30px;
    border:1px solid #2a2d33;
    background-image:
      linear-gradient(90deg,
        rgba(8,9,11,.98) 0%,
        rgba(8,9,11,.93) 27%,
        rgba(8,9,11,.76) 46%,
        rgba(8,9,11,.24) 72%,
        rgba(8,9,11,.08) 100%),
      linear-gradient(0deg,rgba(5,6,8,.68) 0%,rgba(5,6,8,0) 34%),
      url('/web/upload/basic-img/detective-hero.jpg');
    background-size:cover;
    background-position:center;
    box-shadow:0 34px 90px rgba(0,0,0,.32);
  }
  .det-hero-card:after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
    pointer-events:none;
  }
  .det-hero-content{
    z-index:2;
    min-height:600px;
    padding:72px 64px 66px;
  }
  .det-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    width:fit-content;
    color:#c9a667;
    font-size: 16px;
    font-weight:800;
    letter-spacing:.18em;
    margin-bottom:20px;
  }
  .det-kicker:before{
    content:"";
    width:28px;
    height:1px;
    background:currentColor;
  }
  .det-hero h1{
    font-size:clamp(42px,5.2vw,66px);
    line-height:1.12;
    font-weight:800;
  }
  .det-hero h1 em{
    display:inline-block;
    font-style:normal;
    color:#f0dfb9;
  }
  .det-hero-lead{
    margin-top:24px!important;
    color:#b9bdc5;
    font-size: 20px;
    line-height:1.82;
  }
  .det-hero-lead b{color:#fff;}
  .det-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
    margin-top:32px;
  }
  .det-proof div{
    min-width:0;
    padding:13px 10px;
    border:1px solid rgba(240,223,185,.18);
    border-radius:10px;
    background:rgba(13,14,17,.54);
    backdrop-filter:blur(8px);
    text-align:center;
  }
  .det-proof b{
    display:block;
    color:#fff;
    white-space:nowrap;
  }
  .det-proof span{
    display:block;
    margin-top:2px;
    color:#8f949d;
  }
  

  .det-urgency{padding:78px 0;background:#f7f5ef;}
  .det-urgency-grid{display:grid;grid-template-columns:.42fr 1.58fr;gap:50px;align-items:start;}
  .det-seven{position:sticky;top:24px;}
  .det-seven .num{font-size:126px;line-height:.82;font-weight:900;letter-spacing:-.08em;color:#d7c49a;}
  .det-seven .unit {font-size: 20px;font-weight:800;margin-top:18px;}
  .det-seven p {font-size:18px;color:#777167;margin-top:8px!important;max-width:230px;}
  .det-reasons{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dcd7cc;}
  .det-reason{padding:26px 22px 28px 0;border-bottom:1px solid #dcd7cc;}
  .det-reason:nth-child(odd){padding-right:28px;border-right:1px solid #dcd7cc;}
  .det-reason:nth-child(even){padding-left:28px;}
  .det-reason small {
    display:block;
    color:#9b8354;
    font-weight:800;
    font-size: 15px;
    letter-spacing:.1em;
    margin-bottom:9px;
  }
  .det-reason h3{font-size:17px;line-height:1.5;letter-spacing:-.02em;}

  .det-golden{background:#151619;color:#f6f4ee;padding:34px 0;}
  .det-golden-grid {
    display:grid;
    grid-template-columns:220px 1fr;
    gap:28px;
    align-items:center;
  }
  .det-golden-title{font-size:22px;font-weight:900;color:#c9a667;letter-spacing:.12em;}
  .det-golden-copy {
    border-left:1px solid #34363d;
    padding-left:28px;
    color:#aeb3bc;
    font-size:16px;
    letter-spacing: 1px;
  }
  .det-golden-copy b{color:#f0dfb9;}

  .det-cred{padding:82px 0;background:#fff;}
  .det-cred-head{margin-bottom:34px;}
  .det-cred-head .sos-section-label{color:#9b7d46;}
  .det-cred-list{border-top:1px solid #e6e8ec;}
  .det-cred-item{display:grid;grid-template-columns:90px .65fr 1.35fr;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid #e6e8ec;}
  .det-cred-item .num {
    font-size:15px;
    font-weight:900;
    letter-spacing:.14em;
    color:#b28e4d;
  }
  .det-cred-item h3{font-size:18px;letter-spacing:-.02em;}
  .det-cred-item p{font-size: 18px;color:#3d3d3d;}

  .det-equipment{padding:82px 0;background:#101114;color:#f5f3ef;}
  .det-equipment .sos-section-label{color:#c9a667;}
  .det-equipment .sos-section-desc{color:#8e949d;}
  .det-eq-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:1fr 1fr;gap:14px;margin-top:34px;min-height:430px;}
  .det-eq-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid #2a2d33;background:#17191d;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;}
  .det-eq-card:first-child{grid-row:1 / span 2;background:linear-gradient(160deg,#29251d,#151619 65%);}
  /* 장비 이미지를 카드 전체에 꽉 채움 */
  .det-eq-photo {
    position:absolute;
    inset:0;
    z-index:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    color:#555b64;
    font-size:12px;
    background:#17191d;
  }

  .det-eq-photo img{
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
  }

  /* 하단 텍스트 가독성을 위한 검은 그라데이션 */
  .det-eq-card:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,
      rgba(5,6,8,0) 28%,
      rgba(5,6,8,.08) 46%,
      rgba(5,6,8,.46) 70%,
      rgba(5,6,8,.92) 100%
    );
  }

  .det-eq-body{position:relative;z-index:2;padding-top:110px;}
  .det-eq-card:first-child .det-eq-body{padding-top:250px;}
  .det-eq-card h3 {
    font-size:20px;
    margin-bottom:5px;
    color: #F1DDA1;
  }
  .det-eq-card p {
    font-size:15px;
    color:#fff;
    margin: 0;
  }

  .det-reviews{
    padding:82px 0;
    background:#f6f7f9;
    overflow:hidden;
  }

  .det-review-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:end;
    margin-bottom:30px;
  }

  .det-review-head .sos-section-label{color:#b03b4a;}

  .det-review-tag{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid #eceef1;
    color:#b43649;
    font-size:15px;
    font-weight:800;
    white-space:nowrap;
    margin-bottom:18px;
  }

  .det-review-slider{
    position:relative;
    margin-top:4px;
  }

  .det-review-viewport{
    overflow:hidden;
    padding:30px 2px 34px;
  }

  .det-review-track{
    display:flex;
    gap:16px;
    will-change:transform;
    transition:transform .62s cubic-bezier(.22,.72,.28,1);
  }

  .det-review-card{
    flex:0 0 calc((100% - 32px) / 3);
    min-width:0;
    min-height:330px;
    padding:22px;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #e6e8ec;
    border-radius:18px;

    opacity:.48;
    filter:saturate(.72);
    transform:scale(.92);

    transition:
      transform .52s cubic-bezier(.22,.72,.28,1),
      opacity .42s ease,
      filter .42s ease,
      box-shadow .42s ease,
      border-color .42s ease;
    transform-origin:center center;
    will-change:transform,opacity;
  }

  .det-review-card.is-center{
    opacity:1;
    filter:none;
    transform:scale(1.045);
    border-color:#ddd2bb;
    box-shadow:0 18px 46px rgba(21,24,30,.11);
    position:relative;
    z-index:2;
  }

  .det-review-meta{
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:11px;
    color:#8a9098;
    padding-bottom:14px;
    border-bottom:1px solid #eceef1;
  }

  .det-review-meta b{
    color:#d54a5d;
    white-space:nowrap;
  }

  .det-review-card h3{
    font-size:17px;
    margin:18px 0 10px;
  }

  .det-review-card p{
    font-size:13.5px;
    color:#575d66;
  }

  .det-review-card mark{
    background:#fff0c9;
    color:#232323;
    padding:0 2px;
    font-weight:700;
  }

  .det-review-arrow{
    position:absolute;
    top:50%;
    z-index:8;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid #dfe2e7;
    border-radius:50%;
    background:rgba(255,255,255,.97);
    color:#22262c;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transform:translateY(-50%);
    box-shadow:0 10px 26px rgba(18,22,28,.12);
    transition:
      transform .16s ease,
      border-color .16s ease,
      background .16s ease;
  }

  .det-review-arrow:hover{
    border-color:#c9a667;
    background:#fff;
  }

  .det-review-arrow:active{
    transform:translateY(-50%) scale(.94);
  }

  .det-review-arrow.prev{left:-22px;}
  .det-review-arrow.next{right:-22px;}

  .det-review-arrow span{
    display:block;
    font-size:28px;
    line-height:1;
    margin-top:-2px;
  }

  .det-review-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    min-height:10px;
  }

  .det-review-dot{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#cfd3d9;
    cursor:pointer;
    transition:width .2s ease, background .2s ease;
  }

  .det-review-dot.is-active{
    width:22px;
    background:#c9a667;
  }


  /* ========================================================
     RESCUE : 긴급출동/현장 대응 느낌의 강한 좌우 분할 레이아웃
  ======================================================== */
  .rescue{}
  .res-hero{background:#121316;color:#fff;padding:66px 0;position:relative;overflow:hidden;}
  .res-hero:after{content:"";position:absolute;right:-140px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,101,89,.22),rgba(255,101,89,0) 68%);}
  .res-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:22px;align-items:stretch;position:relative;z-index:1;}
  .res-copy{padding:34px 34px 34px 0;display:flex;flex-direction:column;justify-content:center;}
  .res-kicker{display:inline-flex;width:fit-content;padding:7px 12px;border:1px solid rgba(255,101,89,.35);border-radius:999px;color:#ff938a;background:rgba(255,101,89,.08);font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:20px;}
  .res-hero h1 {
    font-size:clamp(38px,4.6vw,58px);
    line-height:1.14;
    font-weight:800;
  }
  .res-hero h1 em{font-style:normal;color:#ffd0ca;}
  .res-lead {
    margin-top: 20px!important;
    max-width: 520px;
    color: #b8bdc5;
    font-size: 20px;
  }
  .res-lead b{color:#fff;}
  .res-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;}
  .res-quick span {
    padding:9px 12px;
    border-radius:9px;
    background:#1b1d21;
    border:1px solid #2b2e34;
    color:#d5d8de;
    font-size:16px;
    font-weight:700;
  }
  .res-visual {
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(145deg,#34201d,#17181b);
    border:1px solid #31343a;
    min-height:460px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#767c85;
    font-size:13px;
  }
  .res-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .res-alert{padding:76px 0;background:#fff;}
  .res-alert-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start;}
  .res-alert-copy{padding-top:6px;}
  .res-alert-icon {
    width:56px;
    height:56px;
    border-radius:16px;
    background:#fff0ee;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    font-weight:900;
    margin-bottom:20px;
  }
  .res-alert-copy h2{font-size:clamp(27px,3vw,38px);line-height:1.3;letter-spacing:-.04em;}
  .res-alert-copy p {
    margin-top:13px!important;
    color:#6f747c;
    font-size:18px;
  }
  .res-risk-list{display:flex;flex-direction:column;border-top:1px solid #e5e7ea;}
  .res-risk{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid #e5e7ea;}
  .res-risk .num {
    width:38px;
    height:38px;
    border-radius:10px;
    background:#fff1ef;
    color:#e14c41;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:900;
  }
  .res-risk p {font-size:17px;font-weight:700;color:#33373d;}

  .res-golden{background:linear-gradient(120deg,#8c2520,#d4483d);color:#fff;padding:34px 0;}
  .res-golden-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:center;}
  .res-golden h2 {
    font-size:22px;
    letter-spacing:.08em;
    margin-bottom: 0;
  }
  .res-golden p {
    font-size:16px;
    letter-spacing: 1px;
    color:#ffe2df;
    border-left:1px solid rgba(255,255,255,.32);
    padding-left:28px;
  }
  .res-golden b{color:#fff;}

  .res-cred{padding:82px 0;background:#f7f8fa;}
  .res-cred-head{max-width:640px;margin-bottom:30px;}
  .res-cred-head .sos-section-label{color:#df5046;}
  .res-cred-grid {
    display:grid;
    grid-template-columns:1.15fr .85fr;
    grid-template-rows:1fr 1fr;
    gap:14px;
  }
  .res-cred-card {
    background:#fff;
    border:1px solid #e5e7ea;
    border-radius:20px;
    padding:28px;
    position:relative;
    overflow:hidden;
    min-height:170px;
  }
  .res-cred-card:first-child {
    grid-row:1 / span 2;
    background:#17191d;
    color:#fff;
    border:none;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:354px;
  }
  .res-cred-card:first-child:after {
    content:"SOS";
    position:absolute;
    right:-16px;
    top:-34px;
    font-size:150px;
    font-weight:900;
    color:rgba(255,101,89,.09);
    line-height:1;
  }
  .res-cred-card .num {
    font-size: 15px;
    font-weight:900;
    letter-spacing:.15em;
    color:#e3554b;
    position:relative;
    z-index:1;
  }
  .res-cred-card:first-child .num{color:#ff958d;}
  .res-cred-card h3 {
    font-size:20px;
    line-height:1.4;
    margin-bottom:8px;
    position:relative;
    z-index:1;
  }
  .res-cred-card p {
    font-size:17px;
    color:#6a7079;
    position:relative;
    z-index:1;
  }
  .res-cred-card:first-child p{color:#aeb4bd;}

  .res-equipment{padding:76px 0;background:#fff;}
  .res-equipment-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px;}
  .res-equipment-head .sos-section-label{color:#df5046;}
  .res-eq-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  .res-eq-card{border:1px solid #e6e8eb;border-radius:16px;overflow:hidden;background:#fff;}
  .res-eq-photo {
    aspect-ratio:4/3;
    background:linear-gradient(145deg,#2f211f,#17181b);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#70757d;
    font-size:11px;
  }
  .res-eq-photo img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
  }
  .res-eq-body{padding:17px 16px 20px;}
  .res-eq-card h3 {font-size:20px;margin-bottom:5px;}
  .res-eq-card p{font-size:15px;color:#727780;}

  .res-process{padding:82px 0;background:#111316;color:#fff;}
  .res-process .sos-section-label{color:#ff887f;}
  .res-process .sos-section-desc{color:#9298a1;}
  .res-process-grid {
    display:grid;
    grid-template-columns:.68fr 1.32fr;
    gap:60px;
    margin-top: 24px
    ;}
  .res-process-intro {
    font-size:18px;
    color:#dadddf;
    line-height:1.75;
  }
  .res-timeline{position:relative;padding-left:30px;}
  .res-timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:#363940;}
  .res-step{position:relative;padding:0 0 30px 24px;}
  .res-step:last-child{padding-bottom:0;}
  .res-step:before{content:"";position:absolute;left:-27px;top:7px;width:11px;height:11px;border-radius:50%;background:#ff6559;box-shadow:0 0 0 6px rgba(255,101,89,.11);}
  .res-step small {
    display:block;
    color:#ff8e86;
    font-size:15px;
    font-weight:900;
    letter-spacing:.14em;
    margin-bottom:5px;
  }
  .res-step h3 {font-size:18px; margin-bottom:4px;}
  .res-step p {font-size:15px; color:#9298a1; margin-top: 5px;}

  /* ===================== SHARED CTA ===================== */
  .sos-cta{padding:70px 0;background:#0c0d10;color:#fff;}
  .sos-cta-box {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:38px;
    align-items:center;
    padding:34px;
    border-radius:22px;
    border:1px solid #272a30;
    background:#14161a;
  }
  .sos-cta-kicker {
    display:block;
    font-size:11px;
    font-weight:900;
    letter-spacing:.13em;
    margin-bottom:8px;
  }
  .detective .sos-cta-kicker{color:#c9a667;}
  .rescue .sos-cta-kicker{color:#ff8c84;}
  .sos-cta h2{font-size:27px;line-height:1.35;letter-spacing:-.035em;}
  .sos-cta p {font-size:18px; color:#9399a2; margin-top:8px!important;}
  .sos-branches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
  .sos-branch {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:14px 15px;
    border-radius:12px;
    background:#1d2025;
    border:1px solid #2d3036;
    transition:.15s ease;
  }
  .sos-branch:hover{transform:translateY(-2px);background:#23262c;}
  .sos-branch b {font-size:18px;}
  .sos-branch span {
    font-size:16px;
    color:#9da3ac;
  }

  @media(max-width:920px){
    .res-hero-grid,.res-alert-grid,.res-golden-grid,.res-process-grid,.sos-cta-box{grid-template-columns:1fr;}
    .det-hero-content{width:68%;padding:62px 48px;}
    .det-urgency-grid{grid-template-columns:1fr;gap:28px;}
    .det-seven{position:static;display:flex;align-items:end;gap:18px;}
    .det-seven .num{font-size:96px;}
    .det-seven p{max-width:420px;}
    .det-cred-head{grid-template-columns:1fr;gap:10px;}
    .det-eq-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0;}
    .det-eq-card:first-child{grid-row:auto;grid-column:1 / span 2;min-height:300px;}
    .det-eq-card:first-child .det-eq-body{padding-top:180px;}
    .res-cred-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
    .res-cred-card:first-child{grid-column:1 / span 2;grid-row:auto;min-height:260px;}
    .res-eq-strip{grid-template-columns:1fr 1fr;}
    .res-golden p{border-left:0;padding-left:0;}
  }


  /* 후기 슬라이더: 태블릿/모바일에서는 카드 1개만 표시 */
  @media(max-width:768px){
    /* HERO: 태블릿/모바일에서는 중앙 정렬 */
    .det-hero-content{
      width:100%;
      text-align:center;
    }

    .det-kicker{
      margin-left:auto;
      margin-right:auto;
      justify-content:center;
    }

    .det-hero-lead{
      margin-left:auto!important;
      margin-right:auto!important;
      max-width:560px;
    }

    /* HERO 하단 핵심정보: 세로 1열 + 중앙 정렬 */
    .det-proof{
      grid-template-columns:1fr;
      gap:8px;
    }

    .det-proof div{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:2px;
      text-align:center;
      padding:13px 14px;
    }

    .det-proof span{
      margin-top:0;
      text-align:center;
    }

    .det-review-arrow{
      display:none;
    }

    .det-review-viewport{
      padding:20px 0 28px;
    }

    .det-review-card{
      flex:0 0 100%;
      min-height:0;
      opacity:.35;
      transform:scale(.96);
    }

    .det-review-card.is-center{
      opacity:1;
      filter:none;
      transform:scale(1);
    }

    .det-review-arrow{
      width:40px;
      height:40px;
    }

    .det-review-arrow.prev{left:6px;}
    .det-review-arrow.next{right:6px;}
  }

  @media(max-width:620px){
    .sos-container{padding:0 18px;}
    .sos-gate{padding:22px 0 20px;}
    .sos-gate-head strong{font-size:16px;}
    .sos-tabs{gap:7px;}
    .sos-tab{min-height:72px;padding:12px 11px;gap:8px;}
    .sos-tab-icon{width:34px;height:34px;border-radius:10px;font-size:15px;}
    .sos-tab-copy b{font-size:14px;}
    .sos-tab-copy small{font-size:10px;}
    .sos-tab-arrow{display:none;}

    .det-hero,.res-hero{padding:52px 0;}
    .det-hero h1,.res-hero h1{font-size:37px;}
    .det-hero{padding:28px 0 38px;}
    .det-hero-card{
      min-height:620px;
      border-radius:20px;
      background-image:
        linear-gradient(180deg,
          rgba(8,9,11,.38) 0%,
          rgba(8,9,11,.62) 36%,
          rgba(8,9,11,.96) 72%,
          rgba(8,9,11,.99) 100%),
        url('/web/upload/basic-img/detective-hero.jpg');
      background-position:62% center;
    }
    .det-hero-content{
      width:100%;
      min-height:620px;
      justify-content:flex-end;
      padding:38px 24px 118px;
    }
    .det-hero-lead{font-size:14px;line-height:1.75;}
    .det-proof{grid-template-columns:1fr;gap:6px;margin-top:24px;}
    .det-proof div{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 12px;}
    .det-proof span{margin:0;}
    .det-search-meta{left:24px;right:24px;bottom:24px;justify-content:flex-start;}
    .det-search-meta strong{text-align:left;}
    .det-search-meta span{font-size:9.5px;padding:6px 8px;}
    .res-visual{min-height:320px;border-radius:18px;}
    .res-copy{padding:0;}

    .det-urgency,.det-cred,.det-equipment,.det-reviews,.res-alert,.res-cred,.res-equipment,.res-process{padding:58px 0;}
    .det-seven{align-items:center;}
    .det-seven .num{font-size:76px;}
    .det-seven .unit{margin-top:0;}
    .det-reasons{grid-template-columns:1fr;}
    .det-reason,.det-reason:nth-child(odd),.det-reason:nth-child(even){padding:20px 0;border-right:0;}
    .det-golden-grid{grid-template-columns:1fr;gap:12px;}
    .det-golden-copy{border-left:0;padding-left:0;}

    /* .det-cred-item{grid-template-columns:54px 1fr;gap:12px;}
    .det-cred-item p{grid-column:2;} */
    .det-cred-item{
      grid-template-columns:90px minmax(0,1fr);
      gap:12px 16px;
      align-items:start;
    }
    .det-cred-item .num{
      font-size:12px;
      line-height:1.4;
      letter-spacing:.08em;
    }
    .det-cred-item h3,
    .det-cred-item p{
      min-width:0;
      margin:0;
    }
    .det-cred-item p {grid-column:2;}

    .det-eq-grid{grid-template-columns:1fr;}
    .det-eq-card:first-child{grid-column:auto;min-height:260px;}
    .det-eq-card:first-child .det-eq-body{padding-top:150px;}
    .det-review-head,.res-equipment-head{align-items:flex-start;flex-direction:column;}

    .res-alert-grid{gap:28px;}
    .res-cred-grid{grid-template-columns:1fr;}
    .res-cred-card:first-child{grid-column:auto;min-height:240px;}
    .res-eq-strip{grid-template-columns:1fr;}
    .res-process-grid{gap:28px;}
    .res-equipment-head {gap: 0;}
    .sos-section-title {margin-bottom: 0;}

    .sos-cta{padding:54px 0;}
    .sos-cta-box{padding:24px;}
    .sos-branches{grid-template-columns:1fr;}
  }