@charset "utf-8";

/***************************************************************************/
/*				                  카테고리 리스트/상세페이지			                             /
/***************************************************************************/

/* ----------------------  카테고리 리스트  ---------------------- */
/* 상단 */
.sub-top-ban {width:1300px;margin:30px auto 0;display:flex;justify-content: space-between;flex-wrap: nowrap;overflow:hidden;}
.sub-top-ban .banbox {width:32.8%;}
.sub-top-ban .banbox img {width:100%;object-fit:cover;border-radius:6px;}
.sub-top {width: 100%;text-align: center;margin-bottom:80px;}
.sub-top-title {font-size:2rem;margin-bottom:10px;text-align: center;font-weight:600;}
.sub-menu-nav {width: 100%;display: flex;justify-content: center;}
.sub-menu-list {display: flex; /* 항목들을 가로로 정렬 */gap:25px; /* 각 서브메뉴 항목 사이의 간격 */}
.sub-menu-list li {display: block;padding:10px 5px;font-size: 1rem;transition: color 0.3s ease-in-out;}
.sub-menu-list li:hover {color: #e30303;}
.sub-menu-list li.current-page {color: #e30303;font-weight:500;border-bottom: 2px solid #e30303; }
.sub-menu-list li:not(.current-page):hover {color: #e30303;}/* 호버 효과 (현재 페이지가 아닐 때만 적용되도록 수정) */

/* 하단배너 */
.sub-bottom-ban {margin:80px 0 100px 0;width:1300px;height:200px;display:block;background: url("../img/ban_sb.jpg") no-repeat left top;background-size:1300px 200px;cursor: pointer;color: transparent;text-indent: -9999px;}

/* ----------------------  상세페이지  ---------------------- */
/* ----- 숨김 처리 ---- */
.mb-menubar {display:none;} /* 모바일 하단메뉴바 */
.option-slide {display:none;} /* 모바일 옵션슬라이드창 */
#initial-bar {display:none;} /* 모바일 구매하기 슬라이드창 */
#purchase-panel {display:none;} /* 모바일 구매하기 슬라이드창 */
.panel-bar {display: none;} /* 모바일 구매하기 슬라이드창 */

/* 상품정보 */
.product-detail-top {width:100%;display:flex;justify-content: space-between;}
.product-detail-top .pimg {width:50%;}
.product-detail-top .pimg img {width:100%;object-fit:cover;}
.product-detail-top .pinfo {position: relative;width:44%;}
.product-detail-top .pinfo h1 {width:86%;font-size:1.6rem;font-weight:300;line-height:1.3;}
.product-detail-top .pinfo h1 strong {font-weight:600;}
.product-detail-top .pinfo h2 {padding-top:15px;font-size:0.9rem;font-weight:300;color:#666;letter-spacing:-0.5px;line-height:1.5;font-family: "Nanum Gothic", sans-serif;}
.product-detail-top .pinfo .pricebox {padding:10px 0;margin-top:20px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.product-detail-top .pinfo .pricebox .costprice {color:#e30303;font-weight:500;letter-spacing:-1px;padding-left:2px;}
.product-detail-top .pinfo .pricebox .costprice span {margin-right:8px;font-size:1.2rem;color:#a1a1a1;font-weight:300 !important;letter-spacing:0;text-decoration:line-through;text-decoration-color:#e30303;text-decoration-thickness:1px;}
.product-detail-top .pinfo .pricebox .saleprice {font-size:1.1rem;font-weight:500;line-height:1.3;letter-spacing:-0.5px;}
.product-detail-top .pinfo .pricebox .saleprice img {width:36px;height:36px;margin:5px 4px 0 0;}
.product-detail-top .pinfo .pricebox .saleprice .promo-price {padding-left:5px;color:#e30303;font-size:2rem;font-weight:600;}
.product-detail-top .pinfo .pricebox .saleprice .won {font-weight:400 !important;}

/* 버튼(할인쿠폰) */
.btn-coupon {margin:20px auto 0;width:56%;display:block;background:#131c40;color:#fff;font-size:1rem;font-weight:300;letter-spacing:-0.5px;text-align:center;padding:18px 0;line-height:1;cursor: pointer;}
.btn-coupon img {width:16px;height:16px;margin:0 0 0 10px;}
.btn-coupon strong {color:#ffeb00;font-weight:400;}
.buy-wrap {display:block;} /* 옵션/갯수/금액/버튼 한개로 묶음 */

/* 옵션선택 */
.product-option {padding:20px 0 0 0;}
.product-option select {width:100%;font-size:0.9rem;font-weight:300;padding:10px 36px 10px 12px;}
.product-option select option {font-weight:300;padding:10px;}

/* 갯수선택 */
.product-count {padding:15px 0 0 0;}
.product-count p {font-size:0.96rem;}
.product-count-inner {width:100%;padding-top:5px;display:flex;justify-content: space-between;}
.counter-wrapper {display:inline-flex;border: 1px solid #ccc;overflow:hidden;}
.counter-button { width:32px; height:32px; border: none;background-color: #fff; font-size:0.9rem;cursor: pointer; transition: background-color 0.2s; }
.counter-button:hover { background-color: #f7f7f7; }
.counter-value { width: 50px; height: 32px; text-align: center; line-height: 32px; font-size:0.9rem;border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; }
.counter-wrapper * { user-select: none; }
.counter-price {width:40%;display:flex;justify-content: flex-end;align-items:center;}
.counter-price .price-item {padding-right:20px;font-size:1.1rem;}
.counter-price .price-item strong {font-weight:600;}
.counter-price .delete {}
.close-button {display: flex; justify-content: center; align-items: center; width:28px; height:28px; cursor: pointer; border: none; background-color: transparent; padding: 0; }
.close-button svg { width: 100%; height: 100%; stroke: #888; stroke-width:1; fill: none; stroke-linecap: round; stroke-linejoin: round; }

/* 총 상품 금액 */
.total-price {width:100%;padding:15px 0 0 0;margin-top:20px;border-top:1px solid #eee;display:flex;justify-content: space-between;}
.total-price .tit {width:30%;height:40px;line-height:48px;font-weight:500;}
.total-price .price-item {width:60%;height:40px;display:flex;justify-content: flex-end;}
.total-price .price-item .total {color:#666;padding-right:50px;line-height:48px;}
.total-price .price-item .price-all {line-height:48px;}
.total-price .price-item .price-all strong {color:#e30303;font-size:1.8rem;font-weight:600;line-height:40px;padding-right:3px;}

/* 버튼모음 */
.btn-buy {margin:18px auto 0;width:100%;display:block;background:#e30303;color:#fff;font-size:1.1rem;font-weight:400;letter-spacing:-0.5px;text-align:center;padding:20px 0;line-height:1;cursor: pointer;}
.btn-b-wrap {width:100%;padding:11px 0 0 0;display: flex;justify-content: space-between;}
.btn-b-wrap button {width:49%;background:#f7f7f7;border:1px solid #ccc;color:#222;font-size:1rem;font-weight:400;letter-spacing:-0.5px;text-align:center;padding:17px 0;line-height:1;cursor: pointer;display: flex;align-items: center;justify-content: center;}

.btn-order-zzim {width: 49%;background: #f7f7f7;border: 1px solid #ccc;color: #222;font-size: 1rem;font-weight: 400;letter-spacing: -0.5px;text-align: center;padding: 18px 0;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;gap:5px;}
.btn-order-zzim .zzim-icon-img {display: inline-block;width: 20px;height: 20px;background:url('/design/img/zzim.png') no-repeat center center;background-size: contain;}
.btn-order-zzim.active .zzim-icon-img, .btn-order-zzim:active .zzim-icon-img {background-image: url('/design/img/zzim-on.png');}
.btn-order-cart {width: 49%;background: #f7f7f7;border: 1px solid #ccc;color: #222;font-size: 1rem;font-weight: 400;letter-spacing: -0.5px;text-align: center;padding: 18px 0;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;gap:5px;}
.btn-order-cart .cart-icon-img {display: inline-block;width: 20px;height: 20px;background:url('/design/img/cart.png') no-repeat center center;background-size: contain;}

/* 구매후기(상품정보 아래) */
.reviews-container {width:100%;margin:60px auto;}
.reviews-header {display: flex;justify-content: space-between;}
.reviews-header .tit {font-size:1.5rem;font-weight:600;}
.reviews-header .tit span {font-size:0.96rem;font-weight:300;color:#666;}
.reviews-header .tit span strong {font-weight:400;padding:0 1px;color:#222;}
.reviews-header a {text-decoration: none;color: #666;font-size:0.86rem;font-family: "Nanum Gothic", sans-serif;}
.reviews-header a:hover {text-decoration: underline;}
.reviews-grid {width:100%;display: flex; justify-content: space-between;flex-wrap: wrap;}
.review-card {width: 48%;display: flex; justify-content: space-between;margin-top:20px;}
.review-image {width: 20%;}
.review-image img {width: 100%; object-fit:cover;}
.review-content {width: 76%; display: flex;flex-direction: column;}
.review-content .tit {width: 90%; margin-bottom: 8px; font-size: 1rem; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review-content p {width: 90%; margin-bottom: 10px; font-size: 0.86rem; color: #666; font-family: 'Nanum Gothic', sans-serif;}
.review-author {font-size: 0.76rem; color: #888; margin-top: auto; font-family: "Nanum Gothic", sans-serif;}
.review-author span {color:#ccc;padding:0 8px;}

/* 탭메뉴 */
html { scroll-behavior: smooth; }
.tab-menu {padding-top:10px;width:100%;border-bottom: 1px solid #dedede; box-shadow: 0 2px 3px rgba(0,0,0,0.05); }
.tab-menu ul {display: flex;}
.tab-menu li { flex: 1; text-align: center;padding:15px 0;font-size:1rem; border-right: 1px solid #dedede; background: #f4f4f4; transition: background 0.3s ease, color 0.3s ease; }
.tab-menu li a { display: block; text-decoration: none; color: #333; }
.tab-menu li span {font-size:0.9rem;font-weight:300;}
.tab-menu li span strong {font-weight:400;padding:0 1px;}
.tab-menu li:hover a { color: #131c40; }
.tab-menu li:hover { background: #e6e6e6; }
.tab-menu li.active { background: #131c40; font-weight:500; }
.tab-menu li.active a { color: #fff; }
.tab-menu li:last-child { border-right: none; }
.tab-section {padding:50px 0; border-bottom:1px solid #e1e1e1;scroll-margin-top:200px; }
.tab-section h3 {padding:50px 0;font-size:1.8rem;font-weight:600;text-align:center;}
.tab-section .tit {font-size:1.26rem;font-weight:600;letter-spacing:-0.5px;}
.tab-section .sub-tit {padding:40px 0 5px 0;font-size:1rem;font-weight:600;}
.tab-section .sub-tit .btn-receive {display: inline-block;margin-left:10px;padding:7px 17px 6px 17px;font-size:0.76rem;line-height:1;color:#fff;background-color: #0099ff;border-radius: 3px;}
.tab-section .dtxtbox {font-size:0.9rem;font-family: "Nanum Gothic", sans-serif;color:#666;line-height:1.5;}
.tab-section .imgbox {text-align:center;padding:30px 0;}
.tab-section .imgbox img {}
.tab-section .imgbox-de {text-align:center;padding:30px 0;}
.tab-section .imgbox-de img {width:768px;height:512px;}

/* 구매후기(탭메뉴 영역) */
.tab-reviews-grid {width:100%;}
.tab-review-card {width:100%;display: flex; justify-content: space-between;margin-top:20px;}
.tab-review-image {width:15%;}
.tab-review-image img {width: 100%; object-fit: cover;}
.tab-review-content {width:83%;display: flex; flex-direction: column;padding:10px 0;}
.tab-review-content .tit {width: 90%; margin-bottom: 8px; font-size: 1rem; font-weight: 500;}
.tab-review-content p {width: 90%; margin-bottom: 10px; font-size: 0.86rem; color: #666; font-family: "Nanum Gothic", sans-serif;}


/***************************************************************************/
/*					                      모바일 (최대 479px)			                             /
/***************************************************************************/
@media (max-width: 479px) {

/* ----------------------  카테고리 리스트  ---------------------- */
/* 상단 */
.sub-top-ban {width: 100%; margin: 15px auto 0; padding: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub-top-ban .banbox {width: 49%; cursor: pointer;margin-bottom:10px;}
.sub-top-ban .banbox:nth-child(3) {display: none;} /* 마지막 3번째 배너는 숨김처리 */
.sub-top-ban .banbox img {width: 100%; object-fit: cover;border-radius:0;}
.sub-top { width: 100%; text-align: center; margin-bottom: 40px; }
.sub-top-title { font-size: 1.4rem; margin-bottom:10px; text-align: center; font-weight: 600;}
.sub-menu-nav { width: 100%; display: flex; justify-content: center; }
.sub-menu-list { display: flex; flex-wrap: wrap; justify-content: center; gap:6px 8px; padding: 0 10px; max-width: 100%; }
.sub-menu-list li { display: block; padding:6px 10px; font-size: 0.86rem; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; border: 1px solid #ddd; border-radius: 20px; background-color: #f9f9f9; white-space: nowrap; }
.sub-menu-list li a { text-decoration: none; color: inherit; }
.sub-menu-list li:hover { color: #fff; background-color: #e30303; border-color: #e30303; }
.sub-menu-list li.current-page { color: #fff; font-weight: 500; border-bottom: none; background-color: #e30303; border-color: #e30303; }
.sub-menu-list li:not(.current-page):hover { color: #fff; background-color: #e30303; border-color: #e30303; }

/* 하단배너 */
.sub-bottom-ban {width:100%;height:235px;margin:30px 0;display: block;background: url("../img/ban_sb_m.jpg") no-repeat center center;background-size: cover;cursor: pointer;color: transparent;text-indent: -9999px;}

/* ----------------------  상세페이지  ---------------------- */
/* ----- 숨김 처리 ---- */
.buy-wrap {display:none;} /* 옵션/갯수/금액/버튼 한개로 묶음 */
.reviews-container {display:none;} /* 구매후기 */

 /* 하단 고정 바 */
#initial-bar {position: fixed;bottom:0;left:0;display:block;display:flex;justify-content: space-between;background:#fff;width:100%;z-index:500;
padding-bottom: constant(safe-area-inset-bottom); /* iOS 11 이하 */ padding-bottom: env(safe-area-inset-bottom); /* iOS 11 이상 및 최신 브라우저 */}
#initial-bar .btn-zzim {width:25%;height:54px;line-height:54px;display:block;background:#fff;border:1px solid #ccc;border-left:none;border-radius:0;font-size:1.1rem;font-weight:500;letter-spacing:-0.5px;text-align:center;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#initial-bar .btn-zzim img {width:20px;height:20px;margin:17px 2px 0 0;}
#initial-bar .btn-mbuy {width:70%;height:54px;line-height:54px;display:block;background-color:#e30303;border:1px solid #e30303;border-radius:0;color: #fff;font-size:1.1rem;font-weight:500;letter-spacing:-0.5px;text-align:center;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.btn-order-zzim {width:30%;height:54px;line-height:54px;background:#fff;border:1px solid #ccc;border-left:none;border-radius:0;font-size:1.1rem;font-weight:500;letter-spacing:-0.5px;text-align:center;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);display: flex;align-items: center;justify-content: center;gap:5px;}
.btn-order-zzim .zzim-icon-img {display: inline-block;width: 20px;height: 20px;background:url('/design/img/zzim.png') no-repeat center center;background-size: contain;}
.btn-order-zzim.active .zzim-icon-img, .btn-order-zzim:active .zzim-icon-img {background-image: url('/design/img/zzim-on.png');}

/* 구매하기 슬라이드 패널 */
#purchase-panel { position: fixed; bottom: 0; left: 0; width: 100%;background-color: #fff; border-radius: 16px 16px 0 0; box-shadow: 0 -4px 12px rgba(0,0,0,0.15); z-index: 501; transform: translateY(104%); transition: transform 0.2s linear; display: flex; flex-direction: column;opacity: 1; }
#purchase-panel.is-open { transform: translateY(0); }        
/* 패널 헤더 */
.panel-header {padding:14px 0 0 0;text-align: center;}
.panel-header .close-btn { background: none;border:none;text-align:center;font-size:1.2rem; color: #888; cursor: pointer; outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.panel-header .close-btn img {width:20px;height:20px;}
/* 패널 콘텐츠 영역  */
.panel-content {width:100%;padding:0 15px 10px 15px;}
.panel-content .placeholder {width:100%;}
 /* 패널 내부 하단 버튼 바 */
.panel-bar {display:flex;justify-content: space-between;width:100%;background:#fff;}
.panel-bar .btn-cart {width:50%;height:54px;line-height:54px;display:block;background:#fff;border:1px solid #ccc;border-left:none;border-radius:0;font-size:1.1rem;font-weight:500;letter-spacing:-0.5px;text-align:center;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.panel-bar .btn-mbuy2 {width:50%;height:54px;line-height:54px;display:block;background-color:#e30303;border:1px solid #e30303;border-radius:0;color: #fff;font-size:1.1rem;font-weight:500;letter-spacing:-0.5px;text-align:center;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.btn-order-cart {width:50%;height:54px;line-height:54px;display:block;background:#fff;border:1px solid #ccc;border-left:none;border-radius:0;font-size:1.1rem;font-weight:500;letter-spacing:-0.5px;text-align:center;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);display: flex;align-items: center;justify-content: center;gap:5px;}
.btn-order-cart .cart-icon-img {display: inline-block;width: 20px;height: 20px;background:url('/design/img/cart.png') no-repeat center center;background-size: contain;}

/* 상품정보 */
.product-detail-top {width:100%;display:flex;justify-content: space-between;flex-wrap: wrap;}
.product-detail-top .pimg {width:100%;}
.product-detail-top .pimg img {width:100%;height:320px;object-fit:cover;}
.product-detail-top .pinfo {position: relative;width:100%;}
.product-detail-top .pinfo h1 {padding-top:20px;width:80%;font-size:1.3rem;font-weight:300;line-height:1.3;}
.product-detail-top .pinfo h1 strong {font-weight:600;}
.product-detail-top .pinfo h2 {padding-top:10px;font-size:0.86rem;font-weight:300;color:#666;letter-spacing:-0.5px;line-height:1.4;font-family: "Nanum Gothic", sans-serif;}
.product-detail-top .pinfo .pricebox {padding:10px 0;margin-top:20px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.product-detail-top .pinfo .pricebox .costprice {color:#e30303;font-weight:500;letter-spacing:-1px;padding-left:2px;}
.product-detail-top .pinfo .pricebox .costprice span {margin-right:8px;font-size:1.2rem;color:#a1a1a1;font-weight:300 !important;letter-spacing:0;text-decoration:line-through;text-decoration-color:#e30303;text-decoration-thickness:1px;}
.product-detail-top .pinfo .pricebox .saleprice {font-size:1.1rem;font-weight:500;line-height:1.3;letter-spacing:-0.5px;}
.product-detail-top .pinfo .pricebox .saleprice img {width:32px;height:32px;margin:2px 4px 0 0;}
.product-detail-top .pinfo .pricebox .saleprice .promo-price {padding-left:5px;color:#e30303;font-size:1.7rem;font-weight:600;}
.product-detail-top .pinfo .pricebox .saleprice .won {font-weight:400 !important;}

/* 버튼(할인쿠폰) */
.btn-coupon {margin:20px auto 0;width:65%;display:block;background:#131c40;color:#fff;font-size:1rem;font-weight:300;letter-spacing:-0.5px;text-align:center;padding:18px 0;line-height:1;cursor: pointer;}
.btn-coupon img {width:16px;height:16px;margin:0 0 0 10px;}
.btn-coupon strong {color:#ffeb00;font-weight:400;}

/* 옵션선택 */
.product-option {padding:5px 0 0 0;}
.product-option select {width:100%;font-size:0.9rem;font-weight:300;padding:10px 36px 10px 12px;}
.product-option select option {font-weight:300;padding:10px;}

/* 갯수선택 */
.product-count {padding:15px 0 0 0;}
.product-count p {font-size:0.9rem;}
.product-count-inner {width:100%;padding-top:5px;display:flex;justify-content: space-between;}
.counter-wrapper {display:inline-flex;border: 1px solid #ccc;overflow:hidden;}
.counter-button { width:32px; height:32px; border: none;background-color: #fff; font-size:0.9rem;cursor: pointer; transition: background-color 0.2s; }
.counter-button:hover { background-color: #f7f7f7; }
.counter-value { width: 50px; height: 32px; text-align: center; line-height: 32px; font-size:1rem;border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; }
.counter-wrapper * { user-select: none; }
.counter-price {width:40%;display:flex;justify-content: flex-end;align-items:center;}
.counter-price .price-item {padding-right:20px;font-size:1.1rem;}
.counter-price .price-item strong {font-weight:600;}
.counter-price .delete {}
.close-button {display: flex; justify-content: center; align-items: center; width:28px; height:28px; cursor: pointer; border: none; background-color: transparent; padding: 0; }
.close-button svg { width: 100%; height: 100%; stroke: #888; stroke-width:1; fill: none; stroke-linecap: round; stroke-linejoin: round; }

/* 총 상품 금액 */
.total-price {width:100%;padding:5px;margin-top:20px;border-top:1px solid #eee;display:flex;justify-content: space-between;}
.total-price .tit {width:30%;height:40px;line-height:48px;font-weight:500;}
.total-price .price-item {width:70%;height:40px;display:flex;justify-content: flex-end;}
.total-price .price-item .total {color:#666;padding-right:20px;line-height:48px;}
.total-price .price-item .price-all {line-height:48px;}
.total-price .price-item .price-all strong {color:#e30303;font-size:1.5rem;font-weight:600;line-height:40px;padding-right:3px;}

/* 탭메뉴 */
html { scroll-behavior: smooth; }
.tab-menu {padding-top:30px;width:100%;border-bottom: 1px solid #dedede; box-shadow: 0 2px 3px rgba(0,0,0,0.06); }
.tab-menu li { flex: 1; text-align: center;padding:12px 0;font-size:0.8rem; border-right: 1px solid #dedede; background: #f4f4f4; transition: background 0.3s ease, color 0.3s ease; }
.tab-menu li span {display:none;}
.tab-section {padding:30px 0; border-bottom:1px solid #e1e1e1;scroll-margin-top:100px; }
.tab-section h3 {padding:10px 0;font-size:1.4rem;font-weight:500;text-align:center;line-height:1.5;}
.tab-section .tit {font-size:1.2rem;font-weight:600;letter-spacing:-0.5px;}
.tab-section .sub-tit {padding:20px 0 5px 0;font-size:0.96rem;font-weight:500;}
.tab-section .sub-tit .btn-receive {display: inline-block;margin-left:10px;padding:7px 17px 6px 17px;font-size:0.76rem;line-height:1;color:#fff;background-color: #0099ff;border-radius: 3px;}
.tab-section .dtxtbox {font-size:0.8rem;font-family: "Nanum Gothic", sans-serif;color:#666;line-height:1.5;}
.tab-section .imgbox {text-align:center;padding:30px 0 10px 0;}
.tab-section .imgbox img {width:100%;}
.tab-section .imgbox-de {text-align:center;padding:20px 0;}
.tab-section .imgbox-de img {width:100%;height:auto;}

/* 구매후기(탭메뉴 영역) */
.tab-reviews-grid {width:100%;}
.tab-review-card {width:100%;display: flex; justify-content: space-between;margin-top:15px;}
.tab-review-image {width:40%;}
.tab-review-image img {width: 100%; object-fit: cover;}
.tab-review-content {width:55%;display: flex; flex-direction: column;padding:0;}
.tab-review-content .tit {width: 90%; margin-bottom: 8px; font-size: 0.96rem; font-weight: 500;line-height:1.3;}
.tab-review-content p {width: 90%; margin-bottom: 10px; font-size: 0.8rem;line-height:1.3;color: #666; font-family: "Nanum Gothic", sans-serif;}

}


/***************************************************************************/
/*					             기준 -일반 모바일 (480px ~ 767px)		   	             /
/***************************************************************************/
@media (min-width: 480px) and (max-width: 767px) {

/* ----------------------  카테고리 리스트  ---------------------- */
/* 상단 */
.sub-top-ban {width: 100%; margin: 15px auto 0; padding: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub-top-ban .banbox {width:32.8%;}
.sub-top-ban .banbox img {width:100%;object-fit:cover;border-radius:4px;}
.sub-top { width: 100%; text-align: center; margin-bottom: 40px; }
.sub-top-title { font-size: 1.4rem; margin-bottom:10px; text-align: center; font-weight: 600;}
.sub-menu-nav { width: 100%; display: flex; justify-content: center; }
.sub-menu-list { display: flex; flex-wrap: wrap; justify-content: center; gap:6px 8px; padding: 0 10px; max-width: 100%; }
.sub-menu-list li { display: block; padding:6px 10px; font-size: 0.86rem; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; border: 1px solid #ddd; border-radius: 20px; background-color: #f9f9f9; white-space: nowrap; }
.sub-menu-list li a { text-decoration: none; color: inherit; }
.sub-menu-list li:hover { color: #fff; background-color: #e30303; border-color: #e30303; }
.sub-menu-list li.current-page { color: #fff; font-weight: 500; border-bottom: none; background-color: #e30303; border-color: #e30303; }
.sub-menu-list li:not(.current-page):hover { color: #fff; background-color: #e30303; border-color: #e30303; }

/* 하단배너 */
.sub-bottom-ban {width:100%;padding-bottom: 30%;margin:30px 0;display: block;background: url("../img/ban_sb_m.jpg") no-repeat center center;background-size:cover;cursor: pointer;color: transparent;text-indent: -9999px;}

/* 상품정보 */
.product-detail-top .pimg {width:46%;}
.product-detail-top .pinfo {position: relative;width:49%;}
.product-detail-top .pinfo h1 {width:86%;font-size:1.4rem;font-weight:300;line-height:1.3;}
.product-detail-top .pinfo h2 {padding-top:15px;font-size:0.86rem;font-weight:300;color:#666;letter-spacing:-0.5px;line-height:1.5;font-family: "Nanum Gothic", sans-serif;}

.product-detail-top .pinfo .pricebox .saleprice {font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:-0.5px;}
.product-detail-top .pinfo .pricebox .saleprice img {width:32px;height:32px;margin:3px 4px 0 0;}
.product-detail-top .pinfo .pricebox .saleprice .promo-price {padding-left:5px;color:#e30303;font-size:1.8rem;font-weight:600;}
.product-detail-top .pinfo .pricebox .saleprice .won {font-weight:400 !important;}

/* 총 상품 금액 */
.total-price .tit {width:25%;height:40px;line-height:48px;font-weight:500;}
.total-price .price-item {width:75%;height:40px;display:flex;justify-content: flex-end;}
.total-price .price-item .total {color:#666;padding-right:15px;line-height:47px;letter-spacing:-0.5px;}
.total-price .price-item .price-all strong {color:#e30303;font-size:1.6rem;font-weight:600;line-height:40px;padding-right:3px;}

/* 구매후기(상품정보 아래) */
.reviews-header .tit {font-size:1.26rem;font-weight:600;}
.review-content .tit {width: 90%; margin-bottom: 8px; font-size:0.96rem; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review-content p {width: 90%; margin-bottom:5px; font-size: 0.8rem;line-height:1.4;color: #666; font-family: 'Nanum Gothic', sans-serif;}
.review-author {font-size: 0.76rem; color: #888; margin-top: auto; font-family: "Nanum Gothic", sans-serif;}
.review-author span {color:#ccc;padding:0 8px;}

/* 탭메뉴 */
.tab-section .imgbox {text-align:center;padding:30px 0 10px 0;}
.tab-section .imgbox img {width:100%;}
.tab-section .imgbox-de {text-align:center;padding:20px 100px;}
.tab-section .imgbox-de img {width:100%;height:auto;}

/* 구매후기(탭메뉴 영역) */
.tab-review-content {width:83%;display: flex; flex-direction: column;padding:2px 0;}
.tab-review-content .tit {width: 90%; margin-bottom: 8px; font-size:0.96rem; font-weight: 500;}

}

/***************************************************************************/
/*					             기준-태블릿 (768px ~ 1023px)		   	                     /
/***************************************************************************/
@media (min-width: 768px) and (max-width: 1023px) {

/* ----------------------  카테고리 리스트  ---------------------- */
/* 상단 */
.sub-top-ban {width: 100%; margin: 15px auto 0; padding: 0 15px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub-top-ban .banbox {width:32.8%;}
.sub-top-ban .banbox img {width:100%;object-fit:cover;border-radius:4px;}
.sub-top { width: 100%; text-align: center; margin-bottom: 40px; }
.sub-top-title { font-size: 1.4rem; margin-bottom:10px; text-align: center; font-weight: 600;}
.sub-menu-nav { width: 100%; display: flex; justify-content: center; }
.sub-menu-list { display: flex; flex-wrap: wrap; justify-content: center; gap:6px 8px; padding: 0 10px; max-width: 100%; }
.sub-menu-list li { display: block; padding:6px 10px; font-size: 0.86rem; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; border: 1px solid #ddd; border-radius: 20px; background-color: #f9f9f9; white-space: nowrap; }
.sub-menu-list li a { text-decoration: none; color: inherit; }
.sub-menu-list li:hover { color: #fff; background-color: #e30303; border-color: #e30303; }
.sub-menu-list li.current-page { color: #fff; font-weight: 500; border-bottom: none; background-color: #e30303; border-color: #e30303; }
.sub-menu-list li:not(.current-page):hover { color: #fff; background-color: #e30303; border-color: #e30303; }

/* 하단배너 */
.sub-bottom-ban {width:100%;padding-bottom: 30%;margin:30px 0;display: block;background: url("../img/ban_sb_m.jpg") no-repeat center center;background-size:cover;cursor: pointer;color: transparent;text-indent: -9999px;}

/* 상품정보 */
.product-detail-top .pimg {width:46%;}
.product-detail-top .pinfo {position: relative;width:49%;}
.product-detail-top .pinfo h1 {width:86%;font-size:1.4rem;font-weight:300;line-height:1.3;}
.product-detail-top .pinfo h2 {padding-top:15px;font-size:0.86rem;font-weight:300;color:#666;letter-spacing:-0.5px;line-height:1.5;font-family: "Nanum Gothic", sans-serif;}

.product-detail-top .pinfo .pricebox .saleprice {font-size:1rem;font-weight:500;line-height:1.3;letter-spacing:-0.5px;}
.product-detail-top .pinfo .pricebox .saleprice img {width:32px;height:32px;margin:3px 4px 0 0;}
.product-detail-top .pinfo .pricebox .saleprice .promo-price {padding-left:5px;color:#e30303;font-size:1.8rem;font-weight:600;}
.product-detail-top .pinfo .pricebox .saleprice .won {font-weight:400 !important;}

/* 총 상품 금액 */
.total-price .tit {width:25%;height:40px;line-height:48px;font-weight:500;}
.total-price .price-item {width:75%;height:40px;display:flex;justify-content: flex-end;}
.total-price .price-item .total {color:#666;padding-right:15px;line-height:47px;letter-spacing:-0.5px;}
.total-price .price-item .price-all strong {color:#e30303;font-size:1.6rem;font-weight:600;line-height:40px;padding-right:3px;}

/* 구매후기(상품정보 아래) */
.reviews-header .tit {font-size:1.26rem;font-weight:600;}
.review-content .tit {width: 90%; margin-bottom: 8px; font-size:0.96rem; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review-content p {width: 90%; margin-bottom:5px; font-size: 0.8rem;line-height:1.4;color: #666; font-family: 'Nanum Gothic', sans-serif;}
.review-author {font-size: 0.76rem; color: #888; margin-top: auto; font-family: "Nanum Gothic", sans-serif;}
.review-author span {color:#ccc;padding:0 8px;}

/* 탭메뉴 */
.tab-section .imgbox {text-align:center;padding:30px 0 10px 0;}
.tab-section .imgbox img {width:100%;}
.tab-section .imgbox-de {text-align:center;padding:20px 100px;}
.tab-section .imgbox-de img {width:100%;height:auto;}

/* 구매후기(탭메뉴 영역) */
.tab-review-content {width:83%;display: flex; flex-direction: column;padding:2px 0;}
.tab-review-content .tit {width: 90%; margin-bottom: 8px; font-size:0.96rem; font-weight: 500;}

}


/***************************************************************************/
/*					            노트북 (1024px ~ 1199px)		   	                             /
/***************************************************************************/
@media (min-width: 1024px) and (max-width: 1199px) {

/* ----------------------  카테고리 리스트  ---------------------- */
/* 상단 */
.sub-top-ban {width:900px;margin:30px auto 0;display:flex;justify-content: space-between;flex-wrap: nowrap;overflow:hidden;}
.sub-top-title {font-size:1.6rem;margin-bottom:10px;text-align: center;font-weight:600;}
.sub-menu-nav {width: 100%;display: flex;justify-content: center;}
.sub-menu-list {display: flex; /* 항목들을 가로로 정렬 */gap:15px; /* 각 서브메뉴 항목 사이의 간격 */}
.sub-menu-list li {display: block;padding:8px 3px;font-size: 1rem;transition: color 0.3s ease-in-out;}

/* 하단배너 */
.sub-bottom-ban {margin:80px 0 100px 0;width:900px;height:138px;display:block;background: url("../img/ban_sb.jpg") no-repeat left top;background-size:900px 138px;cursor: pointer;color: transparent;text-indent: -9999px;}

/* 상품정보 */
.product-detail-top .pimg {width:48%;}
.product-detail-top .pinfo {position: relative;width:46%;}
.product-detail-top .pinfo h1 {width:86%;font-size:1.4rem;font-weight:300;line-height:1.3;}
.product-detail-top .pinfo h1 strong {font-weight:600;}
.product-detail-top .pinfo h2 {padding-top:15px;font-size:0.86rem;font-weight:300;color:#666;letter-spacing:-0.5px;line-height:1.5;font-family: "Nanum Gothic", sans-serif;}

/* 총 상품 금액 */
.total-price .tit {width:20%;height:40px;line-height:48px;font-weight:500;}
.total-price .price-item {width:80%;height:40px;display:flex;justify-content: flex-end;}
.total-price .price-item .total {color:#666;padding-right:30px;line-height:47px;}

/* 구매후기(상품정보 아래) */
.reviews-header .tit {font-size:1.26rem;font-weight:600;}
.review-content .tit {width: 90%; margin-bottom: 8px; font-size:0.96rem; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review-content p {width: 90%; margin-bottom:5px; font-size: 0.8rem;line-height:1.4;color: #666; font-family: 'Nanum Gothic', sans-serif;}
.review-author {font-size: 0.76rem; color: #888; margin-top: auto; font-family: "Nanum Gothic", sans-serif;}
.review-author span {color:#ccc;padding:0 8px;}

/* 구매후기(탭메뉴 영역) */
.tab-review-content {width:83%;display: flex; flex-direction: column;padding:2px 0;}
.tab-review-content .tit {width: 90%; margin-bottom: 8px; font-size:0.96rem; font-weight: 500;}


}