/* =========================================================
   뽀르띠 테마 — 서브페이지 (목록·상세·장바구니·주문·회원·마이페이지·게시판)
   영카트 기본 스킨 마크업을 메인과 같은 톤으로 맞춥니다.
   ========================================================= */

/* ---------- 공통 레이아웃 ---------- */
#wrapper.ms-wrapper:not(.ms-is-index) #container { width: var(--pt-max); padding: 0 0 120px; }
#wrapper.ms-wrapper:not(.ms-is-index) #container .shop-content { margin: 0; padding: 0; }
#wrapper_title { margin: 0; padding: 60px 0 34px; text-align: center; font-size: 22px; font-weight: 500; letter-spacing: -.01em; color: var(--pt-ink); background: none; border: 0; }
#text_size { display: none; }

/* 버튼 (파란색 → 메인 톤) */
.btn_submit, .btn02, .btn_b02 { background: #333 !important; border-color: #333 !important; color: #fff !important; border-radius: 0 !important; }
.btn_submit:hover, .btn02:hover, .btn_b02:hover { background: var(--pt-accent-deep) !important; border-color: var(--pt-accent-deep) !important; }
.btn01, .btn_b01, .btn_cancel, .btn_close, .btn_frmline { border-radius: 0 !important; }
.btn_frmline { background: #555 !important; border-color: #555 !important; color: #fff !important; }
.frm_input, .full_input, textarea, select { border-radius: 0 !important; box-shadow: none !important; }
.frm_input:focus, textarea:focus, select:focus { border-color: #999 !important; outline: none; }
.chk_box input[type="checkbox"]:checked + label span { background-color: #333 !important; border-color: #333 !important; }

/* 페이지 번호 */
.pg_wrap { margin: 50px 0 0; text-align: center; float: none !important; }
.pg { display: inline-flex; gap: 4px; }
.pg_page, .pg_current { min-width: 32px; height: 32px; line-height: 30px; padding: 0 6px; border: 1px solid #e2e2e2 !important; border-radius: 0 !important; background: #fff !important; color: #777 !important; font-size: 12px; box-sizing: border-box; }
.pg_current { background: #333 !important; border-color: #333 !important; color: #fff !important; }
.pg_page:hover { border-color: #999 !important; color: #333 !important; }

/* 왼쪽 강조 띠 제거 (기본 스킨) */
#smb_private li a:hover:after, .gnb_1dli_on .gnb_1da:after { display: none !important; }

/* ---------- 상품 목록 ---------- */
#sct_location { margin: 0 0 8px; padding: 0; border: 0; background: none; text-align: right; font-size: 11px; color: var(--pt-gray); }
#sct_location.is_list { position: absolute; top: 30px; right: 0; }
#sct_location .go_home { color: #aaa; }
#sct_location .shop_select_to_html, #sct_location .shop_hover_selectbox { border: 0; background: none; font-size: 11px; color: #666; }
#sct_ct_1 { margin: 0 0 40px; padding: 0; border: 0; background: none; }
#sct_ct_1 ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; border: 0; }
#sct_ct_1 li { float: none; width: auto; margin: 0; padding: 0; border: 0; }
#sct_ct_1 li a { display: block; padding: 9px 18px; border: 1px solid #e2e2e2; background: #fff; font-size: 12px; color: #666; line-height: 1; }
#sct_ct_1 li a:hover { border-color: #999; color: #333; }
#sct_ct_1 li a.sct_ct_here { border-color: #333; background: #333; color: #fff; }
#sct_sortlst { display: flex; justify-content: flex-end; align-items: center; height: 44px; margin: 0 0 30px; padding: 0; border: 0 !important; border-bottom: 1px solid var(--pt-line) !important; background: none !important; }
#sct_sort { float: none; margin: 0; padding: 0; border: 0; background: none; }
#sct_sort h2 { position: absolute; font-size: 0; overflow: hidden; }
#ssch_sort { display: flex; gap: 0; margin: 0; padding: 0; float: none; }
#ssch_sort li { float: none; padding: 0; border: 0; }
#ssch_sort li a { display: block; padding: 0 10px; font-size: 12px; line-height: 1; color: #888; border-left: 1px solid #ddd; }
#ssch_sort li:first-child a { border-left: 0; }
#ssch_sort li a:hover { color: var(--pt-ink); }
#sct_lst { display: none; }
#sct_hhtml, #sct_thtml { text-align: center; }

.pt-list { clear: both; }
.pt-list__count { position: relative; top: -74px; height: 0; margin: 0; font-size: 12px; line-height: 44px; color: var(--pt-gray); }
.pt-list__count b { color: var(--pt-ink); }
.pt-list__grid { gap: 56px 24px; }
.pt-empty { padding: 120px 0; text-align: center; color: var(--pt-gray); border-top: 1px solid var(--pt-line); border-bottom: 1px solid var(--pt-line); }

/* 이벤트(기획전) 페이지 */
#sev_hhtml, #sev_thtml { text-align: center; }
#sev_hhtml img { max-width: 100%; height: auto; }

/* ---------- 상품 상세 ---------- */
#sct_location.view_location { position: static; margin: 26px 0 0; text-align: left; }
#sit_hhtml { text-align: center; }
#sit_ov_from { margin-top: 18px; }
#sit_ov_wrap { display: grid; grid-template-columns: 560px 1fr; gap: 60px; width: auto; padding: 20px 0 70px; border: 0; }
#sit_ov_wrap:after { display: none; }
#sit_pvi { float: none; display: flex; flex-direction: column; gap: 12px; }
#sit_pvi_big { order: 1; } #sit_pvi_thumb { order: 2; }
#sit_pvi_big { float: none; position: relative; background: var(--pt-soft); }
#sit_pvi_big img { width: 100% !important; height: auto; display: block; }
#sit_pvi_big #popup_item_image { right: 12px; bottom: 12px; border-radius: 50%; border: 1px solid #e5e5e5; }
#sit_pvi_thumb { float: none; display: flex; gap: 8px; }
#sit_pvi_thumb li { margin: 0 !important; }
#sit_pvi_thumb img { width: 72px !important; height: 72px !important; object-fit: cover; border: 1px solid #e5e5e5; }
#sit_pvi_thumb img:hover { border-color: #333; }

#sit_ov { float: none; width: auto; min-height: 0; padding: 0; }
#sit_title { margin: 0; padding: 0 0 10px; font-size: 20px; font-weight: 500; line-height: 1.45; letter-spacing: -.02em; color: var(--pt-ink); }
#sit_desc { margin: 0 0 14px; font-size: 13px; color: var(--pt-gray); }
#sit_star_sns { padding: 0 0 18px; border-bottom: 1px solid #333; font-size: 12px; color: var(--pt-gray); }
#sit_btn_opt { top: -6px; }
.sit_info { padding: 6px 0; border-bottom: 1px solid var(--pt-line); }
.sit_ov_tbl { margin: 0 !important; border: 0 !important; }
.sit_ov_tbl th, .sit_ov_tbl td { padding: 9px 0 !important; border: 0 !important; background: none !important; font-size: 12px; vertical-align: middle; }
.sit_ov_tbl th { width: 110px; font-weight: 400; color: #777 !important; text-align: left; }
.sit_ov_tbl td { color: var(--pt-ink); }
.sit_ov_tbl strong { font-size: 18px; font-weight: 700; color: var(--pt-ink); }
.sit_ov_tbl td del, .sit_ov_tbl .sit_ov_ro del { color: var(--pt-light); }
.sit_option { margin: 16px 0 0 !important; }
.sit_option h3 { font-size: 12px; color: #555; }
.sit_option select { width: 100% !important; height: 40px; padding: 0 10px; border: 1px solid #ddd; font-size: 12px; }
#sit_sel_option { margin-top: 16px; border: 0 !important; }
#sit_opt_added { margin: 0; padding: 0; border: 0; }
#sit_opt_added li, .sit_opt_list { margin: 0 0 6px !important; padding: 14px 16px !important; border: 0 !important; background: #f7f7f7 !important; }
.opt_name { font-size: 12px; color: #555; }
.opt_count { margin-top: 8px; }
.opt_count button { width: 28px; height: 28px; border: 1px solid #ddd !important; background: #fff !important; color: #555 !important; }
.opt_count .num_input { width: 44px; height: 28px; border: 1px solid #ddd !important; border-left: 0 !important; border-right: 0 !important; text-align: center; }
.sit_opt_prc { font-weight: 700; color: var(--pt-ink); }
#sit_tot_price { margin: 18px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid var(--pt-line) !important; font-size: 13px; color: #555; }
#sit_tot_price strong { font-size: 24px !important; font-weight: 700; color: var(--pt-ink) !important; }
#sit_ov_btn { display: grid; grid-template-columns: 1fr 1fr 56px; gap: 6px; margin-top: 22px !important; }
#sit_ov_btn button, #sit_ov_btn a.sit_btn_wish { width: auto !important; height: 54px !important; margin: 0 !important; border-radius: 0 !important; font-size: 14px !important; font-weight: 700; }
#sit_ov_btn .sit_btn_buy { order: -1; grid-column: 1 / -1; background: #222 !important; border: 1px solid #222 !important; color: #fff !important; }
#sit_ov_btn .sit_btn_buy:hover { background: var(--pt-accent-deep) !important; border-color: var(--pt-accent-deep) !important; }
#sit_ov_btn .sit_btn_cart { grid-column: 1 / 3; background: #fff !important; border: 1px solid #222 !important; color: #222 !important; }
#sit_ov_btn a.sit_btn_wish { display: flex !important; align-items: center; justify-content: center; border: 1px solid #ccc !important; background: #fff !important; color: #555 !important; float: none; }
#sit_ov_btn #sit_btn_alm { grid-column: 1 / -1; display: block; float: none; width: auto; margin: 0; text-align: center; }
#sit_ov_btn .itemform-naverpay { grid-column: 1 / -1; }
#sit_siblings { margin: 0 0 40px; padding: 14px 0; border-top: 1px solid var(--pt-line); border-bottom: 1px solid var(--pt-line); }

#sit_rel:has(.sct_noitem), #sit_rel:has(.pt-empty) { display: none; }
#sit_rel { margin: 0 0 60px; padding: 0; border: 0; background: none; }
#sit_rel h2 { margin-bottom: 26px; text-align: center; font-size: 20px; font-weight: 500; color: var(--pt-accent); }

#sit_info { display: block; min-height: 0; margin: 0; border: 0; }
#sit_tab { width: auto; display: block; }
#sit_tab .tab_tit { position: sticky; top: 94px; z-index: 50; display: flex; padding: 0; border: 0; background: #fff; }
#sit_tab .tab_tit li { float: none; flex: 1; margin: 0; }
#sit_tab .tab_tit li button { width: 100%; height: 54px; padding: 0; margin: 0; border: 1px solid #e2e2e2; border-left-width: 0; background: #f7f7f7; font-size: 13px; color: #777; }
#sit_tab .tab_tit li:first-child button { border-left-width: 1px; }
#sit_tab .tab_tit li button.selected { border-color: #333; border-bottom-color: #fff; background: #fff; color: var(--pt-ink); font-weight: 700; }
#sit_tab .tab_tit li button.selected:after { display: none; }
#sit_tab .tab_con { padding: 50px 0 0; }
#sit_inf_explan { text-align: center; }
#sit_inf_explan img { max-width: 100%; height: auto; }
#sit_tab .contents_tit { display: none; }
#sit_inf_open { width: 100%; margin-top: 40px; border-top: 1px solid #333; }
#sit_inf_open th, #sit_inf_open td { padding: 12px 16px; border-bottom: 1px solid var(--pt-line); font-size: 12px; text-align: left; }
#sit_inf_open th { width: 180px; background: #fafafa; color: #555; font-weight: 400; }
#sit_buy { display: none !important; }  /* 오른쪽 고정 구매박스는 상단 구매영역으로 대체 */

/* 상품후기 / 상품문의 (상세 탭 안) */
#sit_use_list, #sit_qa_list { border-top: 1px solid #333; }
#sit_use_wbtn, #sit_qa_wbtn { text-align: right; }
#sit_use_wbtn a, #sit_qa_wbtn a { border-radius: 0 !important; }

/* ---------- 장바구니 · 주문서 ---------- */
#sod_bsk, #sod_frm { margin-top: 0; }
.tbl_head03 table, #sod_list, .tbl_wrap table { border-top: 1px solid #333 !important; }
.tbl_head03 thead th, .tbl_head01 thead th { background: #fafafa !important; color: #555 !important; font-weight: 400 !important; border-bottom: 1px solid var(--pt-line) !important; }
.tbl_head03 td, .tbl_head01 td { border-bottom: 1px solid #eee !important; }
#sod_bsk_tot, #sod_bsk_tot2 { border: 0 !important; background: #333 !important; color: #fff !important; }
#sod_bsk_tot li, #sod_bsk_tot2 li { border-color: rgba(255,255,255,.15) !important; }
#sod_bsk_tot strong, #sod_bsk_tot2 strong, #sod_bsk_tot2 li.sod_fin_tot strong { color: #fff !important; }
.sod_right #sod_bsk_tot { border: 1px solid #333 !important; }
#sod_bsk_act .btn_submit, #sod_bsk_act .btn01 { min-width: 200px; height: 54px; font-size: 14px; font-weight: 700; }
#sod_bsk_act .btn01 { background: #fff; border: 1px solid #333; color: #333; }
.sod_opt li:before, .sod_frm_mobile .sod_opt li:before { background: #f3f3f3 !important; color: #777 !important; border-color: #e5e5e5 !important; }
.cp_btn { color: #333 !important; }
#sod_frm_pay input[type="radio"]:checked + .lb_icon { color: var(--pt-ink) !important; border-color: #333 !important; }
#display_pay_button .btn_submit { height: 58px; font-size: 16px; }
#sod_fin_no { border-color: var(--pt-line) !important; background: #fafafa !important; border-radius: 0 !important; }
#sod_ws_act .btn02, #smb_ws_act .btn02 { border-color: #333 !important; }
#sod_addr .default_lb { border-color: #333 !important; color: #333 !important; }
.status_04 { background: #f3f3f3 !important; color: #555 !important; }
.status_05 { background: #333 !important; color: #fff !important; }
#coupon .cou_pri { color: var(--pt-accent-deep) !important; }

/* ---------- 마이페이지 ---------- */
#smb_my { display: grid; grid-template-columns: 260px 1fr; gap: 40px; }
#smb_my_ov { float: none !important; width: auto !important; border: 1px solid var(--pt-line) !important; background: #fff !important; }
#smb_my_ov .smb_me a.smb_info { color: var(--pt-accent-deep) !important; }
#smb_my_wr { float: none !important; width: auto !important; }
.smb_my_od .cost { color: var(--pt-ink) !important; }
#smb_my_od h2, #smb_my_wish h2, #smb_my_wr h2 { font-size: 15px; font-weight: 700; color: var(--pt-ink); }
#smb_private li:hover i { color: var(--pt-accent-deep) !important; }

/* ---------- 회원 (로그인 · 가입) ---------- */
#mb_login, #register_form, #fregister, #find_info, #mb_confirm { max-width: 460px; margin: 0 auto; }
#mb_login { padding: 0; border: 0; background: none; }
#mb_login h1, #register_form h1, #fregister h1 { font-size: 22px; font-weight: 500; text-align: center; color: var(--pt-ink); }
#login_fs .frm_input { height: 48px; padding: 0 14px; font-size: 13px; }
#login_fs .btn_submit { height: 52px; font-size: 14px; font-weight: 700; }
#login_info a { color: #777; }
.mbskin { max-width: 760px; margin: 0 auto; }

/* ---------- 게시판 (공지 · 1:1 · FAQ) ---------- */
#bo_list, #bo_v, #bo_w, #faq_wrap, #bo_cate { font-size: 12px; }
#bo_list .tbl_head01 thead th { padding: 14px 6px; }
#bo_list .tbl_head01 td { padding: 16px 6px; }
#bo_list .td_subject a { color: var(--pt-ink); }
#bo_list .bo_notice td { background: #fffaf0 !important; }
#bo_list .notice_icon, .bo_notice .notice_icon { background: var(--pt-accent) !important; color: #fff !important; border-radius: 0 !important; }
#bo_btn_top, .bo_fx { margin-bottom: 14px; }
#bo_v { border-top: 1px solid #333; padding-top: 30px; }
#bo_v_title .bo_v_tit { font-size: 20px; font-weight: 500; color: var(--pt-ink); }
#bo_v_atc { padding: 40px 0; line-height: 1.8; font-size: 13px; color: #444; }
#bo_cate ul { display: flex; justify-content: center; gap: 6px; }
#bo_cate a { border-radius: 0 !important; }
#bo_cate #bo_cate_on { background: #333 !important; border-color: #333 !important; color: #fff !important; }
#faq_wrap li { border-color: var(--pt-line) !important; }
#faq_wrap .tit_bg { background: #333 !important; }
#bo_sch, .bo_sch_wrap { border-radius: 0 !important; }

/* ---------- 사용후기 / 상품문의 목록 ---------- */
#sps, #sqa { border-top: 1px solid #333; }
#sps li, #sqa li { padding: 24px 0 !important; border-bottom: 1px solid #eee !important; }
#sps .sps_img, #sqa .sqa_img { border-radius: 0 !important; }
#sps .sps_star img, .sps_star img { filter: hue-rotate(-10deg); }
#sps_sch, #sqa_sch { margin-bottom: 20px; }

/* ---------- 검색 ---------- */
#ssch { border: 1px solid var(--pt-line) !important; background: #fafafa !important; border-radius: 0 !important; }
#ssch h2 strong { color: var(--pt-accent-deep) !important; }
#ssch_frm .ssch_input { border-radius: 0 !important; }

/* ---------- 새창 (쿠폰·포인트 등) ---------- */
.new_win .win_ul .selected { background: #333 !important; border-color: #333 !important; }
.new_win .win_total { color: #777; }

/* 보정 */
#sct_sortlst #sct_sort { margin-left: auto !important; width: auto !important; }
#sct_sortlst #ssch_sort { justify-content: flex-end; width: auto !important; }
#sit_rel, #sit_rel h2 { border: 0 !important; }
#sit_rel h2 { padding: 0 !important; }
#sit_siblings + #sit_rel { margin-top: 70px; }

/* ---------- 마이페이지 메뉴 뱃지 ---------- */
#smb_private a { color: #555 !important; }
#smb_private a strong, #smb_private .win_point strong, #smb_private .win_memo strong, #smb_private .win_coupon strong { background: #f1f1f1 !important; color: #333 !important; }
#smb_private li a:hover, #smb_private a:hover strong { color: var(--pt-ink) !important; }
#smb_private a:hover strong { background: #e5e5e5 !important; }

/* ---------- 회원가입 약관 안내 ---------- */
#fregister p { background: #fff8ea !important; color: #8a5a00 !important; border: 1px solid #f2dcae; border-radius: 0 !important; }
#fregister p:before { display: none !important; }
#fregister_chkall { border-radius: 0 !important; }
.reg_btn_submit { background: #333 !important; border-radius: 0 !important; }

/* ---------- 사용후기 목록 ---------- */
.sps_section .sps_pd_name { color: var(--pt-accent-deep) !important; }
.sps_img .prd_detail { background: rgba(0,0,0,.6) !important; }

/* ---------- 로그인 단독 페이지 ---------- */
.mbskin { margin-top: 80px; }
.mbskin .mbskin_box { border-color: var(--pt-line) !important; }
.mbskin .btn_submit { height: 52px; }
.pt-login-logo { margin: 0 0 26px; text-align: center; }
.pt-login-logo img { max-height: 60px; width: auto; display: inline-block; }
.pt-login-logo span { font-family: Georgia, "Times New Roman", serif; font-size: 36px; color: var(--pt-accent); letter-spacing: .04em; }

/* ---------- 주문서 2단 레이아웃 (1100px 기준) ---------- */
.sod_left { width: 740px !important; margin-right: 20px !important; }
.sod_right { width: 340px !important; position: sticky; top: 110px; }
.sod_left .sod_frm_box, #sod_frm_orderer, #sod_frm_taker { border-color: var(--pt-line) !important; border-radius: 0 !important; }
#sod_frm h2 { font-size: 15px !important; font-weight: 700; color: var(--pt-ink); }
.sod_right #sod_bsk_tot { background: #fff !important; color: var(--pt-ink) !important; border: 1px solid #333 !important; }
.sod_right #sod_bsk_tot strong { color: var(--pt-ink) !important; }
.sod_right #od_tot_price { background: #333 !important; color: #fff !important; border-color: #333 !important; }
.sod_right #od_tot_price strong, .sod_right #od_tot_price span { color: #fff !important; }
.sod_info_option, .sod_ifop_tit { border-radius: 0 !important; }
#sod_frm_taker .ad_sel_addr, .sod_frm_box .ad_sel_addr { background: #fafafa !important; }