@charset "utf-8";
/*
 * m.psnmalls.com - 골드/베이지 테마
 * 파일 위치: /Asset/css/m_theme.css
 */

/* ===================================================
   폰트
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&display=swap');

body, button, input, select, textarea {
  font-family: 'Noto Serif KR', 'NanumSquare', sans-serif !important;
}

/* ===================================================
   전체 배경
   =================================================== */
body {
  background: #FBF6EC !important;
}

/* ===================================================
   헤더
   =================================================== */
header,
#header,
.header {
  background: #F5EDD8 !important;
  border-bottom: 1px solid #C9A96E !important;
}

/* 로고 */
header .logo img,
.header .logo img,
#header .logo img {
  filter: none !important;
}

/* 헤더 아이콘 */
header .icon,
header .btn,
.header .icon,
.header .btn {
  color: #B8860B !important;
}

/* ===================================================
   상단 GNB 탭 (홈/쇼핑방송/불교용품/대량주문/자비나눔장터)
   =================================================== */
.gnb {
  background: #F5EDD8 !important;
  border-bottom: 2px solid #C9A96E !important;
}
.gnb li a,
.gnb a {
  color: #6B4E2A !important;
  font-weight: 600 !important;
}
.gnb li.on a,
.gnb li.active a,
.gnb .on a {
  color: #B8860B !important;
  border-bottom: 3px solid #B8860B !important;
}
/* 선택된 탭 아래 빨간 줄 → 골드 */
.gnb li.on::after,
.gnb .on::after {
  background: #B8860B !important;
}

/* ===================================================
   슬라이드 인디케이터 (빨간→골드)
   =================================================== */
.bx-pager-item a.active,
.bx-pager-item a:hover {
  background: #B8860B !important;
}
.bx-controls-direction a {
  background: rgba(184, 134, 11, 0.7) !important;
}

/* ===================================================
   가격 색상 (빨간→골드)
   =================================================== */
.price,
span.price,
em.no,
.fc_red,
.color_red,
[class*="price"] em,
.sale_price {
  color: #ffffff !important;
}

/* ===================================================
   버튼 (빨간→골드)
   =================================================== */
.popbtn-red-ok,
.btn-red,
.btn_buy,
.btn-primary,
button[class*="red"],
input[class*="red"] {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}
.popbtn-red-ok:hover,
.btn-red:hover {
  background: #D4A843 !important;
}

