@charset "UTF-8";
/* ======================================
   쇼핑몰 레이아웃 전용 CSS
   ====================================== */

/* ======================================
   쇼핑몰 헤더
   ====================================== */
.shop-header {z-index:unset;}
.shop-header .headerWrap {padding:1rem 0;}

/* 쇼핑몰 검색 */
.shop-header .searchWrap {max-width:500px; margin:0 2rem; flex:1;}

/* 쇼핑몰 도구 버튼 */
.shop-header .btnTools {position:relative;}
.shop-header .btnTools .cart-badge,
.shop-header .btnTools .wish-badge {display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; min-width:16px; height:16px; padding:2px 5px; border-radius:10px; background:var(--color-prime); color:white; font-size:0.625rem; font-weight:600;}

/* ======================================
   쇼핑몰 GNB
   ====================================== */
.shop-gnb {border-top:var(--layout-header-border) 1px solid;}
.shop-gnb .gnbWrap {display:flex; align-items:center; justify-content:space-between; border-top:0; gap:2rem;}
.shop-gnb .gnb {display:flex; align-items:center; margin:0; padding:0; list-style:none; gap:1.5rem;}
.shop-gnb .gnb .gnb-item {position:relative;}
.shop-gnb .gnb .gnb-item .gnb-link {display:flex; align-items:center; padding:1rem; color:var(--layout-gray-900); text-decoration:none; gap:0.5rem; transition:color 0.3s; font-weight:500;}
.shop-gnb .gnb .gnb-item .gnb-link:hover {color:var(--color-prime);}

.shop-gnb .gnb.gnb-category {gap:0;}
.shop-gnb .gnb.gnb-utility {gap:1.25rem;}
.shop-gnb .gnb.gnb-utility .utility-link {display:flex; align-items:center; gap:0.35rem; padding:0.5rem 0; color:var(--layout-gray-700); font-weight:500; text-decoration:none; transition:color 0.2s ease;}
.shop-gnb .gnb.gnb-utility .utility-link:hover {color:var(--color-prime);}
.shop-gnb .gnb.gnb-utility .utility-link.has-icon .bx {font-size:1.2rem;}
.shop-gnb .gnb .category-item.has-dropdown > .gnb-link {font-weight:600;}
.shop-gnb .gnb .category-item.has-dropdown > .gnb-link .bx {font-size:1rem;}

.shop-gnb .gnb .gnb-item .gnb-dropdown {display:none; position:absolute; z-index:1000; top:90%; left:0; min-width:220px; margin:0; padding:0.75rem 0; list-style:none; border:1px solid var(--layout-dropdown-border); border-radius:10px; background:var(--layout-dropdown-bg);}
.shop-gnb .gnb .gnb-item:hover > .gnb-dropdown,
.shop-gnb .gnb .gnb-item:focus-within > .gnb-dropdown {display:block;}
.shop-gnb .gnb .gnb-item .gnb-dropdown > li {list-style:none; position:relative;}
.shop-gnb .gnb .gnb-item .gnb-dropdown .dropdown-link {display:flex; align-items:center; justify-content:space-between; padding:0.5rem 1rem; color:var(--layout-gray-600); text-decoration:none; gap:0.75rem; transition:all 0.2s ease;}
.shop-gnb .gnb .gnb-item .gnb-dropdown .dropdown-link:hover {color:var(--color-prime); background:var(--layout-dropdown-hover-bg);}
.shop-gnb .gnb .gnb-item .gnb-dropdown .dropdown-link .bx {font-size:0.9rem; color:var(--layout-gray-600); transition:color 0.2s ease;}
.shop-gnb .gnb .gnb-item .gnb-dropdown .dropdown-link:hover .bx {color:var(--color-prime);}

.shop-gnb .gnb .gnb-item .dropdown-sub {margin:0; padding:0.5rem 0 0.25rem 1rem; list-style:none; border-top:1px solid var(--layout-dropdown-border);}
.shop-gnb .gnb .gnb-item .dropdown-sub li {list-style:none;}
.shop-gnb .gnb .gnb-item .dropdown-sub a {display:block; padding:0.35rem 0; color:var(--layout-gray-600); text-decoration:none; font-size:0.875rem; transition:color 0.2s ease;}
.shop-gnb .gnb .gnb-item .dropdown-sub a:hover {color:var(--color-prime);}

