/* ===== Language switch (KO | EN) + English-site extras ===== */

/* desktop switch inside the top nav */
.lang-switch{display:flex;align-items:center;gap:7px;margin-left:16px;padding-left:16px;border-left:1px solid rgba(255,255,255,.18);font-family:'Bebas Neue','Noto Sans KR',sans-serif;font-size:16px;letter-spacing:1px;line-height:1;white-space:nowrap}
.lang-switch a,.lang-switch .on{color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s}
.lang-switch a:hover{color:#fff}
.lang-switch .on{color:#fff;border-bottom:2px solid var(--accent,#e8601c);padding-bottom:2px}
.lang-switch .sep{color:rgba(255,255,255,.25)}

/* mobile chip (nav is hidden on small screens) */
.lang-chip-m{display:none}
.en-burger{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);flex-direction:column;justify-content:center;gap:5px;padding:10px;cursor:pointer;background:none;border:none}
.en-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
@media (max-width:900px){
  .lang-chip-m{display:flex;align-items:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:1001;
    padding:5px 11px;border:1px solid rgba(255,255,255,.45);border-radius:14px;color:#fff;text-decoration:none;
    font-family:'Bebas Neue','Noto Sans KR',sans-serif;font-size:15px;letter-spacing:1px;line-height:1}
  .lang-chip-m.has-menu{right:72px}
  .en-burger{display:flex}
}

/* English pages: header, breadcrumb, drawer */
.page-hero .breadcrumb a{color:inherit;text-decoration:none}
.page-hero .breadcrumb a:hover{color:#fff}
.en-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1002}
.en-menu{position:fixed;top:0;right:-310px;width:290px;bottom:0;background:#0a1628;z-index:1003;overflow-y:auto;transition:right .3s ease;box-shadow:-6px 0 24px rgba(0,0,0,.4)}
.en-menu.open{right:0}
.mm-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;border-bottom:1px solid rgba(255,255,255,.1)}
.mm-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:22px;cursor:pointer;line-height:1}
.mm-close:hover{color:#fff}
.mm-cat{padding:18px 20px 6px;font-size:10px;letter-spacing:3px;color:#e8601c;text-transform:uppercase;font-weight:700}
.mm-item{display:block;padding:12px 20px 12px 32px;color:rgba(255,255,255,.65);text-decoration:none;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}
.mm-item:hover{color:#fff;background:rgba(255,255,255,.04)}
.mm-main{display:block;padding:14px 20px;color:rgba(255,255,255,.9);text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}
.mm-main:hover{color:#e8601c}
.mm-btn{display:block;margin:24px 20px 12px;padding:14px;background:#e8601c;color:#fff;text-align:center;border-radius:6px;text-decoration:none;font-size:15px;font-weight:600}
.mm-btn:hover{background:#c9541a}
.mm-lang{display:block;margin:0 20px 32px;padding:12px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85);text-align:center;border-radius:6px;text-decoration:none;font-size:14px}

/* English home page */
.en-home .hero-btns::after{content:none !important;display:none !important}
.en-why{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}
.en-cta{background:var(--navy,#0a1628);color:#fff;text-align:center;padding:64px 24px}
.en-cta h2{font-family:'Bebas Neue',sans-serif;font-size:44px;letter-spacing:1px;margin-bottom:12px}
.en-cta p{color:rgba(255,255,255,.6);font-size:15px;margin-bottom:28px}
.en-cta a{display:inline-block;background:#e8601c;color:#fff;padding:14px 36px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500}
.en-cta a:hover{background:#c9541a}
.en-sites{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.en-site-card{border:1px solid var(--border,#e5eaf0);border-radius:8px;overflow:hidden;background:#fff}
.en-site-card img{width:100%;height:220px;object-fit:cover;display:block;background:var(--light,#f5f6f8)}
.en-site-card div{padding:20px 24px}
.en-site-card h3{font-size:17px;font-weight:700;color:var(--navy,#0a1628);margin-bottom:6px}
.en-site-card p{font-size:13px;color:#6a7a90;line-height:1.7}
.map-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.map-links a{font-size:12px;padding:7px 14px;border:1px solid var(--border,#e5eaf0);border-radius:4px;color:var(--navy,#0a1628);text-decoration:none;background:#fff}
.map-links a:hover{border-color:var(--accent,#e8601c);color:var(--accent,#e8601c)}
@media (max-width:900px){
  .en-why{grid-template-columns:1fr 1fr}
  .en-sites{grid-template-columns:1fr}
  .en-cta h2{font-size:34px}
}
@media (max-width:560px){ .en-why{grid-template-columns:1fr} }

/* sub-menu bar: scroll sideways on phones instead of widening the page */
.sub-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sub-nav-inner{width:max-content;min-width:100%}
@media (max-width:900px){
  .sub-nav-inner{padding:0 12px}
  .sub-nav a{padding:14px 16px}
}

/* English header: keep the logo on the left so it never meets the KO chip / menu button */
@media (max-width:900px){ header.en-site .header-inner{justify-content:flex-start !important} header.en-site .logo{margin-left:0 !important} }

/* goal banner (safety page): wrap instead of widening the page on phones */
@media (max-width:900px){
  div[style*="justify-content:space-around"]{flex-wrap:wrap;gap:24px;padding:28px 20px !important}
}

/* ===== 모바일 보정 (한글/영문 공통) ===== */
@media (max-width:900px){
  /* 찾아오시는길: 진례 아래에 함안 */
  .location-grid{grid-template-columns:1fr !important;gap:24px !important}
  .factory-info,.factory-info *{min-width:0}
  /* 인사말: 사진 위, 글 아래 */
  div[style*="grid-template-columns:1fr 2fr"]{grid-template-columns:1fr !important;gap:24px !important}
  #ceo-img{max-width:300px;margin:0 auto}
  #ceo-img{height:auto !important;min-height:0 !important;background:none !important}
  #ceo-img img{height:auto !important;max-height:none !important;width:100% !important;object-fit:contain !important}
  /* 사업장/공통 표: 글자칸은 좁게, 내용칸은 넓게 */
  .info-table th{width:84px !important;white-space:nowrap;padding:12px 10px !important;font-size:13px}
  .info-table td{padding:12px 12px !important;font-size:14px;word-break:keep-all}
}

/* ===== 모바일 보정 2 ===== */
@media (max-width:900px){
  /* 배너 그림: 글자가 잘리지 않게 전체 표시 */
  img[alt$="배너"],img[alt="ESG경영"],img[alt$="banner"],img[alt="ESG Management"]{height:auto !important;object-fit:contain !important;max-height:none !important}
  /* 방산부품 카드: 그림 아래쪽이 잘리지 않게 */
  div[style*="aspect-ratio: 16/10"]{aspect-ratio:auto !important}
  /* 사이버신문고 절차 4칸: 2x2로 */
  .cyber-flow{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 !important}
  .cyber-arrow{display:none !important}
  .cyber-step{min-width:0 !important;padding:16px 8px !important;border-radius:6px;font-size:14px !important}
  .cyber-flow{counter-reset:cs}
  .cyber-step::before{counter-increment:cs;content:counter(cs) "단계";display:block;font-size:11px;color:#e8601c;margin-bottom:4px;letter-spacing:1px}
  /* 제보 신청 라벨 */
  div[style*="background:var(--navy);color:white;padding:8px 20px"]{white-space:nowrap;flex-shrink:0}
  div[style*="align-items:center;gap:12px;margin-bottom:24px"]{flex-wrap:wrap}
}
html[lang="en"] .cyber-step::before{content:"Step " counter(cs)}

/* ===== 사진 잘림 보정 3 (휴대폰) ===== */
@media (max-width:900px){
  /* 방산부품: 그림 맨 윗부분이 잘리지 않게 */
  div[style*="aspect-ratio: 16/10"] img{margin-top:0 !important}
  /* 첫 화면 '주요 사업 분야' 카드 사진: 전체가 보이게 */
}

/* ===== 사업 분야 카드 사진: 컴퓨터/휴대폰 모두 잘리지 않게 ===== */
.home-biz a.card .card-thumb{height:240px !important}
.home-biz a.card .card-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important}

/* ===== 휴대폰 상단: 현성기업 로고를 모든 페이지에서 왼쪽 정렬 (첫 페이지와 동일) ===== */
@media (max-width:900px){
  header .header-inner{justify-content:flex-start !important}
  header .logo{margin-left:0 !important}
}


/* 지속가능경영 카드: 6장 같은 크기, 사진 아래쪽 글자 부분은 보이지 않게 위쪽 기준으로 자름 */
.sus-cards a.card .card-thumb{height:200px !important}
.sus-cards a.card .card-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 20% !important}

/* 안전/보건경영 카드: 다른 안전 사진 사용, 위쪽 제목 글자는 안 보이게 아래쪽 기준 */
.sus-cards a.card[href$="safety.html"] .card-thumb img{object-position:center 88% !important}
.sus-cards a.card[href$="safety.html"] .card-thumb{overflow:hidden !important}
.sus-cards a.card[href$="safety.html"] .card-thumb img{transform:scale(1.35);transform-origin:50% 100%}