@charset "utf-8";

/* ============================================
   동해옛날된장 테마 오버라이드
   - default.css / default_shop.css 위에 로드
   ============================================ */

/* === 색상 변수 === */
:root {
  --gold: #9a7b2e;
  --gold-dark: #7a5f1e;
  --gold-light: #c9a84c;
  --gold-bg: #8b6914;
  --red: #c0392b;
  --brown: #5c3d1e;
  --brown-light: #8b5e3c;
  --cream: #f9f3e8;
  --cream-dark: #f0e8d6;
  --price-red: #d32f2f;
}

/* === 폰트 === */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@400;700;900&display=swap');
body { font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif !important; }

/* ============================================
   TOP NAV (tnb)
   ============================================ */
#tnb { border-bottom: 1px solid #e8e0cc !important; background: #fffff8 !important; }
#hd_define li a { color: #888 !important; }
#hd_define li.active a { color: var(--gold-dark) !important; font-weight: 700; }
#hd_qnb li a { color: #888 !important; }
#hd_qnb .visit-num { background: var(--gold-light) !important; }

/* ============================================
   HEADER (#hd)
   ============================================ */
#hd { background: #fff !important; border-bottom: 2px solid #e8dcc8; }

/* 로고 영역 */
#logo { padding: 14px 0 !important; }
#logo img { max-height: 70px; }

/* 검색창 */
#hd_sch { border-radius: 3px !important; border: 1px solid #c8b88a; overflow: hidden; }
#hd_sch #sch_stx,
#hd_sch #sch_str { background: #fff !important; color: #333 !important; border: 0 !important; }
#hd_sch #sch_stx::placeholder,
#hd_sch #sch_str::placeholder { color: #aaa; }
#hd_sch #sch_submit { background: var(--brown) !important; color: #fff !important; border-radius: 0 !important; }
#hd_sch #sch_submit:hover { background: var(--gold-dark) !important; }