.shop-gnb .gnb .no-category .gnb-link {padding:1rem 0; color:var(--layout-gray-600);}

/* ======================================
   쇼핑몰 컨테이너
   ====================================== */
.shop-container {display:flex; padding:2rem 0; flex:1; gap:2rem;}

/* ======================================
   쇼핑몰 사이드바
   ====================================== */
.shop-sidebar {}
.shop-sidebar .logo {display:block; margin-bottom:1.5rem; color:var(--layout-gray-900); text-decoration:none;}
.shop-sidebar .logo h1 {display:flex; align-items:center; margin:0; font-size:1.25rem; gap:0.5rem;}

/* 쇼핑몰 카테고리 메뉴 */
.shop-category-menu,
.shop-side-menu {margin:20px 6px;}

/* ======================================
   쇼핑몰 메인 페이지
   ====================================== */
.shop-index {display:flex; flex-direction:column; gap:3.5rem; padding-bottom:4rem;}
.shop-section {padding:0;}

.shop-hero .hero-wrapper {}
.shop-hero #main_bn {border-radius:16px; overflow:hidden; background:var(--layout-body);}
.shop-hero .main_banner_owl .item img {width:100%; height:auto; display:block;}

.shop-section .section-header {display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }
.shop-section .section-title h2 {margin:0; font-size:1.8rem; font-weight:700; color:var(--layout-gray-900);}
.shop-section .section-title p {margin:0.35rem 0 0; color:var(--layout-gray-600); font-size:0.95rem;}
.shop-section .section-more {display:inline-flex; align-items:center; gap:0.35rem; color:var(--layout-gray-600); font-size:0.9rem; text-decoration:none;}
.shop-section .section-more:hover {color:var(--color-prime);}

.shop-section .section-body {display:flex; flex-direction:column; gap:1.5rem;}
.shop-section .section-body.cardBox {padding:2rem;}
.shop-section .section-body .sct {margin:0;}

.event-section .section-body.cardBox {padding:1.5rem;}
.event-section .section-body #sev {margin:0;}

.board-stack {display:flex; flex-direction:column; gap:1.5rem;}
.board-card {display:flex; flex-direction:column; gap:1.25rem; padding:1.75rem;}
.board-card .board-header {display:flex; align-items:center; justify-content:space-between; gap:0.5rem;}
.board-card .board-header h3 {margin:0; font-size:1.2rem; font-weight:600; color:var(--layout-gray-900);}
.board-card .board-more {display:inline-flex; align-items:center; gap:0.35rem; color:var(--layout-gray-600); font-size:0.85rem; text-decoration:none;}
.board-card .board-more:hover {color:var(--color-prime);}
.board-card .board-body {display:flex; flex-direction:column; gap:0.75rem;}
.board-card .board-body .uxc_list {padding:0;}
.board-card .board-body .uxc_list ul {margin:0;}

.board-list {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.75rem;}
.board-list li {display:flex;}
.board-list .board-link {display:flex; flex-direction:column; gap:0.4rem; width:100%; text-decoration:none; color:var(--layout-gray-800);}
.board-list .board-link:hover .title {color:var(--color-prime);}
.board-list .title {font-size:0.95rem; font-weight:600; line-height:1.4; display:flex; align-items:center; gap:0.25rem;}
.board-list .subtitle {font-size:0.82rem; color:var(--layout-gray-500); line-height:1.4;}
.board-meta {display:flex; align-items:center; justify-content:space-between; font-size:0.75rem; color:var(--layout-gray-500); gap:1rem;}
.board-meta .meta-left {display:flex; align-items:center; gap:0.65rem;}
.board-stars {display:flex; align-items:center; gap:2px; color:var(--ui-color-warning); font-size:0.85rem;}
.board-stars .bx-star {color:var(--layout-gray-300);}
.qa-status {display:inline-flex; align-items:center; gap:0.25rem; font-size:0.78rem; font-weight:600;}
.qa-status.answered {color:var(--color-prime);}
.qa-status.pending {color:var(--ui-color-warning);}
.board-empty {display:flex; align-items:center; gap:0.5rem; font-size:0.85rem; color:var(--layout-gray-500);}

