@charset "UTF-8";

/* etymdict-serv 커스텀 스타일 */

/* placeholder 벤더 프리픽스 */
input::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder, select::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, select:-ms-input-placeholder { color: #999; }
input::-ms-input-placeholder, select::-ms-input-placeholder { color: #999; }

.searchBar .search-area .search-input-box .search-input::-webkit-input-placeholder { color: #CACACA; font-weight: 500; }
.searchBar .search-area .search-input-box .search-input::-moz-placeholder { color: #CACACA; font-weight: 500; }
.searchBar .search-area .search-input-box .search-input:-ms-input-placeholder { color: #CACACA; font-weight: 500; }
.searchBar .search-area .search-input-box .search-input::-ms-input-placeholder { color: #CACACA; font-weight: 500; }

.main-wrapper .search-wrap .search-area .search-input-box .search-input::-webkit-input-placeholder { color: #CACACA; font-weight: 500; }
.main-wrapper .search-wrap .search-area .search-input-box .search-input::-moz-placeholder { color: #CACACA; font-weight: 500; }
.main-wrapper .search-wrap .search-area .search-input-box .search-input:-ms-input-placeholder { color: #CACACA; font-weight: 500; }
.main-wrapper .search-wrap .search-area .search-input-box .search-input::-ms-input-placeholder { color: #CACACA; font-weight: 500; }

/* 옛한글 입력기 적용 필드 높이 보정 */
.search-word .searchTarget-area .search-list-item input.oldHangulInput {
  line-height: 40px;
  padding-top: 4px;
  padding-bottom: 0;
}

/* 검색 input 네이티브 클리어 버튼(x) 제거 */
input[type=search] {
  appearance: none;
  -webkit-appearance: none;
}

/* 자소로 찾기 자판 라벨 위치 보정 */
.consonant-grid[class*=type] label {
  padding-top: 3px;
}

.consonant-grid.type-1 > li:not(:nth-last-child(2), :nth-last-child(3), :nth-last-child(4)) label {
  padding-top: 12px;
}

.consonant-grid.type-2 > li:not(:nth-last-child(2), :nth-last-child(3), :nth-last-child(4)) label {
  padding-top: 5px;
}

.consonant-grid.type-3 > li:not(:nth-last-child(2), :nth-last-child(3), :nth-last-child(4)) label {
  padding-bottom: 15px;
}

/* 자소로 찾기 자판 비활성 키 영역 세로 정렬 */
.consonant-cont section .consonant-grid li > .key-disabled {
  flex-direction: column;
}

/* 옛한글 입력기 적용 검색창 폰트 두께 보정 */
.searchBar .search-area .search-input-box .search-input.oldHangulInput {
  font-weight: normal;
}

/* 메인(.search-wrap) 통합검색창을 서브페이지(.searchBar)와 동일하게 맞춤:
   퍼블 원본 style.css 는 메인만 font-size:15px 로 두어 세 화면(/main, /main/searchResult,
   /main/searchResultDetail)의 검색창 글꼴 크기·두께가 달라 보이던 문제 보정(2026-09-10).
   옛한글 자모는 작은 크기·bold 에서 특히 판독이 어려움. */
.main-wrapper .search-wrap .search-area .search-input-box .search-input {
  font-size: 20px;
}
.main-wrapper .search-wrap .search-area .search-input-box .search-input.oldHangulInput {
  font-weight: normal;
}

/* 상세 페이지 인접 어휘 목록: 화면 밖 항목은 레이아웃/렌더를 건너뛰게 해서(수천 건)
   목록 삽입 시 메인 스레드 블록을 줄인다 → 로딩 스피너 끊김·상단 검색창 타이핑 씹힘 완화.
   미지원 브라우저는 이 선언을 무시하고 기존대로 렌더한다(2026-09-10). */
.sidebar-word-list ul > li[id^="sidebar-item-"] {
  content-visibility: auto;
  contain-intrinsic-size: auto 44px;
}

/* 검색 결과 정보 영역 간격 보정 */
.search-result-area .search-result-item .search-result-item-title-area .info {
  margin-left: 8px;
}

/* 한자 범위: Noto Sans CJK KR Regular으로 폴백 (style.css의 NanumBarunGothicYetHangul 선언 이후 적용) */
@font-face {
    font-family: 'NanumBarunGothicYetHangul';
    src: url('../fonts/NotoSansCJKkr-Regular.woff') format('woff');
    unicode-range: U+4E00-9FFF, U+3400-4DBF, U+F900-FAFF;
}


/* 표기규칙 - * 위첨자 처리: result-tooltip-txt에서 밑줄 분리 */
.resultDetail-wrapper .result-item-cont .result-tooltip-txt {
  text-decoration: none;
}

.resultDetail-wrapper .result-item-cont .result-tooltip-underline {
  text-decoration: underline;
}

/* 준비 중 화면 (퍼블리싱 01_main_comingsoon.html과 동일, 2026-09-17 —
   Apache가 톰캣 없이 comingsoon.html을 직접 정적으로 서빙, WAS 다운 시 에러페이지용) */
.comingsoon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}

.comingsoon-wrap .comingsoon-img {
  width: 100%;
  max-width: 1400px;
  height: auto;
}