/* 로그인 링크 */
.hd_login > li a { color: #444 !important; }
.hd_login > li.login a { color: var(--gold-dark) !important; border-color: var(--gold) !important; }
.hd_login > li a:hover { color: var(--gold-dark) !important; }

/* ============================================
   GNB - 된장 골드 테마
   ============================================ */
#gnb { background: var(--gold-bg) !important; }
#gnb #gnb_1dul { border-bottom: none !important; background: transparent !important; }

/* 전체메뉴 버튼 */
#gnb .gnb_menu_btn { background: rgba(0,0,0,0.28) !important; width: 200px !important; font-size: 1em !important; }
#gnb .gnb_menu_btn:hover { background: rgba(0,0,0,0.45) !important; }

/* 1단 메뉴 */
.gnb_1da { color: #fff !important; font-size: 14px !important; padding: 0 20px !important; line-height: 52px !important; }
.gnb_1dli:hover > a,
.gnb_1dli.active > a { color: #ffe88a !important; background: rgba(0,0,0,0.18) !important; }

/* 2단 드롭다운 */
.gnb_2dul .gnb_2dul_box { border: 1px solid #c8a840 !important; border-top: 2px solid var(--gold) !important; }
.gnb_2da { background: #fff !important; color: #444 !important; }
.gnb_2da:hover { color: var(--gold-dark) !important; background: var(--cream) !important; }
.gnb_2da:focus { color: var(--gold-dark) !important; }

/* 전체메뉴 패널 */
#gnb_all { border-color: #c8a840 !important; }
#gnb_all .gnb_al_a { color: var(--gold-dark) !important; }

/* ============================================
   헤더 쇼핑몰 메뉴 (#hd_menu)
   ============================================ */
#hd_menu { background: var(--brown) !important; }
#hd_menu button#menu_open { background: var(--gold-bg) !important; }
.hd_menu li a { color: #fff !important; border-right-color: rgba(255,255,255,0.15) !important; }
.hd_menu li a:hover { color: #ffe88a !important; }

/* ============================================
   WRAPPER / BODY
   ============================================ */
#wrapper { background: #f7f2ea !important; }
#wrapper.is_community { background: #fff !important; }

/* ============================================
   ASIDE
   ============================================ */
#aside { background: transparent !important; }

/* ============================================
   FOOTER
   ============================================ */
#ft { background: #2d2210 !important; }
#ft_link a { color: #d4b870 !important; }
#ft_link a:hover { color: #fff !important; }
#ft_company { color: #e3e3e3 !important; font-weight: normal !important; line-height: 1.9em !important; font-size: 12px !important; }
#ft_company h2 { color: #fff !important; font-size: 1.2em !important; margin-bottom: 16px !important; }
#ft_company address { color: #e3e3e3 !important; font-style: normal !important; font-size: 12px !important; line-height: 23px !important; }
#ft_copy { color: #7a6840 !important; border-top-color: #4a3820 !important; }
#top_btn { border-color: #c8a840 !important; color: #c8a840 !important; background: rgba(255,255,255,0.05) !important; }
#top_btn:hover { border-color: var(--gold-light) !important; background: var(--gold) !important; color: #fff !important; }

/* ============================================
   버튼 색상
   ============================================ */
.btn_submit { background: var(--gold-bg) !important; }
.btn_submit:hover { background: var(--gold-dark) !important; }
.btn_b02 { background: var(--brown) !important; }
.btn_b02:hover { background: var(--brown-light) !important; }
.pg_current { background: var(--gold-bg) !important; border-color: var(--gold-bg) !important; }

/* ============================================
   쇼핑몰 상품 스타일 오버라이드
   ============================================ */
/* 가격 */
.item_price .price { color: var(--price-red) !important; }
.item_price .dc_price { color: var(--price-red) !important; }

/* 카테고리 버튼 */
#category .cate_li_1_a { color: var(--gold-dark) !important; }
.btn_sm_on i { color: var(--gold-bg) !important; }
.qk_con h2.s_h2 span { background: #fef5e0 !important; color: var(--gold-dark) !important; }

/* ============================================
   쇼핑 GNB (shop head)
   ============================================ */
/* 카테고리 전체보기 버튼 */
#category_btn,
.btn_cate_all { background: var(--gold-bg) !important; }

/* ============================================
   컨테이너 제목
   ============================================ */
#container_title { border-bottom: 2px solid var(--gold-bg) !important; }
#container_title span { color: var(--brown) !important; }

/* ============================================
   게시판 스타일
   ============================================ */
.tbl_head01 thead th { border-bottom-color: var(--gold-light) !important; }
.tbl_head01 tbody tr:hover td { background: var(--cream) !important; }
.sch_word { background: var(--gold-bg) !important; }

/* ============================================
   아웃로그인 (로그인 박스)
   ============================================ */
.ol_wrap { border-color: #d4b870 !important; }

/* ============================================
   스크롤바
   ============================================ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0e8d6; }
::-webkit-scrollbar-thumb { background: var(--gold-light); border-radius: 3px; }

/* ============================================
   링크 hover 기본색
   ============================================ */
.gnb_wrap .gnb_empty a { color: var(--gold-dark) !important; }
.new_win .win_ul .selected { background: var(--gold-bg) !important; border-color: var(--gold-bg) !important; }

/* ============================================
   고객센터 박스 (헤더 우측)
   ============================================ */
.hd_cs_box {
  border: 2px solid #5c3d1e;
  border-radius: 3px;
  padding: 8px 16px;
  text-align: center;
  min-width: 190px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.hd_cs_label {
  display: inline-block;
  background: #5c3d1e;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 2px;
  margin-bottom: 4px;
  letter-spacing: 1px;
}
.hd_cs_tel {
  font-size: 22px;
  font-weight: 900;
  color: #c0392b;
  letter-spacing: -1px;
  line-height: 1.2;
  font-family: 'Noto Sans KR', sans-serif;
}
.hd_cs_sub {
  font-size: 11px;
  color: #888;
  margin-top: 2px;
}

/* hd_wrapper 상대 위치 */
#hd_wrapper {
  position: relative !important;
  height: auto !important;
  padding: 14px 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* 로고 패딩 조정 */
#logo { padding: 0 !important; margin-right: 40px; }

/* 검색창 너비 */
.hd_sch_wr { margin-left: 0 !important; flex: 1; max-width: 380px; }

/* hd_login 숨김 (고객센터 박스로 대체) */
.hd_login { display: none !important; }

/* ============================================
   쇼핑몰 스킨 상품 스타일
   ============================================ */
/* 상품 카드 호버 */
.item_wrap:hover { box-shadow: 0 4px 16px rgba(139,105,20,0.15) !important; }

/* 상품 가격 */
.item_price .price,
.item_price em { color: #d32f2f !important; }
.item_price .org_price { color: #aaa !important; }

/* 장바구니, 구매 버튼 */
.btn_cart, .btn_buy { background: #8b6914 !important; border-color: #8b6914 !important; }
.btn_cart:hover, .btn_buy:hover { background: #7a5f1e !important; }
.btn_wish { color: #8b6914 !important; border-color: #8b6914 !important; }

/* 카테고리 선택 */
.cate_item.active a { color: #7a5f1e !important; font-weight: 700; }
.cate_item a:hover { color: #7a5f1e !important; }

/* ============================================
   쇼핑몰 gnb (hd_menu 스타일)
   ============================================ */
#hd_menu .gnb_wrap { background: #5c3d1e !important; }
.hd_menu { background: #5c3d1e !important; }

/* ============================================
   아웃로그인 스킨
   ============================================ */
.ol_wrap { border: 1px solid #d4b870 !important; }
.ol_btn_login { background: #8b6914 !important; border-color: #8b6914 !important; }
.ol_btn_login:hover { background: #7a5f1e !important; }
.ol_btn_join { color: #8b6914 !important; border-color: #8b6914 !important; }

/* ============================================
   index.php 쇼핑몰 메인 배너/섹션
   ============================================ */
/* 인기 상품 섹션 타이틀 */
.idx_hit_wrap h2,
.sale_prd h2,
.section_title { color: #5c3d1e !important; }
.section_title::after { background: #8b6914 !important; }

/* 메인 배너 */
.mainbanner .owl-dots .owl-dot.active span { background: #8b6914 !important; }

/* 상품 badge */
.item_badge { background: #8b6914 !important; }
.item_badge.sale { background: #c0392b !important; }

/* ============================================
   반응형 보정
   ============================================ */
@media (max-width: 1200px) {
  .hd_cs_box { min-width: 160px; }
  .hd_cs_tel { font-size: 18px; }
}

/* ============================================================
   메인 index.php 전용 스타일
   ============================================================ */

/* 메인 비주얼 - 사이드 카테고리 없애고 전체 폭 */
#idx_main_visual {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
#idx_main_visual .mainbanner { width: 100% !important; }

/* ---- 인사말/상품소개 2열 배너 ---- */
#idx_banner_row {
  display: flex;
  gap: 0;
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 14px 0;
  gap: 10px;
}
.idx_banner_card {
  flex: 1;
  height: 162px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
.idx_banner_type1 {
  background: linear-gradient(135deg, #f5e4c0 0%, #d4b06a 60%, #c49030 100%);
}
.idx_banner_type2 {
  background: linear-gradient(135deg, #3c2a0e 0%, #6b4515 50%, #4a2e0a 100%);
}
/* 배너 음식 이미지 (CSS art) */
.idx_banner_food {
  position: absolute;
  right: 16px;
  bottom: 0;
}
.idx_food_a {
  width: 100px; height: 80px;
  background: radial-gradient(ellipse at 30% 25%, #c8a030, #7a4f10);
  border-radius: 40% 50% 60% 40% / 50% 40% 60% 50%;
  box-shadow: 2px 4px 12px rgba(0,0,0,0.25);
}
.idx_food_a::after {
  content: '';
  position: absolute;
  top: 8px; left: 10px;
  width: 22px; height: 10px;
  background: rgba(255,255,255,0.18);
  border-radius: 50%;
  transform: rotate(-20deg);
}
.idx_food_b {
  width: 100px; height: 70px;
  background: linear-gradient(135deg, #c49a3e, #8b6010);
  border-radius: 5px;
  box-shadow: 2px 4px 12px rgba(0,0,0,0.35);
}
.idx_food_b::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 14px;
  background: rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
}
.idx_banner_text {
  position: relative;
  z-index: 2;
  padding: 16px 20px;
}
.idx_banner_text h3 {
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 4px;
  font-family: 'Noto Serif KR', serif;
}
.idx_banner_type1 .idx_banner_text h3 { color: #3c1e00; }
.idx_banner_type2 .idx_banner_text h3 { color: #f5d78a; }
.idx_banner_text p { font-size: 12px; margin-bottom: 10px; line-height: 1.5; }
.idx_banner_type1 .idx_banner_text p { color: #6b3e10; }
.idx_banner_type2 .idx_banner_text p { color: rgba(245,215,138,0.8); }
.idx_banner_btn {
  display: inline-block;
  padding: 5px 16px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 2px;
  transition: all 0.2s;
}
.idx_banner_type1 .idx_banner_btn { background: #5c3d1e; color: #fff; }
.idx_banner_type1 .idx_banner_btn:hover { background: #8b6010; }
.idx_banner_type2 .idx_banner_btn { background: #f5d78a; color: #3c1e00; }
.idx_banner_type2 .idx_banner_btn:hover { background: #fff; }

/* ---- 섹션 공통 ---- */
.idx_section_wrap {
  width: 100%;
  padding: 30px 0;
  background: #f7f2ea;
  border-bottom: 1px solid #e8dcc8;
}
.idx_bg_white { background: #fff !important; }
.idx_section_inner {
  width: 1130px;
  margin: 0 auto;
}

/* 섹션 헤더 */
.idx_sec_head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 18px;
}
.idx_sec_title {
  font-size: 24px;
  font-weight: 900;
  color: #2a1a00;
  letter-spacing: -0.5px;
  font-family: 'Noto Serif KR', serif;
}
.idx_sec_desc {
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  flex: 1;
}
.idx_sec_nav { display: flex; gap: 4px; }
.idx_sec_nav button {
  width: 28px; height: 28px;
  border: 1px solid #c8a840;
  background: #fff;
  color: #8b6914;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s;
}
.idx_sec_nav button:hover { background: #8b6914; color: #fff; border-color: #8b6914; }

/* ---- 인기상품 owl 카루젤 ---- */
#idx_hit .smt_40 { }
#idx_hit .owl-nav button.owl-prev,
#idx_hit .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  background: rgba(139,105,20,0.15) !important;
  border-radius: 50% !important;
  color: #8b6914 !important;
  font-size: 14px !important;
  transition: background 0.2s !important;
}
#idx_hit .owl-nav button.owl-prev { left: -18px; }
#idx_hit .owl-nav button.owl-next { right: -18px; }
#idx_hit .owl-nav button:hover { background: #8b6914 !important; color: #fff !important; }

/* 상품 카드 (is_index 내) */
.is_index .item_wrap,
.idx_section_wrap .item_wrap {
  background: #fff;
  border: 1px solid #e8e0cc;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}
.is_index .item_wrap:hover,
.idx_section_wrap .item_wrap:hover {
  box-shadow: 0 4px 16px rgba(139,105,20,0.18);
  transform: translateY(-2px);
}
/* 추천 상품 그리드 (4열) */
#idx_rec .smt_40 { }

/* ---- 중간 브랜드 배너 ---- */
#idx_mid_banner {
  width: 100%;
  min-height: 260px;
  background: linear-gradient(120deg, #f7efd8 0%, #e8d8b0 40%, #d4c090 100%);
  border-top: 1px solid #d4b870;
  border-bottom: 1px solid #d4b870;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}
#idx_mid_banner::before {
  content: '';
  position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='28' fill='none' stroke='rgba(180,140,50,0.07)' stroke-width='1'/%3E%3C/svg%3E") repeat;
}
/* 항아리 */
.idx_mid_onggi {
  position: absolute;
  left: 5%;
  bottom: -10px;
  width: 170px;
}
.idx_onggi_rim {
  width: 110px; height: 10px;
  background: linear-gradient(to bottom, #7a4020, #4a2010);
  margin: 0 auto;
  border-radius: 50%;
}
.idx_onggi_neck {
  width: 90px; height: 22px;
  background: linear-gradient(to bottom, #5a2e10, #3a1808);
  margin: 0 auto;
  border-radius: 6px 6px 0 0;
}
.idx_onggi_body {
  width: 155px; height: 155px;
  background: radial-gradient(ellipse at 35% 30%, #8b6040, #3d1e08, #6b3a18);
  border-radius: 30% 30% 50% 50% / 20% 20% 40% 40%;
  position: relative;
  overflow: hidden;
  box-shadow: 4px 8px 24px rgba(0,0,0,0.3);
  margin: 0 auto;
}
.idx_onggi_shine {
  position: absolute;
  top: 14px; left: 14px;
  width: 36px; height: 72px;
  background: rgba(255,255,255,0.09);
  border-radius: 50%;
  transform: rotate(-10deg);
}
.idx_onggi_pattern {
  position: absolute;
  bottom: 28px; left: 20px; right: 20px;
  display: flex; gap: 7px; justify-content: center;
}
.idx_onggi_pattern span {
  width: 8px; height: 8px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 50%;
}
/* 드립 */
.idx_mid_drip {
  position: absolute;
  right: 10%;
  top: 30px;
}
.idx_drip_drop {
  width: 14px; height: 70px;
  background: linear-gradient(to bottom, #3a1500 60%, transparent);
  border-radius: 0 0 50% 50%;
  margin: 0 auto;
}
/* 텍스트 */
.idx_mid_text {
  position: relative;
  z-index: 2;
  text-align: center;
}
.idx_mid_text p {
  font-size: 15px;
  color: #7a5030;
  margin-bottom: 8px;
  font-family: 'Noto Serif KR', serif;
  line-height: 1.7;
}
.idx_mid_brand {
  font-family: 'Noto Serif KR', serif;
  font-size: 42px;
  font-weight: 900;
  color: #3c1e00;
  letter-spacing: -2px;
  margin-bottom: 20px;
  line-height: 1.1;
}
.idx_mid_btn {
  display: inline-block;
  padding: 10px 30px;
  background: #3c3c3c;
  color: #fff;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  transition: background 0.2s;
}
.idx_mid_btn:hover { background: #8b6914; }

/* ---- 고객센터 / 계좌 / 빠른메뉴 섹션 ---- */
#idx_info_section {
  background: #f5f0e6;
  border-top: 1px solid #e0d4b4;
  border-bottom: 1px solid #e0d4b4;
  padding: 24px 0;
}
.idx_info_inner {
  width: 1130px;
  margin: 0 auto;
  display: flex;
  gap: 14px;
  align-items: stretch;
}
.idx_info_box {
  background: #fff;
  border: 1px solid #e0d4b4;
  border-radius: 4px;
  padding: 18px 22px;
  flex-shrink: 0;
}
.idx_cs_box { min-width: 210px; }
.idx_account_box { min-width: 200px; }
.idx_info_head { margin-bottom: 10px; }
.idx_info_label {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 2px;
  letter-spacing: 0.5px;
}
.idx_label_dark { background: #222; color: #fff; }
.idx_label_gold { background: #8b6914; color: #fff; }
.idx_cs_sub_txt { font-size: 12px; color: #888; margin-bottom: 6px; }
.idx_cs_tel_label { font-size: 12px; color: #555; margin-bottom: 1px; }
.idx_cs_tel {
  font-size: 24px;
  font-weight: 900;
  color: #c0392b;
  letter-spacing: -1px;
  line-height: 1.2;
  margin-bottom: 4px;
}
.idx_cs_note { font-size: 11px; color: #aaa; margin-top: 8px; }
.idx_nh_wrap { margin-bottom: 6px; }
.idx_nh_logo {
  display: inline-block;
  background: #2060b0;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  padding: 3px 10px;
  border-radius: 3px;
}
.idx_account_num {
  font-size: 20px;
  font-weight: 900;
  color: #222;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}
.idx_account_name { font-size: 12px; color: #666; }

/* 빠른 메뉴 6칸 그리드 */
.idx_quick_grid {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.idx_quick_item {
  background: #fff;
  border: 1px solid #e8dcc8;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  cursor: pointer;
  transition: background 0.15s;
  text-decoration: none;
  gap: 6px;
}
.idx_quick_item:hover { background: #fdf5e0; }
.idx_quick_ico { font-size: 26px; line-height: 1; }
.idx_quick_label { font-size: 12px; color: #555; font-weight: 500; }

/* ---- 게시판 섹션 ---- */
#idx_board_section {
  background: #fff;
  padding: 30px 0 40px;
}
.idx_board_inner {
  width: 1130px;
  margin: 0 auto;
  display: flex;
  gap: 30px;
}
.idx_board_box { flex: 1; }
.idx_board_head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #3c2a0e;
  margin-bottom: 12px;
}
.idx_board_icon { font-size: 18px; }
.idx_board_head h3 {
  font-size: 20px;
  font-weight: 900;
  color: #2a1a00;
  font-family: 'Noto Serif KR', serif;
}

/* latest 스킨 override - 게시판 목록 */
#idx_board_section .latest_wrap li { border-bottom: 1px solid #f0e8d0; }
#idx_board_section .latest_wrap li a { color: #444; font-size: 13px; }
#idx_board_section .latest_wrap li a:hover { color: #8b6914; }

/* ---- is_index 레이아웃: aside 숨기고 전체폭 사용 ---- */
/* 메인 index일 때 #container의 aside와 is_index 클래스 재정의 */
#container.idx_full_layout { width: 100% !important; max-width: 100%; }
.is_index { margin-left: 0 !important; width: 100% !important; }

/* ---- 상품 목록 기본 그리드 (메인 섹션용) ---- */
.idx_section_wrap .smt_10,
.idx_section_wrap .smt_20,
.idx_section_wrap .smt_30,
.idx_section_wrap .smt_40 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}
.idx_section_wrap .smt_10 .item_wrap { width: calc(20% - 12px) !important; }
.idx_section_wrap .smt_20 .item_wrap { width: calc(25% - 11px) !important; }
.idx_section_wrap .smt_30 .item_wrap { width: calc(33.33% - 10px) !important; }
.idx_section_wrap .smt_40 .item_wrap { width: calc(25% - 11px) !important; }

/* ============================================================
   메인(index) 전체 폭 레이아웃
   ============================================================ */
#container.idx_full_layout {
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
#container.idx_full_layout .shop-content.is_index {
  margin-left: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}
/* hd_menu - 쇼핑몰 상단 GNB 스타일 강화 */
#hd_menu {
  background: var(--gold-bg) !important;
  border-top: 1px solid rgba(255,255,255,0.1);
}
#hd_menu button#menu_open {
  background: rgba(0,0,0,0.28) !important;
  font-size: 13px !important;
  letter-spacing: 0.5px;
}
.hd_menu li a {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.hd_menu li a:hover { color: #ffe88a !important; background: rgba(0,0,0,0.15) !important; }
.hd_menu li { padding: 13px 0 !important; }

/* 메인 배너 wrapper - 전체 폭 */
#idx_main_visual .shop-content,
.is_index #idx_main_visual { margin: 0; width: 100%; }

/* owlcarousel 메인 배너 */
.mainbanner { position: relative; overflow: hidden; }
.mainbanner .owl-dots {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}
.mainbanner .owl-dots .owl-dot span { background: rgba(255,255,255,0.5) !important; }
.mainbanner .owl-dots .owl-dot.active span { background: var(--gold-light) !important; }

/* ============================================================
   상품 카드 스타일 (shop 스킨 보완)
   ============================================================ */
.item_wrap { border-radius: 4px !important; }
.item_wrap .item_name a { color: #333 !important; font-weight: 700 !important; }
.item_wrap .item_name a:hover { color: #8b6914 !important; }
.item_wrap .item_price .price { color: #d32f2f !important; font-weight: 900 !important; }
.item_wrap .item_price .cust_price { color: #aaa !important; text-decoration: line-through !important; }

/* section 제목 (기존 shop 스킨) */
.sct_wrap > header h2 a { color: #2a1a00 !important; }
.sct_wrap > header h2 a:hover { color: #8b6914 !important; }

/* ============================================================
   wrapper 배경 - 메인은 투명, 상품 섹션이 자체 배경 가짐
   ============================================================ */
#wrapper { background: #f7f2ea !important; }


/* ============================================================
   헤더 레이아웃 완전 재정의 (한 줄 수평 정렬)
   ============================================================ */
#hd { background: #fff !important; border-bottom: 2px solid #e0d0a8; }

/* wrapper: flex 한줄 */
#hd_wrapper {
  width: 1130px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  height: 120px !important;
  padding: 0 !important;
  position: relative !important;
}

/* 로고 - 고정 너비로 카테고리 버튼 시작점과 맞춤 */
#logo {
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: 185px !important;
}
#logo a { display: flex; align-items: center; height: 100%; }
#logo img { max-height: 82px; width: auto; }

/* 검색창 - flex:1로 남은 공간 채워 자동 중앙 정렬 */
.hd_sch_wr {
  float: none !important;
  padding: 0 !important;
  width: auto !important;
  flex: 1 !important;
  margin: 0 40px !important;
}
#hd_sch {
  border-radius: 3px !important;
  border: 1px solid #c8a860 !important;
  overflow: hidden !important;
  display: flex !important;
}
#hd_sch fieldset, #hd_sch form { display: flex; width: 100%; border: 0; padding: 0; margin: 0; }
#hd_sch #sch_str {
  flex: 1 !important;
  float: none !important;
  width: auto !important;
  height: 42px !important;
  padding-left: 14px !important;
  border-radius: 3px 0 0 3px !important;
  background: #fff !important;
  border: 0 !important;
  font-size: 13px !important;
  color: #333 !important;
}
#hd_sch #sch_str::placeholder { color: #bbb; }
#hd_sch #sch_submit {
  float: none !important;
  width: 46px !important;
  height: 42px !important;
  border: 0 !important;
  background: #5c3d1e !important;
  color: #fff !important;
  border-radius: 0 3px 3px 0 !important;
  cursor: pointer !important;
  font-size: 15px !important;
  flex-shrink: 0 !important;
}
#hd_sch #sch_submit:hover { background: #8b6914 !important; }

/* 인기검색어 숨김 */
.sch_popular { display: none !important; }

/* 고객센터 박스 */
.hd_cs_box {
  position: static !important;
  transform: none !important;
  margin-left: auto !important;
  border: 2px solid #5c3d1e !important;
  border-radius: 3px !important;
  padding: 8px 16px !important;
  text-align: center !important;
  min-width: 180px !important;
  flex-shrink: 0 !important;
}
.hd_cs_label {
  display: inline-block !important;
  background: #5c3d1e !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
  border-radius: 2px !important;
  margin-bottom: 4px !important;
  letter-spacing: 1px !important;
}
.hd_cs_tel {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: #c0392b !important;
  letter-spacing: -1px !important;
  line-height: 1.2 !important;
}
.hd_cs_sub {
  font-size: 10px !important;
  color: #888 !important;
  margin-top: 2px !important;
}

/* 기존 hd_login 완전 숨김 */
.hd_login { display: none !important; }

/* ============================================================
   GNB (hd_menu) - 전체 폭
   ============================================================ */
#hd_menu {
  width: 100% !important;
  background: #8b6914 !important;
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
#hd_menu::after { display: none !important; }

/* 내부 콘텐츠 중앙 정렬을 위한 여백 */
#hd_menu::before {
  content: '' !important;
  flex: 1 !important;
  max-width: calc((100% - 1130px) / 2) !important;
  display: block !important;
}

/* 카테고리 버튼 - 로고와 동일 폭 185px */
#hd_menu button#menu_open {
  flex-shrink: 0 !important;
  float: none !important;
  width: 185px !important;
  height: 50px !important;
  background: rgba(0,0,0,0.28) !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0 16px !important;
  text-align: left !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#hd_menu button#menu_open:hover { background: rgba(0,0,0,0.42) !important; }

.hd_menu {
  float: none !important;
  flex: none !important;
  width: calc(1130px - 185px) !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.hd_menu::after { display: none !important; }

.hd_menu li {
  float: none !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}
.hd_menu li a {
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  padding: 0 22px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-right: 1px solid rgba(255,255,255,0.12) !important;
  transition: background 0.15s !important;
  white-space: nowrap !important;
}
.hd_menu li a:hover { background: rgba(0,0,0,0.18) !important; color: #ffe88a !important; }
.hd_menu li:last-child a { border-right: 0 !important; }

/* 카테고리 드롭다운 */
#category { top: 50px !important; }

/* ============================================================
   메인 비주얼 슬라이더 - 전체 폭
   ============================================================ */
#idx_main_visual {
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  line-height: 0 !important;
}
#idx_main_visual .mainbanner { width: 100% !important; }
#idx_main_visual .mainbanner .owl-item img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
/* 배너 없을 때 대체 슬라이더 */
#idx_main_visual:empty::after,
#idx_main_visual .mainbanner:empty::after {
  content: '';
  display: block;
}

/* owlCarousel 메인 배너 */
#idx_main_visual .owl-dots {
  position: absolute !important;
  bottom: 14px !important;
  width: 100% !important;
  text-align: center !important;
}
#idx_main_visual .owl-dot span {
  background: rgba(255,255,255,0.5) !important;
  width: 10px !important; height: 10px !important;
}
#idx_main_visual .owl-dot.active span { background: #c9a84c !important; }

/* ============================================================
   TNB (최상단) 수정
   ============================================================ */
#tnb { background: #fffff5 !important; border-bottom: 1px solid #e0d4aa !important; }
#tnb .inner { width: 1130px !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 5px 0 !important; }
#hd_define { float: none !important; display: flex !important; }
#hd_define::after { display: none !important; }
#hd_define li { float: none !important; font-size: 12px !important; margin: 0 !important; padding: 0 10px !important; border-right: 1px solid #d0c090 !important; line-height: 14px !important; }
#hd_define li:last-child { border-right: 0 !important; padding-right: 0 !important; }
#hd_define li a { color: #888 !important; }
#hd_define li.active a { color: #8b6914 !important; font-weight: 700 !important; }
#hd_qnb { float: none !important; display: flex !important; }
#hd_qnb::after { display: none !important; }
#hd_qnb li { float: none !important; font-size: 12px !important; margin: 0 !important; padding: 0 10px !important; border-right: 1px solid #d0c090 !important; line-height: 14px !important; }
#hd_qnb li:last-child { border-right: 0 !important; padding-right: 0 !important; }
#hd_qnb li a { color: #888 !important; }
#hd_qnb li a:hover { color: #8b6914 !important; }

/* ============================================================
   CSS 메인 슬라이더 스타일 (배너 미등록 시 표시)
   ============================================================ */
#idx_css_slider {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  line-height: normal;
}
.idx_slides {
  width: 100%;
  height: 100%;
  position: relative;
}
.idx_slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.8s ease;
  overflow: hidden;
}
.idx_slide.on { opacity: 1; z-index: 2; }

/* 슬라이드 배경 */
.idx_slide1 {
  background: linear-gradient(125deg, #f0e4c0 0%, #e8d4a0 30%, #d4b870 60%, #c0a050 100%);
}
.idx_slide2 {
  background: linear-gradient(125deg, #3c2810 0%, #6b4518 40%, #4a3015 70%, #2a1808 100%);
}
.idx_slide3 {
  background: linear-gradient(125deg, #f5ead0 0%, #e8d8b0 40%, #d0be88 100%);
}

/* 텍스트 */
.idx_slide_inner {
  position: relative;
  z-index: 3;
  text-align: center;
}
.idx_slide_cn {
  font-family: 'Noto Serif KR', serif;
  font-size: 18px;
  font-weight: 700;
  color: #c0392b;
  margin-bottom: 4px;
  letter-spacing: 4px;
}
.idx_slide2 .idx_slide_cn { color: #f5d78a; }
.idx_slide3 .idx_slide_cn { color: #8b6914; }

.idx_slide_title {
  font-family: 'Noto Serif KR', serif;
  font-size: 52px;
  font-weight: 900;
  color: #3c1e00;
  letter-spacing: -3px;
  line-height: 1;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
.idx_slide2 .idx_slide_title { color: #f5e0a0; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.idx_slide3 .idx_slide_title { color: #3c1e00; }

.idx_slide_sub {
  font-size: 16px;
  color: #7a5030;
  margin-bottom: 24px;
  font-family: 'Noto Serif KR', serif;
}
.idx_slide2 .idx_slide_sub { color: rgba(245,224,160,0.8); }

.idx_slide_btn {
  display: inline-block;
  padding: 12px 30px;
  background: #3c2a0e;
  color: #fff;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: background 0.2s;
  text-decoration: none;
}
.idx_slide1 .idx_slide_btn { background: #5c3d1e; }
.idx_slide1 .idx_slide_btn:hover { background: #8b6914; }
.idx_slide2 .idx_slide_btn { background: #c9a84c; color: #3c1e00; }
.idx_slide2 .idx_slide_btn:hover { background: #f5d78a; }
.idx_slide3 .idx_slide_btn { background: #5c3d1e; }
.idx_slide3 .idx_slide_btn:hover { background: #8b6914; }

/* 슬라이드1 - 그릇 장식 */
.idx_deco_bowl {
  position: absolute;
  right: 120px;
  bottom: 0;
  z-index: 2;
}
.idx_bowl_rim {
  width: 200px; height: 18px;
  background: linear-gradient(to bottom, #555, #222);
  border-radius: 8px 8px 0 0;
  margin-left: -10px;
}
.idx_bowl_body {
  width: 180px; height: 100px;
  background: radial-gradient(ellipse at 30% 30%, #555, #1a1a1a);
  border-radius: 0 0 90px 90px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0,0,0,0.4);
}
.idx_bowl_liquid {
  position: absolute;
  top: 10px; left: 10px; right: 10px; height: 70px;
  background: radial-gradient(ellipse at 40% 30%, #4a2500, #1a0800);
  border-radius: 50%;
}
.idx_bowl_shine {
  position: absolute;
  top: 18px; left: 24px;
  width: 36px; height: 12px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  transform: rotate(-20deg);
}

/* 슬라이드1 - 콩 장식 */
.idx_deco_beans {
  position: absolute;
  left: 80px; bottom: 40px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6px;
  opacity: 0.45;
  z-index: 2;
}
.idx_deco_beans span {
  display: block;
  width: 16px; height: 22px;
  background: radial-gradient(ellipse at 35% 35%, #f5e8b0, #c8a030);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}
.idx_deco_beans span:nth-child(even) { transform: rotate(20deg); }
.idx_deco_beans span:nth-child(3n) { transform: rotate(-15deg); }

/* 슬라이드2 - 항아리 장식 */
.idx_deco_onggi {
  position: absolute;
  right: 100px; bottom: 0;
  z-index: 2;
}
.idx_onggi2_rim {
  width: 130px; height: 12px;
  background: linear-gradient(to bottom, #9a6040, #5a2e10);
  margin: 0 auto;
  border-radius: 50%;
}
.idx_onggi2_neck {
  width: 100px; height: 26px;
  background: linear-gradient(to bottom, #6a3a18, #3a1808);
  margin: 0 auto;
  border-radius: 6px 6px 0 0;
}
.idx_onggi2_body {
  width: 190px; height: 190px;
  background: radial-gradient(ellipse at 35% 28%, #9a7050, #3d1e08, #6b3a18);
  border-radius: 30% 30% 50% 50% / 20% 20% 40% 40%;
  position: relative;
  overflow: hidden;
  box-shadow: 6px 10px 30px rgba(0,0,0,0.4);
  margin: 0 auto;
}
.idx_onggi2_shine {
  position: absolute;
  top: 16px; left: 16px;
  width: 44px; height: 88px;
  background: rgba(255,255,255,0.09);
  border-radius: 50%;
  transform: rotate(-10deg);
}

/* 슬라이드 내비 버튼 */
.idx_slide_prev,
.idx_slide_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px; height: 42px;
  background: rgba(255,255,255,0.25);
  border: 1px solid rgba(255,255,255,0.4);
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  line-height: 1;
  padding: 0;
}
.idx_slide_prev { left: 20px; }
.idx_slide_next { right: 20px; }
.idx_slide_prev:hover,
.idx_slide_next:hover { background: rgba(139,105,20,0.7); border-color: #c9a84c; }

/* 슬라이드 도트 */
.idx_slide_dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.idx_dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
  border: 0;
}
.idx_dot.on { background: #c9a84c; transform: scale(1.3); }

/* ============================================================
   배너 2열 - 슬라이더 바로 아래
   ============================================================ */
#idx_banner_row {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 1130px !important;
  margin: 14px auto !important;
  padding: 0 !important;
}

/* ============================================================
   상품 섹션 - 1130px 중앙정렬
   ============================================================ */
.idx_section_inner { width: 1130px !important; margin: 0 auto !important; }

/* ============================================================
   고객센터 / 계좌 / 빠른메뉴
   ============================================================ */
.idx_info_inner { width: 1130px !important; margin: 0 auto !important; }
.idx_board_inner { width: 1130px !important; margin: 0 auto !important; }

/* fieldset 기본 테두리 제거 */
fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; }
#hd_sch fieldset { display: flex !important; width: 100% !important; border: 0 !important; }
#hd_sch form { display: flex !important; width: 100% !important; flex: 1; }

/* ============================================================
   푸터 회사정보 글씨 - 접속자집계와 동일 스타일
   ============================================================ */
#ft_wr address,
#ft_company p,
#ft_company .ft_info {
  color: #e3e3e3 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 23px !important;
  font-weight: normal !important;
}
#ft_company h2 {
  color: #fff !important;
  font-size: 1.2em !important;
  margin-bottom: 14px !important;
  font-weight: bold !important;
}

/* ============================================================
   검색창 flex:1 → 실제 가운데 위치를 위한 보완
   고객센터 박스와 로고가 같은 폭일 때 자동 중앙
   ============================================================ */
/* 검색창 자체 내부 정렬 */
.hd_sch_wr { display: flex !important; align-items: center !important; }
#hd_sch { width: 100% !important; }

/* 고객센터 박스 flex-shrink:0, 로고와 대칭 */
.hd_cs_box { flex-shrink: 0 !important; width: 185px !important; box-sizing: border-box !important; }

/* ============================================================
   컨테이너 레이아웃 - aside 겹침 완전 수정
   ============================================================ */
/* 기본 container: flex로 aside + content 나란히 */
#container {
  display: flex !important;
  align-items: flex-start !important;
  width: 1130px !important;
  margin: 0 auto !important;
  padding: 20px 0 40px !important;
  gap: 20px !important;
  position: static !important;
}
#container::after { display: none !important; }

/* aside - flex item */
#aside {
  width: 220px !important;
  min-width: 220px !important;
  flex-shrink: 0 !important;
  position: static !important;
  top: auto !important; left: auto !important;
}

/* shop-content - 남은 공간 */
#container .shop-content {
  flex: 1 !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
#container .is_index {
  margin-left: 0 !important;
  width: 100% !important;
}

/* index 페이지: container 전체 폭 + 패딩 없음 */
#container.idx_full_layout {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  display: block !important;
}
#container.idx_full_layout .shop-content.is_index {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wrapper_title */
#wrapper_title {
  padding: 10px 0 16px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2a1a00 !important;
  border-bottom: 2px solid #8b6914 !important;
  margin-bottom: 16px !important;
}

/* 관리자 링크 강조 */
#hd_qnb .tnb_admin a {
  color: #c9a84c !important;
  font-weight: 900 !important;
}
#hd_qnb .tnb_admin a:hover {
  color: #fff !important;
  background: rgba(201,168,76,0.15) !important;
  border-radius: 2px !important;
}


/* ============================================================
   상품 상세 페이지 전체 스타일
   ============================================================ */

/* 전체 래퍼 */
#sit_ov_from {
  background: transparent !important;
  border-bottom: 0 !important;
}
#sit_ov_wrap {
  width: 1130px !important;
  margin: 20px auto !important;
  padding: 30px !important;
  background: #fff !important;
  border: 1px solid #e8dcc8 !important;
  border-radius: 4px !important;
  border-top: 1px solid #e8dcc8 !important;
}

/* 이미지 영역 */
#sit_pvi { float: left !important; width: 460px !important; }
#sit_pvi_big img { width: 420px !important; height: auto !important; }
#sit_pvi_thumb { float: left !important; }
#sit_pvi_thumb li { margin: 0 10px 10px 0 !important; }
#sit_pvi_thumb img { width: 68px !important; height: 68px !important; border: 1px solid #ddd !important; }
#sit_pvi_thumb img:hover { border-color: #8b6914 !important; }

/* 오른쪽 요약정보 */
#sit_ov {
  float: right !important;
  width: 580px !important;
  min-height: auto !important;
  height: auto !important;
  padding-bottom: 0 !important;
}

/* 상품명 */
#sit_title {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #1a1a1a !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #3c2a0e !important;
  margin-bottom: 14px !important;
}

/* 간단설명 */
#sit_desc {
  font-size: 13px !important;
  color: #666 !important;
  margin-bottom: 14px !important;
  line-height: 1.6 !important;
}

/* 상품 정보 테이블 */
.sit_info {
  border-top: 1px solid #e8dcc8 !important;
  border-bottom: 1px solid #e8dcc8 !important;
  margin: 0 0 16px !important;
  padding: 6px 0 !important;
}
.sit_ov_tbl { width: 100% !important; border-collapse: collapse !important; }
.sit_ov_tbl th {
  width: 90px !important;
  padding: 8px 10px 8px 0 !important;
  font-size: 13px !important;
  color: #888 !important;
  font-weight: 500 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.sit_ov_tbl td {
  padding: 8px 0 !important;
  font-size: 13px !important;
  color: #333 !important;
  vertical-align: middle !important;
}
.sit_info .tr_price td strong {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #c0392b !important;
}
.sit_info .tr_price {
  border-bottom: 1px solid #f0e8d6 !important;
}
.sit_info .tr_price th,
.sit_info .tr_price td { padding-bottom: 12px !important; }

/* 총 금액 */
#sit_total {
  font-size: 15px !important;
  color: #333 !important;
  text-align: right !important;
  padding: 12px 0 !important;
  border-top: 1px solid #e8dcc8 !important;
  margin-top: 10px !important;
}
#sit_total strong, #sit_total_price {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #c0392b !important;
}

/* 구매 버튼 */
.sit_order_btn {
  display: flex !important;
  gap: 8px !important;
  margin-top: 16px !important;
}
.sit_btn_cart {
  flex: 1 !important;
  height: 52px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 3px !important;
  border: 2px solid #5c3d1e !important;
  background: #fff !important;
  color: #5c3d1e !important;
  cursor: pointer !important;
}
.sit_btn_cart:hover { background: #5c3d1e !important; color: #fff !important; }
.sit_btn_buy {
  flex: 1 !important;
  height: 52px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 3px !important;
  border: 0 !important;
  background: #8b6914 !important;
  color: #fff !important;
  cursor: pointer !important;
}
.sit_btn_buy:hover { background: #7a5f1e !important; }
.sit_btn_wish {
  width: 52px !important;
  height: 52px !important;
  flex-shrink: 0 !important;
  border: 2px solid #ddd !important;
  border-radius: 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  color: #aaa !important;
  float: none !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}
.sit_btn_wish:hover { color: #c0392b !important; border-color: #c0392b !important; }

/* 관련상품/구매 사이드 박스 숨김 */
#sit_buy, .sit_buy_inner, #sit_rel, #stv_pg { display: none !important; }

/* sit_info: block으로 */
#sit_info {
  display: block !important;
  min-height: auto !important;
  border: 0 !important;
  background: transparent !important;
  margin-top: 0 !important;
}

/* ============================================================
   상품 상세 탭 - 개별 색상
   ============================================================ */
#sit_tab {
  display: block !important;
  width: 1130px !important;
  margin: 0 auto 40px !important;
}

/* 탭 헤더 - flex 수평 배치 */
#sit_tab .tab_tit {
  display: flex !important;
  align-items: stretch !important;
  background: #3c2a0e !important;
  border-bottom: 0 !important;
  padding: 0 !important;
}
#sit_tab .tab_tit::after { display: none !important; }
#sit_tab .tab_tit li {
  float: none !important;
  display: block !important;
}
#sit_tab .tab_tit li::after { display: none !important; }

/* 탭 버튼 공통 */
#sit_tab .tab_tit li button {
  display: block !important;
  height: 48px !important;
  line-height: 48px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* ── 탭별 개별 색상 ── */
#btn_sit_inf  { color: #f5d78a !important; }
#btn_sit_use  { color: #a8d8a0 !important; }
#btn_sit_qa   { color: #90c8e8 !important; }
#btn_sit_dvex { color: #f0c080 !important; }
#btn_sit_rel  { color: #f0a8a0 !important; }

/* 선택 상태 */
#btn_sit_inf.selected  { color: #fff !important; background: rgba(245,215,138,0.15) !important; border-bottom-color: #f5d78a !important; font-weight: 700 !important; }
#btn_sit_use.selected  { color: #fff !important; background: rgba(106,191,96,0.15) !important; border-bottom-color: #6abf60 !important; font-weight: 700 !important; }
#btn_sit_qa.selected   { color: #fff !important; background: rgba(80,168,216,0.15) !important; border-bottom-color: #50a8d8 !important; font-weight: 700 !important; }
#btn_sit_dvex.selected { color: #fff !important; background: rgba(224,144,48,0.15) !important; border-bottom-color: #e09030 !important; font-weight: 700 !important; }
#btn_sit_rel.selected  { color: #fff !important; background: rgba(224,104,88,0.15) !important; border-bottom-color: #e06858 !important; font-weight: 700 !important; }

/* hover */
#btn_sit_inf:hover  { color: #fff !important; }
#btn_sit_use:hover  { color: #fff !important; }
#btn_sit_qa:hover   { color: #fff !important; }
#btn_sit_dvex:hover { color: #fff !important; }
#btn_sit_rel:hover  { color: #fff !important; }

/* selected::after 제거 */
#sit_tab .tab_tit li .selected::after { display: none !important; }

/* 뱃지 */
#sit_tab .item_use_count,
#sit_tab .item_qa_count {
  display: inline-block !important;
  min-width: 18px !important; height: 18px !important;
  padding: 0 4px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
  line-height: 18px !important;
  margin-left: 3px !important;
  background: rgba(255,255,255,0.2) !important;
  color: #fff !important;
  vertical-align: middle !important;
}

/* 탭 컨텐츠 래퍼 */
#sit_tab .tab_con {
  background: #fff !important;
  padding: 0 !important;
  border: 1px solid #e8dcc8 !important;
  border-top: 0 !important;
  overflow: visible !important;
}
/* 각 패널 - padding은 여기서, display는 JS가 제어 */
#sit_tab .tab_con > li {
  padding: 24px !important;
}

/* 상품 정보 고시 테이블 */
#sit_inf_open {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
  margin-top: 16px !important;
}
#sit_inf_open th {
  width: 200px !important;
  background: #f7f2ea !important;
  padding: 10px 14px !important;
  border: 1px solid #e8dcc8 !important;
  color: #5c3d1e !important;
  font-weight: 600 !important;
  text-align: left !important;
}
#sit_inf_open td {
  padding: 10px 14px !important;
  border: 1px solid #e8dcc8 !important;
  color: #444 !important;
}

/* 사용후기/상품문의 버튼 */
#itemuse .btn_submit,
#itemqa  .btn_submit { background: #8b6914 !important; border-color: #8b6914 !important; }
#itemuse .btn_submit:hover,
#itemqa  .btn_submit:hover { background: #7a5f1e !important; }

/* 배송/교환 */
#sit_dvr h3, #sit_ex h3 {
  color: #5c3d1e !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

/* ============================================================
   PC GNB 드롭다운 메뉴
   ============================================================ */
.hd_menu_nav { flex:1; }
.hd_menu { display:flex !important; }
.hd_menu_has_sub { position:relative; }
.hd_menu_has_sub > a::after {
  content:'▾';
  margin-left:4px;
  font-size:10px;
  opacity:.7;
}
.hd_submenu {
  display:none;
  position:absolute;
  top:50px; left:0;
  min-width:130px;
  background:#fff;
  border:1px solid #c8a840;
  border-top:2px solid #8b6914;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  z-index:200;
  list-style:none;
  padding:0; margin:0;
}
.hd_menu_has_sub:hover .hd_submenu { display:block; }
.hd_submenu li a {
  display:block;
  padding:10px 16px;
  font-size:13px;
  color:#444;
  border-bottom:1px solid #f0e8d6;
  transition:background .12s,color .12s;
  white-space:nowrap;
}
.hd_submenu li:last-child a { border-bottom:0; }
.hd_submenu li a:hover { background:#f9f3e8; color:#8b6914; }

/* ============================================================
   메인 - 인기상품 슬라이더 상품명/가격 가운데 정렬 + 개별 색상
   ============================================================ */
/* 인기상품 섹션 상품카드 */
#idx_hit .item_wrap,
#idx_hit_wrap .item_wrap {
  text-align: center !important;
  border: 1px solid #e8dcc8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: box-shadow .2s, transform .2s !important;
}
#idx_hit .item_wrap:hover,
#idx_hit_wrap .item_wrap:hover {
  box-shadow: 0 4px 16px rgba(139,105,20,.18) !important;
  transform: translateY(-2px) !important;
}
#idx_hit .item_photo,
#idx_hit_wrap .item_photo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
  background: #f9f3e8 !important;
}
#idx_hit .item_name,
#idx_hit_wrap .item_name {
  text-align: center !important;
  padding: 6px 8px 2px !important;
}
#idx_hit .item_name a,
#idx_hit_wrap .item_name a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2a1a00 !important;
}
#idx_hit .item_price,
#idx_hit_wrap .item_price {
  text-align: center !important;
  padding: 0 8px 12px !important;
  display: block !important;
}
/* 인기상품 가격 - 상품별 다른 색상 (nth-child) */
#idx_hit .owl-item:nth-child(5n+1) .item_price .price { color: #c0392b !important; }
#idx_hit .owl-item:nth-child(5n+2) .item_price .price { color: #8b6914 !important; }
#idx_hit .owl-item:nth-child(5n+3) .item_price .price { color: #1a6e3c !important; }
#idx_hit .owl-item:nth-child(5n+4) .item_price .price { color: #1a4a90 !important; }
#idx_hit .owl-item:nth-child(5n+5) .item_price .price { color: #7a1a8a !important; }
/* owl carousel 아닐 때도 */
#idx_hit_wrap .smt_40 .item_wrap:nth-child(5n+1) .item_price .price { color: #c0392b !important; }
#idx_hit_wrap .smt_40 .item_wrap:nth-child(5n+2) .item_price .price { color: #8b6914 !important; }
#idx_hit_wrap .smt_40 .item_wrap:nth-child(5n+3) .item_price .price { color: #1a6e3c !important; }
#idx_hit_wrap .smt_40 .item_wrap:nth-child(5n+4) .item_price .price { color: #1a4a90 !important; }
#idx_hit_wrap .smt_40 .item_wrap:nth-child(5n+5) .item_price .price { color: #7a1a8a !important; }

/* ============================================================
   메인 - 추천상품 4열 전체폭 + 박스 테두리 + 설명 1줄
   ============================================================ */
#idx_rec .smt_40,
#idx_rec section {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
}
/* 추천상품 카드 */
#idx_rec .item_wrap {
  border: 1px solid #e8dcc8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: box-shadow .2s, transform .2s !important;
  width: auto !important;
}
#idx_rec .item_wrap:hover {
  box-shadow: 0 4px 16px rgba(139,105,20,.18) !important;
  transform: translateY(-2px) !important;
}
#idx_rec .item_photo {
  background: #f9f3e8 !important;
  padding: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#idx_rec .item_name { padding: 8px 10px 2px !important; }
#idx_rec .item_name a { font-size: 13px !important; font-weight: 700 !important; color: #2a1a00 !important; }
/* 설명 1줄 말줄임 */
#idx_rec .item_basic {
  padding: 0 10px !important;
  font-size: 11px !important;
  color: #888 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
#idx_rec .item_price { padding: 4px 10px 12px !important; }
#idx_rec .item_price .price { color: #c0392b !important; font-weight: 900 !important; font-size: 15px !important; }
#idx_rec .item_price .cust_price { color: #aaa !important; text-decoration: line-through !important; font-size: 11px !important; }


/* ============================================================
   PC GNB 드롭다운 - 완전 재작성
   ============================================================ */
.hd_menu_nav { display: flex; flex: none; width: calc(1130px - 185px); }
.hd_menu_nav .hd_menu { display: flex !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; }
.hd_menu_nav .hd_menu li { position: relative !important; float: none !important; display: block !important; padding: 0 !important; }
.hd_menu_nav .hd_menu > li > a {
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  padding: 0 24px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,0.12) !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
  letter-spacing: -0.3px !important;
}
.hd_menu_nav .hd_menu > li:last-child > a { border-right: 0 !important; }
.hd_menu_nav .hd_menu > li:hover > a { background: rgba(0,0,0,0.22) !important; color: #ffe88a !important; }

/* 서브메뉴 있는 항목 화살표 */
.hd_menu_nav .hd_menu_has_sub > a { padding-right: 14px !important; }
.hd_menu_nav .hd_menu_has_sub > a::after {
  content: "▾" !important;
  margin-left: 5px !important;
  font-size: 11px !important;
  opacity: 0.75 !important;
  transition: transform 0.2s !important;
}
.hd_menu_nav .hd_menu_has_sub:hover > a::after { transform: rotate(180deg) !important; opacity: 1 !important; }

/* 드롭다운 패널 */
.hd_menu_nav .hd_submenu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 150px !important;
  background: #fff !important;
  border: 0 !important;
  border-top: 3px solid #8b6914 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.08) !important;
  z-index: 999 !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border-radius: 0 0 4px 4px !important;
}
.hd_menu_nav .hd_menu_has_sub:hover .hd_submenu { display: block !important; }
.hd_menu_nav .hd_submenu li a {
  display: block !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  color: #333 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  border: 0 !important;
  text-decoration: none !important;
  transition: background 0.12s, color 0.12s !important;
  line-height: 1.4 !important;
}
.hd_menu_nav .hd_submenu li a:hover {
  background: #f9f3e8 !important;
  color: #8b6914 !important;
  padding-left: 24px !important;
}


/* ============================================================
   PC 추천상품 - 4열 2줄 그리드 (owl-carousel 무력화)
   최대 8개, 1130px 꽉채움, 박스 테두리, 설명 1줄
   ============================================================ */

/* owl-carousel / sctrl(재생정지) 완전 숨김 */
#idx_rec .sctrl,
#idx_rec ul.sctrl,
#idx_rec .sctrl_play,
#idx_rec .sctrl_stop,
#idx_rec .owl-nav,
#idx_rec .owl-dots { display: none !important; }

/* owl-carousel → 일반 flex 그리드로 강제 전환 */
#idx_rec .owl-carousel { display: block !important; }
#idx_rec .owl-stage-outer { overflow: visible !important; }
#idx_rec .owl-stage {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  transform: none !important;
  width: 100% !important;
}
#idx_rec .owl-item {
  float: none !important;
  width: auto !important;
  flex: 0 0 calc(25% - 12px) !important;
  transform: none !important;
}

/* ul 기반 스킨 (main.10/20/40) */
#idx_rec ul.smt_40,
#idx_rec ul.sct,
#idx_rec ul.smt_20 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  float: none !important;
  overflow: hidden !important;
}
/* 8개 이후 숨김 */
#idx_rec ul.smt_40 > li:nth-child(n+9),
#idx_rec ul.sct > li:nth-child(n+9),
#idx_rec ul.smt_20 > li:nth-child(n+9) { display: none !important; }

/* 카드 li */
#idx_rec li.sct_li,
#idx_rec .sct_li {
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid #e0d4b4 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #fff !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s !important;
  box-sizing: border-box !important;
}
#idx_rec li.sct_li:hover {
  box-shadow: 0 6px 20px rgba(139,105,20,0.18) !important;
  transform: translateY(-3px) !important;
  border-color: #c9a84c !important;
}

/* 이미지 영역 */
#idx_rec .sct_img {
  background: #faf5ec !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 !important;
}
#idx_rec .sct_img a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 12px !important;
}
#idx_rec .sct_img img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  width: auto !important;
  height: auto !important;
}
/* 장바구니 버튼 숨김 */
#idx_rec .sct_btn,
#idx_rec .cart-layer { display: none !important; }

/* 컨텐츠 wrap */
#idx_rec .sct_ct_wrap {
  padding: 6px 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

/* 아이콘 뱃지 */
#idx_rec .item_icon_wrap,
#idx_rec .sct_icon {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
  margin-bottom: 4px !important;
}
#idx_rec .item_icon_wrap img,
#idx_rec .sct_icon img { height: 18px !important; width: auto !important; }

/* 상품명 */
#idx_rec .sct_name,
#idx_rec .item_name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 3px !important;
}
#idx_rec .sct_name a,
#idx_rec .item_name a {
  color: #1a1a1a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
#idx_rec .sct_name a:hover,
#idx_rec .item_name a:hover { color: #8b6914 !important; }

/* 설명 1줄 말줄임 */
#idx_rec .sct_basic,
#idx_rec .item_basic {
  font-size: 12px !important;
  color: #999 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  margin-bottom: 5px !important;
  line-height: 1.4 !important;
}

/* 가격 */
#idx_rec .sct_price,
#idx_rec .item_price { margin-top: auto !important; }
#idx_rec .sct_price .cust_price,
#idx_rec .item_price .cust_price {
  font-size: 11px !important;
  color: #bbb !important;
  text-decoration: line-through !important;
}
#idx_rec .sct_price .price,
#idx_rec .item_price .price {
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #c0392b !important;
  display: block !important;
}

/* ============================================================
   실제 이미지 슬라이더 스타일
   ============================================================ */
#idx_img_slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.idx_img_slides { width: 100%; position: relative; }
.idx_img_slide {
  display: none;
  width: 100%;
  line-height: 0;
}
.idx_img_slide.on { display: block; }
.idx_img_slide img {
  width: 100%;
  height: auto;
  display: block;
}
/* 이전/다음 버튼 */
#idx_img_slider .idx_slide_prev,
#idx_img_slider .idx_slide_next {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px;
  background: rgba(255,255,255,0.25);
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
#idx_img_slider .idx_slide_prev { left: 16px; }
#idx_img_slider .idx_slide_next { right: 16px; }
#idx_img_slider .idx_slide_prev:hover,
#idx_img_slider .idx_slide_next:hover { background: rgba(139,105,20,0.6); }
/* 도트 */
#idx_img_slider .idx_slide_dots {
  position: absolute;
  bottom: 14px; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 7px; z-index: 10;
}
#idx_img_slider .idx_dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,0.45);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
#idx_img_slider .idx_dot.on { background: #c9a84c; transform: scale(1.3); }

/* ============================================================
   중간 배너 - 실제 이미지
   ============================================================ */
#idx_mid_banner {
  width: 100%;
  line-height: 0;
  background: #000;
  overflow: hidden;
}
#idx_mid_banner a { display: block; }
.idx_mid_img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 360px;
  object-fit: cover;
  object-position: center;
}

/* ============================================================
   로고 이미지 최적화
   ============================================================ */
#logo img { max-height: 75px !important; width: auto !important; }

/* ============================================================
   중간 배너 - 배경이미지 + 텍스트 이미지 오버레이
   ============================================================ */
#idx_mid_banner {
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  background: #f0e8d0 !important;
  line-height: 0 !important;
}
.idx_mid_bg {
  width: 100%;
  line-height: 0;
}
.idx_mid_bg_img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  max-height: 300px !important;
  object-fit: cover !important;
  object-position: center !important;
}
.idx_mid_overlay {
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.idx_mid_overlay a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
.idx_mid_txt_img {
  max-width: 70% !important;
  max-height: 90% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ============================================================
   PC GNB 드롭다운 - 스크린샷3 디자인 (깔끔한 전체 메뉴 패널)
   ============================================================ */

/* 드롭다운 전체 영역을 메뉴바 바로 아래 */
.hd_menu_nav { position: relative; }

/* 서브메뉴 패널 */
.hd_menu_nav .hd_submenu {
  display: none !important;
  position: absolute !important;
  top: 50px !important;
  left: 0 !important;
  min-width: 130px !important;
  background: #fff !important;
  border-top: 2px solid #8b6914 !important;
  border-left: 1px solid #e8dcc8 !important;
  border-right: 1px solid #e8dcc8 !important;
  border-bottom: 1px solid #e8dcc8 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
  z-index: 500 !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border-radius: 0 0 4px 4px !important;
}
.hd_menu_nav .hd_menu_has_sub:hover .hd_submenu { display: block !important; }

.hd_menu_nav .hd_submenu li a {
  display: block !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  color: #444 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  border: 0 !important;
  border-bottom: 1px solid #f5f0e8 !important;
  text-decoration: none !important;
  transition: background 0.12s, color 0.12s, padding-left 0.12s !important;
  line-height: 1.4 !important;
}
.hd_menu_nav .hd_submenu li:last-child a { border-bottom: 0 !important; }
.hd_menu_nav .hd_submenu li a:hover {
  background: #f9f3e8 !important;
  color: #8b6914 !important;
  padding-left: 22px !important;
}

/* ============================================================
   전체카테고리 패널 (#category) - 반투명 분홍/크림 배경
   ============================================================ */
#category {
  background: rgba(255, 245, 235, 0.96) !important;
  border: 1px solid #e8c8a0 !important;
  border-top: 0 !important;
  box-shadow: 2px 4px 20px rgba(139,80,20,0.15) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
/* 카테고리 타이틀 */
#category .cate_tit,
#category h2 {
  background: #8b6914 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
  margin: 0 !important;
}
/* 1단 카테고리 링크 */
#category .cate_li_1_a {
  color: #5c3d1e !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  display: block !important;
  border-bottom: 1px solid rgba(200,160,80,0.2) !important;
  transition: background 0.12s, color 0.12s !important;
}
#category .cate_li_1_a:hover {
  background: rgba(139,105,20,0.08) !important;
  color: #8b6914 !important;
}
/* 닫기 버튼 */
#category .cate_close {
  background: #5c3d1e !important;
  color: #fff !important;
}
#category .cate_close:hover { background: #8b6914 !important; }

/* ============================================================
   인기상품 - 상품명/가격 가운데 정렬
   ============================================================ */
#idx_hit_wrap .item_wrap,
#idx_hit .item_wrap { text-align: center !important; }
#idx_hit_wrap .item_name,
#idx_hit .item_name { text-align: center !important; padding: 6px 8px 2px !important; }
#idx_hit_wrap .item_name a,
#idx_hit .item_name a { font-size: 13px !important; font-weight: 700 !important; color: #2a1a00 !important; }
#idx_hit_wrap .item_price,
#idx_hit .item_price { text-align: center !important; padding: 2px 8px 12px !important; display: block !important; }
/* owl-carousel 내 */
#idx_hit_wrap .sct_name,
#idx_hit .sct_name { text-align: center !important; }
#idx_hit_wrap .sct_price,
#idx_hit .sct_price { text-align: center !important; }

/* ============================================================
   추천상품 - 흰 배경 + 상품명/가격 가운데
   ============================================================ */
.idx_section_wrap.idx_bg_white,
.idx_section_wrap:has(#idx_rec) { background: #fff !important; }
/* 섹션 래퍼 */
#idx_rec,
.idx_section_wrap .idx_section_inner:has(#idx_rec) { background: #fff !important; }

/* 카드 내 텍스트 가운데 */
#idx_rec .sct_ct_wrap { text-align: center !important; }
#idx_rec .sct_name { text-align: center !important; }
#idx_rec .sct_price { text-align: center !important; }
#idx_rec .item_name { text-align: center !important; }
#idx_rec .item_name a { display: block !important; text-align: center !important; }
#idx_rec .item_price { text-align: center !important; }
#idx_rec .item_basic {
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#idx_rec .item_icon_wrap {
  justify-content: center !important;
}

/* ul 기반 스킨 가운데 정렬 보완 */
#idx_rec li.sct_li .sct_ct_wrap,
#idx_rec li.sct_li .sct_name,
#idx_rec li.sct_li .sct_price { text-align: center !important; }

/* ============================================================
   인사말/배너 섹션 + 인기상품 섹션 배경 흰색
   ============================================================ */
/* 인사말/상품소개 배너 섹션 */
#idx_banner_row {
  background: #fff !important;
}
/* 인기상품 섹션 전체 */
#idx_hit_wrap,
.idx_section_wrap:has(#idx_hit_wrap),
.idx_section_wrap:has(#idx_hit) {
  background: #fff !important;
}
/* :has() 미지원 브라우저 대비 - 인기상품 섹션 클래스로 */
.idx_hit_section { background: #fff !important; }

/* ============================================================
   중간 배너 - 높이 줄이기 (이미지처럼)
   ============================================================ */
#idx_mid_banner {
  max-height: 300px !important;
  overflow: hidden !important;
}
.idx_mid_bg_img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
.idx_mid_overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.idx_mid_txt_img {
  max-width: 65% !important;
  max-height: 85% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ============================================================
   추천상품 - 섹션 배경 흰색 + 카드 내부 흰색
   ============================================================ */
/* 추천상품 섹션 래퍼 */
#idx_rec,
#idx_rec + *,
.idx_section_wrap.idx_bg_white {
  background: #fff !important;
}
/* 카드 배경 흰색 */
#idx_rec li.sct_li,
#idx_rec .item_wrap {
  background: #fff !important;
}
/* 카드 이미지 배경도 흰색에 가깝게 */
#idx_rec .sct_img,
#idx_rec .item_photo {
  background: #fafafa !important;
}

/* ============================================================
   서브페이지 (커뮤니티) - 쇼핑몰과 동일한 헤더/GNB 스타일
   ============================================================ */

/* 커뮤니티 gnb div */
#gnb {
  background: #8b6914 !important;
  min-width: 1130px !important;
}
#gnb .gnb_wrap { padding: 0 !important; }

/* GNB 1단 메뉴 */
#gnb #gnb_1dul { border-bottom: 0 !important; }
#gnb .gnb_1dli > a,
#gnb .gnb_1da {
  color: #fff !important;
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
#gnb .gnb_1dli:hover > a,
#gnb .gnb_1dli.active > a { color: #ffe88a !important; background: rgba(0,0,0,0.2) !important; }

/* 전체메뉴 버튼 */
#gnb .gnb_menu_btn {
  background: rgba(0,0,0,0.28) !important;
  color: #fff !important;
  height: 50px !important;
  line-height: 50px !important;
}

/* 서브페이지에서 hd_menu 활성화 */
body:not([class*="idx"]) #hd_menu {
  background: #8b6914 !important;
  width: 100% !important;
}

/* ============================================================
   서브페이지 컨테이너 - aside 제거, 본문 전체 폭
   ============================================================ */
/* 커뮤니티 wrapper */
#wrapper { background: #f7f2ea !important; }

/* container 내 aside 숨김 (커뮤니티 페이지) */
body.is_community #aside,
.is_community #aside { display: none !important; }

/* container 전체폭 (aside 없을 때) */
.is_community #container,
body.is_community #container {
  width: 1130px !important;
  margin: 0 auto !important;
  padding: 20px 0 40px !important;
}

/* ============================================================
   서브페이지 breadcrumb (인사말 위) - 이미지 위로 이동
   ============================================================ */
#container_title,
.co_tit_wrap,
.co_title_wrap {
  position: relative !important;
  z-index: 10 !important;
}

/* content 본문 위의 breadcrumb */
#bo_location,
#co_bc { 
  margin-bottom: 0 !important;
}

/* 페이지 타이틀(인사말 등)을 컨텐츠 위에 절대배치 */
#wrapper_title {
  position: absolute !important;
  top: 14px !important;
  left: 0 !important;
  z-index: 20 !important;
  background: rgba(255,255,255,0.85) !important;
  padding: 6px 14px !important;
  border-radius: 0 4px 4px 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #5c3d1e !important;
  border-left: 3px solid #8b6914 !important;
}
#container { position: relative !important; }

/* ============================================================
   서브페이지 outlogin (회원정보 박스) 완전 숨김
   ============================================================ */
#aside { display: none !important; }
.ol_wrap,
#outlogin,
.outlogin_wrap { display: none !important; }

/* 하단 회원 정보 표시 영역 숨김 */
#ft_login,
.ft_login,
#ft_member,
.ft_member { display: none !important; }

/* ============================================================
   커뮤니티 본문 스타일
   ============================================================ */
/* 내용 페이지 */
#co_wrap { 
  background: #fff !important;
  border: 1px solid #e8dcc8 !important;
  border-radius: 6px !important;
  padding: 30px !important;
  margin-top: 16px !important;
}
/* 게시판 */
.tbl_head01 thead th { 
  background: #f7f2ea !important;
  color: #5c3d1e !important;
  border-bottom: 2px solid #c9a84c !important;
}
.tbl_head01 tbody tr:hover td { background: #fdf5e0 !important; }


/* ============================================================
   서브페이지 Breadcrumb 배너 - 전체 폭, 이미지처럼
   ============================================================ */

/* 기존 container_title / wrapper_title / bo_bc 완전 숨김 */
#container_title,
#wrapper_title,
#bo_bc,
#co_bc,
.bo_bc,
.co_bc,
#location { display: none !important; }

/* ── 전체 폭 breadcrumb 배너 ── */
#sub_bc_banner {
  width: 100% !important;
  background: #f7f2ea !important;
  border-bottom: 1px solid #e8dcc8 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.sub_bc_inner {
  width: 1130px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
}
/* 장독대 아이콘 */
.sub_bc_icon {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
/* 텍스트 */
.sub_bc_text {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}
.sub_bc_home {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #8b6914 !important;
  text-decoration: none !important;
}
.sub_bc_home:hover { color: #5c3d1e !important; }
.sub_bc_sep {
  font-size: 16px !important;
  color: #bbb !important;
}
.sub_bc_current {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #5c3d1e !important;
}

/* sub_bc_banner가 wrapper 밖이므로 배경 통일 */
#wrapper { padding-top: 0 !important; }


/* ============================================================
   중간 장독대 배너 - 높이 329px, 배경 하단 정렬, 투명 배경
   ============================================================ */
#idx_mid_banner {
  width: 100% !important;
  height: 329px !important;
  max-height: 329px !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;   /* 투명 배경 */
}
/* 배경이미지 - 섹션 하단에 위치 */
.idx_mid_bg {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  line-height: 0 !important;
  z-index: 1 !important;
}
.idx_mid_bg_img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  max-height: 329px !important;
}
/* 텍스트 오버레이 - 가운데 */
.idx_mid_overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 3 !important;
}
.idx_mid_overlay a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
.idx_mid_txt_img {
  max-width: 60% !important;
  max-height: 80% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ============================================================
   페이지 배경 흰색 (서브페이지)
   ============================================================ */
#wrapper { background: #fff !important; }
.is_community { background: #fff !important; }

/* 서브페이지 컨텐츠 영역 */
#container .shop-content { background: #fff !important; }

/* ============================================================
   전체 폭 레이아웃 - aside 숨김 시 shop-content 전체폭
   ============================================================ */
/* aside 숨김 */
#container #aside { display: none !important; }

/* shop-content 전체폭 */
#container .shop-content {
  flex: 1 !important;
  width: 100% !important;
  margin-left: 0 !important;
  min-width: 0 !important;
}

/* 단 idx_full_layout(메인)은 별도 처리 */
#container.idx_full_layout .shop-content {
  width: 100% !important;
  flex: none !important;
}

/* ============================================================
   문의하기(qa) 전체폭 보정
   ============================================================ */
#bo_list { width: 100% !important; max-width: 100% !important; }
#bo_w { width: 100% !important; }
.tbl_head01 { width: 100% !important; }

/* ============================================================
   head.php 검색폼 - 쇼핑몰과 동일하게
   ============================================================ */
/* fieldset 기본 스타일 제거 */
#hd_sch fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; }

/* hd_sch - flex 한 줄 */
#hd_sch {
  display: flex !important;
  border: 1px solid #c8b88a !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  width: 100% !important;
}
#hd_sch form {
  display: flex !important;
  width: 100% !important;
  flex: 1 !important;
}
/* 검색 input */
#hd_sch input#sch_stx,
#hd_sch .frm_input {
  flex: 1 !important;
  height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  background: #fff !important;
  font-size: 13px !important;
  color: #333 !important;
  font-family: 'Noto Sans KR', sans-serif !important;
  outline: none !important;
  border-radius: 0 !important;
  min-width: 0 !important;
}
#hd_sch input#sch_stx::placeholder,
#hd_sch .frm_input::placeholder { color: #bbb !important; }