@media (max-width:1200px) {
    .shop-section .section-title h2 {font-size:1.6rem;}
}

@media (max-width:768px) {
    .shop-index {gap:3rem; padding-bottom:3rem;}
    .shop-section .section-header {}
    .shop-section .section-more {margin-top:0.5rem;}
    .shop-section .section-body.cardBox {padding:1.5rem;}
    .board-meta {flex-direction:column; align-items:flex-start; gap:0.35rem;}
    .board-card {padding:1.5rem;}
}

/* ======================================
   쇼핑몰 콘텐츠
   ====================================== */
.shop-contents {position:relative;}
.shop-contents .sit_admin,
.shop-contents .sct_admin {position:absolute; top:10px; right:0;}
.shop-contents .sit_admin a,
.shop-contents .sct_admin a {font-size:20px;}

/* 숨김처리 */
.shop-contents:has(.shop-list-wrap) .shop-title {display:none;}
.shop-contents:has(.shop-list-wrap) .sct_admin {top:3px; right:80px;}
.shop-contents:has(.view_location) .shop-title {display:none;}


/* ======================================
   쇼핑몰 푸터
   ====================================== */
.shop-footer {margin-top:auto; border-top:1px solid var(--layout-footer-border); background:var(--layout-footer-bg);}
.shop-footer .shop-footer-content {display:flex; justify-content:space-between; padding:3rem 0; gap:3rem;}
.shop-footer .shop-footer-content .shop-info,
.shop-footer .shop-footer-content .shop-contact {flex:1;}
.shop-footer .shop-footer-content .footer-title {margin-bottom:1rem; color:var(--layout-gray-900); font-size:1rem; font-weight:600;}
.shop-footer .shop-footer-content .info-content p {margin:0.5rem 0; color:var(--layout-gray-600); font-size:0.9rem;}
.shop-footer .shop-footer-content .info-content b {margin-right:0.5rem; color:var(--layout-gray-900); font-weight:500;}

/* 오늘 본 상품 */
.shop-today-view {margin-top:2rem; padding-top:2rem; border-top:1px solid var(--layout-footer-border);}

/* ======================================
   반응형 디자인
   ====================================== */
@media (max-width:1280px) {
    .shop-container {padding:10px;}
}

@media (max-width:1024px) {
   .shop-gnb .gnbWrap {display:none;}
   .shop-container {flex-direction:column;}
   .shop-header .searchWrap {margin:0 1rem;}
}

@media (max-width:768px) {
    .shop-gnb .gnbWrap {display:none;}
    .header .headerWrap .staWrap .tools .btnTools.shopAdmin {display:none;}
    /* .shop-gnb .gnb {flex-wrap:wrap; gap:1rem;}
    .shop-gnb .gnb.gnb-utility {width:100%; justify-content:flex-start;} */
    .shop-footer .shop-footer-content {flex-direction:column;}
    .shop-header .buttonWrap {gap:0.25rem;}
    .shop-header .btnTools {padding:0.375rem; font-size:1.125rem;}
}

/* ======================================
   다크모드 지원
   ====================================== */
/* [data-theme="dark"] .shop-header,
[data-theme="dark"] .shop-sidebar,
[data-theme="dark"] .shop-contents {background:var(--layout-container-bg);}

[data-theme="dark"] .shop-gnb {background:var(--layout-header);}
[data-theme="dark"] .shop-gnb .gnb .gnb-item .gnb-dropdown {background:var(--layout-dropdown-bg); border-color:var(--layout-dropdown-border);}
[data-theme="dark"] .shop-gnb .gnb .gnb-item .dropdown-sub {border-top-color:var(--layout-dropdown-border);}

[data-theme="dark"] .shop-footer {border-top-color:var(--layout-footer-border); background:var(--layout-footer-bg);} */

/* ======================================
   위시리스트 스타일
   ====================================== */