/* 구매하기 / 장바구니 버튼 */
.btn_buy_wrap .btn_buy,
.buy_wrap .btn_buy,
a.buy,
button.buy {
  background: #B8860B !important;
  border: none !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* ===================================================
   하단 탭바 (홈/카테고리/마이쇼핑/고객센터)
   =================================================== */
.tabbar,
.tab-bar,
nav.bottom,
#footer_nav,
.footer-nav {
  background: #F5EDD8 !important;
  border-top: 1px solid #C9A96E !important;
}
.tabbar a,
.tab-bar a,
.footer-nav a {
  color: #8B6940 !important;
}
.tabbar .on a,
.tabbar a.on,
.tab-bar .on a,
.footer-nav a.on {
  color: #B8860B !important;
}

/* ===================================================
   섹션 제목
   =================================================== */
.section-title,
.tit,
h2, h3 {
  color: #3d2b00 !important;
}

/* ===================================================
   상품 카드
   =================================================== */
.goods-item,
.product-item,
.item {
  background: #fff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* ===================================================
   카테고리 탭 선택
   =================================================== */
.cate-tab .on,
.cate-tab .active,
.tab-list .on,
.tab-list .active {
  color: #B8860B !important;
  border-bottom: 2px solid #B8860B !important;
}

/* ===================================================
   검색창
   =================================================== */
.search input,
.srch,
input[type="search"],
input[type="text"].keyword {
  border: 1px solid #C9A96E !important;
  background: #fff !important;
}
.search .btn,
.search button {
  color: #B8860B !important;
}

/* ===================================================
   푸터
   =================================================== */
footer,
#footer,
.footer {
  background: #6B4E2A !important;
  color: #F5EDD8 !important;
}
footer a,
#footer a,
.footer a {
  color: #D4A843 !important;
}
footer p,
#footer p,
.footer p {
  color: #D4C9A8 !important;
}

/* ===================================================
   팝업 / 모달
   =================================================== */
.popup-header,
.modal-header {
  background: #B8860B !important;
  color: #fff !important;
}

/* ===================================================
   로그인 버튼
   =================================================== */
#btn_sign,
.btn_login,
input[type="submit"].login {
  background: #B8860B !important;
  border: none !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* ===================================================
   공통 링크 강조색
   =================================================== */
a.point,
.point {
  color: #B8860B !important;
}


/* GNB 탭 빨간 줄 → 골드 */
.gnb li .on,
.gnb li a.on,
.gnb .current,
.gnb a[class*="on"],
.gnb li:first-child .on {
  border-bottom: 3px solid #B8860B !important;
}
/* GNB 상단 빨간 보더 라인 제거 */
.gnb,
nav.gnb {
  border-top: none !important;
}
/* 할인 뱃지 빨강 → 골드 */
.badge, .sale-badge,
span[class*="badge"],
span[class*="sale"],
.discount-rate,
em[class*="rate"],
span.rate {
  background: #B8860B !important;
  color: #fff !important;
  border-color: #B8860B !important;
}
/* 가격 빨강 → 골드 */
.price, span.price,
.sale_price, .s_price,
em.no, .num {
  color: #B8860B !important;
}

/* GNB 탭 선택 빨간 줄 → 골드 */
.nav-tab li.on::after,
.nav-tab li.on,
.tab-wrap li.on,
[class*="tab"] li.on {
  border-bottom: 3px solid #B8860B !important;
}
/* 탭 아래 빨간 라인 */
.nav-tab::after,
.tab-wrap::after {
  background: #B8860B !important;
}

/* 가격 em 태그 (cled1c24 클래스) */
em.cled1c24,
em[class*="cled"] {
  color: #B8860B !important;
}

/* 팝업 타이틀 보더 */
.pop_title {
  border-bottom-color: #B8860B !important;
}

/* 팝업 확인 버튼 */
a.btn_pop_confirm {
  background: #B8860B !important;
  border-color: #96700A !important;
}

/* 빨간 텍스트 일반 p, label */
p[style*="color"],
label[style*="color"] {
  color: #B8860B !important;
}

/* ===================================================
   GNB 탭 선택 빨간 삼각형/줄 → 골드
   =================================================== */
li.mcatBtn.on::after,
li.mcatBtn.on::before,
.mcatBtn.on::after,
.mcatBtn.on::before {
  border-top-color: #B8860B !important;
  border-color: #B8860B transparent transparent !important;
  background: #B8860B !important;
}
.mcatBtn.on,
li.on > a.top-menu0 {
  border-bottom: 3px solid #B8860B !important;
  color: #B8860B !important;
}

/* ===================================================
   가격 em 태그 (cled1c24)
   =================================================== */
em.cled1c24,
em[class*="cled"],
.cled1c24 {
  color: #B8860B !important;
}

/* ===================================================
   팝업
   =================================================== */
.pop_title {
  border-bottom: 2px solid #B8860B !important;
}
a.btn_pop_confirm,
button.btn_pop_confirm {
  background: #B8860B !important;
  border-color: #96700A !important;
}

/* ===================================================
   빨간 텍스트 p, label (inline style 덮어쓰기)
   =================================================== */
p[style*="color:#ed"],
p[style*="color: #ed"],
p[style*="color:rgb(22"],
label[style*="color:#ed"],
label[style*="color:rgb(22"] {
  color: #B8860B !important;
}

/* ===================================================
   남은 빨간 텍스트 → 골드
   =================================================== */

/* 주의사항 텍스트 */
.pr-info p {
  color: #B8860B !important;
}

/* 체크박스 동의 라벨 */
.chk-agree label {
  color: #B8860B !important;
}

/* ===================================================
   슬라이드 상단 빨간 줄 → 골드
   =================================================== */
#gnb-red {
  background: #B8860B !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* ===================================================
   GNB 탭 선택 이미지 → 골드 색으로
   =================================================== */
#topMenu li.on {
  background: none !important;
  border-bottom: 3px solid #B8860B !important;
}
#topMenu li.on a {
  color: #B8860B !important;
}

/* ===================================================
   슬라이드 화살표 (bx-slider)
   =================================================== */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  background: rgba(184, 134, 11, 0.75) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  top: 50% !important;
  margin-top: -16px !important;
}
.bx-wrapper .bx-prev::after,
.bx-wrapper .bx-next::after {
  content: '' !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-top: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}
.bx-wrapper .bx-prev::after {
  transform: translate(-30%, -50%) rotate(-135deg) !important;
}
.bx-wrapper .bx-next::after {
  transform: translate(-70%, -50%) rotate(45deg) !important;
}

/* ===================================================
   기타 빨간 텍스트
   =================================================== */
.menu_tab li span,
.review_tab li span {
  color: #B8860B !important;
}
.cartItem table td.count span,
.cartItem table td.discount,
.cartItem table td.charge {
  color: #B8860B !important;
}
.md_choice_slide .price {
  color: #B8860B !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #B8860B !important;
}

/* ===================================================
   탭바 빨간 줄/배경 → 골드
   =================================================== */
#topMenu {
  background: #6B4E2A !important;
  border-bottom: 2px solid #B8860B !important;
}
#gnb-red {
  background: #B8860B !important;
}

/* ===================================================
   햄버거 아이콘 (#bt_hamburger = <a> 태그, span 없음)
   ::before / ::after 만으로 2줄, 중간 줄은 box-shadow
   =================================================== */
#bt_hamburger {
  background-image: none !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 40px !important;
  height: 48px !important;
  text-indent: -999em !important;
  overflow: hidden !important;
}
#bt_hamburger::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 2px !important;
  background: #B8860B !important;
  border-radius: 1px !important;
  position: absolute !important;
  left: 11px !important;
  top: 17px !important;
  /* 3줄 햄버거: box-shadow로 중간/아래 줄 추가 */
  box-shadow: 0 6px 0 #B8860B, 0 12px 0 #B8860B !important;
}
#bt_hamburger::after {
  display: none !important;
}

