.comparison{background:#f5f6f8}
.comparison .wrap{max-width:1160px}
.compare-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.compare-header img{width:72px;height:72px;object-fit:contain}
.compare-header>span{font-size:12px;color:var(--muted)}
.compare-intro{padding:64px 0 42px}
.compare-kicker{font-size:13px;color:var(--navy);font-weight:600;letter-spacing:.3px;margin:0 0 18px}
.compare-intro h1{font-size:43px;line-height:1.4;font-weight:650;letter-spacing:-1.8px}
.compare-intro>p:not(.compare-kicker){font-size:15px;line-height:1.9;color:var(--muted);margin-top:22px}
.compare-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.compare-jumps a{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border:1px solid #cbd5de;border-radius:6px;background:white;font-size:12px;color:var(--navy)}
.compare-jumps a:hover{background:var(--navy);color:white;border-color:var(--navy)}
.compare-intro .compare-hint{font-size:12px!important;margin-bottom:0}
.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px;align-items:start}
.design-option{min-width:0;scroll-margin-top:24px}
.option-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px;min-height:56px}
.option-number{font-size:30px;font-weight:400;color:#8a9bad;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.option-heading h2{font-size:22px;font-weight:650;letter-spacing:-.6px}
.option-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}
.option-preview{display:block;position:relative;width:100%;height:760px;overflow:hidden;border:1px solid #d8dfe5;border-radius:10px;background:white;box-shadow:0 8px 20px #132f4907}
.option-preview iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}
.option-preview:after{content:'전체 화면으로 보기 ↗';position:absolute;bottom:0;left:0;right:0;display:block;text-align:center;background:#ffffffed;border-top:1px solid var(--line);padding:11px;font-size:12px;color:var(--navy)}
.option-preview:hover{border-color:#6484a4}
.option-caption>p{font-size:13px;color:var(--muted);line-height:1.8;min-height:94px;margin:17px 0 12px}
.option-open{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 16px;border-radius:6px;background:var(--navy);color:white;font-size:13px;font-weight:600}
.option-open:hover{background:#06418f}
.compare-decision{margin-top:64px;border-block:1px solid #d6dfe7;padding:38px 0;text-align:center}
.compare-decision h2{font-size:27px;font-weight:600}
.compare-decision p{font-size:14px;color:var(--muted);margin:14px 0 20px;line-height:1.9}
.compare-decision>span{font-size:11px;color:var(--muted)}
@media(min-width:761px) and (max-width:1100px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-preview{height:760px}}
@media(max-width:760px){
  .compare-header{height:72px}.compare-header img{width:60px;height:60px}.compare-header>span{font-size:10px}
  .compare-intro{padding:35px 0 30px}.compare-kicker{font-size:11px;margin-bottom:14px}.compare-intro h1{font-size:27px;letter-spacing:-1px}
  .compare-intro>p:not(.compare-kicker){font-size:13px;margin-top:17px;line-height:1.8}
  .compare-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:22px}.compare-jumps a{justify-content:center;font-size:10px;padding:7px 3px}
  .compare-intro .compare-hint{font-size:11px!important}
  .compare-grid{grid-template-columns:1fr;gap:42px;max-width:440px;margin:auto}
  .option-heading{gap:12px;margin-bottom:13px}.option-heading h2{font-size:22px}.option-preview{height:760px}
  .option-caption>p{min-height:0;font-size:13px;margin-top:14px}.option-open{font-size:14px;min-height:50px}
  .compare-decision{margin-top:44px;padding:29px 0}.compare-decision h2{font-size:22px}.compare-decision p{font-size:12px}.compare-decision>span{font-size:10px}
}
@media(max-width:360px){.compare-header>span{font-size:9px}.compare-intro h1{font-size:24px}.option-preview{height:760px}.compare-jumps a{font-size:9px}}

.baseline-link{display:inline-flex;min-height:44px;align-items:center;font-size:12px;color:#3e5875;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.compare-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-jumps a{font-size:11px}.baseline-link{font-size:11px}}