@charset "utf-8";

/* 비밀번호 토글 아이콘 스타일 - 일반 폼 */
.password-toggle-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 4px !important;
    cursor: pointer !important;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    user-select: none;
    vertical-align: middle !important;
}

/* 로그인 폼 비밀번호 필드 - 눈 아이콘 위치 */
.new_login .input_form dl dd {
    position: relative !important;
}

.new_login .input_form dl dd .password-toggle-icon {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}

.password-toggle-icon:hover {
    opacity: 1;
}

.password-toggle-icon:hover svg {
    stroke: #000 !important;
}

.password-toggle-icon.active {
    opacity: 0.85;
}

.password-toggle-icon svg {
    display: block;
}

/* 댓글 입력 폼 비밀번호 필드 - 눈 아이콘 위치 */
.answer_wrapper .custom_box_bom {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.answer_wrapper .custom_box_bom input[type="password"],
.answer_wrapper .custom_box_bom input[type="text"] {
    flex: 1 !important;
    padding-right: 35px !important;
}

.answer_wrapper .custom_box_bom .password-toggle-icon {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
}

/* 댓글 관련 스타일 */
.comment-empty {
    text-align: center !important;
    padding: 80px 0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #666 !important;
}

/* =========================================================================
 * GNB 6항목 대응 — 로그인 시 [마이페이지] 가 붙는 경우 (2026-09-10)
 *
 * GNB 는 폭이 --jdh-gnb-w(1040px) 로 고정이고 li 가 flex:1 1 0 으로 균등 분할된다.
 * 항목이 5 → 6 개가 되면 칸이 208px → 173px 로 줄어드는데,
 * 가장 긴 "항노화/스킨부스터" 가 그 폭에 아슬아슬해 글자·여백을 조금 줄여 준다.
 * (헤더 우측은 1920 에서 GNB 와의 여백이 이미 0px 이라 GNB 폭을 늘릴 수는 없다)
 *
 * ⚠ main_hero.css 가 아니라 여기에 두는 이유 — 그 파일은 36개 JSP 가 `?v=` 없이 링크해
 *   새 규칙이 브라우저 캐시에 막힌다. custom.css 는 headHtml 이 맨 마지막에 로드한다.
 * ========================================================================= */
.jdh_gnb ul.jdh_gnb--6 li a { padding-left: 4px; padding-right: 4px; font-size: 17px; }
.jdh_gnb--sticky ul.jdh_gnb--6 li a { padding-left: 4px; padding-right: 4px; font-size: 16px; }

@media all and (max-width: 1440px) {
	.jdh_gnb ul.jdh_gnb--6 li a,
	.jdh_gnb--sticky ul.jdh_gnb--6 li a { font-size: 16px; }
}