/* ===================================================
   슬라이드 화살표 - 스프라이트 대신 CSS로
   =================================================== */
.last-slide .bx-wrapper .bx-prev,
.popkon-slide-1 .bx-wrapper .bx-prev,
.md-slide .bx-wrapper .bx-prev {
  background-image: none !important;
  background-color: rgba(184, 134, 11, 0.8) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
}
.last-slide .bx-wrapper .bx-next,
.popkon-slide-1 .bx-wrapper .bx-next,
.md-slide .bx-wrapper .bx-next {
  background-image: none !important;
  background-color: rgba(184, 134, 11, 0.8) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
}
.bx-wrapper .bx-prev::after {
  content: '‹' !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 32px !important;
  display: block !important;
  text-align: center !important;
}
.bx-wrapper .bx-next::after {
  content: '›' !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 32px !important;
  display: block !important;
  text-align: center !important;
}

/* 할인율 뱃지 텍스트 흰색 유지 ([class*="price"] 셀렉터 충돌 방지) */
.price-discount {
  color: #ffffff !important;
}

/* ===================================================
   GNB 탭바 하단 빨간 줄 (nav.lnb) → 골드
   =================================================== */
nav.lnb {
  border-bottom-color: #B8860B !important;
}

/* ===================================================
   상품 상세 이미지 - 반응형 + 중앙 정렬
   =================================================== */
.detailImg,
.menu_tab00 {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  text-align: center !important;
}
.detailImg img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ===================================================
   장바구니 버튼 빨간색 → 골드
   =================================================== */
.btn-order {
  background: #B8860B !important;
  border-color: #96700A !important;
}
.btn_goOrder {
  color: #B8860B !important;
  border-color: #B8860B !important;
}
.btn_goAll {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}

/* ===================================================
   로그인 버튼 / 에러 메시지 빨간색 → 골드
   =================================================== */
button.join-submit,
input.join-submit {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}
.form-err,
.join-mail-errmsg {
  color: #B8860B !important;
  border-color: #B8860B !important;
}

/* ===================================================
   검색 결과 정렬 버튼 선택 → 골드
   =================================================== */
button.mSch.on,
.mSch.bdl.on {
  color: #B8860B !important;
  border-color: #B8860B !important;
}

/* ===================================================
   마이쇼핑 숫자 강조 em → 골드
   =================================================== */
.mypage em,
.myOrder em,
.order-count em {
  color: #B8860B !important;
}

/* ===================================================
   마이쇼핑/고객센터 로그인 버튼 → 골드
   =================================================== */
a.ac-login {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}

/* ===================================================
   주문/결제 페이지 빨간색 → 골드
   =================================================== */
/* 금액 텍스트 (상품금액, 결제예정금액) */
span.sum,
span.allSum,
span.js-total-price {
  color: #B8860B !important;
}

/* 주소 확인 버튼 */
input.btn_adr,
input.btn_adrConf {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}

/* 결제하기 버튼 */
input.btn-submit {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}

/* 결제방법 라디오 선택 빨간색 */
input[type="radio"]:checked {
  accent-color: #B8860B !important;
}

/* ===================================================
   체크박스 / 라디오 버튼 기본색 → 골드
   =================================================== */
input[type="checkbox"] {
  accent-color: #B8860B !important;
}
input[type="radio"] {
  accent-color: #B8860B !important;
}

/* ===================================================
   회원가입 페이지
   =================================================== */
/* 인증번호 재발송 버튼 */
a.btn_smsSend {
  color: #B8860B !important;
  border-color: #B8860B !important;
}
/* 동의하고 가입하기 버튼 */
button.btn-submit {
  background: #B8860B !important;
  border-color: #96700A !important;
  color: #fff !important;
}
/* 입력 필드 포커스 보더 */
input:focus {
  border-color: #B8860B !important;
  outline-color: #B8860B !important;
}

/* ===================================================
   마이페이지 숫자 강조 (최근 본 상품 수 등)
   =================================================== */
.recent-pd em,
.join-info em {
  color: #B8860B !important;
}

/* ===================================================
   최근 본 상품 할인가 텍스트
   =================================================== */
p.sale,
p.sale .blind {
  color: #B8860B !important;
}

/* ===================================================
   라디오 버튼 border 빨간색 → 골드
   (accent-color로 내부색은 됐으나 border 별도 처리)
   =================================================== */
input[type="radio"] {
  accent-color: #B8860B !important;
  border-color: #B8860B !important;
  outline-color: #B8860B !important;
}

/* ===================================================
   회원가입 - 인증번호 재발송 링크
   =================================================== */
a.btn_smsSend {
  color: #B8860B !important;
  border-color: #B8860B !important;
}

/* ===================================================
   최근 본 상품 할인가 / 마이페이지 숫자 em
   =================================================== */
p.sale, p.sale .blind,
.recent-pd em,
.join-info em {
  color: #B8860B !important;
}