.shop-mypage-wrap .recentBox .recentList {display:flex; flex-direction:column; gap:12px;}
.shop-mypage-wrap .wishItem.recentItem {display:block; padding:16px 20px; border:1px solid var(--ui-color-gray-200); border-radius:8px; background:var(--ui-color-white);}
.shop-mypage-wrap .wishItem.recentItem:hover {background:var(--ui-color-gray-50); border-color:var(--ui-color-gray-300);}
.shop-mypage-wrap .wishItemInner {display:flex; align-items:flex-start; gap:16px;}
.shop-mypage-wrap .wishImage {position:relative; flex-shrink:0; width:60px; height:60px; overflow:hidden; border-radius:6px; background:var(--ui-color-gray-100);}
.shop-mypage-wrap .wishImage a {display:block; width:100%; height:100%;}
.shop-mypage-wrap .wishImage img {width:100%; height:100%; object-fit:cover;}
.shop-mypage-wrap .soldoutBadge {position:absolute; top:4px; left:4px; padding:2px 6px; border-radius:3px; background:var(--ui-color-danger); color:var(--ui-color-white); font-size:10px; font-weight:600; z-index:1;}
.shop-mypage-wrap .wishItem .recentInfo {width:100%;}
.shop-mypage-wrap .wishItem .recentTitle {margin:0 0 8px 0; font-size:15px; font-weight:600;}
.shop-mypage-wrap .wishItem .recentTitle a {color:var(--ui-color-gray-900); text-decoration:none;}
.shop-mypage-wrap .wishItem .recentTitle a:hover {color:var(--color-prime);}
.shop-mypage-wrap .wishItem .recentMeta {display:flex; align-items:center; font-size:13px; color:var(--ui-color-gray-600); gap:16px;}
.shop-mypage-wrap .wishItem .recentMeta span {display:flex; align-items:center; gap:4px;}
.shop-mypage-wrap .wishItem .recentMeta .price {color:var(--color-prime); font-weight:600;}
.shop-mypage-wrap .wishDelete {display:inline-flex; align-items:center; gap:4px; margin-left:auto; padding:3px 8px; border:1px solid var(--ui-color-gray-300); border-radius:4px; background:var(--ui-color-white); color:var(--ui-color-gray-600); font-size:12px; cursor:pointer; transition:all 0.2s;}
.shop-mypage-wrap .wishDelete:hover {border-color:var(--ui-color-danger); background:var(--ui-color-danger); color:var(--ui-color-white);}
/* 위시리스트 반응형 */
@media (max-width:768px) {
    .shop-mypage-wrap .wishImage {width:50px; height:50px;}
    .shop-mypage-wrap .wishItem.recentItem {padding:14px 16px;}
}
@media (max-width:480px) {
    .shop-mypage-wrap .wishImage {width:45px; height:45px;}
    .shop-mypage-wrap .wishItemInner {gap:12px;}
}

/* ======================================
   샵 - 메인
   ====================================== */
.shop-main .container {flex-direction:column; padding:0; gap:20px;}

/* 기본 레이아웃 */
.shop-main .container {/* max-width:1400px;margin:0 auto;*/ /* padding:0 20px;*/}

/* 섹션 공통 */
.shop-section {padding:60px 0; border-bottom:1px solid var(--ui-color-gray-100);}
.shop-section:last-child {border-bottom:none;}
.section-header {display:flex; justify-content:space-between; align-items:center;/* margin-bottom:40px;*/}
.section-title {display:flex; align-items:center; margin:0; color:var(--ui-color-gray-900); font-size:24px; font-weight:700; gap:8px;}
.section-desc {margin-top:8px; color:var(--ui-color-gray-600); font-size:14px;}
.btn-more,
.btn-view-all {display:inline-flex; align-items:center; padding:8px 16px; border:1px solid var(--ui-color-gray-200); border-radius:var(--layout-radius-sm); color:var(--ui-color-gray-700); font-size:13px; font-weight:500; text-decoration:none; gap:4px;transition:all 0.2s;}
.btn-more:hover,
.btn-view-all:hover {border-color:var(--color-prime); background:var(--ui-color-gray-50); color:var(--color-prime);}
.shop-section .no-products {display:flex; align-items:center; flex-direction:column; gap:20px;}
.shop-section .no-products p {color:var(--ui-color-gray-500);}
/* 메인 비주얼 - 스킨 파일(mainbanner.10.skin.php)로 이동됨 */
/* 카테고리 퀵 메뉴 */
.category-quick {padding:40px 0; background:var(--ui-color-gray-50);}
.category-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:20px;}
/* .category-item {display:flex; align-items:center; flex-direction:column; padding:20px 10px; border:1px solid var(--ui-color-gray-100); border-radius:var(--layout-radius); background:var(--ui-color-white); text-decoration:none; transition:all 0.2s;}
.category-item:hover {border-color:var(--ui-color-gray-50); transform:translateY(-4px);}
 */