/* 검색 버튼 */
#hd_sch button#sch_submit,
#hd_sch button[type=submit] {
  width: 46px !important;
  height: 42px !important;
  border: 0 !important;
  background: #5c3d1e !important;
  color: #fff !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  font-size: 15px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#hd_sch button#sch_submit:hover,
#hd_sch button[type=submit]:hover { background: #8b6914 !important; }

/* 인기검색어 숨김 */
.sch_popular, #sch_popular { display: none !important; }

/* hd_sch_wr 폭 */
.hd_sch_wr {
  flex: 1 !important;
  margin: 0 40px !important;
  display: flex !important;
  align-items: center !important;
}

/* ============================================================
   중간 배너 - center_ad_bg.jpg 하단 257px 높이만
   ============================================================ */
#idx_mid_banner {
  width: 100% !important;
  height: 329px !important;
  max-height: 329px !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
}
/* 배경이미지 컨테이너 - 정확히 하단 257px */
.idx_mid_bg {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 257px !important;    /* 배경이미지 원본 높이 */
  line-height: 0 !important;
  z-index: 1 !important;
}
.idx_mid_bg_img {
  width: 100% !important;
  height: 257px !important;    /* 정확히 257px */
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* 텍스트 오버레이 - 배너 전체 영역 가운데 */
.idx_mid_overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 3 !important;
}
.idx_mid_overlay a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
/* center_ad_txt.png - 배경 하단에 맞춰 하단 정렬 */
.idx_mid_txt_img {
  max-width: 62% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  /* 배경 하단 기준으로 텍스트 이미지도 하단에 맞춤 */
  align-self: flex-end !important;
  margin-bottom: 0 !important;
}

