/* =====================================================================
   소프트지노믹스 자체 수정 CSS (원본 normal.css / responsive.css 다음에 로딩)
   - 앞으로 디자인을 조금 고칠 때는 이 파일에만 추가하세요.
   - 수정 후 head.sub.php 의 sg_custom.css?ver= 날짜를 바꾸면 방문자 브라우저에도 즉시 반영됩니다.
   ===================================================================== */

/* [2026-11-10] 헤더 로고를 본문(1280px) 좌측선에 맞춤
   - 원래: 화면 왼쪽 끝에서 90px(1600px 이하는 5%) → 넓은 모니터에서 본문보다 왼쪽으로 치우침
   - 1290px 이하 화면은 원래 설정(본문 90%·로고 5%, 1023px 이하 94%·3%)이 이미 본문 선과 일치 */
@media screen and (min-width:1291px) {
  .hd_logo {left: max(5%, calc((100% - 1440px) / 2));}
}

/* 스페인어(ESP)는 1600px 초과 화면에서 긴 메뉴명(폭 약 1,097px)을 써서 메뉴가 본문 폭보다 넓음
   → 로고를 본문선에 맞추면 메뉴와 겹치므로, 메뉴 왼쪽 끝에서 40px 떨어진 위치에 둠
   (50% - 메뉴 절반 548px - 로고 148px - 여백 40px) */
@media screen and (min-width:1601px) {
  .header.esp .hd_logo {left: calc(50% - 736px);}
}