@charset "UTF-8";
/* =====================================================================
   온시큐리티 서브 공통 스타일 (구 메인 시안 계승)
   - 디자인 토큰은 tokens.css, 공통 헤더/푸터는 shell.css 참조
   - 2026-08-10 백업 시안(_home_wf01_backup.html) 폐기와 함께 그 전용 블록
     (히어로 슬라이더·feature·business·hot topic·sec-head 계열)과
     이전부터 참조가 없던 블록(product selector·why·marquee)을 제거
   ===================================================================== */
.container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* ===================== SECTION COMMON ===================== */
.content{padding:110px 0}
.sec-title{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.28;margin-top:14px;color:var(--ink)}

/* MAP */
.map-area{display:grid;grid-template-columns:1.3fr 1fr;gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff}
.map-img img{width:100%;height:100%;object-fit:cover;min-height:340px}
.map-img iframe{display:block;width:100%;height:100%;min-height:340px;border:0}
.map-info{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.map-title{font-size:26px;font-weight:900;margin-bottom:24px}
.map-dl{display:grid;grid-template-columns:80px 1fr;row-gap:16px;column-gap:16px}
.map-dl dt{font-weight:800;color:var(--primary)}
.map-dl dd{color:var(--gray);font-size:15px}

/* TO TOP */
.to-top{position:fixed;right:28px;bottom:28px;width:50px;height:50px;border-radius:50%;background:var(--navy);color:#fff;border:0;font-size:22px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;z-index:900;box-shadow:0 10px 24px rgba(10,31,68,.3)}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
@media (hover: hover){.to-top:hover{background:var(--primary)}}

/* ===================== RESPONSIVE ===================== */
@media (max-width:768px){
  .content{padding:70px 0}
  .map-area{grid-template-columns:1fr}
}