@charset "UTF-8";
/* ================================================================
   3代 일품한우 · 전역 UI 오버라이드 (samdae_ui.css)
   전 페이지 공통 로드(커뮤니티 head.php + 쇼핑몰 shop.head.php).
   영카트/그누보드 기본 파란 버튼·폼·표를 확정 시안 E 색으로 통일.
   색 토큰: 와인 #4F1C24 / 와인딥 #3a141b / 낙관빨강 #9E2B22 /
            한지 #F6F0E4 / 크림 #FBF3EC / 라인 #e8dccb / 먹 #211D1A / 금 #C49A4D
   ================================================================ */

/* ── 주요 액션 버튼 (로그인·구매하기·주문하기·확인·신청·등록) ── */
.btn_submit, button.btn_submit, input.btn_submit,
a.btn02, button.btn02, input.btn02,
a.btn_b02, button.btn_b02, .btn_b02,
a.btn, button.btn, .btn{
  background:#4F1C24 !important;
  border:1px solid #3a141b !important;
  color:#fff !important;
  border-radius:9px !important;
  font-weight:700 !important;
  text-shadow:none !important;
  box-shadow:0 2px 8px rgba(79,28,36,.18);
}
.btn_submit:hover, button.btn_submit:hover, input.btn_submit:hover,
a.btn02:hover, button.btn02:hover, input.btn02:hover,
a.btn_b02:hover, .btn_b02:hover,
a.btn:hover, button.btn:hover, .btn:hover{
  background:#3a141b !important; color:#fff !important;
}

/* ── 보조 버튼 (닫기·서브·목록) ── */
a.btn01, button.btn01, .btn01,
a.btn_b03, .btn_b03, a.btn_b04, .btn_b04,
.btn_close, a.btn_close{
  background:#fff !important; border:1px solid #e8dccb !important;
  color:#211D1A !important; border-radius:9px !important; font-weight:600 !important;
}
a.btn01:hover, button.btn01:hover, .btn_b03:hover, .btn_b04:hover, .btn_close:hover{
  background:#FBF3EC !important; color:#4F1C24 !important;
}

