@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;
}
/* 전제품(/shop/all) 상품구분 뱃지 보강 — shop_all.css 의 best/new/event 외 SALE·MD·HOT (2026-09-17) */
#shop_all_page .prd_grid .badge .sale {background:#d5442f;}
/* md·hot 색은 shop_all.css(그린 #2b6b4f · 주황 #e65100)로 이관 — 여기서 갈색으로 덮지 않음 (2026-09-21) */
#shop_all_page .list_head .sort select {border:0; background:transparent; font-size:14px; color:#2b2926; cursor:pointer; outline:0;}
#shop_all_page .prd_grid .nodata {grid-column:1 / -1; padding:80px 0; text-align:center; color:#8e8883;}

/* ===== 커뮤니티 공통 보강 (2026-09-17 데이터 연동) ===== */
#community_page .nodata {padding:80px 0; text-align:center; color:#8e8883; grid-column:1 / -1;}
#community_page .board_list .row.nodata {display:block;}
/* News 상세 */
#community_page .news_view .view_head {padding:8px 0 24px; border-bottom:1px solid #2b2926;}
#community_page .news_view .view_head .badge_notice {margin-bottom:12px;}
#community_page .news_view .view_tit {font-size:26px; font-weight:600; line-height:1.4; color:#2b2926;}
#community_page .news_view .view_head .meta {margin-top:14px; font-size:13px; color:#8e8883;}
#community_page .news_view .view_head .meta span + span {margin-left:14px;}
#community_page .news_view .view_body {padding:40px 0 60px; border-bottom:1px solid #e6e3df; font-size:15px; line-height:1.8; color:#2b2926; word-break:keep-all;}
#community_page .news_view .view_body img {max-width:100%; height:auto;}
#community_page .news_view .view_btns {padding-top:32px; text-align:center;}
/* 상품 사용후기 카드: News 카드(.news_grid) 구조로 통일 — 스타일은 community.css (2026-09-18) */

/* ===== 이벤트 게시판 연동 (2026-09-17) ===== */
#shop_all_page.event_page .cate_tab {margin-top:32px;}
#shop_all_page .event_grid .period {margin-top:6px; font-size:13px; color:#8e8883;}
#shop_all_page .event_grid li.ended .thumb img {filter:grayscale(1); opacity:0.75;}
#shop_all_page .prd_grid .badge .ended {background:#a8a29d;}
#shop_all_page .event_view .view_head {padding:8px 0 24px; border-bottom:1px solid #2b2926;}
#shop_all_page .event_view .view_head .badge {display:flex; gap:6px; margin-bottom:12px;}
#shop_all_page .event_view .view_head .badge span {display:inline-block; height:24px; padding:0 12px; border-radius:0; font-size:11px; font-weight:700; line-height:24px; color:#fff;}
#shop_all_page .event_view .view_head .badge .event {background:#d5442f;}
#shop_all_page .event_view .view_head .badge .ended {background:#a8a29d;}
#shop_all_page .event_view .view_tit {font-size:26px; font-weight:600; line-height:1.4; color:#2b2926;}
#shop_all_page .event_view .view_head .period {margin-top:12px; font-size:14px; color:#736d68;}
#shop_all_page .event_view .view_body {padding:40px 0 60px; border-bottom:1px solid #e6e3df; font-size:15px; line-height:1.8; color:#2b2926; word-break:keep-all;}
#shop_all_page .event_view .view_body img {max-width:100%; height:auto;}
#shop_all_page .event_view .view_img {margin-bottom:32px; text-align:center;}
#shop_all_page .event_view .view_btns {display:flex; justify-content:center; gap:10px; padding-top:32px;}
#shop_all_page .event_view .btn_black {display:inline-block; height:46px; padding:0 32px; background:#2b2926; color:#fff; font-size:14px; font-weight:500; line-height:46px;}
#shop_all_page .event_view .btn_line {display:inline-block; height:46px; padding:0 32px; border:1px solid #2b2926; color:#2b2926; font-size:14px; font-weight:500; line-height:44px; box-sizing:border-box;}
/* 이벤트 상세 이전글/다음글 — 목록 버튼 아래, 얇은 선으로 나눈 2행 (2026-09-21) */
#shop_all_page .event_view .view_nav {margin-top:40px; border-top:1px solid #2b2926; border-bottom:1px solid #e6e3df;}
#shop_all_page .event_view .view_nav .nav_item {display:flex; align-items:center; gap:20px; min-height:56px; padding:0 8px; font-size:15px; color:#2b2926; transition:background 0.2s;}
#shop_all_page .event_view .view_nav .nav_item + .nav_item {border-top:1px solid #e6e3df;}
#shop_all_page .event_view .view_nav a.nav_item:hover {background:#faf8f6;}
#shop_all_page .event_view .view_nav a.nav_item:hover .tit {text-decoration:underline; text-underline-offset:3px;}
#shop_all_page .event_view .view_nav .lbl {display:inline-flex; align-items:center; gap:8px; flex-shrink:0; width:80px; font-size:13px; font-weight:500; color:#736d68;}
#shop_all_page .event_view .view_nav .lbl i {font-size:11px; color:#9c9691;}
#shop_all_page .event_view .view_nav .tit {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#shop_all_page .event_view .view_nav .nav_item.none .tit {color:#9c9691;}
@media all and (max-width:768px){
	#shop_all_page .event_view .view_nav {margin-top:32px;}
	#shop_all_page .event_view .view_nav .nav_item {gap:12px; min-height:50px; padding:0 4px; font-size:14px;}
	#shop_all_page .event_view .view_nav .lbl {width:66px; font-size:12px;}
}

