@charset "utf-8";
/* ================================================================
   오시는 길 · 한국어 전용 새 모양                  2026-10-02 신설
   ----------------------------------------------------------------
   · 화면  /innotech1993/www/views/about/location.php
   · 불러오는 곳  _CI/application/controllers/About.php location()
   · 이름은 모두 lc- 로 시작한다. 옛 about.css 와 겹치지 않게.
   · 영문 화면(views/en/about/location.php)도 이 파일을 함께 쓴다.
     영문은 길찾기 단추가 없고, 카드 묶음에 lc-fill 이 붙어
     카드 4장이 지도 높이만큼 고르게 늘어난다 (맨 아래 영문 묶음).
     한국어는 lc-fill 이 없어 영향 없음.
   · 색은 색채계획 v7 — 파랑 #1385B8 · 누름 #0D6C9B · 글 #102838
     · 바탕 #EBF0F4 (주요 납품기관 · 인증현황 · 제품 목록과 같음)
   ================================================================ */

/* ---------- 연회색 구역 ---------- */
#content.lc-wrap{background:#EBF0F4;padding:120px 0 120px;} /* 위 160 — 떠 있는 상단 메뉴에 머리가 가리지 않게. ★#content 를 붙임 — 공통 CSS 의 #content 여백이 이름표(.lc-wrap)보다 힘이 세서 무시되던 것 */

/* ---------- 머리 (LOCATION · 제목 · 설명) ---------- */
.lc-head{text-align:center;margin-bottom:48px;}
.lc-eyebrow{display:block;font-size:14px;font-weight:700;letter-spacing:3px;color:#1385B8;margin-bottom:10px;}
.lc-title{font-size:40px;font-weight:700;color:#102838;line-height:1.3;margin:0 0 16px;}
.lc-desc{font-size:16px;color:#5A6B78;line-height:1.8;margin:0;}

/* ---------- 몸통 : 왼쪽 지도 · 오른쪽 카드 ---------- */
.lc-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:stretch;}

/* 지도 카드 — #map 높이는 about.css 보다 앞서도록 .lc-map 아래로 준다 */
.lc-map{background:#fff;border:1px solid #D9E2E9;border-radius:16px;padding:10px;}
.lc-map #map{width:100%;height:100%;min-height:420px;border-radius:10px;overflow:hidden;}

/* 오른쪽 카드 묶음 */
.lc-info{display:flex;flex-direction:column;gap:12px;}
.lc-card{background:#fff;border:1px solid #D9E2E9;border-radius:14px;padding:20px 24px;}

/* 주소 카드 — 위쪽 파랑 선 */
.lc-addr{border-top:3px solid #1385B8;padding:24px;}
.lc-label{display:block;font-size:13px;font-weight:700;color:#1385B8;margin-bottom:8px;}
.lc-addr p{font-size:18px;font-weight:600;color:#102838;line-height:1.6;margin:0;}

/* 번호 카드 — 왼쪽 이름 · 오른쪽 번호 */
.lc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.lc-row span{font-size:15px;color:#5A6B78;}
.lc-row a,
.lc-row strong{font-size:18px;font-weight:700;color:#102838;text-decoration:none;}
.lc-row a:hover{color:#1385B8;}

/* 길찾기 단추 */
.lc-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;
        height:56px;border-radius:10px;background:#1385B8;color:#fff;
        font-size:16px;font-weight:700;text-decoration:none;transition:background .2s;}
.lc-btn:hover{background:#0D6C9B;color:#fff;}

/* ---------- 태블릿 : 지도 위 · 카드 아래 ---------- */
@media (max-width:1024px){
    #content.lc-wrap{padding:110px 0 100px;}
    .lc-body{grid-template-columns:1fr;}
    .lc-map #map{min-height:400px;}
    .lc-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
    .lc-addr,
    .lc-btn{grid-column:1 / -1;}
}

/* ---------- 휴대전화 ---------- */
@media (max-width:768px){
    #content.lc-wrap{padding:90px 0 80px;}
    .lc-head{margin-bottom:32px;}
    .lc-title{font-size:28px;}
    .lc-desc{font-size:14px;}
    .lc-desc br{display:none;}
    .lc-map #map{min-height:300px;}
    .lc-info{grid-template-columns:1fr;}
    .lc-card{padding:16px 18px;}
    .lc-addr p{font-size:16px;}
    .lc-row a,
    .lc-row strong{font-size:16px;}
}

/* ================================================================
   영문 전용 — 길찾기 단추 없이 카드 4장이 지도 높이를 채움  2026-10-02
   ----------------------------------------------------------------
   · views/en/about/location.php 의 <div class="lc-info lc-fill"> 에만 걸림
   · 한국어 화면은 lc-fill 이 없어 바뀌지 않는다
   ================================================================ */
.lc-info.lc-fill .lc-card{flex:1;}
.lc-info.lc-fill .lc-addr{display:flex;flex-direction:column;justify-content:center;}

/* 태블릿 — 주소 한 줄, Company · FAX 두 칸, E-mail 한 줄 */
@media (max-width:1024px){
    .lc-info.lc-fill .lc-card:last-child{grid-column:1 / -1;}
}