/* ── 취소 버튼 (중립) ── */
a.btn_cancel, button.btn_cancel, .btn_cancel{
  background:#8b8078 !important; border:0 !important; color:#fff !important; border-radius:9px !important;
}
a.btn_cancel:hover, .btn_cancel:hover{ background:#6E635A !important; }

/* ── 입력창 옆 버튼(우편번호검색 등) ── */
a.btn_frmline, button.btn_frmline{
  background:#211D1A !important; border:0 !important; color:#fff !important; border-radius:8px !important;
}
a.btn_frmline:hover, button.btn_frmline:hover{ background:#000 !important; }

/* ── 로그인 화면의 '회원가입' 버튼(a.join) ── */
a.join{
  background:#fff !important; border:1px solid #e8dccb !important;
  color:#211D1A !important; border-radius:9px !important; font-weight:600 !important;
}
a.join:hover{ background:#FBF3EC !important; color:#4F1C24 !important; }

/* ── 목록·상세의 파란 담기/장바구니 버튼 ── */
.sct_40 .list-10-btn .sct_cart,
.sct_cartop_wr .cartopt_cart_btn{
  background:#4F1C24 !important; border:1px solid #3a141b !important; color:#fff !important;
}
#sbsk .go_cart{ color:#9E2B22 !important; border-color:#e8dccb !important; }

/* ── 폼 입력 필드 ── */
input[type=text], input[type=password], input[type=email], input[type=number],
input[type=tel], input[type=search], input[type=url], textarea, select{
  border:1px solid #d9cdb8 !important; border-radius:7px !important; color:#211D1A;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=number]:focus, input[type=tel]:focus, input[type=search]:focus,
input[type=url]:focus, textarea:focus, select:focus{
  border-color:#4F1C24 !important; outline:0 !important;
  box-shadow:0 0 0 3px rgba(79,28,36,.10) !important;
}
/* 헤더 검색창은 기존 디자인 유지(테두리 없는 통합형) */
.sd-search input, .sd-search button{ border:0 !important; box-shadow:none !important; }

/* ── 표 헤더(주문서·장바구니·마이페이지·게시판 표) ── */
.tbl_head01 thead th, .tbl_head02 thead th, .tbl_wrap table th, .tbl_head thead th{
  background:#F6F0E4 !important; color:#211D1A !important; border-bottom:2px solid #4F1C24 !important;
}

/* ── 페이지네이션 ── */
.pg_current{ background:#4F1C24 !important; border-color:#4F1C24 !important; color:#fff !important; }
.pg_page:hover{ color:#9E2B22 !important; }

/* ── 기본 파란 텍스트·포인트 → 와인/낙관빨강 ── */
.gnb_1dli_on .gnb_1da, #category .cate_li_1_a, .side_tnb li:hover a,
.btn_sm_on i, .hd_login>li.login a{ color:#9E2B22 !important; }
.gnb_1dli_on .gnb_1da:after{ background:#9E2B22 !important; }
#hd_menu button#menu_open{ background:#4F1C24 !important; }

/* ================================================================
   버튼 텍스트 정렬 정규화 — 세로·가로 완전 중앙 (기본 CSS의 행높이/높이 어긋남 교정)
   ================================================================ */
a.btn_submit, button.btn_submit,
a.btn02, button.btn02, a.btn_b02, button.btn_b02, .btn_b02,
a.btn, button.btn, .btn,
a.btn01, button.btn01, a.btn_b03, .btn_b03, a.btn_b04, .btn_b04,
a.btn_close, button.btn_close,
a.btn_cancel, button.btn_cancel,
a.btn_frmline, button.btn_frmline, a.join{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1.2 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
}
/* 인풋형 버튼(flex 불가) → 네이티브 중앙 + 행높이 정규화 */
input.btn_submit, input.btn02, input[type=submit], input[type=button]{
  text-align:center !important; line-height:normal !important;
}
/* 우편번호검색 등: 행높이(24)/높이(40) 어긋남·좌측정렬 교정 */
a.btn_frmline, button.btn_frmline{
  height:auto !important; min-height:40px !important; width:auto !important; padding:8px 16px !important;
}
/* 회원가입(a.join) 기본 안쪽 장식 제거 */
a.join{ background-image:none !important; }

/* ================================================================
   커뮤니티 공통 헤더/본문 레이아웃 정리 (head.php 마크업에 시안 E 적용)
   - head.php는 .hd-inner/.gnb/.logo 클래스를 쓰는데 기존 CSS엔 규칙이 없어
     헤더가 통째로 미적용(로고 원본크기·내비 없음·좌측정렬)이던 것을 교정.
   - 쇼핑몰(.sd-shop-hd/#container)에는 영향 없도록 커뮤니티 전용 셀렉터로 한정.
   ================================================================ */
#skip{position:absolute!important;left:-9999px!important;top:0!important}

#hd{background:#F6F0E4!important;border-bottom:1px solid #e8dccb!important;position:static!important;height:auto!important;min-height:0!important;overflow:visible!important}
#hd .hd-inner{max-width:1160px!important;margin:0 auto!important;padding:14px 20px!important;display:flex!important;align-items:center!important;gap:20px!important}
#hd .hd-inner .logo{flex:0 0 auto!important;display:inline-flex!important}
#hd .hd-inner .logo img{height:54px!important;width:auto!important}
#hd #hd-banner, #hd .hd-banner-ph{display:none!important}
#hd .gnb{margin-left:auto!important;display:flex!important;align-items:center!important;gap:22px!important}
#hd .gnb>a{font-weight:700!important;font-size:16px!important;color:#211D1A!important;white-space:nowrap!important;text-decoration:none!important}
#hd .gnb>a:hover{color:#9E2B22!important}
#hd .gnb .cart-btn{background:#9E2B22!important;color:#fff!important;padding:10px 18px!important;border-radius:9px!important}
#hd .gnb .cart-btn:hover{background:#7f2019!important}

/* 본문 컬럼: 가운데 정렬 + 흰 카드 (오른쪽 빈 공간 제거) */
#wrapper{background:#F6F0E4!important}
#container_wr{max-width:1160px!important;margin:0 auto!important;padding:34px 20px 60px!important;box-sizing:border-box!important}
#container_wr>#container{background:#fff!important;border:1px solid #e8dccb!important;border-radius:16px!important;padding:34px 40px!important}
#container_wr #ctt, #container_wr #ctt_con{width:auto!important}

/* 반응형 */
@media (max-width:820px){
  #hd .hd-inner{flex-wrap:wrap!important;gap:12px!important}
  #hd .gnb{gap:14px!important}
  #hd .gnb>a{font-size:15px!important}
  #container_wr>#container{padding:22px 18px!important}
}