.category-icon {display:flex; justify-content:center; align-items:center; width:64px; height:64px; margin-bottom:12px; border-radius:50%; background:var(--ui-color-gray-50);}
.category-icon i {color:var(--color-prime); font-size:28px;}
.category-name {color:var(--ui-color-gray-700); font-size:13px; font-weight:500;}

/* 상품 그리드 - 섹션별 스킨(style.css)으로 이동됨 */
/* .product-grid, .product-card 등 상품 관련 스타일은 theme/UXC_Flarumix/skin/shop/basic/style.css 참조 */
/* 사용자 리뷰 - theme/UXC_Flarumix/skin/shop/basic/style.css로 이동됨 */
/* 개인결제 배너 */
.personal-payment {}


/* 공지사항 */
.notice-list {overflow:hidden; border:1px solid var(--ui-color-gray-100); border-radius:var(--layout-radius); background:var(--ui-color-white);}
.notice-item {border-bottom:1px solid var(--ui-color-gray-100);}
.notice-item:last-child {border-bottom:none;}
.notice-item a {display:flex; align-items:center; padding:16px 20px; text-decoration:none; gap:12px;transition:background 0.2s;}
.notice-item a:hover {background:var(--ui-color-gray-50);}
.notice-type {display:inline-block; padding:4px 8px; border-radius:var(--layout-radius-sm); color:white; font-size:11px; font-weight:600;}
.notice-event {background:var(--ui-color-danger);}
.notice-info {background:var(--ui-color-blue);}
.notice-notice {background:var(--ui-color-gray-600);}
.notice-title {color:var(--ui-color-gray-900); font-size:14px; font-weight:500; flex:1;}
.notice-date {color:var(--ui-color-gray-500); font-size:12px;}

/* 최신글 */
.latest-posts {/* background:var(--ui-color-gray-50);*/}
.posts-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px;}
.post-card {overflow:hidden; border:1px solid var(--ui-color-gray-100); border-radius:var(--layout-radius); background:var(--ui-color-white); transition:all 0.2s;}
.post-card:hover {border-color:var(--ui-color-gray-300); transform:translateY(-2px);}
.post-card a {display:block; padding:20px; text-decoration:none;}
.post-header {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:12px;}
.post-category {display:inline-block; padding:4px 10px; border-radius:var(--layout-radius-sm); background:var(--ui-color-gray-50); color:var(--color-prime); font-size:11px; font-weight:600;}
.post-date {color:var(--ui-color-gray-500); font-size:12px;}
.post-title {display:-webkit-box; margin:0 0 8px; overflow:hidden; color:var(--ui-color-gray-900); font-size:16px; font-weight:600; text-overflow:ellipsis; line-clamp:2;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.post-excerpt {display:-webkit-box; margin:0; overflow:hidden; color:var(--ui-color-gray-600); font-size:13px; text-overflow:ellipsis; line-height:1.6; line-clamp:3;-webkit-line-clamp:3; -webkit-box-orient:vertical;}
/* 이벤트 배너 */
.event-banner {padding:60px 0;}
.banner-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:24px;}

