@charset "utf-8";
/* MAISON HIFUDI 2026 글꼴 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,400;1,500&display=swap");
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */


/*
	side
*/
#catearea {
    display:table-cell;
    width:150px;
		float:left;

}

#catearea .lnb > .category {
    padding:0px 0 30px;
		margin-top:-1px;
}

/* 카테고리 타이틀 적용 관련 css 수정 시작 */


/*
	레이아웃 lnb 레이어형
*/
#catearea .lnb  > .category.type-layer { position:absolute; top:40px; z-index:2000;}
#catearea .lnb  > .category.type-layer ul {
    display:none;
    width:150px;
    border:2px solid #01ace2;
}
#catearea .lnb  > .category.type-layer ul li {
}
#catearea .lnb  > .category.type-layer ul li a {
    margin:0 0px;
    border-top:1px solid #f2f2f2;
		padding-left:25px;
		
}
#catearea .lnb  > .category.type-layer ul li.dot-hide > a {
    background:none;
}
#catearea .lnb  > .category.type-layer ul li:hover {
    background-color:#f0f0f0;
}
#catearea .lnb  > .category.type-layer ul li:hover > a {
    background:none;
    color:#01ace2;
}
#catearea .lnb  > .category.type-layer > li {
    position:relative;
		border-bottom:1px solid #f2f2f2;		
		background:#fff;
}

#catearea .lnb  > .category.type-layer > li  img{
    max-width:100%;
    position: absolute; left:0; top:0;
}

#catearea .lnb  > .category.type-layer > li > a {
    display:block;
		width:140px;
    padding:0px 0px 0px 56px;
    color:#777777;
    font-size:14px;
    font-weight:bold;
		height:44px;
		line-height:43px;
		background:url(../img/icon/menu_arrow.png) no-repeat 180px 16px;}
		
}
#catearea .lnb  > .category.type-layer > li > a i { position:absolute; right:20px; line-height:43px; border:1px solid lime; }
#catearea .lnb  > .category.type-layer > li > a:hover{
    position:relative;
    top:0;
    left:0px;
    z-index:10;
    width:140px;
    padding:0px 0px 0px 56px;
    color:#01ace2;		
}
#catearea .lnb  > .category.type-layer > li:hover{ background-color:#f0f0f0; }
#catearea .lnb  > .category.type-layer > li ul {
    padding:0px 0;
}
#catearea .lnb  > .category.type-layer > li > ul {
    position:absolute;
    top:0;
    left:140px;
    z-index:20;
    background:#fff;
}
#catearea .lnb  > .category.type-layer > li > ul > li {
    position:relative;
}
#catearea .lnb  > .category.type-layer > li > ul > li > a {
    display:block;
    padding:5px 0 7px 22px;
}
#catearea .lnb  > .category.type-layer > li > ul > li:first-child > a {
    background:none;
}
#catearea .lnb  > .category.type-layer > li ul a.on,
#catearea .lnb  > .category.type-layer > li ul a:hover {
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul {
    position:absolute;
    top:-8px;
    left:100%;
    background:#fff;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li {
    position:relative;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li > a {
    display:block;
    padding:5px 2px 7px;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li:first-child > a {
    background:none;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li > ul {
    position:absolute;
    top:-8px;
    left:100%;
    background:#fff;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li {
    position:relative;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li > a {
    display:block;
    padding:5px 2px 7px;
}
#catearea .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li:first-child > a {
    background:none;
}
#catearea .lnb  > .category.type-layer > li > ul li a {
    color:#333;
    text-indent:6px;
}
#catearea .lnb  > .category.type-layer > li.tit {
    padding:9px 0 12px;
    color:#222;
    font-size:14px;
    font-weight:bold;
    text-indent:17px;
    cursor:default;
}
#catearea .lnb  > .category.type-layer > li img {position: absolute; left:0; top:0;}
#catearea .lnb  > .category.type-layer > li.tit img {
    width:178px;
    margin-left:-17px;
}
#catearea .lnb  > .category.type-layer > li > ul li.tit {
    padding: 5px 0 7px;
    color:#333;
    font-size:13px;
    text-indent:16px;
    cursor:default;
}
#catearea .lnb  > .category.type-layer > li > ul li.tit img {
    width:178px;
    margin-left:-16px;
}
#catearea .lnb  > .category.type-layer > li > ul li.tit:hover {
    background:none;
}
#catearea .lnb  > .category.type-layer > li > ul li.tit + li.dot-hide a {
    background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;
}
#catearea .lnb  > .category.type-layer > li > ul li.tit + li.dot-hide:hover a {
	background-image:none;
}


#catearea .lnb  > .category.type-layer .cate_banner img {width:210px; height:90px;}
/* 기존 height 135px */