/* ============================================================
   중간 배너 - txt 이미지 329px 전체 높이로
   ============================================================ */
.idx_mid_overlay {
  align-items: flex-end !important;  /* 하단 정렬 */
}
.idx_mid_txt_img {
  height: 329px !important;          /* 배너 전체 높이 = 원본 */
  max-height: 329px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  align-self: flex-end !important;
  margin-bottom: 0 !important;
}

/* ============================================================
   드롭다운 메뉴 - 세련되고 깔끔하게 재정의
   ============================================================ */
/* 기존 중복 선언 모두 무효화 후 새 스타일 적용 */

/* GNB 메뉴 공통 */
.hd_menu_nav .hd_menu {
  display: flex !important;
  height: 50px !important;
  align-items: stretch !important;
}
.hd_menu_nav .hd_menu li { float: none !important; display: block !important; position: relative !important; }

/* 1단 링크 */
.hd_menu_nav .hd_menu > li > a {
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  padding: 0 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.92) !important;
  letter-spacing: -0.2px !important;
  white-space: nowrap !important;
  border: 0 !important;
  text-decoration: none !important;
  transition: color 0.15s, background 0.15s !important;
  position: relative !important;
}
/* 하단 골드 라인 hover */
.hd_menu_nav .hd_menu > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 20px !important; right: 20px !important;
  height: 2px !important;
  background: #f5d78a !important;
  transform: scaleX(0) !important;
  transition: transform 0.2s ease !important;
}
.hd_menu_nav .hd_menu > li:hover > a::after { transform: scaleX(1) !important; }
.hd_menu_nav .hd_menu > li > a:hover { color: #fff !important; }
.hd_menu_nav .hd_menu > li > a i { font-size: 10px !important; margin-left: 4px !important; opacity: 0.7 !important; }

/* 드롭다운 화살표 */
.hd_menu_nav .hd_menu_has_sub > a::before {
  content: '' !important;
  /* after 위에 화살표 별도 처리 */
}
.hd_menu_nav .hd_menu_has_sub > a span.arr {
  display: inline-block !important;
  margin-left: 5px !important;
  font-size: 9px !important;
  opacity: 0.6 !important;
  transition: transform 0.2s !important;
  line-height: 1 !important;
}
.hd_menu_nav .hd_menu_has_sub:hover > a span.arr { transform: rotate(180deg) !important; opacity: 1 !important; }

/* 서브메뉴 패널 - 세련된 디자인 */
.hd_menu_nav .hd_submenu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 0px) !important;
  left: 0 !important;
  min-width: 160px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.14), 0 2px 6px rgba(0,0,0,0.06) !important;
  z-index: 999 !important;
  border-radius: 0 0 6px 6px !important;
  overflow: hidden !important;
  padding: 4px 0 !important;
  /* 상단 골드 라인 */
  border-top: 2px solid #c9a84c !important;
  list-style: none !important;
  margin: 0 !important;
}
.hd_menu_nav .hd_menu_has_sub:hover .hd_submenu { display: block !important; }