/* 쇼핑 혜택 섹션 (개인결제, 쿠폰존) */
.extra-banners {}
.extra-banners .banner-grid {display:grid; grid-template-columns:repeat(2, 1fr);gap:20px;}
.extra-banners .benefit-card {display:flex; align-items:center; gap:24px; padding:32px; border:1px solid var(--ui-color-gray-200); border-radius:var(--layout-radius); background:var(--ui-color-white); text-decoration:none; transition:all 0.3s;}
.extra-banners .benefit-card:hover {border-color:var(--color-prime); transform:translateY(-2px);}
.extra-banners .benefit-icon {width:64px; height:64px; border-radius:50%; background:var(--ui-color-gray-100); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.extra-banners .benefit-icon i {font-size:28px; color:var(--color-prime);}
.extra-banners .benefit-card:hover .benefit-icon {background:var(--color-prime);}
.extra-banners .benefit-card:hover .benefit-icon i {color:var(--ui-color-white);}
.extra-banners .benefit-content {flex:1;}
.extra-banners .benefit-content h3 {margin:0 0 8px; font-size:18px; font-weight:700; color:var(--ui-color-gray-900);}
.extra-banners .benefit-content p {margin:0 0 12px; font-size:14px; color:var(--ui-color-gray-600); line-height:1.5;}
.extra-banners .benefit-link {display:inline-flex; align-items:center; gap:4px; font-size:14px; font-weight:600; color:var(--color-prime);}
.extra-banners .benefit-card:hover .benefit-link {gap:8px;}

/* 기존 이벤트 카드 스타일 (필요시 사용) */
.event-card {display:block; overflow:hidden; border-radius:var(--layout-radius); text-decoration:none; transition:transform 0.2s;}
.event-card:hover {transform:scale(1.02);}
.event-bg {display:flex; align-items:center; min-height:200px; padding:48px 32px;}
.event-content {color:white;}
.event-content h3 {margin:0 0 8px; font-size:24px; font-weight:700;}
.event-content p {margin:0 0 20px; opacity:0.95; font-size:15px;}
.event-btn {display:inline-block; padding:8px 20px; border-radius:var(--layout-radius-sm); background:white; color:var(--ui-color-gray-900); font-size:13px; font-weight:600;}
/* 탭 메뉴 */
.tab-menu {display:flex; gap:8px;}
.tab-button {padding:8px 20px; border:1px solid var(--ui-color-gray-200); border-radius:var(--layout-radius-sm); background:var(--ui-color-white); color:var(--ui-color-gray-600); font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s;}
.tab-button:hover {border-color:var(--color-prime); color:var(--color-prime);}
.tab-button.active {border-color:var(--color-prime); background:var(--color-prime); color:white;}
/* 섹션 푸터 */
.section-footer {margin-top:32px; text-align:center;}
/* 반응형 */
@media (max-width:1200px) {
    .shop-main .container {max-width:100%; padding:0;}
}
@media (max-width:768px) {
    .shop-section {padding:40px 0;}
    .section-header {}
    .section-title {font-size:20px;}
    /* 메인 비주얼 반응형 - 스킨 파일로 이동됨 */
    .category-grid {grid-template-columns:repeat(4, 1fr);gap:12px;}
    .category-item {padding:16px 8px;}
    .category-icon {width:48px; height:48px;}
    .category-icon i {font-size:20px;}
    /* .product-grid는 스킨별로 style.css에서 관리 */
    .md-grid,
    .review-grid,
    .banner-grid {grid-template-columns:1fr;}
    .extra-banners .banner-grid {grid-template-columns:1fr;}
    .extra-banners .benefit-card {padding:24px;}
    .extra-banners .benefit-icon {width:56px; height:56px;}
    .extra-banners .benefit-icon i {font-size:24px;}
    .tab-menu {width:100%;}
    .tab-button {text-align:center; flex:1;}
}
@media (max-width:480px) {
    .shop-section {padding:32px 0;}
    .section-title {font-size:18px;}
    /* 메인 비주얼 반응형 - 스킨 파일로 이동됨 */
    .category-grid {grid-template-columns:repeat(3, 1fr);gap:10px;}
    .category-item {padding:12px 6px;}
    .category-name {font-size:12px;}
}

/* ======================================
   쇼핑몰 카테고리 메뉴 (사이드바 스타일)
   ====================================== */
/* 쇼핑몰 카테고리 래퍼 */
/* .shop-category-menu {margin:30px 14px;} */
.shop-category-menu .groupTitle,
.shop-side-menu .groupTitle {font-size:14px;font-weight:600;color:var(--ui-color-gray-900);padding:12px 16px; display:flex;align-items:center;gap:8px}
.shop-category-menu .groupTitle i,
.shop-side-menu .groupTitle i {font-size:18px;color:var(--ui-color-gray-600)}

/* 쇼핑몰 사이드 메뉴 네비게이션 */
.shopSideGnb .nav {padding:0}
.shopSideGnb .nav > ul {list-style:none;margin:0 10px;padding:0}
.shopSideGnb .nav > ul > li {position:relative;margin-bottom:2px}

/* 1차 카테고리 링크 */
.shopSideGnb .nav > ul > li > a {display:flex;align-items:center;padding:10px 6px;color:var(--ui-color-gray-700);font-size:14px;text-decoration:none;border-radius:6px;transition:all 0.2s;position:relative}
.shopSideGnb .nav > ul > li > a:hover {background:var(--ui-color-gray-50);color:var(--ui-color-gray-900)}
.shopSideGnb .nav > ul > li > a.active {background:var(--ui-color-gray-50);color:var(--color-prime);font-weight:500}

/* 카테고리 아이콘 */
.shopSideGnb .nav > ul > li > a i:first-child {font-size:16px;margin-right:8px;transition:transform 0.2s}

/* 토글 버튼 (서브메뉴가 있는 경우) */
.shopSideGnb .nav .toggleBtn {position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}
.shopSideGnb .nav .toggleBtn i {font-size:18px;color:var(--ui-color-gray-500);transition:transform 0.2s}
.shopSideGnb .nav .subdepth.open .toggleBtn i {transform:rotate(180deg)}

/* 2차 카테고리 (서브메뉴) */
.shopSideGnb .nav > ul > li > ul {display:none;list-style:none;margin:4px 0 8px 0;padding:0;}
.shopSideGnb .nav > ul > li.open > ul {display:block}
.shopSideGnb .nav > ul > li > ul > li {margin:0}
.shopSideGnb .nav > ul > li > ul > li > a {display:flex;align-items:center;padding:8px 12px;color:var(--ui-color-gray-600);font-size:13px;text-decoration:none;transition:all 0.2s}
.shopSideGnb .nav > ul > li > ul > li > a:hover {background:var(--ui-color-white);color:var(--ui-color-gray-900)}
.shopSideGnb .nav > ul > li > ul > li > a.active {background:var(--ui-color-white);color:var(--color-prime);font-weight:500}

/* 2차 카테고리 아이콘 */
.shopSideGnb .nav > ul > li > ul > li > a i {font-size:12px;margin-right:6px;color:var(--ui-color-gray-400)}

/* 빈 카테고리 메시지 */
.shopSideGnb .empty_category {padding:20px;text-align:center;color:var(--ui-color-gray-500);font-size:13px}

.shopMenuGnb .nav > ul > li > a {font-size:14px;}
.shopMenuGnb .nav > ul > li > a i:first-child {font-size:18px; color:var(--ui-color-gray-600); transform:none;}
.shopMenuGnb .nav > ul > li > a:hover i:first-child {color:var(--color-prime);}
.shopMenuGnb .nav > ul > li.subdepth > a {cursor:default;}
.shopMenuGnb .nav > ul > li.subdepth > a:hover {background:var(--ui-color-gray-50); color:var(--ui-color-gray-900);}
.shopMenuGnb .nav > ul > li.subdepth > a i:first-child {color:var(--color-prime);}
.shopMenuGnb .nav > ul > li.subdepth > ul {margin:6px 0 8px;}
.shopMenuGnb .nav > ul > li.subdepth > ul > li > a {padding:10px 12px;}
.shopMenuGnb .nav > ul > li.subdepth > ul > li > a i {color:var(--ui-color-gray-500);}
/* ======================================
   Shop Footer Wrap 영역 스타일
   ====================================== */
/* shopFooterWrap 전체 영역 */
.shopFooterWrap {}
/* Footer 콘텐츠 영역 - 3단 그리드 */
.shopFooterWrap .footerContent {display:grid; grid-template-columns:1fr 2fr 1fr; gap:60px; padding: 30px 10px; align-items: flex-start;}
/* ======================================
   1컬럼:사이트 로고 및 카피라이트
   ====================================== */
.shopFooterWrap .footerBrand {gap:10px;}
/* 로고 */
.shopFooterWrap .footerBrand .logo {display:flex; align-items:center; color:var(--ui-color-gray-900); font-size:20px; font-weight:700; gap:8px;}
.shopFooterWrap .footerBrand .logo i {color:var(--color-prime); font-size:24px;}
/* 카피라이트 */
.shopFooterWrap .footerBrand .footerCopyright {}
.shopFooterWrap .footerBrand .footerCopyright p {margin:0; color:var(--ui-color-gray-500); font-size:13px; line-height:1.6;}
/* ======================================
   2컬럼:쇼핑몰 정보
   ====================================== */
.shopFooterWrap .footerCompany {}
.shopFooterWrap .footerCompany .footerSectionTitle {margin:0 0 20px; color:var(--ui-color-gray-900); font-size:18px; font-weight:700;}
.shopFooterWrap .footerCompany .footerList {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; gap:10px;}
.shopFooterWrap .footerCompany .footerList li {padding-left:0; color:var(--ui-color-gray-600); font-size:13px;}
.shopFooterWrap .footerCompany .footerList li:last-child {margin-bottom:0;}
/* 입금계좌 안내 */
.shopFooterWrap .footerCompany .bankInfo {margin-top:25px;}
.shopFooterWrap .footerCompany .bankInfo .accountList {margin:0; padding:0; list-style:none;}
.shopFooterWrap .footerCompany .bankInfo .accountList li {display:inline-block; padding:10px 14px; border:1px solid var(--ui-color-gray-200); border-radius:6px; background:var(--ui-color-white); color:var(--ui-color-gray-700); font-size:13px; line-height:1.6;}
/* ======================================
   3컬럼:이용안내
   ====================================== */
.shopFooterWrap .footerContact {}
.shopFooterWrap .footerContact .footerSectionTitle {margin:0 0 20px; color:var(--ui-color-gray-900); font-size:16px; font-weight:700;}
/* 상담시간 정보 */
.shopFooterWrap .footerContact .telInfo {}
.shopFooterWrap .footerContact .telInfo .workTime {margin:0 0 15px; padding:0; color:var(--ui-color-gray-600); font-size:13px; line-height:1.8;}
.shopFooterWrap .footerContact .telInfo .telNumber {margin-bottom:15px;}
.shopFooterWrap .footerContact .telInfo .telNumber strong {display:block; color:var(--color-prime); font-size:24px; font-weight:700; letter-spacing:-0.5px;}
/* 이메일 정보 */
.shopFooterWrap .footerContact .telInfo .emailInfo {display:flex; align-items:center; margin-bottom:20px; color:var(--ui-color-gray-600); font-size:13px; gap:6px;}
.shopFooterWrap .footerContact .telInfo .emailInfo i {color:var(--ui-color-gray-500); font-size:16px;}

/* ======================================
   반응형 - 태블릿
   ====================================== */
@media (max-width:1024px) {
    .shopFooterWrap {padding:50px 0 30px;}
    .shopFooterWrap .footerContent {grid-template-columns:1fr 1fr;gap:40px;}
    .shopFooterWrap .footerBrand {grid-column:1 / -1;}
}
/* ======================================
   반응형 - 모바일
   ====================================== */
@media (max-width:768px) {
    .shopFooterWrap {padding:40px 0 30px;}
    .shopFooterWrap .footerContent {grid-template-columns:1fr;gap:35px;}
    .shopFooterWrap .footerBrand {grid-column:auto;}
    .shopFooterWrap .footerBrand .logo {font-size:18px;}
    .shopFooterWrap .footerBrand .logo i {font-size:22px;}
    .shopFooterWrap .footerCompany .footerSectionTitle {font-size:16px;}
    .shopFooterWrap .footerContact .footerSectionTitle {font-size:15px;}
    .shopFooterWrap .footerContact .telInfo .telNumber strong {font-size:20px;}
}