@charset "utf-8";

/* ===== 스토어 네비게이션 (브레드크럼 + 타이틀) ===== */
.store_nav {padding:0px 0 20px}
.store_breadcrumb {font-size:13px;color:#888;margin-bottom:10px}
.store_breadcrumb a {color:#888;text-decoration:none}
.store_breadcrumb a:hover {color:#333;text-decoration:underline}
.store_breadcrumb .nav_divider {margin:0 6px;color:#ccc}
.store_title {font-family:'Pretendard',sans-serif;font-size:56px;font-weight:700;color:#000;margin:0;padding:0;line-height:1.3;letter-spacing:-1.4px}

/* ===== 대분류 카테고리 탭 ===== */
.store_main_tabs {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.store_main_tab {display:inline-block;padding:12px 20px;border-radius:50px;font-size:16px;color:#555;text-decoration:none;border:1px solid #ddd;background:#fff;transition:all 0.2s ease;white-space:nowrap}
.store_main_tab:hover {color:#333;border-color:#999;text-decoration:none}
.store_main_tab.active {background:#222;color:#fff;border-color:#222}
.store_main_tab.active:hover {background:#000;border-color:#000}

/* ===== 카테고리 탭 ===== */
.store_category_tabs {display:flex;flex-wrap:wrap;gap:10px;padding:30px 0 20px}
.store_tab {display:inline-block;padding:10px 24px;border-radius:50px;font-size:15px;color:#555;text-decoration:none;border:1px solid #ddd;background:#fff;transition:all 0.2s ease;white-space:nowrap}
.store_tab:hover {color:#333;border-color:#999;text-decoration:none}
.store_tab.active {background:#6B4C3B;color:#fff;border-color:#6B4C3B}
.store_tab.active:hover {background:#5a3d2e;border-color:#5a3d2e}

/* ===== 정렬 드롭다운 ===== */
.store_sort_wrap {display:flex;justify-content:flex-end;padding:10px 0 20px}
.store_sort_select {position:relative;display:inline-block}
.store_sort_btn {background:#fff;border:1px solid #ddd;padding:8px 16px;font-size:14px;color:#333;cursor:pointer;border-radius:4px;min-width:120px;text-align:left}
.store_sort_btn i {float:right;margin-top:3px;color:#888}
.store_sort_btn:hover {border-color:#999}
.store_sort_list {display:none;position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);list-style:none;padding:4px 0;min-width:120px;z-index:100}
.store_sort_select:hover .store_sort_list {display:block}
.store_sort_list li a {display:block;padding:8px 16px;color:#555;text-decoration:none;font-size:14px}
.store_sort_list li a:hover {background:#f5f5f5;color:#333}
.store_sort_list li a.active {color:#6B4C3B;font-weight:600}

/* ===== 기본 요소 숨김 (스토어 커스텀 UI로 대체) ===== */
#sct_location {display:none}
#sct_sortlst {display:none}

.sct_10 .sct_img,.sct_10 .sct_img img{border-radius:0 !important;}

/* ===== sct_10 상품 콘텐츠 영역 디자인 ===== */
.sct_10 .sct_ct_wrap {padding:16px 4px 12px;position:relative}
.sct_10 .sct_star {margin:0 0 8px;line-height:1}
.sct_10 .sct_star img {width:68px !important;height:auto;opacity:0.85}
.sct_10 .sct_txt {border-bottom:none;margin:0 0 6px;padding:0;font-size:17px;line-height:1.5}
.sct_10 .sct_txt a {color:#222;text-decoration:none;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.2s ease;letter-spacing:-0.3px}
.sct_10 .sct_txt a:hover {color:#6B4C3B}
.sct_10 .sct_basic {font-size:14px;color:#999;margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sct_10 .sct_bottom {display:flex;align-items:flex-end;justify-content:space-between;min-height:auto;padding-top:8px;border-top:1px solid #f0f0f0}
.sct_10 .sct_dict {display:block;text-decoration:line-through;font-weight:400;font-size:13px;color:#bbb;margin-bottom:2px;order:-1}
.sct_10 .sct_cost {margin:0;font-size:20px;font-weight:700;color:#111;letter-spacing:-0.5px;line-height:1.3}
.sct_10 .sct_op_btn {display:none}
.sct_10 .sct_op_btn > button {border:none;background:transparent;width:32px;height:32px;font-size:16px;color:#ccc;cursor:pointer;border-radius:50%;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;padding:0}
.sct_10 .sct_op_btn > button:hover {color:#6B4C3B;background:#f8f4f1}
.sct_10 .sit_icon_li {display:none}
.sct_10 .sit_icon_li img {height:18px;width:auto}

/* ===== 모바일 반응형 ===== */
@media (max-width:768px) {
.store_nav {padding:20px 0 15px}
.store_title {font-size:32px;letter-spacing:-0.8px}
.store_main_tabs {flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;margin-top:15px}
.store_main_tabs::-webkit-scrollbar {display:none}
.store_main_tab {padding:6px 16px;font-size:14px}
.store_category_tabs {flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:20px 0 15px;gap:8px}
.store_category_tabs::-webkit-scrollbar {display:none}
.store_tab {padding:8px 18px;font-size:14px}
.sct_10 .sct_ct_wrap {padding:12px 2px 10px}
.sct_10 .sct_txt {font-size:14px}
.sct_10 .sct_cost {font-size:16px}
.sct_10 .sct_op_btn > button {width:28px;height:28px;font-size:14px}
.lists-row .col-row-3,
.lists-row .col-row-4,
.lists-row .col-row-5 {width:49%}

/* 상품 상세 페이지 */
#sit_ov_wrap {width:100% !important;padding:15px !important;box-sizing:border-box}
#sit_pvi {float:none;width:100%}
#sit_pvi_big {float:none}
#sit_pvi_big img {width:100% !important;height:auto}
#sit_pvi_thumb {float:none}
#sit_pvi_thumb li {display:inline-block}
#sit_ov {float:none;width:100% !important;min-height:auto !important;padding-bottom:10px}
#sit_title {font-size:18px;margin-bottom:5px}
#sit_desc {font-size:0.9em}
.sit_ov_tbl th,.sit_ov_tbl td {font-size:13px}
.sit_ov_tbl td strong {font-size:1em}
.sit_info {padding:8px 0;margin:8px 0 0}
.sit_option select {height:40px;font-size:13px}
#sit_ov_btn {display:flex;flex-wrap:wrap;gap:4px}
#sit_ov_btn button {width:48% !important;height:44px !important;font-size:1em !important;margin:0 !important}
#sit_tot_price {font-size:1em}
#sit_tot_price strong {font-size:1.2em}
#sit_info {flex-direction:column;padding:0 15px !important;gap:20px}
#sit_buy {flex:none !important;width:100% !important}
.sit_buy_inner {position:static !important}
.sit_side_option {padding:15px}
.sit_side_option select {height:40px;font-size:13px}
.sum_section {padding:15px}
.sit_order_btn button {height:44px !important;font-size:0.95em !important;line-height:44px !important}
#sit_tab {width:100%}
#sit_tab .tab_tit {flex-wrap:nowrap;overflow-x:auto;top:60px}
#sit_tab .tab_tit li button {padding:10px 12px;font-size:0.85em;white-space:nowrap}
#sit_inf_open {width:100%;table-layout:fixed;word-break:break-all}
#sit_inf_open th,#sit_inf_open td {padding:8px;font-size:13px}
#sit_inf_explan {overflow-x:hidden}
#sit_inf_explan img {max-width:100% !important;height:auto !important}
.sit_sel_option .opt_name {font-size:0.85em}
.sit_sel_option .sit_opt_prc {font-size:0.9em}
.sqa_section {width:100%}
.sps_section {padding-left:0;width:100%}
.sit_dex_title {font-size:1.3em;margin-bottom:20px}
.collapsible {padding:16px 0;font-size:0.9em}
}