/* 서브메뉴 아이템 */
.hd_menu_nav .hd_submenu li { display: block !important; }
.hd_menu_nav .hd_submenu li a {
  display: flex !important;
  align-items: center !important;
  padding: 11px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3a2a14 !important;
  border: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.12s, color 0.12s, padding-left 0.12s !important;
  position: relative !important;
}
/* 왼쪽 골드 dot */
.hd_menu_nav .hd_submenu li a::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important; height: 5px !important;
  border-radius: 50% !important;
  background: #c9a84c !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
  opacity: 0.5 !important;
  transition: opacity 0.15s !important;
}
.hd_menu_nav .hd_submenu li a:hover {
  background: #fdf5e4 !important;
  color: #8b6914 !important;
  padding-left: 24px !important;
}
.hd_menu_nav .hd_submenu li a:hover::before { opacity: 1 !important; }
/* 구분선 */
.hd_menu_nav .hd_submenu li + li a {
  border-top: 1px solid #f5f0e8 !important;
}

/* ============================================================
   인기상품 / 추천상품 - 상품명·가격 가운데 정렬 (최종 통합)
   ============================================================ */
/* ── 인기상품 ── */
#idx_hit_wrap .item_wrap { text-align: center !important; }
#idx_hit_wrap .item_photo { justify-content: center !important; }