.header .categoryWrap { position:relative; float:left; width:210px; margin-top:-1px; }
.header .categoryWrap p { display:block; width:100%; height:40px; font-size:14px; color:#fff; font-weight:bold; line-height:40px; background:#00ace2; backface-visibility: hidden; }
.header .categoryWrap p span { padding-left:27px;font-family: Dotum !important;}
.header .categoryWrap p i { padding-left:25px; font-size: 13px; font-style:normal !important; }
.header .categoryWrap i { font-style:normal !important; }
.header .categoryWrap .categoryBanner { position:relative; width:210px; overflow:hidden; }
.header .categoryWrap > .cateLst { position:absolute; top:40px; left:0;  }
.header .categoryWrap > .cateLst > ul.deps1 { position:relative; width:210px; background:#fff; }
.header .categoryWrap > .cateLst > ul.deps1 > li { position:relative; width:100%; height:44px; border-bottom:1px solid #f2f2f2;  }
.header .categoryWrap > .cateLst > ul.deps1 > li > img { position: absolute; left:0; top:0; }
.header .categoryWrap > .cateLst > ul.deps1 > li > a { display:block; padding-left: 55px; color:#777; font-weight:bold;line-height: 47px;font-size: 14px;letter-spacing: -0.5px;}
.header .categoryWrap > .cateLst > ul.deps1 > li > a i { position:absolute; right:20px; line-height:44px; border:1px solid lime; }
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 {display:none; position:absolute; top: 0; left:183px; width: 196px; border:2px solid #01ace2; background:#fff; z-index:10;}
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li { width:100%; height:30px; border-bottom:1px solid #f2f2f2;position: relative;}
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > a { display:block; padding:0 22px; font-weight:normal; color:#777;line-height: 33px;}
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > a i { position:absolute; right:20px; line-height:30px; }
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > ul.deps3 { display:none; position:absolute; top: -2px; left:147px; width: 196px; border:2px solid #01ace2; background:#fff; z-index:20; }
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > ul.deps3 li { width:100%; height:30px; border-bottom:1px solid #f2f2f2; }
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > ul.deps3 li > a { display:block; padding:0 21px; font-weight:normal; color:#777;line-height: 33px;}
.header .categoryWrap > .cateLst > ul.deps1 > li a.on,
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li a.on,
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > ul.deps3 > li a.on{ color:#01ace2; }
.header .categoryWrap > .cateLst > ul.deps1 > li:hover,
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li:hover,
.header .categoryWrap > .cateLst > ul.deps1 > li > ul.deps2 > li > ul.deps3 > li:hover{ background-color:#f0f0f0; }


.hdb.act {position: fixed; z-index:100;}
.header .hdbline.act { position:fixed; top:0; left:0; right:0; width:100%; height:38px; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; z-index:100; background-color: #fff;}
.header .categoryWrap.actm { position: fixed; top:0;}
#ctOpen {cursor: pointer;}
/* 카테고리 타이틀 적용 관련 css 수정  끝 */

.sample_list_wrap h5 {font-size:15px;border-bottom:1px solid #caaaa0;padding:10px;clear:both;}
.sample_list_wrap .goods_no_check{ position:absolute;right:0px;top:10px;z-index:9;}
.sample_list_wrap .item_cont {position:relative}

.sample_list_wrap  .goods_list_cont ul  {margin-bottom:100px;}
.sample_price_wrap {padding:20px;width:100%;box-sizing: border-box; border-top:2px solid #d4d4d4;}
.sample_price_wrap p {text-align: right;font-size:18px;font-weight: bold;padding:5px 0; }
.sample_price_wrap p span {font-weight: normal;display:inline-block;padding-left:10px;font-size:16px;}

.sample_btn_wrap {padding:20px;width:100%;box-sizing: border-box;text-align: right}

.sample_btn_wrap button {width:150px;height:50px;line-height:50px;border:1px solid #000;font-size:16px;margin-left:10px;}
.sample_btn_wrap button.js_add_order {background:#000;color:#fff}
.sample_list_wrap .item_gallery_type li.on .item_photo_box {border:1px solid #c82d28; box-sizing: border-box}

.sample_list_wrap .item_gallery_type li .item_photo_box img {max-width:100%}

/* ==========================================================
   MAISON HIFUDI 2026 — 밝은 바탕 · 골드 테두리 · 네이비 글자
   (moment_hifudi_renew 작업본 전용, 다른 CSS보다 마지막에 로드)
   ========================================================== */

:root {
  --mh-navy: #1F2A44;
  --mh-text: #3E4659;
  --mh-sub: #6E7488;
  --mh-mute: #8A8FA0;
  --mh-gold: #A88452;
  --mh-gold-dark: #8C6C3E;
  --mh-gold-line: #C9AE82;
  --mh-gold-soft: #E4D6BD;
  --mh-champagne: #F1E8D8;
  --mh-ivory: #F7F3EC;
  --mh-linen: #EFE9DF;
}

/* ---------- 1. 글꼴 · 기본 색 ---------- */
html body,
html body input, html body select, html body textarea, html body button,
html body h1, html body h2, html body h3, html body h4, html body h5,
html body p, html body li, html body td, html body th, html body dt, html body dd,
html body a, html body span, html body strong, html body em, html body div {
  font-family: "Pretendard Variable", Pretendard, -apple-system, "Malgun Gothic", sans-serif !important;
}
html body .fa, html body [class^="fa-"], html body [class*=" fa-"] { font-family: FontAwesome !important; }
html body { background: var(--mh-ivory) !important; color: var(--mh-text) !important; letter-spacing: -0.01em; }
html body a { color: inherit; }

/* ---------- 2. 맨 위 회원 메뉴 ---------- */
html body #header { background: var(--mh-ivory) !important; background-image: none !important; }
html body .header_top .top_member_box li a,
html body .header_top .top_mypage_tit a { color: var(--mh-text) !important; font-size: 12px !important; letter-spacing: 0.04em; }
html body .header_top .top_member_box li a[href*="order_list"] { color: var(--mh-gold-dark) !important; font-weight: 600; }
html body .header_top .txt_bar { background: var(--mh-gold-soft) !important; }
html body .header_top .accent span { background: var(--mh-champagne) !important; color: var(--mh-navy) !important; border: 1px solid var(--mh-gold) !important; }
html body .header_top .accent span:after, html body .header_top .accent span:before { display: none !important; }

/* ---------- 3. 검색창 ---------- */
html body .header_search { background: transparent !important; }
html body .top_search { border: 1px solid var(--mh-gold-line) !important; border-radius: 28px !important; background: #FFFFFF !important; overflow: hidden; }
html body .top_search #search_form { color: var(--mh-navy) !important; padding-left: 22px !important; }
html body .top_search #search_form::placeholder { color: var(--mh-mute) !important; }

/* ---------- 4. 상단 카테고리 메뉴 (색 채우지 않음) ---------- */
html body #toparea_warp { background: var(--mh-ivory) !important; border-top: 1px solid var(--mh-gold-soft) !important; border-bottom: 1px solid var(--mh-gold-line) !important; }
html body #toparea_warp .gnb,
html body #toparea_warp .gnb .cate_area2,
html body #toparea_warp .cate_area3,
html body #toparea_warp .cate_area3_bg { background: transparent !important; background-image: none !important; }
html body #toparea_warp .gnb_menu_box > ul > li > a,
html body #toparea_warp .cate_area3 a {
  color: var(--mh-navy) !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: -0.01em;
  border-bottom: 1px solid transparent; transition: border-color .2s, color .2s;
}
html body #toparea_warp .gnb_menu_box > ul > li:hover > a { color: var(--mh-gold-dark) !important; border-bottom-color: var(--mh-gold); }
html body #toparea_warp .cate_area3 a { color: var(--mh-sub) !important; font-weight: 500 !important; }
html body #toparea_warp .gnb_menu_box ul.depth1,
html body #toparea_warp .gnb_menu_box ul.depth2 {
  background: #FFFFFF !important; border: 1px solid var(--mh-gold-line) !important; box-shadow: 0 12px 28px rgba(31, 42, 68, 0.08) !important;
}
html body #toparea_warp .gnb_menu_box ul.depth1 a,
html body #toparea_warp .gnb_menu_box ul.depth2 a { color: var(--mh-text) !important; background: transparent !important; font-size: 14px !important; }
html body #toparea_warp .gnb_menu_box ul.depth1 li:hover > a,
html body #toparea_warp .gnb_menu_box ul.depth2 li:hover > a { color: var(--mh-gold-dark) !important; background: var(--mh-ivory) !important; }

/* 두 번째 줄 (ALL · 간편재주문 · 안내 링크) */
html body .gnb2 { background: var(--mh-ivory) !important; border-bottom: 1px solid var(--mh-gold-soft) !important; }
html body .gnb2 a, html body .gnb2 span, html body .gnb2 li { color: var(--mh-sub) !important; }
html body .gnb2 a:hover { color: var(--mh-gold-dark) !important; }

/* ---------- 5. 제목 ---------- */
html body h2.h2_han_big, html body h2.h2_han_big * { color: var(--mh-navy) !important; font-weight: 600 !important; letter-spacing: -0.02em !important; }
html body h2.h2_han_big { position: relative; }
html body h2.h2_han_big:after { content: ""; display: block; width: 36px; height: 1px; background: var(--mh-gold); margin: 14px auto 0; }

/* ---------- 6. 상품 카드 ---------- */
html body .goods_list .item_photo_box { background: #FFFFFF !important; box-shadow: inset 0 0 0 8px #FFFFFF, inset 0 0 0 9px var(--mh-gold-soft); }
html body .goods_list .item_photo_box img.middle { mix-blend-mode: multiply; }
html body .goods_list .item_brand, html body .goods_list .item_brand strong { color: var(--mh-mute) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; }
html body .goods_list .item_name { color: var(--mh-navy) !important; font-weight: 500 !important; font-size: 15px !important; line-height: 1.45 !important; }
html body .goods_list .item_money_box { border-top: 1px solid var(--mh-gold-soft); padding-top: 8px !important; margin-top: 8px !important; }
html body .goods_list .item_price, html body .goods_list .item_price * { color: var(--mh-navy) !important; font-weight: 600 !important; }
html body .goods_list .item_link button { background: rgba(255, 255, 255, 0.92) !important; border: 1px solid var(--mh-gold-line) !important; border-radius: 50% !important; }

/* ---------- 7. 버튼 (원래 갈색 채움 → 샴페인 바탕 + 골드 테두리) ---------- */
html body .btn_order_buy, html body .btn_add_order, html body .btn_basic_point,
html body .skinbtn.point2, html body .btn_cart_order, html body .btn_member_join,
html body .btn_login, html body button.pogrd, html body a.pogrd,
html body .btn_claim_ok, html body .btn_comfirm, html body .btn_write_ok {
  background: var(--mh-champagne) !important; color: var(--mh-navy) !important;
  border: 1px solid var(--mh-gold) !important; border-radius: 28px !important; font-weight: 600 !important; text-shadow: none !important;
}
html body .btn_add_cart, html body .btn_basic, html body .skinbtn.base, html body .btn_add_wish {
  background: transparent !important; color: var(--mh-navy) !important; border: 1px solid var(--mh-gold-line) !important; border-radius: 28px !important;
}

/* ---------- 8. 푸터 ---------- */
html body .appdown-wrap { background: var(--mh-linen) !important; }
html body .footer, html body .footer_line1, html body .footer_line2, html body .footer_line3 { background: var(--mh-ivory) !important; }
html body .footer_line1 { border-top: 1px solid var(--mh-gold-line) !important; border-bottom: 1px solid var(--mh-gold-soft) !important; }
html body .footer_line2 { border-bottom: 1px solid var(--mh-gold-soft) !important; }
html body .footer, html body .footer * { color: var(--mh-sub); }
html body .footer h4, html body .footer strong, html body .footer .utilMenu a { color: var(--mh-navy) !important; }

/* ---------- 9. 세부 정리 ---------- */
/* 로고 이미지의 흰 바탕을 아이보리에 녹이기 */
html body .header_inner1 img { mix-blend-mode: multiply; }
/* 개인회원(택배) 버튼: 색 채움 없이 */
html body #toparea_warp .cate_area3 a.pobocol3,
html body #toparea_warp .cate_area3 a {
  background: transparent !important; color: var(--mh-sub) !important;
  border-left: 1px solid var(--mh-gold-soft) !important; font-size: 14px !important;
}
html body #toparea_warp .cate_area3 a:hover { color: var(--mh-gold-dark) !important; }
/* ALL 버튼 */
html body .gnb2 .btn_all_menu_open {
  background: var(--mh-champagne) !important; color: var(--mh-navy) !important;
  box-shadow: inset 0 0 0 1px var(--mh-gold-line); font-weight: 600 !important;
}
html body .gnb2 .btn_all_menu_open i { color: var(--mh-gold) !important; }
/* 흰 상자들을 바탕에 녹이기 */
html body .h2_han_big_in, html body #icontabT_panels, html body .db_right { background: transparent !important; }
/* 할인율 표시: 빨간 원 → 골드 */
html body .goods_list .percent, html body .goods_list .percent2, html body .goods_list .percent3 {
  background: var(--mh-gold-dark) !important; color: #FFFFFF !important;
}
/* 제목 아래 주황 점선 제거 */
html body h2.h2_han_big .dline { border-bottom: 0 !important; }
/* 메인 배너 좌우 화살표 */
html body #prev_main, html body #next_main { background: rgba(247, 243, 236, 0.9) !important; color: var(--mh-navy) !important; border: 1px solid var(--mh-gold-line) !important; border-radius: 50% !important; }
html body #prev_main *, html body #next_main * { color: var(--mh-navy) !important; }
/* 푸터 */
html body .footer a.activebo { color: var(--mh-gold-dark) !important; }
html body .footer img { mix-blend-mode: multiply; }
/* ---------- 10. 메인 카테고리 아이콘 (MAISON HIFUDI 2026) ---------- */
html body .mh-cate { width: 1250px; margin: 0 auto; position: relative; z-index: 1; padding: 34px 0 10px; }
html body .mh-cate ul { display: flex; justify-content: space-between; padding: 0 40px; margin: 0; list-style: none; }
html body .mh-cate li { width: 132px; float: none; padding: 0; }
html body .mh-cate a { display: flex; flex-direction: column; align-items: center; text-decoration: none; }
html body .mh-cate .mh-ring { width: 118px; height: 118px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px #D9C7A6, inset 0 0 0 5px #FFFFFF, inset 0 0 0 6px #EDE3D2; transition: box-shadow .25s, transform .25s; }
html body .mh-cate a:hover .mh-ring { box-shadow: inset 0 0 0 1px #A88452, inset 0 0 0 5px #FFFFFF, inset 0 0 0 6px #E4D6BD; transform: translateY(-3px); }
html body .mh-cate em { display: block; margin-top: 16px; font-style: normal; font-size: 15px; font-weight: 500; color: #1F2A44; letter-spacing: -0.01em; }
html body .mh-cate i { display: block; margin-top: 3px; font-family: "Cormorant Garamond", serif !important; font-style: italic; font-size: 14px; color: #A88452; }
html body .mh-cate a:hover em { color: #8C6C3E; }
/* 11. 메인 배너: 양옆 이웃 배너 가림 (가운데 한 장만) */
html body .mainLbg, html body .mainRbg { background: #F7F3EC !important; height: 504px !important; opacity: 1 !important; }

/* ---------- 12. 상품 목록 화면 ---------- */
html body .location_cont em, html body .location_cont .local_home, html body .location_cont span, html body .location_select .location_tit a { color: var(--mh-mute) !important; font-size: 12px !important; }
html body .location_select .location_tit { border: 1px solid var(--mh-gold-soft) !important; border-radius: 14px !important; background: #FFFFFF !important; }
html body .goods_list_item_tit { border-bottom: 0 !important; padding-bottom: 6px !important; }
html body .goods_list_item_tit h2 { color: var(--mh-navy) !important; font-size: 40px !important; font-weight: 300 !important; letter-spacing: -0.03em !important; }
html body .goods_list_item_tit h2:after { content: ""; display: block; width: 36px; height: 1px; margin-top: 16px; background: var(--mh-gold); }
/* 하위 카테고리: 알약 모양 */
html body .list_item_category { border: 0 !important; background: transparent !important; padding: 8px 0 !important; }
html body .list_item_category ul { display: flex !important; flex-wrap: wrap; gap: 8px; border: 0 !important; background: transparent !important; }
html body .list_item_category ul:after { display: none !important; }
html body .list_item_category li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body .list_item_category li a { display: inline-flex !important; align-items: center; height: 36px !important; padding: 0 18px !important; border: 1px solid #D9C7A6 !important; border-radius: 18px !important; background: transparent !important; line-height: 1 !important; }
html body .list_item_category li a span { color: var(--mh-navy) !important; font-size: 13px !important; font-weight: 500 !important; background: transparent !important; }
html body .list_item_category li a em { color: var(--mh-mute) !important; font-style: normal; font-size: 12px !important; }
html body .list_item_category li a:hover, html body .list_item_category li.on a { background: var(--mh-champagne) !important; border-color: var(--mh-gold) !important; }
html body .list_item_category li.on a span { font-weight: 600 !important; }
/* 상품 수 · 정렬 */
html body .goods_pick_list { border-top: 1px solid var(--mh-gold-soft) !important; border-bottom: 1px solid var(--mh-gold-soft) !important; background: transparent !important; padding: 14px 0 !important; }
html body .goods_pick_list .pick_list_num { color: var(--mh-sub) !important; font-size: 13px !important; }
html body .goods_pick_list .pick_list_num strong { color: var(--mh-gold-dark) !important; }
html body .goods_pick_list .pick_list li { border: 0 !important; background: transparent !important; }
html body .goods_pick_list .pick_list label { color: var(--mh-sub) !important; font-size: 13px !important; font-weight: 500 !important; background: transparent !important; background-image: none !important; border: 0 !important; padding: 4px 2px !important; margin-right: 14px; }
html body .goods_pick_list .pick_list label:before, html body .goods_pick_list .pick_list label:after { display: none !important; }
html body .goods_pick_list .pick_list label.on { color: var(--mh-navy) !important; font-weight: 700 !important; border-bottom: 1px solid var(--mh-gold) !important; }
html body .chosen-container-single .chosen-single { background: #FFFFFF !important; border: 1px solid var(--mh-gold-line) !important; border-radius: 18px !important; box-shadow: none !important; color: var(--mh-navy) !important; }
/* 페이지 번호 */
html body .pagination li a, html body .pagination li span { width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 20px !important; color: var(--mh-navy) !important; font-size: 14px !important; border: 0 !important; background: transparent !important; }
html body .pagination li.on span { background: var(--mh-champagne) !important; box-shadow: inset 0 0 0 1px var(--mh-gold); color: var(--mh-navy) !important; font-weight: 600 !important; }
html body .pagination li a:hover { color: var(--mh-gold-dark) !important; }
html body .pagination .btn_page { border: 0 !important; background: transparent !important; }

/* ---------- 13. 상품 상세 화면 ---------- */
html body .item_photo_big { border: 0 !important; background: #FFFFFF !important; box-shadow: inset 0 0 0 12px #FFFFFF, inset 0 0 0 13px var(--mh-gold-soft); }
html body .item_photo_slide .slider_wrap li img, html body .item_photo_slide .slick-slide img { border: 1px solid var(--mh-gold-soft) !important; }
html body .item_photo_slide .slick-current img { border-color: var(--mh-gold) !important; }
html body .item_detail_tit { border-bottom: 1px solid var(--mh-gold-line) !important; padding-bottom: 22px !important; }
html body .item_detail_tit h3 { color: var(--mh-navy) !important; font-size: 30px !important; font-weight: 400 !important; letter-spacing: -0.03em !important; line-height: 1.35 !important; }
html body .item_detail_list { border-bottom: 1px solid var(--mh-gold-soft) !important; margin-top: 0 !important; }
html body .item_detail_list dl { padding: 13px 0 12px !important; border-bottom: 1px solid #EDE3D2; }
html body .item_detail_list dl:last-child { border-bottom: 0; }
html body .item_detail_list dt { color: var(--mh-mute) !important; font-size: 14px !important; }
html body .item_detail_list dd { color: var(--mh-text) !important; font-size: 14px !important; line-height: 1.6; }
html body .item_detail_list .item_price dd, html body .item_detail_list .item_price dd strong { color: var(--mh-navy) !important; font-size: 22px !important; font-weight: 600 !important; letter-spacing: -0.02em; }
html body .item_detail_list .item_price del { color: var(--mh-mute) !important; font-weight: 300 !important; font-size: 15px !important; }
html body .item_detail_list .item_delivery dd strong { color: var(--mh-navy) !important; }
html body .btn_gray_small, html body .btn_gray_mid { border: 1px solid var(--mh-gold-line) !important; border-radius: 14px !important; background: #FFFFFF !important; color: var(--mh-navy) !important; }
html body .btn_gray_small em, html body .btn_gray_mid em { color: var(--mh-navy) !important; }
/* 옵션 · 수량 · 합계 */
html body .item_add_option_box, html body .order_goods { border-color: var(--mh-gold-soft) !important; }
html body .order_goods table, html body .order_goods td, html body .order_goods th { border-color: var(--mh-gold-soft) !important; background: transparent !important; }
html body .order_goods .count input, html body .count input.text { border: 1px solid var(--mh-gold-line) !important; background: #FFFFFF !important; color: var(--mh-navy) !important; }
html body .item_tatal_box .total_amount { border-top: 1px solid var(--mh-gold-soft) !important; }
html body .item_tatal_box .total_amount dd, html body .item_tatal_box .total_amount dd strong { color: var(--mh-navy) !important; }
html body .item_tatal_box .total_amount dd strong { font-size: 26px !important; letter-spacing: -0.02em; }
/* 구매 버튼 */
html body .btn_choice_box { display: flex; gap: 10px; justify-content: flex-end; }
html body .btn_choice_box button { height: 56px !important; border-radius: 28px !important; margin: 0 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.04em; }
html body .btn_choice_box .btn_add_order { flex: 1 1 0; background: var(--mh-champagne) !important; border: 1px solid var(--mh-gold) !important; color: var(--mh-navy) !important; }
html body .btn_choice_box .btn_add_cart { flex: 1 1 0; background: transparent !important; border: 1px solid var(--mh-gold-line) !important; color: var(--mh-navy) !important; }
html body .btn_choice_box .btn_add_wish { width: 56px !important; flex: 0 0 56px; padding: 0 !important; background: transparent !important; border: 1px solid var(--mh-gold-line) !important; color: var(--mh-navy) !important; }
html body .btn_add_soldout, html body .btn_disabled_order { width: 100% !important; height: 56px !important; border-radius: 28px !important; background: var(--mh-linen) !important; border: 1px solid var(--mh-gold-soft) !important; color: var(--mh-mute) !important; font-weight: 600 !important; }
/* 상세 탭 */
html body .item_goods_tab { border-bottom: 1px solid var(--mh-gold-soft) !important; }
html body .item_goods_tab ul { display: flex !important; justify-content: center; gap: 56px; height: auto !important; width: auto !important; padding: 0 !important; }
html body .item_goods_tab li, html body .item_goods_tab li.on { float: none !important; width: auto !important; margin: 0 !important; }
html body .item_goods_tab li a, html body .item_goods_tab li.on a { margin: 0 !important; padding: 22px 2px 18px !important; border: 0 !important; border-bottom: 1px solid transparent !important; background: transparent !important; color: var(--mh-sub) !important; font-size: 15px !important; font-weight: 500 !important; }
html body .item_goods_tab li.on a { color: var(--mh-navy) !important; font-weight: 600 !important; border-bottom-color: var(--mh-gold) !important; }
html body .item_goods_tab li a strong { color: var(--mh-gold-dark) !important; }
html body .item_goods_sec h3 { color: var(--mh-navy) !important; font-size: 20px !important; font-weight: 600 !important; }
html body .item_goods_sec .admin_msg, html body .item_goods_sec .admin_msg * { color: var(--mh-text) !important; }
html body .detail_info_box table, html body .detail_info_box th, html body .detail_info_box td { border-color: var(--mh-gold-soft) !important; }
html body .detail_info_box th { background: var(--mh-linen) !important; color: var(--mh-sub) !important; font-weight: 500 !important; }
html body .detail_info_box td { background: #FFFFFF !important; color: var(--mh-text) !important; }
html body .btn_reviews_box a, html body .btn_qna_box a { border: 1px solid var(--mh-gold-line) !important; border-radius: 20px !important; background: transparent !important; color: var(--mh-navy) !important; }
html body .btn_reviews_box a.btn_reviews_write, html body .btn_qna_box a.btn_qna_write { background: var(--mh-champagne) !important; border-color: var(--mh-gold) !important; }
html body .reviews_table_type th, html body .reviews_table_type td { border-color: var(--mh-gold-soft) !important; background: transparent !important; }

/* ---------- 14. 장바구니 · 주문서 ---------- */
html body .order_wrap .order_tit { border-bottom: 1px solid var(--mh-gold-line) !important; padding-bottom: 18px; }
html body .order_wrap .order_tit h2 { color: var(--mh-navy) !important; font-size: 40px !important; font-weight: 300 !important; letter-spacing: -0.03em !important; }
html body .order_wrap .order_tit ol li { color: var(--mh-mute) !important; font-size: 14px !important; }
html body .order_wrap .order_tit li span { font-family: "Cormorant Garamond", serif !important; font-style: italic; font-weight: 500 !important; font-size: 18px !important; color: var(--mh-gold-line) !important; margin-right: 4px; }
html body .order_wrap .order_tit li span > img { display: none !important; }
html body .order_wrap .order_tit li + li:before { content: ""; display: inline-block; width: 32px; height: 1px; margin: 0 16px; vertical-align: middle; background: #D9C7A6; }
html body .order_wrap .order_tit .page_on { color: var(--mh-navy) !important; font-weight: 700 !important; }
html body .order_wrap .order_tit .page_on span { color: var(--mh-gold) !important; }
html body .order_table_type th { background: transparent !important; border-top: 1px solid var(--mh-gold-line) !important; border-bottom: 1px solid var(--mh-gold-soft) !important; color: var(--mh-sub) !important; font-size: 13px !important; font-weight: 500 !important; }
html body .order_table_type td { background: transparent !important; border-bottom: 1px solid var(--mh-gold-soft) !important; color: var(--mh-text) !important; }
html body .order_table_type td > strong, html body .order_table_type .order_sum_txt { color: var(--mh-navy) !important; }
html body .order_table_type .td_order_amount, html body .order_table_type .td_delivery, html body .order_table_type .td_benefit { border-color: #EDE3D2 !important; }
html body .order_table_type .pick_add_cont .pick_add_img img { border: 1px solid var(--mh-gold-soft) !important; background: #FFFFFF; }
html body .order_table_type .pick_add_cont .pick_add_info em, html body .order_table_type .pick_add_cont .pick_add_info em a { color: var(--mh-navy) !important; font-weight: 500 !important; }
html body .order_table_type tfoot td { background: transparent !important; }
html body .order_table_type .table_left { border-top: 1px solid var(--mh-gold-line) !important; }
html body .order_table_type .table_left th { background: var(--mh-linen) !important; }
html body .order_wrap .cart_cont .no_data { border-bottom: 1px solid var(--mh-gold-soft) !important; color: var(--mh-sub) !important; }
/* 합계 박스 */
html body .price_sum { border: 1px solid var(--mh-gold) !important; background: #FFFFFF !important; box-shadow: inset 0 0 0 4px #FFFFFF, inset 0 0 0 5px var(--mh-gold-soft); }
html body .price_sum_cont .price_sum_list dt { color: var(--mh-sub) !important; }
html body .price_sum_cont .price_sum_list dd, html body .price_sum_cont .price_sum_list dd strong { color: var(--mh-navy) !important; }
html body .price_sum_cont .price_sum_list .price_total dd strong { font-size: 26px !important; letter-spacing: -0.02em; }
html body .price_sum_cont .price_sum_list span img { opacity: 0.45; }
/* 장바구니 버튼 */
html body .btn_order_box button { height: 48px !important; padding: 0 22px !important; border-radius: 24px !important; font-size: 14px !important; font-weight: 600 !important; background: transparent !important; border: 1px solid var(--mh-gold-line) !important; color: var(--mh-navy) !important; }
html body .btn_order_box .btn_order_whole_buy { height: 56px !important; padding: 0 34px !important; border-radius: 28px !important; background: var(--mh-champagne) !important; border-color: var(--mh-gold) !important; font-size: 15px !important; }
html body .btn_order_box .btn_order_choice_buy { height: 56px !important; border-radius: 28px !important; }
html body .chk_none { color: var(--mh-mute) !important; }

/* 15. 세부 보정 */
html body .goods_pick_list { border-top: 0 !important; padding: 14px 0 0 !important; }
html body .goods_pick_list .pick_list_box { border-top: 1px solid var(--mh-gold-soft) !important; border-bottom: 0 !important; background: transparent !important; }
html body .item_photo_big { outline: 1px solid var(--mh-gold-soft); outline-offset: -13px; }
html body .item_photo_big .btn_zoom { right: 22px !important; bottom: 22px !important; width: 40px; height: 40px; border-radius: 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--mh-gold-line); display: flex; align-items: center; justify-content: center; font-size: 15px !important; line-height: 1 !important; }
html body .item_photo_big .btn_zoom img { display: none !important; }
html body .item_photo_big .btn_zoom:after { content: "\f002"; font-family: FontAwesome !important; color: var(--mh-navy); }
html body .item_detail_tit h3 { width: calc(100% - 80px) !important; }
html body .shop_go_link { display: inline-flex !important; align-items: center; height: 40px; padding: 0 20px; border: 1px solid var(--mh-gold-line); border-radius: 20px; background: transparent; }
html body .shop_go_link em { color: var(--mh-navy) !important; font-style: normal; font-size: 13px !important; font-weight: 600 !important; }

/* 16. 상세 공통 안내 (멤버십 · 주문배송) — 관리자 공통정보 이미지 대신 표시 */
html body .txt-manual img[src*="28cfd8b8eabac6357632ceb82430814b"], html body .txt-manual img[src*="8b485089a1b8bd2a36a4135c9d01ece3"] { display: none !important; }
html body .mh-common { display: none; max-width: 1150px; margin: 10px auto 70px; text-align: left; }
html body .txt-manual:has(img[src*="28cfd8b8eabac6357632ceb82430814b"]) .mh-common, html body .txt-manual:has(img[src*="8b485089a1b8bd2a36a4135c9d01ece3"]) .mh-common { display: block; }
html body .mh-common .mh-lab { display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: 0.26em; color: #8C6C3E; }
html body .mh-common .mh-lab:before { content: ""; width: 28px; height: 1px; background: #A88452; }
html body .mh-common .mh-fr { display: block; margin-top: 16px; font-family: "Cormorant Garamond", serif !important; font-style: italic; font-size: 20px; color: #A88452; }
html body .mh-common .mh-ttl { display: block; margin-top: 4px; font-size: 30px; font-weight: 300; letter-spacing: -0.03em; color: #1F2A44; line-height: 1.3; }
html body .mh-common .mh-ttl b { font-weight: 600; }
html body .mh-perk { display: grid; grid-template-columns: 270px 1fr; gap: 0; padding: 40px 28px 40px 40px; background: #FFFFFF; border: 1px solid #A88452; box-shadow: inset 0 0 0 5px #FFFFFF, inset 0 0 0 6px #E4D6BD; text-decoration: none; }
html body .mh-perk-head { display: flex; flex-direction: column; justify-content: center; padding-right: 24px; border-right: 1px solid #EDE3D2; }
html body .mh-perk .mh-desc { margin-top: 12px; font-size: 14px; color: #5F667A; line-height: 1.6; }
html body .mh-perk .mh-cta { align-self: flex-start; margin-top: 26px; display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 24px; border-radius: 22px; background: #F1E8D8; box-shadow: inset 0 0 0 1px #A88452; font-size: 14px; font-weight: 600; color: #1F2A44; transition: background .2s; }
html body .mh-perk .mh-cta em { font-style: normal; color: #A88452; }
html body .mh-perk:hover .mh-cta { background: #EBDDC4; }
html body .mh-perk-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0 0 0 12px; list-style: none; }
html body .mh-perk-list li { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 4px 8px; border-left: 1px solid #F1E8D8; float: none; }
html body .mh-perk-list li:first-child { border-left: 0; }
html body .mh-perk-list .mh-ic { width: 80px; height: 80px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px #D9C7A6, inset 0 0 0 4px #FFFFFF, inset 0 0 0 5px #EDE3D2; }
html body .mh-perk-list em { display: block; margin-top: 16px; font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: 0.2em; color: #A88452; }
html body .mh-perk-list p { margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: #5F667A; word-break: keep-all; }
html body .mh-perk-list p strong { color: #1F2A44; font-weight: 600; }
html body .mh-ship { position: relative; margin-top: 32px; display: grid; grid-template-columns: 270px 1fr; padding: 40px 40px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #E4D6BD; overflow: hidden; }
html body .mh-ship-head { padding-right: 24px; border-right: 1px solid #EDE3D2; }
html body .mh-ship-body { padding: 0 180px 0 32px; }
html body .mh-ship-art svg { width: 160px; height: 122px; }
html body .mh-ship-body dl { display: flex; margin: 0; padding: 16px 0; border-bottom: 1px solid #EDE3D2; }
html body .mh-ship-body dl:first-child { padding-top: 4px; }
html body .mh-ship-body dl:last-child { border-bottom: 0; padding-bottom: 0; }
html body .mh-ship-body dt { width: 92px; flex-shrink: 0; font-size: 15px; font-weight: 600; color: #1F2A44; }
html body .mh-ship-body dd { margin: 0; display: flex; flex-direction: column; gap: 7px; }
html body .mh-ship-body dd span { position: relative; padding-left: 14px; font-size: 14px; line-height: 1.5; color: #3E4659; }
html body .mh-ship-body dd span:before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 2px; background: #C9AE82; }
html body .mh-ship-body dd strong { color: #8C6C3E; font-weight: 600; }
html body .mh-ship-body dd .mh-must { color: #A33A2E; font-weight: 600; }
html body .mh-ship-body dd .mh-must:before { background: #A33A2E; }
html body .mh-ship-art { position: absolute; right: 28px; bottom: 24px; }

/* 17. 회원 화면 보정 (회원가 · 구매 버튼 · 장바구니) */
html body .goods_list .item_money_box .item_price, html body .goods_list .item_money_box .item_price span { font-size: 15px !important; font-weight: 600 !important; color: var(--mh-navy) !important; letter-spacing: -0.01em; }
html body .goods_list .item_money_box > span[style*="line-through"] { color: var(--mh-mute) !important; font-size: 12px !important; font-weight: 300 !important; margin-right: 6px; }
html body .detailfer .percent, html body .detailfer .percent2, html body .detailfer .percent3 { background: var(--mh-gold-dark) !important; color: #FFFFFF !important; }
html body .btn_choice_box > div { display: flex; gap: 10px; width: 100%; }
html body .btn_choice_box > div > .btn_add_wish { flex: 0 0 auto !important; width: auto !important; padding: 0 22px !important; }
html body .btn_choice_box > div > .div_disabled_order { display: contents !important; }
html body .btn_choice_box .btn_disabled_order { flex: 1 1 auto; }
html body .btn_choice_box > div > .btn_add_cart, html body .btn_choice_box > div > .btn_add_order { min-width: 0; padding: 0 16px !important; }
html body .option_display_area { border-top: 1px solid var(--mh-gold-soft) !important; border-bottom: 1px solid var(--mh-gold-soft) !important; }
html body .option_display_area td { background: #FFFFFF !important; border-color: var(--mh-gold-soft) !important; color: var(--mh-text) !important; }
html body .option_display_area .cart_tit span { color: var(--mh-navy) !important; font-weight: 500 !important; }
html body .option_display_area .goods_qty input.text { border: 1px solid var(--mh-gold-line) !important; border-radius: 6px !important; background: #FFFFFF !important; color: var(--mh-navy) !important; font-weight: 600 !important; }
html body .option_display_area .item_choice_price, html body .option_display_area .item_choice_price strong { color: var(--mh-navy) !important; font-weight: 600 !important; }
html body .order_table_type .pick_add_cont .pick_add_img { width: 72px !important; padding-right: 14px !important; vertical-align: middle !important; }
html body .order_table_type .pick_add_cont .pick_add_img img { width: 72px !important; height: auto !important; padding: 4px; box-sizing: border-box; }
html body .order_table_type .pick_add_cont .pick_add_info em, html body .order_table_type .pick_add_cont .pick_add_info em a { font-size: 14px !important; }

/* 18. 가독성 보정 (작은 글자 명암비 4.5:1 이상) */
:root { --mh-sub: #5F667A; --mh-mute: #666C80; --mh-gold-dark: #806235; }
html body .mh-cate i, html body .mh-common .mh-fr, html body .mh-perk-list em, html body .mh-perk .mh-cta em, html body .mh-common .mh-lab { color: #806235 !important; }
html body .footer .notice li a, html body .footer li a, html body .footer p, html body .footer span, html body .footer em { color: var(--mh-sub) !important; }
html body .footer a.activebo, html body .footer h4 { color: var(--mh-navy) !important; }
html body .item_goods_sec .admin_msg .btn_bbs_ok, html body .btn_bbs_ok { background: var(--mh-champagne) !important; border: 1px solid var(--mh-gold) !important; border-radius: 20px !important; color: var(--mh-navy) !important; font-weight: 600 !important; padding: 0 18px !important; }
html body .item_goods_tab li a strong { color: #806235 !important; }
html body .sidemenu_inner .logtabs3 a { background: var(--mh-linen) !important; color: var(--mh-sub) !important; }
html body .sidemenu_inner .logtabs3 a.activelog3 { background: #FFFFFF !important; color: var(--mh-navy) !important; }
html body .sidemenu_inner .logzone3 a, html body .sidemenu_inner .num_small, html body .sidemenu_inner p, html body .sidemenu_inner li { color: var(--mh-sub) !important; }
html body .footer .num_small, html body .footer .Farea2 span, html body .footer .Farea2 p { color: var(--mh-sub) !important; }
html body .popular-line strong { color: #A33A2E !important; }

/* 19. 상품 카드 담기 버튼 · 담기 안내 (mh_quickcart.js) */
html body .item_cont .mh-qc { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 40px; margin: 10px 0 2px; padding: 0; border: 1px solid #C9AE82; border-radius: 4px; background: #FFFFFF; color: #1F2A44; font-size: 14px; font-weight: 600; letter-spacing: -0.01em; line-height: 1; cursor: pointer; transition: background-color .2s, border-color .2s; }
html body .item_cont .mh-qc:hover { background: #F1E8D8; border-color: #A88452; }
html body .item_cont .mh-qc .mh-qc-ic { flex: 0 0 auto; color: #806235; }
html body .item_cont .mh-qc.is-busy { cursor: progress; color: #5F667A; background: #F7F3EC; }
html body .item_cont .mh-qc.is-done { background: #F1E8D8; border-color: #A88452; }
html body .item_cont .mh-qc.is-soldout { cursor: default; border-color: #E4D6BD; background: #F7F3EC; color: #666C80; }
html body .item_cont .mh-qc-row { display: flex; gap: 6px; margin: 10px 0 2px; }
html body .item_cont .mh-qc-row .mh-qc { flex: 1 1 auto; width: auto; min-width: 0; margin: 0; }
html body .item_cont .mh-wish { flex: 0 0 40px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid #C9AE82; border-radius: 4px; background: #FFFFFF; color: #806235; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
html body .item_cont .mh-wish .mh-wish-ic { fill: none; transition: fill .2s, transform .2s; }
html body .item_cont .mh-wish:hover { background: #F1E8D8; border-color: #A88452; }
html body .item_cont .mh-wish.is-on { border-color: #A88452; background: #F1E8D8; color: #806235; }
html body .item_cont .mh-wish.is-on .mh-wish-ic { fill: #A88452; }
html body .item_cont .mh-wish.is-busy { cursor: progress; opacity: .6; }
html body .item_cont .mh-wish:active .mh-wish-ic { transform: scale(.88); }
html body .mh-qc-toast { position: fixed; left: 50%; bottom: 40px; z-index: 10000; display: flex; align-items: center; gap: 22px; padding: 14px 18px 14px 22px; background: #1F2A44; border-radius: 6px; box-shadow: 0 10px 30px rgba(31, 42, 68, .22); color: #FFFFFF; font-size: 14px; font-weight: 500; opacity: 0; visibility: hidden; transform: translate(-50%, 12px); transition: opacity .25s, transform .25s, visibility .25s; }
html body .mh-qc-toast.is-on { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
html body .mh-qc-toast .mh-qc-toast-msg { display: flex; align-items: center; gap: 8px; color: #FFFFFF; }
html body .mh-qc-toast .mh-qc-ic { color: #E4D6BD; }
html body .mh-qc-toast a { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px; border-radius: 16px; background: #F1E8D8; color: #1F2A44; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
html body .mh-qc-toast a em { font-style: normal; color: #806235; }

/* 20. 상단 메뉴 드롭다운 (냉동생지 · 노 오븐 디저트) — 흰 패널 · 2단 목록 · 사진 */
html body #header .gnb .gnb_menu_box ul.depth1 { box-sizing: border-box; text-align: left; width: 668px !important; height: auto !important; min-height: 236px; margin-top: 0 !important; padding: 22px 266px 20px 22px !important; column-count: 2; column-gap: 10px; background: #FFFFFF !important; border: 1px solid #C9AE82 !important; border-top: 2px solid #A88452 !important; border-radius: 0 0 6px 6px; box-shadow: 0 18px 40px rgba(31, 42, 68, .12) !important; }
html body #header .gnb .gnb_menu_box ul.depth1::before { content: "Sélection"; column-span: all; display: block; margin: 0 0 10px; padding: 0 0 10px 12px; border-bottom: 1px solid #E4D6BD; font-family: "Cormorant Garamond", serif !important; font-style: italic; font-size: 19px; line-height: 1.2; color: #A88452; }
html body #header .gnb .depth0 > li:has(> a[href$="cateCd=034"]) ul.depth1::before { content: "Pâte surgelée"; }
html body #header .gnb .depth0 > li:has(> a[href$="cateCd=037"]) ul.depth1::before { content: "Desserts sans four"; }
html body #header .gnb .gnb_menu_box ul.depth1::after { position: absolute !important; top: 22px !important; right: 22px !important; bottom: 20px !important; left: auto !important; width: 222px !important; height: auto !important; z-index: 1 !important; background-size: cover !important; background-position: center !important; border-radius: 4px; outline: 1px solid rgba(255, 255, 255, .75); outline-offset: -7px; }
html body #header .gnb .gnb_menu_box ul.depth1 > li { width: auto !important; float: none !important; break-inside: avoid; background: transparent !important; }
html body #header .gnb .gnb_menu_box ul.depth1 > li > a { position: relative; display: block; padding: 8px 12px 8px 12px !important; border-radius: 4px; background: transparent !important; color: #1F2A44 !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: -0.02em; line-height: 1.35; white-space: nowrap; transition: background-color .18s, color .18s, padding .18s; }
html body #header .gnb .gnb_menu_box ul.depth1 > li > a::before { content: ""; position: absolute; left: 6px; top: 50%; width: 0; height: 1px; background: #A88452; transition: width .18s; }
html body #header .gnb .gnb_menu_box ul.depth1 > li > a:hover, html body #header .gnb .gnb_menu_box ul.depth1 > li > a.active { padding-left: 24px !important; background: #F7F3EC !important; color: #806235 !important; }
html body #header .gnb .gnb_menu_box ul.depth1 > li > a:hover::before, html body #header .gnb .gnb_menu_box ul.depth1 > li > a.active::before { width: 12px; }
html body #header .gnb .depth0 > li:has(> a[href$="cateCd=037"]) ul.depth1 { left: auto !important; right: -120px !important; }
html body #header .gnb .depth0 > li:has(> a[href$="cateCd=037"]) ul.depth1::after { background: #F7F3EC url("../han/images/cate/mh_cate_nooven_rainbow.jpg") no-repeat center / cover !important; }
/* 21. 전체메뉴(ALL) 열림 — 닫기 버튼 · 패널 결 맞춤, 간편재주문 겹침 해소 */
html body .gnb2 .sub_2 > li:first-child { padding-left: 34px !important; }
html body .gnb2 .btn_all_menu_close { box-sizing: border-box; padding-left: 36px; background: #F1E8D8 none !important; box-shadow: inset 0 0 0 1px #A88452; color: #1F2A44 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: -0.02em; text-indent: 0 !important; cursor: pointer; }
html body .gnb2 .btn_all_menu_close::before, html body .gnb2 .btn_all_menu_close::after { content: ""; position: absolute; left: 15px; top: 50%; width: 14px; height: 1.5px; margin-top: -1px; background: #806235; transform: rotate(45deg); }
html body .gnb2 .btn_all_menu_close::after { transform: rotate(-45deg); }
html body .gnb2 .btn_all_menu_close:hover { background-color: #EBDDC4 !important; }
html body .gnb_allmenu { border: 1px solid #C9AE82 !important; border-top: 2px solid #A88452 !important; border-radius: 0 0 6px 6px; box-shadow: 0 18px 40px rgba(31, 42, 68, .12) !important; }
html body .gnb_allmenu_box .all_menu_cont > a { color: #1F2A44 !important; }
/* 22. 상품 표시 태그 칩 (mh_tags.js) — B안 샴페인 · 신상품 세이지 */
html body .item_icon_box { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
html body .mh-tag { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 3px; font-size: 11px; font-weight: 600; letter-spacing: -0.01em; line-height: 1; white-space: nowrap; vertical-align: middle; }
html body .mh-tag-pack { background: #F1E8D8; color: #6E5330; }
html body .mh-tag-new { background: #E5EADC; color: #4A5A3A; }
html body .mh-tag-pre { background: #FFFFFF; color: #806235; box-shadow: inset 0 0 0 1px #C9AE82; }
html body .mh-tag-so { background: #E9E6E0; color: #5F667A; }
/* ---------- 23. 간편 재주문 (마이페이지 주문목록) ---------- */
html body .mh-ro { box-sizing: border-box; margin: 0 0 36px; padding: 30px 32px 32px; background: #F7F3EC; border-top: 2px solid #A88452; font-family: 'Pretendard', sans-serif; color: #1F2A44; text-align: left; }
html body .mh-ro * { box-sizing: border-box; }
html body .mh-ro a { color: inherit; text-decoration: none; }
html body .mh-ro-head { display: flex; flex-direction: column; }
html body .mh-ro-lab { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 600; letter-spacing: .24em; color: #806235; }
html body .mh-ro-lab:before { content: ""; width: 22px; height: 1px; background: #A88452; }
html body .mh-ro-fr { margin-top: 10px; font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 18px; color: #A88452; }
html body .mh-ro-ttl { margin-top: 2px; font-size: 26px; font-weight: 300; letter-spacing: -.03em; color: #1F2A44; }
html body .mh-ro-ttl b { font-weight: 600; }
html body .mh-ro-lead { margin-top: 6px; font-size: 14px; color: #5F667A; }
html body .mh-ro-h { display: flex; align-items: baseline; gap: 10px; margin: 28px 0 0; padding: 0; font-size: 17px; font-weight: 600; color: #1F2A44; }
html body .mh-ro-h i { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500; font-size: 15px; color: #A88452; }
html body .mh-ro-freq { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
html body .mh-ro-fq { display: flex; flex-direction: column; padding: 12px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #E4D6BD; }
html body .mh-ro-fq > a { display: flex; flex-direction: column; }
html body .mh-ro-fq .mh-ro-ph { width: 100%; height: 110px; }
html body .mh-ro-fq b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; font-size: 13px; font-weight: 600; line-height: 1.4; color: #1F2A44; }
html body .mh-ro-fq > span { margin-top: 3px; font-size: 12px; color: #5F667A; }
html body .mh-ro-fq .mh-ro-btn { margin-top: 10px; width: 100%; }
html body .mh-ro-ph { display: flex; align-items: center; justify-content: center; overflow: hidden; background: #FFFFFF; box-shadow: inset 0 0 0 1px #EDE3D2; }
html body .mh-ro-ph img { max-width: 92%; max-height: 92%; width: auto; height: auto; object-fit: contain; }
html body .mh-ro-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 34px; padding: 0 14px; border: 0; border-radius: 4px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #C9AE82; font-family: inherit; font-size: 13px; font-weight: 600; color: #1F2A44; cursor: pointer; white-space: nowrap; transition: background .2s, box-shadow .2s; }
html body .mh-ro-btn svg { color: #806235; flex: 0 0 auto; }
html body .mh-ro-btn:hover { background: #F1E8D8; box-shadow: inset 0 0 0 1px #A88452; }
html body .mh-ro-btn.is-busy, html body .mh-ro-all.is-busy { opacity: .6; cursor: default; }
html body .mh-ro-btn.is-done, html body .mh-ro-all.is-done { background: #1F2A44; box-shadow: none; color: #FFFFFF; }
html body .mh-ro-btn.is-done svg, html body .mh-ro-all.is-done svg { color: #E4D6BD; }
html body .mh-ro-od { margin-top: 12px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #E4D6BD; }
html body .mh-ro-odh { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #FBF9F5; border-bottom: 1px solid #EDE3D2; }
html body .mh-ro-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
html body .mh-ro-dt { font-size: 16px; font-weight: 600; color: #1F2A44; }
html body .mh-ro-no { font-size: 13px; color: #5F667A; }
html body .mh-ro-no:hover { color: #806235; text-decoration: underline; }
html body .mh-ro-all { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 18px; border: 0; border-radius: 19px; background: #F1E8D8; box-shadow: inset 0 0 0 1px #A88452; font-family: inherit; font-size: 14px; font-weight: 600; color: #1F2A44; cursor: pointer; white-space: nowrap; transition: background .2s; }
html body .mh-ro-all svg { color: #806235; }
html body .mh-ro-all:hover { background: #E4D6BD; }
html body .mh-ro-it { display: flex; align-items: center; gap: 14px; padding: 10px 18px; border-bottom: 1px solid #F3EDE3; }
html body .mh-ro-it > a { flex: 0 0 60px; }
html body .mh-ro-it .mh-ro-ph { width: 60px; height: 60px; }
html body .mh-ro-nm { flex: 1; min-width: 0; }
html body .mh-ro-nm b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; color: #1F2A44; }
html body .mh-ro-nm a:hover b { color: #806235; }
html body .mh-ro-nm span { display: block; margin-top: 3px; font-size: 13px; color: #5F667A; }
html body .mh-ro-odf { padding: 11px 18px; text-align: right; font-size: 13px; color: #5F667A; }
html body .mh-ro-odf b { margin-left: 4px; font-size: 15px; font-weight: 600; color: #1F2A44; }
html body .mh-ro-more { margin-top: 12px; font-size: 13px; color: #666C80; }
html body .mh-ro-empty { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding: 18px 20px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #E4D6BD; font-size: 14px; color: #5F667A; }
html body .mh-ro-empty a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 16px; border-radius: 17px; background: #F1E8D8; box-shadow: inset 0 0 0 1px #A88452; font-size: 13px; font-weight: 600; color: #1F2A44; }
html body .mh-ro-empty a em { font-style: normal; color: #806235; }
/* ---------- 24. 메인 진열: 예전 hover 아이콘 숨김 (담기·하트 버튼과 중복) ---------- */
html body .item_cont:has(.mh-qc-row) .item_link { display: none !important; }
/* ---------- 25. 샘플주문 선택 카드 ---------- */
html body ul.grid7 > li .item_cont { position: relative; }
html body ul.grid7 > li .goods_no_check { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; z-index: 3; }
html body ul.grid7 > li .goods_no_check input { position: absolute; opacity: 0; pointer-events: none; }
html body ul.grid7 > li .goods_no_check label { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; cursor: pointer; }
html body ul.grid7 > li .item_photo_box { position: relative; border: 1px solid #EDE3D2 !important; transition: border-color .2s; }
html body ul.grid7 > li:hover .item_photo_box { border-color: #A88452 !important; }
html body ul.grid7 > li .item_info_cont { display: block !important; }
html body ul.grid7 > li .item_info_cont::after { content: "+ 샘플 선택"; display: flex; align-items: center; justify-content: center; max-width: 184px; height: 34px; margin-top: 10px; border-radius: 17px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #C9AE82; font-family: 'Pretendard', sans-serif; font-size: 13px; font-weight: 600; color: #1F2A44; transition: background .2s, color .2s; }
html body ul.grid7 > li:hover .item_info_cont::after { background: #F1E8D8; }
html body ul.grid7 > li.on .item_photo_box { border: 2px solid #1F2A44 !important; }
html body ul.grid7 > li.on .item_photo_box::after { content: "✓"; position: absolute; top: 8px; left: 8px; width: 26px; height: 26px; border-radius: 50%; background: #1F2A44; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height: 26px; text-align: center; }
html body ul.grid7 > li.on .item_info_cont::after { content: "✓ 선택됨"; background: #1F2A44; box-shadow: none; color: #FFFFFF; }
html body ul.grid7 > li.on .item_name { color: #1F2A44 !important; font-weight: 600 !important; }
html body .sample_right_fix { background: #FFFFFF !important; border: 0 !important; box-shadow: inset 0 0 0 1px #E4D6BD !important; border-radius: 0 !important; }
html body .sample_right_fix .fix_tit { background: #F7F3EC !important; border-top: 2px solid #A88452 !important; }
html body .sample_right_fix .fix_tit, html body .sample_right_fix .fix_tit * { color: #1F2A44 !important; }
html body .sample_right_fix .fix_price, html body .sample_right_fix .fix_price * { color: #1F2A44 !important; }
html body .sample_right_fix .fix_order { background: #1F2A44 !important; border: 0 !important; border-radius: 4px !important; color: #FFFFFF !important; font-weight: 600 !important; }
html body .sample_right_fix .fix_order:hover { background: #2C3A5C !important; }
html body .sample_right_fix .fix_total p, html body .sample_right_fix .fix_total p * { color: #1F2A44 !important; }
html body .sample_right_fix .fix_total p span { color: #5F667A !important; }
/* ---------- 26. 상단 JOIN 말풍선 ---------- */
html body .header_top .top_member_box > li .accent { overflow: visible !important; top: 24px !important; width: 120px !important; height: auto !important; margin-left: -60px !important; padding: 0 !important; background: none !important; line-height: 1 !important; pointer-events: none; }
html body .header_top .top_member_box > li .accent span { position: relative; display: inline-block !important; min-width: 0 !important; height: auto !important; padding: 4px 10px !important; border: 0 !important; border-radius: 11px; background: #1F2A44 !important; box-shadow: 0 2px 6px rgba(31, 42, 68, .18); line-height: 14px !important; }
html body .header_top .top_member_box > li .accent span::before { content: "" !important; display: block !important; position: absolute; top: -4px; left: 50%; width: 0; height: 0; margin-left: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #1F2A44; }
html body .header_top .top_member_box > li .accent strong { display: inline !important; min-width: 0 !important; height: auto !important; padding: 0 !important; background: none !important; color: #FFFFFF !important; font-family: 'Pretendard', sans-serif; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 14px !important; }
/* ==================== MAISON HIFUDI 2026 끝 ==================== */

/* ---------- 27. 상단 GNB: 메인 배너·아이콘 전용 컬렉션 카테고리 숨김 (20261014) ---------- */
html body ul.depth0.gnb_menu0 > li:has(> a[href$="cateCd=047"]),
html body ul.depth0.gnb_menu0 > li:has(> a[href$="cateCd=051"]),
html body ul.depth0.gnb_menu0 > li:has(> a[href$="cateCd=052"]),
html body ul.depth0.gnb_menu0 > li:has(> a[href$="cateCd=053"]),
html body ul.depth0.gnb_menu0 > li:has(> a[href$="cateCd=054"]),
html body ul.depth0.gnb_menu0 > li:has(> a[href$="cateCd=055"]) { display: none !important; }

/* ---------- 28. 상단 2단 메뉴 정돈 (간격·구분선·샘플주문/개인회원 버튼) 20261014 ---------- */
html body .gnb2 .sub_2 { display:flex !important; align-items:center; height:38px; padding-left:10px; box-sizing:border-box; }
html body .gnb2 .sub_2 > li { float:none !important; width:auto !important; flex:0 0 auto; position:relative; padding:0 18px !important; list-style:none; }
html body .gnb2 .sub_2 > li::after { left:0 !important; right:auto !important; top:50% !important; margin-top:-5px !important; width:1px !important; height:10px !important; background:#E4D6BD !important; }
html body .gnb2 .sub_2 > li.first::after { display:none !important; }
html body .gnb2 .sub_2 > li > a { font-size:13px !important; font-weight:500 !important; color:#5F667A !important; line-height:38px !important; letter-spacing:-0.2px; }
html body .gnb2 .sub_2 > li > a:hover { color:#1F2A44 !important; }
html body .gnb2 .sub_2 > li:has(> a[href*="goods_sample"]) { margin-left:auto; padding-right:0 !important; }
html body .gnb2 .sub_2 > li:has(> a[href*="goods_sample"])::after { display:none !important; }
html body .gnb2 .sub_2 > li > a[href*="goods_sample"] { display:inline-flex !important; align-items:center; height:28px; padding:0 16px; border-radius:14px; background:#1F2A44; color:#FFFFFF !important; font-weight:600 !important; line-height:28px !important; }
html body .gnb2 .sub_2 > li > a[href*="goods_sample"]:hover { background:#2E3B5C; color:#FFFFFF !important; }
html body .gnb .cate_area3 { display:flex !important; align-items:center; justify-content:flex-end; }
html body .gnb .cate_area3 a.pobocol3 { display:inline-flex !important; align-items:center; justify-content:center; width:auto !important; height:34px !important; line-height:34px !important; padding:0 16px !important; border:1px solid #C9AE82 !important; border-radius:17px; background:#FFFFFF; color:#1F2A44 !important; font-size:13px !important; font-weight:600 !important; box-sizing:border-box; }
html body .gnb .cate_area3 a.pobocol3:hover { background:#F1E8D8; }


/* =========================================================
   하이푸디 회원가입 v2 — 약관 리스트형 + 좌우 분할 + 라인형 입력
   적용: /data/skin/front/moment_hifudi_cart/css/custom.css 맨 아래
   (이전 카드형 CSS를 붙여넣으셨다면 그 부분은 지우고 이것으로 교체)
   범위: .join_agreement_wrap(약관동의) / .join_base_wrap(정보입력)
   ========================================================= */

:is(.join_agreement_wrap, .join_base_wrap) {
  --hf-brown: #7a4e2d;
  --hf-brown-dark: #5e3a20;
  --hf-gold: #a88452;
  --hf-cream: #f7f3ec;
  --hf-cream-2: #efe5d4;
  --hf-ink: #2b2620;
  --hf-sub: #857b70;
  --hf-line: #e4dbcd;
  --hf-red: #c8452f;
  margin: 0 auto !important;
  padding: 10px 0 90px !important;
  color: var(--hf-ink);
}
.join_agreement_wrap { max-width: 620px !important; }
.join_base_wrap { max-width: 1000px !important; }

/* ---------- 타이틀 + 단계 (얇은 진행선) ---------- */
:is(.join_agreement_wrap, .join_base_wrap) .member_tit {
  height: auto !important;
  overflow: visible !important;
  border: 0 !important;
  padding: 36px 0 34px !important;
  text-align: center;
}
:is(.join_agreement_wrap, .join_base_wrap) .member_tit h2 {
  float: none !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px;
  color: var(--hf-ink) !important;
  margin: 0 0 22px !important;
}
:is(.join_agreement_wrap, .join_base_wrap) .member_tit ol {
  float: none !important;
  display: flex !important;
  justify-content: center;
  gap: 0;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 360px;
}
:is(.join_agreement_wrap, .join_base_wrap) .member_tit ol li {
  float: none !important;
  flex: 1;
  display: block !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  border-top: 2px solid var(--hf-line);
  background: none !important;
  color: #b3a99c !important;
  font-size: 12px !important;
  font-weight: 500;
  text-align: center;
}
:is(.join_agreement_wrap, .join_base_wrap) .member_tit ol li span:first-child {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
:is(.join_agreement_wrap, .join_base_wrap) .member_tit ol li span img { display: none !important; }
:is(.join_agreement_wrap, .join_base_wrap) .member_tit ol li.page_on {
  border-top-color: var(--hf-brown);
  color: var(--hf-brown) !important;
  font-weight: 700;
}
:is(.join_agreement_wrap, .join_base_wrap) :is(.member_cont, form, .join_agreement_cont) {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
}

/* =========================================================
   01 약관동의 — 리스트형
   ========================================================= */
.join_agreement_wrap .member_cont form > h3 { display: none !important; }
.join_agreement_wrap .join_agreement_cont {
  background: #fff;
  border: 1px solid var(--hf-line) !important;
  border-radius: 18px;
  padding: 8px 28px !important;
}
.join_agreement_wrap .join_agreement_box {
  border: 0 !important;
  border-bottom: 1px solid var(--hf-line) !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  background: none !important;
}
.join_agreement_wrap .join_agreement_box:last-of-type { border-bottom: 0 !important; }
.join_agreement_wrap .join_agreement_box .form_element {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 !important;
  min-height: 24px;
}
/* 전체동의 행 */
.join_agreement_wrap .join_agreement_box:first-child {
  padding: 22px 0 20px !important;
  border-bottom: 1px solid var(--hf-ink) !important;
}
.join_agreement_wrap .join_agreement_box:first-child .form_element { flex-wrap: wrap; }
.join_agreement_wrap .join_agreement_box:first-child label em {
  font-style: normal;
  font-size: 16px;
  font-weight: 700;
  color: var(--hf-ink);
  letter-spacing: -0.3px;
}
.join_agreement_wrap .join_agreement_box:first-child .form_element > span {
  width: 100%;
  padding-left: 28px;
  font-size: 12px;
  color: var(--hf-sub);
}
.join_agreement_wrap .join_agreement_box label { font-size: 14px; color: var(--hf-ink); }
.join_agreement_wrap .join_agreement_box label strong { color: var(--hf-brown); font-weight: 600; }
.join_agreement_wrap .join_agreement_box label strong.choice { color: var(--hf-sub); }
/* 기존 '전체보기' 링크 대신 펼침 버튼 사용 */
.join_agreement_wrap .js_terms_view .form_element > span { display: none !important; }
.join_agreement_wrap .hf-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0 4px 10px;
  background: none;
  border: 0;
  font-size: 12px;
  color: var(--hf-sub);
  cursor: pointer;
}
.join_agreement_wrap .hf-toggle::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s;
}
.join_agreement_wrap .hf-open .hf-toggle { color: var(--hf-brown); }
.join_agreement_wrap .hf-open .hf-toggle::after { transform: rotate(-135deg) translateY(-1px); }
/* 약관 본문: 접힘 상태가 기본 */
.join_agreement_wrap .js_terms_view :is(.agreement_box, .agreement_choice_box) {
  display: none !important;
}
.join_agreement_wrap .js_terms_view.hf-open :is(.agreement_box, .agreement_choice_box) {
  display: block !important;
}
.join_agreement_wrap .agreement_box {
  height: 180px !important;
  max-height: 180px !important;
  overflow-y: auto !important;
  margin: 14px 0 0 !important;
  padding: 16px 18px !important;
  background: var(--hf-cream) !important;
  border: 0 !important;
  border-radius: 10px;
  font-size: 12px !important;
  line-height: 1.75 !important;
  color: var(--hf-sub) !important;
}
.join_agreement_wrap .agreement_choice_box { margin-top: 14px !important; }
.join_agreement_wrap .agreement_choice_box table {
  width: 100%;
  border: 0 !important;
  border-collapse: separate !important;
  background: var(--hf-cream);
  border-radius: 10px;
  overflow: hidden;
}
.join_agreement_wrap .agreement_choice_box :is(th, td) {
  border: 0 !important;
  background: none !important;
  font-size: 12px;
  line-height: 1.7;
  padding: 12px 14px !important;
  color: var(--hf-sub);
  text-align: left;
}
.join_agreement_wrap .agreement_choice_box th { color: var(--hf-ink); font-weight: 600; }
.join_agreement_wrap .important_check_box { text-align: center; padding: 12px 0 0 !important; }
.join_agreement_wrap .important_check { color: var(--hf-red) !important; font-size: 13px; }
/* 다음단계 버튼: 목록 바로 아래, 스크롤해도 하단에 붙어 있음 */
.join_agreement_wrap .btn_center_box {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 18px 0 0 !important;
  padding: 14px 0 18px !important;
  background: linear-gradient(to bottom, rgba(247, 243, 236, 0), #f7f3ec 30%);
}
.join_agreement_wrap #btnNextStep {
  float: none !important;
  width: 100% !important;
  height: 56px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--hf-brown) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px;
  cursor: pointer;
}
.join_agreement_wrap #btnNextStep:hover { background: var(--hf-brown-dark) !important; }

/* =========================================================
   02 정보입력 — 좌측 안내 패널 + 우측 라인형 폼
   ========================================================= */
.join_base_wrap .member_cont {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 56px;
  align-items: start;
}

/* 좌측 안내 패널 (hifudi_join_v2.js 가 넣어 줌) */
.join_base_wrap .hf-side {
  position: sticky;
  top: 120px;
  background: var(--hf-brown);
  color: #f6ece0;
  border-radius: 20px;
  padding: 34px 30px 30px;
}
.join_base_wrap .hf-side .hf-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #d9b98c;
}
.join_base_wrap .hf-side h4 {
  margin: 10px 0 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.5px;
  color: #fff;
}
.join_base_wrap .hf-side p.hf-lead {
  margin: 0 0 26px;
  font-size: 13px;
  line-height: 1.7;
  color: #e6d6c3;
}
.join_base_wrap .hf-side .hf-label {
  display: block;
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 700;
  color: #d9b98c;
}
.join_base_wrap .hf-side ol.hf-steps {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
  counter-reset: hfstep;
}
.join_base_wrap .hf-side ol.hf-steps li {
  position: relative;
  padding: 0 0 16px 34px;
  font-size: 13px;
  line-height: 1.55;
  color: #fff;
  counter-increment: hfstep;
}
.join_base_wrap .hf-side ol.hf-steps li::before {
  content: counter(hfstep);
  position: absolute;
  left: 0;
  top: -1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  font-size: 11px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  color: #f1d9b5;
}
.join_base_wrap .hf-side ol.hf-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 10.5px;
  top: 25px;
  bottom: 3px;
  width: 1px;
  background: rgba(255, 255, 255, 0.18);
}
.join_base_wrap .hf-side ol.hf-steps small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #d8c6b1;
}
.join_base_wrap .hf-side ol.hf-steps a { color: #f1d9b5; text-decoration: underline; text-underline-offset: 2px; }
.join_base_wrap .hf-side ul.hf-notes {
  list-style: none;
  margin: 0 0 26px;
  padding: 16px 16px 14px;
  background: rgba(0, 0, 0, 0.14);
  border-radius: 12px;
}
.join_base_wrap .hf-side ul.hf-notes li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.6;
  color: #eadbc8;
}
.join_base_wrap .hf-side ul.hf-notes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d9b98c;
}
.join_base_wrap .hf-side .hf-contact { display: flex; gap: 8px; }
.join_base_wrap .hf-side .hf-contact a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.join_base_wrap .hf-side .hf-contact .hf-kakao { background: #fee500; color: #3a1d1d; }
.join_base_wrap .hf-side .hf-contact .hf-tel { background: rgba(255, 255, 255, 0.12); color: #fff; }

/* 우측 폼: 섹션 번호 + 얇은 구분선 */
.join_base_wrap form { counter-reset: hfsec; min-width: 0; }
.join_base_wrap :is(.join_type_box, .base_info_box, .business_info_box) {
  position: relative;
  background: none !important;
  border: 0 !important;
  margin: 0 0 44px !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.join_base_wrap :is(.join_type_box, .base_info_box, .business_info_box) h3 {
  display: flex !important;
  align-items: baseline;
  gap: 10px;
  float: none !important;
  width: auto !important;
  margin: 0 0 22px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--hf-ink) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px;
  color: var(--hf-ink) !important;
  counter-increment: hfsec;
}
.join_base_wrap :is(.join_type_box, .base_info_box, .business_info_box) h3::before {
  content: counter(hfsec, decimal-leading-zero);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--hf-gold);
}
.join_base_wrap .base_info_box > .important {
  position: absolute;
  top: 6px;
  right: 0;
  padding: 0 !important;
  background: none !important;
  font-size: 12px !important;
  color: var(--hf-sub) !important;
}
.join_base_wrap .base_info_box > .important::before { content: "* "; color: var(--hf-red); }

/* 회원종류: 세그먼트 버튼 */
.join_base_wrap .type_select_sec { padding: 0 !important; border: 0 !important; }
.join_base_wrap .type_select_sec ul {
  display: flex;
  margin: 0 !important;
  padding: 4px !important;
  background: var(--hf-cream-2);
  border-radius: 12px;
}
.join_base_wrap .type_select_sec li { flex: 1; float: none !important; margin: 0 !important; padding: 0 !important; }
.join_base_wrap .type_select_sec li label {
  display: block !important;
  padding: 12px 10px !important;
  background: none !important;
  border-radius: 9px;
  text-align: center !important;
  font-size: 14px !important;
  color: var(--hf-sub) !important;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
.join_base_wrap .type_select_sec li label.on {
  background: #fff !important;
  color: var(--hf-ink) !important;
  font-weight: 700;
  box-shadow: 0 1px 4px rgba(60, 40, 20, 0.12);
}

/* 표 → 세로 라벨형 */
.join_base_wrap :is(.base_info_sec, .business_info_sec) { border: 0 !important; padding: 0 !important; }
.join_base_wrap :is(.base_info_sec, .business_info_sec) :is(table, tbody, tr, th, td) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  box-sizing: border-box;
  text-indent: 0 !important;
}
.join_base_wrap :is(.base_info_sec, .business_info_sec) colgroup { display: none !important; }
.join_base_wrap :is(.base_info_sec, .business_info_sec) tr { margin-bottom: 26px !important; }
.join_base_wrap :is(.base_info_sec, .business_info_sec) tr:last-child { margin-bottom: 0 !important; }
.join_base_wrap :is(.base_info_sec, .business_info_sec) th {
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--hf-sub) !important;
  margin-bottom: 2px !important;
}
.join_base_wrap th span.important {
  background: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
.join_base_wrap th span.important::after { content: "*"; color: var(--hf-red); margin-left: 3px; }

/* 라인형 입력칸 */
.join_base_wrap .member_cont :is(input[type="text"], input[type="password"]) {
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-bottom: 1.5px solid #d6ccbd !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  color: var(--hf-ink) !important;
  box-sizing: border-box !important;
  transition: border-color .2s;
}
.join_base_wrap .member_cont :is(input[type="text"], input[type="password"]):focus {
  outline: none;
  border-bottom-color: var(--hf-brown) !important;
}
.join_base_wrap .member_cont input[readonly] { color: var(--hf-sub) !important; }
.join_base_wrap .member_cont input::placeholder { color: #bcb2a5; font-size: 14px; }

/* 이메일 */
.join_base_wrap .member_email .member_warning:first-child {
  display: flex !important;
  gap: 12px;
  align-items: flex-end;
}
.join_base_wrap .member_email #email { flex: 1; }
.join_base_wrap .member_email .chosen-container { width: 150px !important; flex: 0 0 150px; }
.join_base_wrap .member_email .chosen-single {
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-bottom: 1.5px solid #d6ccbd !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px;
  color: var(--hf-ink);
}
.join_base_wrap .member_email .chosen-single div { top: 10px !important; right: 0 !important; }

/* 주소 */
.join_base_wrap .address_postcode,
.join_base_wrap .address_postcode .member_warning {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
}
.join_base_wrap .address_postcode :is(input[name="zonecode"], input[name="comZonecode"]) {
  width: 160px !important;
  flex: 0 0 160px;
}
.join_base_wrap .btn_post_search {
  height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid var(--hf-ink) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--hf-ink) !important;
  font-size: 12px !important;
  font-weight: 600;
  cursor: pointer;
}
.join_base_wrap .btn_post_search:hover { background: var(--hf-ink) !important; color: #fff !important; }
.join_base_wrap .address_input {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  clear: both;
}
.join_base_wrap .address_input .member_warning { margin-top: 4px !important; }
.join_base_wrap .member_cont td::after { content: ""; display: block; clear: both; }
.join_base_wrap #cellPhone { flex: 1; }

/* 인라인 빨간 안내 → 작은 메모 (자세한 안내는 좌측 패널로) */
.join_base_wrap td span[style*="e40000"] {
  display: block !important;
  width: 100%;
  margin-top: 8px !important;
  padding: 0 0 0 14px !important;
  position: relative;
  background: none !important;
  color: var(--hf-brown) !important;
  font-size: 12px !important;
  line-height: 1.6;
  box-sizing: border-box;
}
.join_base_wrap td span[style*="e40000"]::before {
  content: "!";
  position: absolute;
  left: 0;
  top: 2px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--hf-brown);
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  line-height: 11px;
  text-align: center;
}
.join_base_wrap .business_info_sec td > br { display: none; }
.join_base_wrap .business_info_sec td > img { display: none !important; }

/* 오류 문구 */
.join_base_wrap :is(.member_warning .text_warning, label.error, .member_warning > .error) {
  display: block;
  margin-top: 6px;
  font-size: 12px !important;
  color: var(--hf-red) !important;
}

/* 하단 버튼 */
.join_base_wrap .btn_center_box {
  display: flex !important;
  gap: 10px;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}
.join_base_wrap .btn_center_box button {
  float: none !important;
  height: 56px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer;
}
.join_base_wrap #btnCancel {
  flex: 0 0 140px;
  width: 140px !important;
  background: transparent !important;
  border: 1px solid #cfc5b7 !important;
  color: var(--hf-sub) !important;
}
.join_base_wrap .btn_comfirm {
  flex: 1;
  width: auto !important;
  background: var(--hf-brown) !important;
  border: 1px solid var(--hf-brown) !important;
  color: #fff !important;
}
.join_base_wrap .btn_comfirm:hover { background: var(--hf-brown-dark) !important; }

/* ---------- 보정 ---------- */
/* 사이트 전체 #wrap 의 overflow:hidden 때문에 sticky(좌측 패널·하단 버튼)가 안 붙는 문제 — 회원가입 두 페이지에서만 clip 으로 변경 */
body:is(.body-join, .body-join-agreement) #wrap { overflow: clip !important; }
/* 약관 목록 마지막 줄 구분선 제거 */
.join_agreement_wrap .join_agreement_box:has(+ .important_check_box) { border-bottom: 0 !important; }
.join_agreement_wrap .important_check_box { padding: 0 !important; }
.join_agreement_wrap .important_check:not(.dn) { display: block; padding: 0 0 16px; }
/* 필수 표시 안내 위치 */
.join_base_wrap .base_info_box > .important { top: 4px; }

/* ---------- 카카오톡 강조 ---------- */
.join_base_wrap .hf-side .hf-kakao-ico {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
/* 가입 절차 2번: 카카오톡으로 보내기 버튼 */
.join_base_wrap .hf-side ol.hf-steps .hf-kakao-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 6px;
  padding: 8px 14px 8px 12px;
  border-radius: 999px;
  background: #fee500;
  color: #3a1d1d !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  transition: transform .15s, box-shadow .15s;
}
.join_base_wrap .hf-side ol.hf-steps .hf-kakao-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24);
}
/* 하단 카카오톡 문의 버튼 아이콘 간격 */
.join_base_wrap .hf-side .hf-contact .hf-kakao { gap: 6px; }


/* ---------- 사업자등록증 전송 안내 강조 ---------- */
.join_base_wrap .hf-side .hf-emph {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 4px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(254, 229, 0, 0.12);
  border: 1px solid rgba(254, 229, 0, 0.55);
  font-size: 13px;
  line-height: 1.6;
  color: #fff;
}
.join_base_wrap .hf-side .hf-emph .hf-kakao-ico {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: #fee500;
}
.join_base_wrap .hf-side .hf-emph b { color: #fee500; font-weight: 700; }

/* =====================================================================
   [하이푸디] PC 게시판·고객센터·약관 공통 디자인 (2026-10)
   위치: css/custom.css 맨 아래에 붙여넣기
   대상: 공지사항·상품후기·사업자 인증·푸디네 블로그(목록/보기),
         고객센터·FAQ, 이용약관·개인정보처리방침·이용안내
   ===================================================================== */

/* ---------- 게시판 제목 ---------- */
html body .board_zone_sec .board_zone_tit { margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; }
html body .board_zone_sec .board_zone_tit h2,
html body .content_box .service_tit h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 28px !important; font-weight: 700 !important; letter-spacing: -0.6px; color: #1F2A44 !important; }
html body .board_zone_sec .board_zone_tit h2::after,
html body .content_box .service_tit h2::after { content: ''; display: block; width: 28px; height: 3px; margin-top: 12px; border-radius: 2px; background: #A88452; }

/* ---------- 목록 표 → 카드 ---------- */
html body .board_zone_list .board_list_table { width: 100% !important; border: 1px solid #E4D6BD !important; border-collapse: separate !important; border-spacing: 0; border-radius: 16px; background: #FFFFFF !important; overflow: hidden; }
html body .board_zone_list .board_list_table thead th { height: 48px !important; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid #EFE6D7 !important; background: #FAF6F0 !important; font-size: 13px !important; font-weight: 600 !important; color: #8A8FA0 !important; }
html body .board_zone_list .board_list_table tbody td { height: 60px !important; padding: 10px !important; border: 0 !important; border-bottom: 1px solid #F3EDE3 !important; background: transparent !important; font-size: 13px !important; color: #8A8FA0 !important; }
html body .board_zone_list .board_list_table tbody tr:last-child td { border-bottom: 0 !important; }
html body .board_zone_list .board_list_table tbody tr { transition: background .15s; }
html body .board_zone_list .board_list_table tbody tr:hover { background: #FCFAF6 !important; }
html body .board_zone_list .board_list_table td.board_tit { padding-left: 18px !important; text-align: left !important; }
html body .board_zone_list .board_list_table td.board_tit a,
html body .board_zone_list .board_list_table td.board_tit a strong { font-size: 15px !important; font-weight: 600 !important; color: #1F2A44 !important; text-decoration: none !important; }
html body .board_zone_list .board_list_table td.board_tit a:hover strong,
html body .board_zone_list .board_list_table td.board_tit a:hover { color: #8A5426 !important; }
html body .board_zone_list .board_list_table td.board_tit img { vertical-align: middle; margin-left: 4px; }
/* 공지 줄 강조 */
html body .board_zone_list .board_list_table tbody tr:has(> td:first-child > img) { background: #FFF9EF !important; }
html body .board_zone_list .board_list_table tbody tr:has(> td:first-child > img) td.board_tit a strong { color: #8A5426 !important; }
/* 상품후기: 사진·별점 */
html body .board_zone_list .board_list_table .board_img { display: inline-block; overflow: hidden; border-radius: 12px; background: #FAF6F0; }
html body .board_zone_list .board_list_table .board_img img { display: block; width: 88px !important; height: 88px !important; object-fit: cover; }
html body .board_zone_list .board_list_table .rating_star,
html body .board_zone_view .rating_star { filter: sepia(1) saturate(3) hue-rotate(-12deg); }

/* ---------- 푸디네 블로그(갤러리) ---------- */
html body .board_list_gallery ul { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 !important; padding: 0 !important; list-style: none; }
html body .board_list_gallery ul:after { display: none !important; }
html body .board_list_gallery li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html body .board_list_gallery .gallery_cont { height: 100%; border: 1px solid #E4D6BD !important; border-radius: 16px; background: #FFFFFF !important; overflow: hidden; transition: transform .2s, box-shadow .2s; }
html body .board_list_gallery .gallery_cont:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(31, 42, 68, .10); }
html body .board_list_gallery .board_img { width: 100% !important; height: auto !important; margin: 0 !important; aspect-ratio: 1 / 1; overflow: hidden; border: 0 !important; }
html body .board_list_gallery .board_img img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .3s; }
html body .board_list_gallery .gallery_cont:hover .board_img img { transform: scale(1.04); }
html body .board_list_gallery .gallery_info_cont { padding: 14px 16px 16px !important; text-align: left !important; }
html body .board_list_gallery .board_tit,
html body .board_list_gallery .board_tit a,
html body .board_list_gallery .board_tit strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 8px !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #1F2A44 !important; word-break: keep-all; text-decoration: none !important; }
html body .board_list_gallery .board_tit img { display: none !important; }
html body .board_list_gallery .board_name_day,
html body .board_list_gallery .board_likeit_hits { font-size: 12px !important; color: #A9ADB9 !important; }

/* ---------- 페이지 번호 ---------- */
html body .board_zone_sec .pagination,
html body .board_zone_cont .pagination { margin: 30px 0 0 !important; text-align: center; }
html body .board_zone_sec .pagination ul { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html body .board_zone_sec .pagination li { float: none !important; margin: 0 !important; border: 0 !important; background: none !important; }
html body .board_zone_sec .pagination li a,
html body .board_zone_sec .pagination li span,
html body .board_zone_sec .pagination li strong { display: inline-flex !important; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px !important; border: 1px solid transparent !important; border-radius: 18px !important; background: transparent !important; font-size: 14px !important; color: #5F667A !important; line-height: 1 !important; box-sizing: border-box; }
html body .board_zone_sec .pagination li a:hover { border-color: #E4D6BD !important; background: #FFFFFF !important; }
html body .board_zone_sec .pagination li.on a,
html body .board_zone_sec .pagination li.on span,
html body .board_zone_sec .pagination li.on strong { border-color: #1F2A44 !important; background: #1F2A44 !important; color: #FFFFFF !important; font-weight: 700 !important; }

/* ---------- 게시판 검색 ---------- */
html body .board_search_box { display: flex !important; align-items: center; justify-content: center; gap: 8px; margin: 26px auto 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body .board_search_box .chosen-container { width: 110px !important; }
html body .board_search_box .chosen-container-single .chosen-single { height: 42px !important; padding: 0 30px 0 16px !important; border: 1px solid #E4D6BD !important; border-radius: 21px !important; background: #FFFFFF !important; box-shadow: none !important; font-size: 14px !important; line-height: 40px !important; color: #1F2A44 !important; }
html body .board_search_box select { height: 42px; padding: 0 14px; border: 1px solid #E4D6BD; border-radius: 21px; background: #FFFFFF; }
html body .board_search_box input.text { width: 300px !important; height: 42px !important; padding: 0 18px !important; border: 1px solid #E4D6BD !important; border-radius: 21px !important; background: #FFFFFF !important; font-size: 14px !important; box-sizing: border-box; }
html body .board_search_box input.text:focus { border-color: #1F2A44 !important; outline: none; }
html body .board_search_box .btn_board_search { height: 42px !important; padding: 0 24px !important; border: 0 !important; border-radius: 21px !important; background: #1F2A44 !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer; }

/* ---------- 버튼 (글쓰기·목록·신고) ---------- */
html body .board_zone_sec .btn_right_box { margin: 22px 0 0 !important; text-align: right; }
html body .board_zone_sec .btn_write,
html body .board_zone_sec .btn_board_list,
html body .board_zone_sec .btn_board_report { display: inline-flex !important; align-items: center; justify-content: center; height: 42px !important; min-width: 96px; padding: 0 22px !important; border-radius: 21px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer; }
html body .board_zone_sec .btn_write { border: 0 !important; background: #1F2A44 !important; color: #FFFFFF !important; }
html body .board_zone_sec .btn_board_list,
html body .board_zone_sec .btn_board_report { border: 1px solid #D9CFC4 !important; background: #FFFFFF !important; color: #1F2A44 !important; }

/* ---------- 글 보기 ---------- */
html body .board_zone_view { border: 1px solid #E4D6BD !important; border-radius: 18px; background: #FFFFFF !important; overflow: hidden; }
html body .board_zone_view .board_view_tit { padding: 28px 32px 0 !important; border: 0 !important; background: transparent !important; }
html body .board_zone_view .board_view_tit h3,
html body .board_zone_view .board_view_tit strong { font-size: 22px !important; font-weight: 700 !important; line-height: 1.4; letter-spacing: -0.4px; color: #1F2A44 !important; word-break: keep-all; }
html body .board_zone_view .board_view_info { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 32px !important; padding: 12px 0 18px !important; border: 0 !important; border-bottom: 1px solid #F0EBE3 !important; background: transparent !important; font-size: 13px !important; color: #8A8FA0 !important; }
html body .board_zone_view .board_view_info span { float: none !important; margin: 0 !important; padding: 0 !important; color: inherit !important; }
html body .board_zone_view .board_view_attach { margin: 16px 32px 0 !important; padding: 12px 16px !important; border: 0 !important; border-radius: 10px; background: #FAF6F0 !important; font-size: 13px !important; }
html body .board_zone_view .board_view_content { padding: 28px 32px 36px !important; border: 0 !important; font-size: 15px !important; line-height: 1.8 !important; color: #3E4659 !important; word-break: keep-all; }
html body .board_zone_view .board_view_content img { max-width: 100% !important; height: auto !important; border-radius: 10px; }
html body .board_zone_view .view_goods_select { margin: 0 0 22px !important; padding: 14px !important; border: 1px solid #F0EBE3 !important; border-radius: 12px; background: #FCFAF6 !important; }
html body .board_zone_view .view_select_item_img img { border-radius: 8px; }
/* 글 보기 아래 목록은 숨기지 않고 여백만 */
html body .board_zone_cont > .board_zone_list { margin-top: 30px; }

/* ---------- 고객센터 왼쪽 메뉴 ---------- */
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu_box { padding: 20px 16px !important; border: 1px solid #E4D6BD !important; border-radius: 16px !important; background: #FFFFFF !important; box-sizing: border-box; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu_box h2 { margin: 0 0 12px !important; padding: 0 4px !important; border: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #1F2A44 !important; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu li { margin: 0 !important; border: 0 !important; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu li a { display: block; padding: 10px 12px !important; border-radius: 10px; font-size: 14px !important; color: #5F667A !important; text-decoration: none !important; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu li a:hover { background: #FAF6F0 !important; color: #1F2A44 !important; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu li.on a,
html body .sub_content .side_cont:has(a[href*="faq.php"]) .sub_menu li a.on { background: #1F2A44 !important; color: #FFFFFF !important; font-weight: 700 !important; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .info_box { margin-top: 14px !important; padding: 18px 16px !important; border: 0 !important; border-radius: 16px !important; background: #FAF6F0 !important; font-size: 13px !important; line-height: 1.6; color: #5F667A !important; }
html body .sub_content .side_cont:has(a[href*="faq.php"]) .info_box strong.info_num { font-size: 20px !important; color: #1F2A44 !important; }

/* ---------- FAQ ---------- */
html body .date_check_box { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 30px !important; padding: 26px 28px !important; border: 0 !important; border-radius: 18px; background: #1F2A44 !important; color: #FFFFFF; }
html body .date_check_box h3,
html body .date_check_box strong { color: #FFFFFF !important; }
html body .date_check_box .date_faq_list { display: flex; align-items: center; gap: 8px; flex: 1 1 360px; }
html body .date_check_box .date_faq_list input.text { flex: 1 1 auto; height: 46px !important; padding: 0 18px !important; border: 0 !important; border-radius: 23px !important; font-size: 14px !important; box-sizing: border-box; }
html body .date_check_box .btn_date_check { height: 46px !important; padding: 0 22px !important; border: 0 !important; border-radius: 23px !important; background: #A88452 !important; color: #FFFFFF !important; font-weight: 700 !important; }
html body .date_check_box .date_faq_txt { font-size: 13px !important; color: #D8DCE6 !important; }
html body .date_check_box .btn_gray_mid { display: inline-flex !important; align-items: center; height: 40px !important; padding: 0 18px !important; border: 1px solid rgba(255, 255, 255, .4) !important; border-radius: 20px !important; background: transparent !important; color: #FFFFFF !important; font-size: 13px !important; }
html body .board_list_faq .board_hot_list ul { display: flex !important; flex-wrap: wrap; gap: 6px; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; }
html body .board_list_faq .board_hot_list li { float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body .board_list_faq .board_hot_list li::before { display: none !important; }
html body .board_list_faq .board_hot_list li a { display: inline-flex; align-items: center; height: 34px; padding: 0 16px !important; border: 1px solid #E4D6BD; border-radius: 17px; background: #FFFFFF; font-size: 13px !important; color: #1F2A44 !important; text-decoration: none !important; }
html body .board_list_faq .board_hot_list li.on a { border-color: #1F2A44; background: #1F2A44; color: #FFFFFF !important; font-weight: 700; }
html body .board_list_faq tr.toggle_faq td.board_tit { cursor: pointer; }
html body .board_list_faq .icon_qan { display: none !important; }

/* ---------- 고객센터 첫 화면 ---------- */
html body .service_main .service_main_notice { padding: 20px 24px !important; border: 1px solid #E4D6BD !important; border-radius: 16px; background: #FFFFFF !important; }
html body .service_main .btn_board_more { color: #8A5426 !important; font-weight: 700; }

/* ---------- 약관·개인정보·이용안내 ---------- */
html body .content_box .service_tit { margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; }
html body .content_box .service_cont { padding: 36px 40px !important; border: 1px solid #E4D6BD !important; border-radius: 18px; background: #FFFFFF !important; font-size: 14px !important; line-height: 1.85 !important; color: #3E4659 !important; word-break: keep-all; }
html body .content_box .service_cont strong,
html body .content_box .service_cont b,
html body .content_box .service_cont h3,
html body .content_box .service_cont h4 { color: #1F2A44 !important; }
html body .content_box .service_guide { font-size: 14px !important; line-height: 1.85 !important; }

/* ---------- 보정 ---------- */
html body .board_zone_list .board_list_table tbody td { height: 56px !important; line-height: 1.45 !important; }
/* 갤러리형(블로그)은 표 머리줄 숨김 */
html body .board_zone_list:has(.board_list_gallery) > .board_list_table,
html body .board_zone_list:has(.board_list_gallery) .board_list_table thead { display: none !important; }
html body .board_list_gallery .gallery_cont,
html body .board_list_gallery .board_img,
html body .board_list_gallery .board_img a { display: block; padding: 0 !important; }
/* 상품 선택이 없는 글의 빈 상자 숨김 */
html body .board_zone_view .view_goods_select:not(:has(img)) { display: none !important; }
/* 상품후기 사진 칸 */
html body .board_zone_list .board_list_table td:has(> .board_img) { text-align: center !important; }
html body .board_zone_list .board_list_table .board_img { width: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border: 1px solid #F0EBE3 !important; }
/* FAQ 검색 상자 배치 */
html body .date_check_box form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; width: 100%; }
html body .date_check_box .date_faq_list { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; flex: 1 1 520px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html body .date_check_box .date_faq_list h2 { flex: 0 0 100%; margin: 0 0 4px !important; padding: 0 !important; font-size: 22px !important; font-weight: 700 !important; color: #FFFFFF !important; }
html body .date_check_box .date_faq_txt { float: none !important; width: auto !important; margin: 0 !important; padding: 0 0 0 24px !important; border: 0 !important; border-left: 1px solid rgba(255, 255, 255, .2) !important; }
html body .date_check_box .date_faq_txt p { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 0; }
html body .date_check_box .date_faq_txt strong { font-size: 14px !important; font-weight: 600 !important; color: #FFFFFF !important; }
html body .date_check_box .btn_date_check em { font-style: normal; color: #FFFFFF !important; }
html body .date_check_box .btn_gray_mid span { color: #FFFFFF !important; }
html body .board_list_faq .board_hot_list li a span { color: inherit !important; }
html body .board_list_faq .board_hot_list li.on a span { color: #FFFFFF !important; }
html body .board_list_faq .board_zone_tit h3,
html body .content .board_zone_tit h3 { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #1F2A44 !important; }
/* 내용 없는 표(공지 없는 갤러리 게시판 등) 숨김 */
html body .board_zone_list .board_list_table:not(:has(tbody tr)) { display: none !important; }
html body .board_zone_view .board_view_comment,
html body .board_zone_view .seem_cont { border: 0 !important; background: transparent !important; }