/* ===== 알림/확인 모달(include/modal/alert_modal.jsp) 확인 버튼 글자 — 항상 흰색 (2026-09-21)
   페이지 전용 CSS 의 `#wrap.xxx a {color:inherit}` 같은 스코프 규칙이 board.css 의 흰색 지정보다 특이성이 높아
   상품상세에서 검정 배경에 검정 글자가 되던 문제. 취소(.type02)는 흰 배경이라 제외 ===== */
.alert-modal-buttons a.login_chk_btn01:not(.type02) {color:#fff !important;}

/* ===== 면색 CTA 버튼 전역 색상 통일 (2026-09-22)
   사이트 메인컬러(관리자 사이트설정 identity_color = #000000)가 배경인 검정 면색 버튼을
   상품상세 바로구매·로그인·회원가입 버튼과 동일한 브랜드 그린(#1f4d36) → 호버 진한 그린(#153526)으로.
   custom.css 는 headHtml 에서 가장 뒤에 로드되므로 board.css 의 var(--color-primary01) 배경을 덮는다.
   - 테두리형(.type02), 체크박스·라디오·페이지네이션·배지·달력 선택 같은 상태 표시 요소는 제외
   - 페이지 전용 CSS 가 #2b2926 를 직접 지정한 버튼(cart.css·shop_item.css·community.css)은 각 파일에서 수정
   - 단독 응답 페이지(process.jsp)의 모달 버튼은 Java(Function.manageModalHtml) 인라인 CSS 라 여기서 못 덮음 ===== */
a.login_chk_btn01:not(.type02),
.login_chk_btn01:not(.type02),
.alert-modal-btn.confirm,
a.com_prd_btn01.red,
.writeForm_btn a,
.writeForm_btn a.mcol_type,
.writeForm_btn a.color_type,
.answer_wrapper .read_rego.custom input[type="submit"],
.prd_menu_type_box.write_btn01,
.evaluation_tab_menu01.red,
.loginCon li .login_btn,
.findCon li .login_btn,
.sec_ucon .login_btn,
.passwordCon li .password_btn a,
.under_btn .login_btn,
.login_wrap .human_btn,
.login_wrap .human_btn2,
#shop_all_page .event_view .btn_black {background-color:#1f4d36; border-color:#1f4d36; color:#fff; transition:background-color 0.25s, border-color 0.25s, color 0.25s;}
a.login_chk_btn01:not(.type02):hover,
.login_chk_btn01:not(.type02):hover,
.alert-modal-btn.confirm:hover,
a.com_prd_btn01.red:hover,
.writeForm_btn a:hover,
.writeForm_btn a.mcol_type:hover,
.writeForm_btn a.color_type:hover,
.answer_wrapper .read_rego.custom input[type="submit"]:hover,
.prd_menu_type_box.write_btn01:hover,
.evaluation_tab_menu01.red:hover,
.loginCon li .login_btn:hover,
.findCon li .login_btn:hover,
.sec_ucon .login_btn:hover,
.passwordCon li .password_btn a:hover,
.under_btn .login_btn:hover,
.login_wrap .human_btn:hover,
.login_wrap .human_btn2:hover,
#shop_all_page .event_view .btn_black:hover {background-color:#153526; border-color:#153526; color:#fff; opacity:1;}

/* ===== 주문서(/shop/order) 결제하기 버튼 — 상품상세 바로구매(shop_item.css)와 동일: 브랜드 그린 → 호버 진한 그린, 각진 모서리 (2026-09-21) ===== */
#wrap.order_page .login_submit_btn_box01 .login_chk_btn01:not(.type02) {border:1px solid #1f4d36; border-radius:0; background:#1f4d36; color:#fff; font-weight:500; letter-spacing:0.02em; transition:background 0.25s, border-color 0.25s;}
#wrap.order_page .login_submit_btn_box01 .login_chk_btn01:not(.type02):hover {background:#153526; border-color:#153526; color:#fff;}