#idx_hit_wrap .item_name,
#idx_hit_wrap .sct_name { text-align: center !important; padding: 6px 10px 2px !important; }
#idx_hit_wrap .item_name a,
#idx_hit_wrap .sct_name a { color: #1a1a1a !important; font-size: 13px !important; font-weight: 700 !important; }

#idx_hit_wrap .item_price,
#idx_hit_wrap .sct_price { text-align: center !important; padding: 2px 10px 12px !important; display: block !important; }
#idx_hit_wrap .item_price .price,
#idx_hit_wrap .sct_price .price { font-size: 15px !important; font-weight: 900 !important; color: #c0392b !important; }
#idx_hit_wrap .item_price .cust_price,
#idx_hit_wrap .sct_price .cust_price { font-size: 11px !important; color: #bbb !important; text-decoration: line-through !important; display: block !important; }

/* ── 추천상품 ── */
#idx_rec li.sct_li { text-align: center !important; }
#idx_rec .sct_ct_wrap,
#idx_rec .item_info { display: flex !important; flex-direction: column !important; align-items: center !important; }

#idx_rec .sct_name,
#idx_rec .item_name { text-align: center !important; width: 100% !important; padding: 6px 12px 2px !important; }
#idx_rec .sct_name a,
#idx_rec .item_name a { color: #1a1a1a !important; font-size: 14px !important; font-weight: 700 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

#idx_rec .sct_basic,
#idx_rec .item_basic { text-align: center !important; color: #999 !important; font-size: 12px !important; padding: 0 12px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; display: block !important; }

#idx_rec .sct_price,
#idx_rec .item_price { text-align: center !important; width: 100% !important; padding: 5px 12px 14px !important; }
#idx_rec .sct_price .price,
#idx_rec .item_price .price { font-size: 16px !important; font-weight: 900 !important; color: #c0392b !important; display: block !important; }
#idx_rec .sct_price .cust_price,
#idx_rec .item_price .cust_price { font-size: 11px !important; color: #bbb !important; text-decoration: line-through !important; display: block !important; }

#idx_rec .item_icon_wrap { justify-content: center !important; padding: 6px 12px 0 !important; }

/* ── PC 푸터 바로가기 ── */
#ft_quick {
  text-align: center;
  padding: 18px 0 10px;
  border-bottom: 1px solid #4a3820;
  margin-bottom: 12px;
}
#ft_quick a {
  color: #d4b870;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 0 6px;
  transition: color 0.15s;
}
#ft_quick a:hover { color: #fff; }
.ft_qdiv { color: #5a4830; font-size: 12px; }