:root{--bg2:#F7F8F9;--panel:#EEF1F4;--line:#E8ECEF;--line2:#F1F4F6;--muted:#66727C;--rb:8px;--rc:12px}
body{font-size:15px}
.wrap{max-width:1140px;padding:0 40px}
section{padding:112px 0}
h1{letter-spacing:-.03em} h2{font-size:36px;letter-spacing:-.03em;line-height:1.25} h3{font-size:18px;letter-spacing:-.01em}
p{line-height:1.75}
.btn{border-radius:var(--rb);border-width:1px;padding:13px 22px;font-size:15px}
.btn-outline{border-color:var(--line);background:#fff}
.btn-ghost{border-bottom-width:1px}
header{border-top:2px solid var(--ink);border-bottom-color:var(--line2)}
header .wrap{height:76px;max-width:1140px} .logo img{height:40px} nav{gap:32px;font-size:15px}
/* 페이지 헤드: 사진 배너 대신 텍스트 */
.phead{position:relative;padding:104px 0 72px;margin-bottom:8px;overflow:hidden;
  background:linear-gradient(180deg,#E6EEF4 0%,#F1F5F8 45%,#FFFFFF 100%)}
.phead::before{content:"";position:absolute;right:-8%;top:-40%;width:52%;height:180%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(18,147,191,.14),rgba(18,147,191,0) 72%)}
.phead::after{content:"";position:absolute;left:-6%;bottom:-70%;width:38%;height:140%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(181,119,63,.10),rgba(181,119,63,0) 72%)}
.phead .wrap{position:relative}
.phead .plabel{font-size:13px;letter-spacing:.14em;font-weight:700;color:var(--accent);margin-bottom:20px}
.phead h1{font-size:46px;line-height:1.2;word-break:keep-all;margin-bottom:18px;max-width:860px}
.phead p{font-size:17px;color:var(--muted);max-width:680px}
.phead .subnav{margin-top:28px}
.area:nth-of-type(odd){background:#fff!important}
.area{border-top:1px solid var(--line2)}
.quick,.trust{margin-top:0!important;background:var(--bg2)!important;border-radius:var(--rc);overflow:hidden}
.quick a,.trust div{border-right:1px solid #fff!important;padding:26px 24px}
.quick a:last-child,.trust div:last-child{border-right:0!important}

/* 섹션 헤드: 라벨 없음 · 한 열 */
.mhead{max-width:680px;margin-bottom:48px}
.mhead h2{margin-bottom:14px}
.mhead p{font-size:16px;color:var(--muted);max-width:none}
.mhead .btn{margin-top:18px}
.label,.eyebrow,.dhero .cat,.dhero .crumb{display:none!important}
.intro{padding:80px 0 24px;text-align:left}
.intro h2{margin:0 0 16px;max-width:760px} .intro p{margin:0;max-width:680px;font-size:16px}
.intro .kw{display:none}
/* 카드류: 선 대신 옅은 배경 + 라운드 */
.card,.bcard,.brc,.fcard,.eqgrid .card,.parts .card,.pgrid .card,.paths a,.mgrid a,.rel3 a,.pkg div.c,.help .box,.asinfo .box,.prep .box,.worry > div,.partners .grid > div,.quick,.trust,.form,.cards3 a,.sol,.support3 > div,.seg,.pin,.filters{
  border:0!important;border-radius:var(--rc);box-shadow:none}
.card,.bcard,.brc,.fcard,.eqgrid .card,.parts .card,.pgrid .card,.paths a,.mgrid a,.pkg div.c,.cards3 a{background:var(--bg2)}
.pkg div.c.rec{background:#fff;box-shadow:0 12px 40px rgba(14,34,51,.10)}
.form{background:var(--bg2);padding:32px!important}
.quick,.trust{background:var(--bg2)}
.quick a,.trust div{border-right:1px solid #fff!important}
.pgrid .ph,.parts .ph,.eqgrid .ph,.paths .ph,.fcard .ph,.bcard .ph{border-radius:0!important}
.ph{border-radius:var(--rc)}
.dabout .ph,.whole .ph,.philo .ph,.why .ph,.zig .ph,.area .ph{border-radius:var(--rc)!important}
td,th,.nlist a,.faq details,.faqw details,.promise > div,.pre > div,.chan > div,.kv div,.prep li,.res dl div,.steps div,.asproc div,.chk > div,.sup > div,.cols3 > div,.jsteps > div{border-color:var(--line2)}
.steps .n,.asproc .n,.chk .n,.pkg .k,.help .k,.parts h4,.pre em,.promise em,.tl .d,.eqgrid .cat,.paths .k,.pgrid h4,.dabout .meta em,.res dt,.philo dt,.cols3 .n,.jsteps .n,.en{color:var(--muted)!important}
.form input,.form select,.form textarea,.search,.filters input,.filters select{border-radius:var(--rb);border-color:var(--line);background:#fff}
.form .chips label,.types label,.tabs a,.nfilter a,.ptabs a,.filters .chips a{border-radius:999px;border-color:var(--line)}
.stabs a.on{border-bottom-color:var(--ink)}
.dhero .grid{min-height:520px}
.dhero h1{font-size:44px}
footer{border-top-color:var(--line)}
/* 헤드 바로 아래 블록은 숨 쉴 공간을 둔다 */
.phead + .wrap{padding-top:64px}
.phead + .wrap .cards3{padding-bottom:0}
.cards3{gap:20px}
.cards3 a{background:#fff!important;border:1px solid var(--line)!important;padding:32px 30px 28px}
.cards3 a:hover{border-color:var(--ink)!important;background:#fff}
.cards3 .en{color:var(--muted)!important;font-size:11px;letter-spacing:.14em}
.cards3 h3{font-size:20px}
.cards3 + * , .phead + .wrap + section{margin-top:0}
@media (max-width:900px){
  html,body{overflow-x:hidden}
  section{padding:56px 0} .wrap{padding:0 20px}
  .phead{padding:52px 0 36px;margin-bottom:0} .phead + .wrap{padding-top:32px} .phead h1{font-size:27px} .phead p{font-size:15px} .phead .plabel{font-size:12px;margin-bottom:14px}
  h2{font-size:24px} .mhead{margin-bottom:26px} .mhead p{font-size:15px}
  .intro{padding:44px 0 8px} .intro h2{font-size:24px}
  .dhero h1{font-size:28px}
  /* 카드 줄 → 가로 스와이프 */
  .eqgrid,.pgrid,.parts,.paths,.pkg,.rel3,.feat3,.feat2,.worry,.sol,.chk,.help,.sup{
    display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .eqgrid::-webkit-scrollbar,.pgrid::-webkit-scrollbar,.parts::-webkit-scrollbar,.paths::-webkit-scrollbar,.pkg::-webkit-scrollbar,.rel3::-webkit-scrollbar,.feat3::-webkit-scrollbar,.feat2::-webkit-scrollbar,.worry::-webkit-scrollbar,.sol::-webkit-scrollbar,.chk::-webkit-scrollbar,.help::-webkit-scrollbar,.sup::-webkit-scrollbar{display:none}
  .eqgrid > *,.pgrid > *,.parts > *,.paths > *,.pkg > *,.rel3 > *,.feat3 > *,.feat2 > *,.worry > *,.sol > *,.chk > *,.help > *,.sup > *{
    flex:0 0 78%;scroll-snap-align:start;border-left:0!important;border-right:0!important;border-top:0!important;padding-left:0!important}
  .chk > *,.sup > *{flex-basis:70%;border-top:1px solid var(--ink)!important;padding-top:16px!important}
  .pgrid > *,.parts > *{flex-basis:62%}
  .eqgrid .ph{min-height:170px} .paths .ph{min-height:150px}
  .swipe-hint{display:block;font-size:12px;color:var(--muted);margin-top:6px}
  /* 브랜드 목록: 로고 + 텍스트 한 줄 리스트 */
  .mgrid{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--line)}
  .mgrid a{display:grid!important;grid-template-columns:96px 1fr;gap:0 16px;align-items:center;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .mgrid .lg{width:auto!important;flex-basis:auto!important;height:auto!important;margin:0!important;grid-row:1/3}
  .mgrid .lg img{height:22px;max-width:90px}
  .mgrid p{min-height:0!important;margin:0 0 4px!important}
  /* 파트너 로고: 3열 */
  .partners .grid{grid-template-columns:1fr 1fr 1fr!important;gap:8px}
  .partners .grid > div{height:72px;border-radius:10px}
  .partners img{max-height:22px} .partners small{font-size:10px}
  /* 긴 페이지 줄이기: 사진 높이, 여백 */
  .about .ph,.why .ph,.whole .ph,.dabout .ph,.philo .ph,.ceo .ph,.story .ph{max-height:220px}
  .ph.ph-img{max-height:240px}
  .bridge,.diagram{display:none}
  .kv div,.res dl div{padding:10px 0}
  .steps > div,.jsteps > div{padding:14px 0}
  .faq details summary,.faqw details summary{padding:14px 0}
  .pcta .tx,.cta .in{padding:40px 0!important}
  .trust{grid-template-columns:1fr 1fr} .quick{grid-template-columns:1fr}
}