/* Noto Sans (English) - loaded from Google Fonts for WebHelp (browser only) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Noto Sans KR (Korean) - loaded from Google Fonts for WebHelp (browser only) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/* ── 언어별 기본 폰트 적용 ── */

/* English output: Noto Sans */
:lang(en) {
    font-family: 'Noto Sans', sans-serif;
}

/* Korean output: Noto Sans KR */
:lang(ko) {
    font-family: 'Noto Sans KR', sans-serif;
}

/* ── 링크 색상 복원 ──
   styles.css 의 "a, a:hover, a:visited { color: #F37321 }" 이
   topic/xref · topic/link 의 회색(#889199)을 덮어쓰지 않도록
   명시적으로 재지정합니다.                                      */
*[class~='topic/xref'],
*[class~='topic/xref']:visited,
*[class~='topic/link'],
*[class~='topic/link']:visited {
    color: #889199;
}

/* 한화 전용 폰트 */
@font-face {
    font-family: 'hanwhafont';
    src: url('resources/font/02HanwhaR.ttf') format('truetype');
}

.hanwha-style {
    font-family: 'hanwhafont' !important;
}


/*이미지 사이즈 제어 최대 20cm 넘지 않게*/
*[class ~= "topic/image"] {
        max-width: 20cm;         
    }


  /* 테이블을 화면 너비에 맞게 설정 */
table {
  width: 100% !important;
  table-layout: auto;
}

/* 셀 내용이 넘칠 경우 줄바꿈 처리 */
td, th {
  word-wrap: break-word;
  overflow-wrap: break-word;
}



/* 이미지 링크 시각/접근성 보강 */
.wh_tile_img_link {
  display: inline-block;      /* 이미지 컨테이너를 안정적으로 감싸기 */
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.wh_tile_img_link:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.12); /* 선택(시각 피드백) */
}

/* 포인터만 표시 (정렬은 건드리지 않음) */
.wh_tile_image { cursor: pointer; }

/* 혹시 여전히 좌측이면, 이미지 자체를 중앙정렬 */
.wh_tile_image img { display:block; margin:0 auto; }

/* WebHelp 상단 배너 우측 하단에 버전 및 날짜 추가 */
.wh_header {
    position: sticky; 
}

.wh_header::after {
    content: "v1.3 | " attr(data-today);            
    position: absolute;           
    bottom: 15px;                  
    right: 30px;                               
    font-size: 12px;             
    color: #555555;                
    z-index: 10;
}