@charset "utf-8";

/* 현재위치 */
.category-breadcrumb {position:relative; z-index:10; padding-top:var(--space-16); color:#767676; font-size:14px; line-height:1.5em;}
.category-breadcrumb-list {display:flex; flex-wrap:wrap; align-items:center;}
.category-breadcrumb-item {display:flex; align-items:center; position:relative;}
.category-breadcrumb-item .arrow {display:inline-block; margin:-.1em 5px 0; color:#999999;}
.category-breadcrumb-item .link-item {display:flex; align-items:center;}
.category-breadcrumb-item .link-text {flex:1;}
.category-breadcrumb-item .link-icon {margin:-.1em 0 0 4px; padding:3px; border-radius:100%; border:1px solid #666666;}
.category-breadcrumb-item .link-icon svg {display:block;}
.category-breadcrumb-item .submenu {display:none; position:absolute; top:100%; left:0; width:auto; min-width:130px; word-break:break-all; background:#fff; border:1px solid #ccc; border-radius:8px;}
.category-breadcrumb-item .submenu ul {display:grid; gap:8px; padding:14px;}
.category-breadcrumb-item .submenu ul li a {display:block; font-size:var(--font-size-13); line-height:1.3em;}
.category-breadcrumb-item .submenu ul li a:hover {color:#2c2c2c; text-decoration:underline;}
.category-breadcrumb-item .submenu ul li.active a {color:var(--color-primary);}
.category-breadcrumb-item.active .link-item {color:#2c2c2c;}
.category-breadcrumb-item.active .link-icon {-webkit-transform:scaleY(-1); transform:scaleY(-1); border-color:#2c2c2c;}
.category-breadcrumb-item.active .submenu {display:block;}

/* 쇼핑 필터 */
.goods-list-wrap {display:flex; gap:var(--space-50);}

.goods-filter-area {width:200px;}

.goods-list-area {flex:1; border-top:1px solid #ddd; padding-top:var(--space-20);}

.filter-header {display:none; padding:12px 16px; border-bottom:5px solid #e5e5e5;}
.filter-header h2 {font-size:18px; font-weight:700; line-height:1.3em;}

.filter-group {padding:var(--space-24) 0; border-top:1px solid #767676;}

.filter-title {display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--space-10);}
.filter-title h3 {font-size:18px; line-height:1.3em;}

.filter-items {font-size:14px; line-height:1.3em; color:#767676;}
.filter-items input[type=radio],
.filter-items input[type=checkbox] {background-color:#fff;}
.filter-items input[type=radio]:checked,
.filter-items input[type=checkbox]:checked {background-color:#333; border-color:#333;}

.filter-category a {display:flex; justify-content:space-between; align-items:center; gap:1em; padding:.7em 0; word-break:break-all;}
.filter-category > ul > li:not(:last-child) {border-bottom:1px solid #ddd;}
.filter-category > ul > li > a:hover,
.filter-category > ul > li.active > a {color:#2c2c2c; font-weight:700;}

.filter-select {padding-top:.3em;}
.filter-select ul li {padding:.2em 0;}

.filter-price {display:flex; align-items:center; gap:.5em;}
.filter-price .input {flex:1; width:100%; height:36px; padding:4px; font-size:14px; color:#767676}
.filter-price .input:focus {outline:none; border-color:#2c2c2c;}
.filter-price .btn {width:36px; height:36px; border-radius:4px; border:1px solid #ccc; background:#fff; transition:.2s;}
.filter-price .btn svg {display:block; width:50%; height:auto; margin:0 auto;}
.filter-price .btn:hover,
.filter-price .btn:focus {border-color:#2c2c2c;}

.btn-filter-reset {display:flex; align-items:center; background:none; border:0; white-space:nowrap; color:#767171; font-size:14px; font-weight:500; line-height:1.5em;}
.btn-filter-reset svg {width:18px; margin-right:6px;}

.btn-filter-submit {display:none; flex:1 1 auto; min-width:0; width:1%; align-items:center; justify-content:center; height:42px; background:var(--color-primary); border:0; border-radius:4px; color:#fff; font-size:16px; font-weight:500; line-height:1.5em; text-align:center;}

.filter-button {display:none; padding:3px 8px; background:var(--color-primary); border:0; border-radius:4px; color:#fff; font-size:13px;}
.filter-button svg {width:15px; height:15px; margin-right:3px; margin-top:-.1em;}

/* 상품 정렬 */
.goods-sort {display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--space-30); color:#767676; font-size:14px; line-height:1.5em;}
.goods-sort .total strong {color:var(--color-primary)}

.sort-items {display:flex; gap:2em;}
.sort-item {position:relative;}
.sort-item .toggle-button {display:flex; align-items:center; gap:.4em; background:none; border:0; color:inherit;}
.sort-item .sort-icon svg {width:8px; height:8px;}
.sort-item .toggle-layer {display:none; position:absolute; top:calc(100% + 4px); right:0; width:auto; min-width:90px; word-break:break-all; white-space:nowrap; background:#fff; border:1px solid #ccc; border-radius:8px;}
.sort-item .toggle-layer ul {padding:4px 0;}
.sort-item .toggle-layer ul li a {display:block; padding:5px 10px; font-size:13px; line-height:1.3em;}
.sort-item .toggle-layer ul li a:hover {color:#2c2c2c; background:#f7f7f7;}
.sort-item .toggle-layer ul li.active a {color:#2c2c2c;}
.sort-item.active .sort-icon {-webkit-transform:scaleY(-1); transform:scaleY(-1);}

/* 상품 리스트 - 갤러리형 */
.gs-items {display:grid; grid-template-columns:repeat(4, 1fr); gap:40px 24px;}
.gs-items + .paginate {margin-top:70px;}
.gs-item.soldout .gs-item-info * {color:#ccc;}
.gs-item.soldout .gs-item-review .score:before {opacity:.5;}

.gs-item-thumb {position:relative; border-radius:8px; overflow:hidden;}
.gs-item-thumb .img {position:relative;}
.gs-item-thumb .img:before {content:''; display:block; padding-bottom:100%; background:var(--color-gray150);}
.gs-item-thumb .img img {position:absolute; top:0; left:0; width:100%; height:100%; transition:transform 0.2s ease 0s; object-fit:cover;}
.gs-item-thumb .btn {display:flex; gap:4px; position:absolute; bottom:.75rem; right:.75rem;}
.gs-item-thumb a:hover .img img {transform:scale(1.1);}

.gs-item-soldout {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); color:#fff; font-size:1.1em; font-weight:700; letter-spacing:0;}

.gs-item-btn {display:block; width:30px; height:30px; border:0; border-radius:100%; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:50% 50%; background-size:14px; transition:.2s;}
.gs-item-btn:hover {opacity:.6;}
.gs-item-btn.wish {background-image:url('/images/shop/icon-wish-white-outline.svg');}
.gs-item-btn.cart {background-image:url('/images/shop/icon-cart-white-outline.svg');}

.gs-item-btn.wish.on {background-color:var(--color-primary);}
.gs-item-btn.cart.on {background-color:var(--color-secondary);}

.gs-item-info {display:block; margin-top:.75em;}

.gs-item-tit {color:#2c2c2c; font-size:15px; line-height:1.5em; word-break:break-all;}

.gs-item-price {margin-top:.5em; color:#2c2c2c; font-size:18px; font-weight:800; line-height:1.5em;}
.gs-item-price .origin {color:#888888; font-size:14px; font-weight:500; line-height:1.5em; letter-spacing:-.02em; text-decoration:line-through;}
.gs-item-price .sale {color:var(--color-primary); margin-right:2px;}

.gs-item-review {display:flex; margin-top:4px; color:#767676; font-size:12px; line-height:1.3em;}
.gs-item-review .score:before {content:''; display:inline-block; width:12px; height:12px; margin:-.1em 0 0 0; background:url('/images/shop/icon-star-fill-gray.svg') 50% 50%/contain no-repeat; vertical-align:middle;}
.gs-item-review .num:before {content:''; display:inline-block; width:1px; height:10px; margin:-.1em 5px 0; background:#ddd; vertical-align:middle;}

.gs-badge {margin-top:.75em; display:flex; flex-wrap:wrap; gap:4px;}
.gs-badge .badge {display:inline-block; padding:2px 6px; border-radius:2px; font-size:11px; font-weight:500; line-height:16px; letter-spacing:-.03em;}
.gs-badge .badge.st1 {background:#2174ce; color:#fff;}
.gs-badge .badge.st2 {background:#e5e5e5; color:#666;}
.gs-badge .badge.st3 {background:#c4e4f5; color:#254699;}

/* 상품 상세 상단 */
.goods-summary {display:flex; align-items:flex-start; gap:var(--space-100); margin:0 0 var(--space-120);}

.goods-photo {position:relative; width:45.715%;}
.goods-photo .slider {border-radius:var(--radius-24); overflow:hidden; margin-bottom:10px;}
.goods-photo .img {position:relative; padding-bottom:100%; overflow:hidden;}
.goods-photo .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.goods-photo .thumbs {display: flex; align-items: center; justify-content: space-between;}
.goods-photo .thumbs .swiper {width: 67.5%; margin: 0;}
.goods-photo .thumbs .img {border-radius:6px; opacity:.14; cursor:pointer;}
.goods-photo .thumbs .swiper-slide-thumb-active .img {opacity:1;}
.goods-photo .thumbs .swiper-slide-thumb-active .img:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid var(--color-primary); border-radius:6px;}

.goods-thumb-arrows {display: flex; position: relative; gap: 8px;}
.goods-thumb-arrows button {position: unset; background: #f8f8f8; color: #a8a8a8; border: 0; margin: 0;}
.goods-thumb-arrows button:hover {background: var(--dark-color); color: #fff;}
.goods-thumb-arrows button:after {content: none;}

.goods-info {flex:1;}

.gs-selling-header {display:flex; align-items:flex-start; gap:2em;}

.gs-selling-title {flex:1; margin-bottom: 10px;}
.goods-detail-sidebar .gs-selling-title {flex: none; margin-bottom: var(--space-50);}
.gs-selling-title h2 {color:var(--dark-color); font-size:var(--font-size-28); font-weight:600; line-height:1.5em;}
.gs-selling-title p {margin-top: var(--space-35); color: #a8a8a8; font-size: var(--font-size-16);}

.gs-selling-action {display:flex; gap:.8em; margin-top:.3em;}
.gs-selling-action .btn {display:block; width:24px; height:24px; background:none; border:0; color:#888888;}
.gs-selling-action .btn svg {display:block; width:100%; height:auto;}

.share-btn-area {position:relative;}
.share-btn-area .toggle-layer {position:absolute; top:calc(100% + 4px); right:0; width:auto; padding:10px; background:#fff; border:1px solid #ddd; border-radius:10px;}
.share-btn-area .toggle-layer {display:none;}
.share-btn-area .toggle-layer ul {display:flex; gap:10px;}
.share-btn-area .toggle-layer ul li {flex:1; width:36px;}
.share-btn-area.active .toggle-layer {opacity:1; pointer-events:auto;}

.gs-selling-grade {margin:var(--space-10) 0;}
.gs-selling-grade .grade-star {display:inline-block; position:relative; width:96px; margin:-.3em .5em 0 0; background:url('/images/shop/stars-off.svg') 0 50%/auto 100% no-repeat; vertical-align:middle;}
.gs-selling-grade .grade-star:before {content:''; display:block; padding-bottom:18.29%;}
.gs-selling-grade .grade-per {position:absolute; top:0; left:0; height:100%; background:url('/images/shop/stars-on.svg') 0 50%/auto 100% no-repeat;}
.gs-selling-grade .grade-num {display:inline-block; vertical-align:middle; font-size:.9em; line-height:1.3em;}
.gs-selling-grade .grade-num .total {color:#2c2c2c; font-weight:700;}
.gs-selling-grade .grade-num .num {color:#888888;}
@media (hover: hover) and (pointer: fine) {
    .gs-selling-grade .link:hover {opacity:.7;}
}

.gs-selling-price {margin:var(--space-30) 0 var(--space-10); font-size:30px; line-height:1.3em;}
.gs-selling-price .sale {color:#ff5356; font-weight:700;}
.gs-selling-price .old {color:#888888; font-size:.6em; text-decoration:line-through; margin-right:.2em;}
.gs-selling-price .price {color:#2c2c2c; font-weight:700;}

.gs-selling-info {margin-bottom:var(--space-35); font-size:15px; line-height:1.5em;}
.gs-selling-info .group {display:grid; gap:1em; padding:var(--space-35) 0; border-bottom:1px solid #eee;}
.gs-selling-info dl {display:flex;}
.gs-selling-info dt {width:100px;}
.gs-selling-info .group-product-delivery dt {width: 115px; color: #a8a8a8;}
[lang="en"] .gs-selling-info .group-product-delivery dt {width: 210px;}
.gs-selling-info dd {flex:1;}
.gs-selling-info .price {font-size: var(--font-size-28); font-weight: 800; color: var(--primary-color);}
.gs-selling-info .flex-center {align-items:center;}
.gs-selling-info .text-gray {color:#767676;}

.gs-selling-total {display:flex; align-items:center; justify-content:space-between; padding:var(--space-35) 0 var(--space-30);}
.gs-selling-total .text {font-weight:500; font-size: var(--font-size-15);}
.gs-selling-total .total {display: flex; align-items: center; gap: 5px; font-size: var(--font-size-15);}
.gs-selling-total .price {color:var(--dark-color); font-size:var(--font-size-28); font-weight:800; line-height:1.3em;}

.gs-selling-btns {display:flex; gap:8px;}
.gs-selling-btn {flex:1;}
.gs-selling-btn * {width:100%;}
.gs-selling-btn.sm {flex:0 0 auto; width:52px;}
.gs-selling-btn .wish:hover,
.gs-selling-btn .wish.on {color:#ff5356;}

.gs-option {display:grid; gap:8px; margin-bottom:var(--space-35); font-size: var(--font-size-15);}
.gs-option dl:not(:last-child) {margin-bottom: var(--space-25);}
.gs-option dt {margin-bottom: var(--space-10);}
.gs-option dd > *:not(:last-child) {margin-bottom: var(--space-10);}
.gs-option .input {display:block; width:100%; outline:none; height: 60px; border-radius: 8px;}
.gs-option .input:focus {border-color:var(--color-primary);}
.gs-option .custom-select {z-index: unset;}
.gs-option .select-trigger {display: flex;}
.gs-option .select-options {z-index: 1;}

.gs-quantity {margin-bottom:10px; padding:20px; background:#f7f7f7; border-radius:4px;}
.gs-quantity dt {margin-bottom:6px; font-size:15px; color:#454545; font-weight:500; line-height:1.3em;}

.goods-related {margin-bottom:var(--space-100);}

/* 수량 */
.quantity {display:inline-flex; vertical-align:middle; width:104px; height:32px;}
.quantity .input {flex:1 1 auto; min-width:0; width:1%; height:100%; padding:0; border: 0; background:#fff !important; text-align:center; color:#666; font-size:13px; font-weight:400; border-radius:0;}
.quantity .qty-bt {width:32px; height:100%; overflow:hidden; text-indent:-999em; border:1px solid #dfdfdf; border-radius:0; background-color:#F4F4F4; background-position:50% 50%; background-repeat:no-repeat; transition:.4s;}
.quantity .qty-bt:hover {background-color:#f7f7f7;}
.quantity .qty-down {background-image:url("/images/shop/icon-qty-minus.png"); order:-1; border-radius:4px;}
.quantity .qty-up {background-image:url("/images/shop/icon-qty-plus.png"); border-radius:4px;}

/* 옵션별 수량 선택 */
.add-options > ul {display:grid;}
.add-options > ul > li {display: flex; align-items: center; gap: var(--space-15) var(--space-30); padding:var(--space-15) 20px; border: 1px solid #ddd; background:#fff; border-radius:8px;}
.add-options > ul > li:not(:last-child) {border-bottom: 0;}
.add-options .opt-name {display:flex; justify-content:space-between;}
.add-options .opt-name .name {font-size:15px; font-weight:400; line-height:1.33em; color:#2c2c2c;}
.add-options .del {display:inline-block; position:relative; width:18px; height:18px; margin-right:-2px; background:url('/images/shop/icon-delete.png') 50% 50%/11px 11px no-repeat; transition:.4s;}
.add-options .opt-name .del:hover {opacity:.5;}
.add-options .opt-count {display:flex; justify-content:space-between; align-items:center;}
.add-options .opt-count .price {min-width: 80px; margin-left: 10px; text-align:right; font-size:14px; line-height:1.33em;}

.goods-detail-sidebar .add-options > ul > li {flex-direction: column; align-items:normal;}

/* 상품상세 하단 */
.goods-view-tab {position:sticky; top:var(--header-height); left:0; z-index:70; width:100%; height:var(--gs-tab-height); margin-bottom:var(--space-60); background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; transition:.2s;}
.goods-view-tab ul {display:flex; width:calc(64.2855% - var(--space-40)); height:100%;}
[lang="en"] .goods-view-tab ul {width: 100%;}
.goods-view-tab ul li {flex:1; position:relative; height:100%;}
.goods-view-tab ul li a {position:relative; display:flex; align-items:center; justify-content:center; height:100%; color:#ccc; font-weight:600; line-height:1.4em;}
.goods-view-tab ul li:hover a {color: var(--dark-color);}
.goods-view-tab ul li a .num {margin-left:4px; font-size:.875em; font-weight:400; line-height:1.4em; opacity:.9;}
.goods-view-tab ul li.active a {color:#2c2c2c; font-weight:700;}
.goods-view-tab ul li.active a:after {content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#2c2c2c;}

.goods-detail-wrap {display:flex;}

.goods-detail-content {flex:1; margin-right:var(--space-40);}
.gs-content {margin-top:var(--space-120);}
.gs-content .paginate strong {border-color:#666; background-color:#666;}
#goodsDetail.gs-content {margin-top:0;}

.goods-detail-sidebar {width:100%; max-width:35.7145%; padding-left: var(--space-40); border-left: 1px solid #eee}

.gs-selling-option {display:flex; flex-direction:column; position:sticky; left:0; top:calc(var(--header-height) + 20px + var(--gs-tab-height)); z-index:50; align-self:self-start; max-height:calc(100vh - var(--header-height) - 40px);}
.gs-selling-option .add-options {flex:1 1 auto; min-height:0; height:1%; overflow:auto; -webkit-overflow-scrolling:touch;}

.gs-view-head {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.gs-view-head h2 {color:#2c2c2c; font-size:20px; line-height:1.3em;}
.gs-view-head .count {color:#999; font-weight:600;}

.btn-sg-view-btn {color:var(--color-primary); font-size:15px; font-weight:600; line-height:1.3em;}

.goods-float-button {display:none; position:sticky; bottom: var(--right-banner-height);; left:0; z-index:70; margin-top:60px;}
.goods-float-button-inner {display:flex; gap:6px; margin:0 calc(0px - var(--container-space)); padding:6px; background:#fff;}
.goods-float-button-inner .btn-set {flex:1; height:46px; line-height:44px; border-radius:6px;}
.goods-float-button-inner .btn-set.wish {flex:0 1 56px; width:56px;}
.goods-float-button-inner .btn-set.wish.on {color:#ff5356;}

/* 상세정보 */
.seller-html {max-height:150vh; overflow:hidden;}
.seller-html.active {max-height:unset;}

.seller-html-more {position:relative;}
.seller-html-more:before {content:''; position:absolute; bottom:100%; left:0; display:block; width:100%; height:160px; background-image:linear-gradient(transparent, #ffffff);}
.seller-html-more.active:before {position:static; background:none; height:60px;}
.seller-html-more.active .seller-html-btn svg {-webkit-transform:scaleY(-1); transform:scaleY(-1);}

.seller-html-btn {display:flex; align-items:center; justify-content:center; gap:8px; width:100%; max-width: 303px; height:60px; margin: 0 auto; border:2px solid var(--primary-color); background:none; font-size:18px; font-weight:700; line-height:1.3em; color:var(--primary-color); border-radius: 8px;}
.seller-html-btn svg {width:12px; height:auto;}

/* 상세정보 */
#campaignProcess {display: flex; gap: 25px 35px; justify-content: space-between;}
.gs-campaign-process {width: 50%; border-top: 2px solid var(--dark-color); font-size: var(--font-size-16); line-height: 1.75em;}
.gs-campaign-process li {display: flex; padding: var(--space-30) 0; border-bottom: 1px solid #ddd;}
.gs-campaign-process .num {min-width: 45px; font-weight: 700; color: var(--primary-color); font-size: var(--font-size-18);}
.gs-campaign-process h4 {margin-bottom: var(--space-10); font-size: var(--font-size-20); color: var(--dark-color);}

/* 캠페인 진행 절차 */
#campaignNote li:not(:last-child) {margin-bottom: var(--space-10);}

/* 배송/교환/반품 */
.goods-guide {display:grid; gap:50px 0; border-top:1px solid #333; padding-top:30px; color:#505050; font-size:14px; line-height:1.71em; letter-spacing:-.03em;}
.goods-guide h3 {color:#2c2c2c; font-size:15px; line-height:1.3em; margin-bottom:22px;}
.goods-guide p {margin-bottom:1.2em;}
.goods-guide ul {display:grid; gap:10px 0;}
.goods-guide ul li {position:relative; padding-left:12px;}
.goods-guide ul li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700; font-size:1.5em; color:#ccc;}
.goods-guide .gray {color:#878787;}


/* 상품리뷰 */
.mypage-review-header {display:flex; align-items:center; gap:10px; margin-bottom:70px; padding:30px 70px; height:140px; border-radius:10px; background:#f6f6f6;}
.mypage-review-header .txt {flex:1 1 auto; min-width:0; width:1%;}
.mypage-review-header .txt p {font-size:20px; font-weight:500; line-height:1.5em;}

.review-feed-wrap {margin-bottom:30px;}
.review-feed {display:flex; align-items:center; padding:34px 0; background:#f7f8fa; border-radius:10px;}
.review-feed-badge {display:flex; justify-content:center; align-items:center; gap:20px; flex:1 1 auto; min-width:0; width:1%; text-align:center; padding:0 20px;}
.review-feed-badge .grade-star {display:inline-block; position:relative; width:147px; background:url('/images/shop/stars-off.svg') 0 50%/auto 100% no-repeat; vertical-align:middle;}
.review-feed-badge .grade-star:before {content:''; display:block; padding-bottom:18.29%;}
.review-feed-badge .grade-per {position:absolute; top:0; left:0; height:100%; background:url('/images/shop/stars-on.svg') 0 50%/auto 100% no-repeat;}
.review-feed-badge .num {color:#2c2c2c; font-size:40px; font-weight:700; line-height:1.3em;}

.review-feed-svg {display:flex; justify-content:center; position:relative; width:53%; padding:0 7%; font-size:14px; color:#767676; line-height:1.4em;}
.review-feed-svg:before {content:''; position:absolute; top:6px; left:0; bottom:6px; width:1px; background:#ccc;}

.stars-avg-wrap {display:grid; gap:6px;}
.stars-avg-group {display:flex; align-items:center;} 
.stars-avg-group .avg-label {margin-right:20px;}
.stars-avg-group .avg-bar {position:relative; width:180px; height:8px; border-radius:20px; background:#dadce0;}
.stars-avg-group .avg-bar span {position:absolute; top:0; left:0; height:100%; background:#f05456; border-radius:20px;}
.stars-avg-group .avg-number {margin-left:10px;}

.review-desc {margin-top:1em; font-size:13px; color:#999999; line-height:1.4em; letter-spacing:-.01em;}

.review-photo {margin-bottom:30px;}
.review-photo .items {display:grid; grid-template-columns:repeat(6, 1fr); gap:8px;}
.review-photo .link {display:block; overflow:hidden;position:relative; border-radius:6px;}
.review-photo .link:before {content:''; display:block; padding-bottom:100%;}
.review-photo .link img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.4s ease;}
.review-photo .link .more {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.68);}
.review-photo .link .more svg {transition:.4s ease;}
.review-photo .link:hover img {transform:scale(1.05);}
.review-photo .link:hover .more svg {transform:rotate(180deg);}

/* 상품문의 */
.product-inquiry-items {border-top:1px solid #ddd;}
.product-inquiry-item {padding:20px 0; border-bottom:1px solid #ddd;}
.product-inquiry-status {margin-bottom:10px;}
.product-inquiry-status .status {display:inline-block; padding:3px 6px; margin:0 5px 0 0; border-radius:4px; background:#eee; color:#999; font-size:12px; font-weight:500; line-height:1.5em; letter-spacing:-.01em; text-align:center; vertical-align:middle;}
.product-inquiry-status .status.done {background:var(--color-primary); color:#fff;}
.product-inquiry-status .category {color:#2c2c2c; font-size:16px; font-weight:600; line-height:1.5em; vertical-align:middle;}
.product-inquiry-user {margin-bottom:10px; color:#828282; font-size:14px; line-height:1.5em; letter-spacing:-.01em;}
.product-inquiry-user .name {margin-right:10px;}
.product-inquiry-question,
.product-inquiry-answer {display:flex; font-size:15px; color:#454545; line-height:1.75em; margin-top:6px;}
.product-inquiry-label {width:1.2em; color:var(--color-primary); font-size:1.1em; font-weight:700;}
.product-inquiry-text {flex:1 1 auto; min-width:0; width:1%;}
.product-inquiry-text .inner-admin {}
.product-inquiry-text .inner-admin .tt {font-weight:600; margin-right:4px;}
.product-inquiry-text .inner-admin .date {color:#828282; font-size:12px; line-height:1.5em; letter-spacing:-.01em;}
.product-inquiry-text .secret {color:#aaa;}
.product-inquiry-text .secret img {vertical-align:middle; margin:-.3em 4px 0 0; width:16px;}

/* 장바구니 */
.cart-wrap {display:flex; gap:var(--space-40);}
.cart-content {flex:1 1 auto; min-width:0; width:1%;}
.cart-content .checkbox {align-items:center;}
.cart-content input[type=checkbox] {width:22px; height:22px; background-color:#fff; vertical-align:middle;}
.cart-content input[type=checkbox]:checked {background-color:var(--color-primary);}

.cart-header {display:flex; justify-content:space-between; align-items:center; padding:16px 20px; margin-bottom:12px; background:#fff; border-radius:6px; border:1px solid #ddd; line-height:1em; font-size:15px; color:#454545;}
.cart-header .btn {font-size:14px; line-height:1.3em; background:none; border:0; color:#777; transition:.4s;}
.cart-header .btn:hover {opacity:.5;}

.cart-item {background:#fff; border-radius:6px; border:1px solid #ddd;}
.cart-item:not(:last-child) {margin-bottom:12px;}
.cart-item .add-options {margin-top:12px;}
.cart-item-body {position:relative; display:flex; padding:20px;}
.cart-item-body:not(:first-child) {border-top:1px solid #eee;}
.cart-item-select {width:40px;}
.cart-item-content {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.cart-item-delete {position:absolute; top:0; right:0; z-index:2;}
.cart-item-delete-btn {display:inline-block; padding:5px; transition:.4s; background:0; border:0; color:#454545; line-height:0;}
.cart-item-delete-btn:hover {opacity:.5;}

.cart-item.soldout > div {opacity:0.5;}
.cart-item.soldout input[type=checkbox] {pointer-events: none;}
.cart-item.soldout .cart-item-btns {pointer-events: none;}

.goods-small-item {display:flex; align-items:flex-start; gap:16px; margin:0 30px 0 0;}
.goods-small-item-image {position:relative; width:100px; overflow:hidden; border-radius:4px;}
.goods-small-item-image:before {content:''; display:block; padding-bottom:100%;}
.goods-small-item-image:after {content:''; position:absolute; top:0; left:0; inset:0; border:1px solid rgba(0,0,0,0.08); border-radius:4px;}
.goods-small-item-image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.4s;}
.goods-small-item-content {flex:1 1 auto; min-width:0; width:1%; padding-top:4px;}
.goods-small-item-title {color:#000; font-size:16px; font-weight:500; line-height:1.5em;}
.goods-small-item-option {margin-top:2px; color:#777; font-size:14px; line-height:1.5em;}
.goods-small-item-price {margin-top:2px; color:#2c2c2c; font-size:14px; line-height:1.5em;}

.cart-item-footer {display:flex; justify-content:space-between; align-items:center; margin-top:16px; margin-bottom:-5px;}
.cart-item-btns button {background:none; border:0; color:#505050; font-size:14px; line-height:1.3em; transition:.4s;}
.cart-item-btns .bar {display:inline-block; width:1px; height:11px; background:#ddd; margin:0 8px; vertical-align:middle;}
.cart-item-subtotal {color:#2c2c2c; font-size:18px; font-weight:700; line-height:1em;}

.cart-item-body + .cart-delivery {border-top:1px solid #eee;}

.cart-delivery {padding:12px 20px; text-align:center; color:#454545; font-size:16px; line-height:1.5em;}
.cart-delivery svg {vertical-align:middle; margin-top:-.2em;}
.cart-delivery-caption {margin-top:2px; opacity:.8; font-size:.85em; line-height:1.5em;} 

.cart-side {width:33%; max-width:360px;}
.cart-side-bar {position:sticky; top:20px; }
.cart-summary {padding:30px 20px; background:#fff; border-radius:6px; border:1px solid #ddd; color:#454545; font-size:16px; line-height:1.3em;}
.cart-summary h2 {margin-bottom:24px; color:#121212; font-size:20px; font-weight:700; line-height:1.3em;}
.cart-summary dl {display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}
.cart-summary dd {text-align:right;}
.cart-summary .total {margin-top:1em; margin-bottom:0; padding-top:24px; border-top:1px solid #ddd; color:#121212;}
.cart-summary .total dt {font-weight:700;}
.cart-summary .total dd {font-size:24px; font-weight:700; line-height:1.3;}
.cart-summary .point {margin-top:.5em; text-align:right; font-size:13px; line-height:1.3;}

.cart-agree {margin-top:10px; background:#fff; border-radius:6px; border:1px solid #ddd; overflow:hidden;}
.cart-agree-check {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px; padding:15px 20px; border-bottom:1px solid #ddd; color:#2c2c2c; font-size:15px; line-height:1.5em;}
.cart-agree-check .link-item {display:inline-flex; align-items:center; font-size:13px; font-weight:500; color:#767676;}
.cart-agree-check .link-item svg {width:14px; height:14px; margin-left:4px;}
.cart-agree-text {padding:10px 20px; background:#f7f7f7; color:#767676; font-size:14px; line-height:1.5em;}

.cart-order {margin-top:20px;}
.cart-order-btn {display:flex; justify-content:center; align-items:center; width:100%; min-height:50px; padding:10px; background:var(--color-primary); border:0; border-radius:6px; color:#fff; font-size:17px; font-weight:700; line-height:1.3em; text-align:center;}

/* 결제 */
.order-group:not(:last-child) {margin-bottom:var(--space-50);}

.order-title {display:flex; align-items:center; justify-content:space-between; padding-bottom:.7rem; margin-bottom:1.3rem; border-bottom:1px solid #ddd;}
.order-title h2 {color:#2c2c2c; font-size:var(--font-size-20); line-height:1.3;}
.order-title p {flex:1 1 auto; min-width:0; width:1%; margin-left:8px; color:#767676; font-size:14px; line-height:1.3;}
.order-title .link {border:0; padding:0; background:none; color:var(--color-primary); font-size:16px; font-weight:700; line-height:1.5em;}

.order-guest-info {padding:var(--space-24); background:#f7f7f7; border-radius:4px; text-align:center; font-size:var(--font-size-16); line-height:1.5em;}
.order-guest-info .text {margin-bottom:10px; color:#2c2c2c;}
.order-guest-info .link {display:inline-flex; align-items:center; gap:4px; color:var(--color-primary); font-weight: 700;}
.order-guest-info .link svg {width:14px; height:auto}

.order-delivery-address .tit {display:flex; flex-wrap:wrap; align-items:center;}
.order-delivery-address .nickname {font-size:var(--font-size-18); line-height:1.3; color:#2c2c2c;}
.order-delivery-address .badge {display:inline-block; padding:3px 8px; margin-left:8px; border:1px solid var(--color-primary); color:var(--color-primary); font-size:12px; line-height:1.2; border-radius:1em; user-select:none;}
.order-delivery-address .addr {margin-top:6px; font-size:16px; line-height:1.5; color:#2c2c2c;}
.order-delivery-address .user {margin-top:4px; font-size:14px; line-height:1.5; color:#767676;}
.order-delivery-address .name {margin-right:8px;}
.order-delivery-address .select {margin-top:10px; max-width:650px;}
.order-delivery-address .input {display:block; width:100%;}

.order-table {max-width:650px;}
.order-table table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5;}
.order-table table th {width:90px; padding:7px 20px 7px 0; text-align:left; color:#767676; font-weight:400; font-size:.9rem;}
.order-table table th.vtop {vertical-align:top; padding-top:1em;}
.order-table table td {padding:7px 0;}
.order-table .flex-group {display:flex; gap:4px; margin-bottom:8px;}
.order-table .flex-group .input {flex:1 1 auto; min-width:0; width:1%;}
.order-table .flex-group:last-child {margin-bottom:0;}

.use-coupon ul li {display:flex; margin-bottom:20px;}
.use-coupon ul li:last-child {margin-bottom:0;}
.use-coupon-input {width:30px;}
.use-coupon-content {position:relative; flex:1 1 auto; min-width:0; width:1%; font-size:14px; line-height:1.5em;}
.use-coupon-price {padding:4px 0; color:#2c2c2c; font-size:16px; font-weight:600; line-height:1.5em;}
.use-coupon-title {color:#2c2c2c;}
.use-coupon-text {margin-top:2px; color:#767676;}
.use-coupon-info {position:absolute; top:10px; right:0; color:#767676;}
.use-coupon-info .bar {display:inline-block; margin:-.2em 6px 0; width:1px; height:14px; background:#ddd; vertical-align:middle;}

.use-point-input {display:flex; gap:10px;}
.use-point-input .input {flex:1 1 auto; min-width:0; width:1%; max-width:220px;}
.use-point-input .btn-pack.medium {padding:0 16px; font-size:14px;}
.use-point-text {font-size:1rem; line-height:1.5em; margin-top:10px;}
.use-point-text strong {margin-left:5px; font-weight:600;}

.payment-method-items {display:flex;}
.payment-method-item {position:relative; flex:1 1 auto; min-width:0; width:1%; max-width:112px; display:flex; flex-direction:column; align-items:center; padding:16px 5px; background:#fff; outline:1px solid #ddd; border:0; font-size:14px; font-weight:500; line-height:1.3em;}
.payment-method-item span {position:relative;}
.payment-method-item svg {position:relative; width:auto; height:32px; margin-top:12px; color:#2f3237;}
.payment-method-item.active {position:relative; outline:2px solid var(--color-primary); z-index:2;}
.payment-method-item.active:before {content:''; position:absolute; inset:0; background:var(--color-primary); opacity:.04;}

.payment-method-bank {margin-top:20px; max-width:450px;}
.payment-method-input {display:flex; align-items:center; margin-bottom:10px;}
.payment-method-input:last-child {margin-bottom:0;}
.payment-method-input label {min-width:70px; font-size:15px; font-weight:500; margin-right:10px;}
.payment-method-input .input {width:100%;}

/* 결제 완료 */
.order-complete lord-icon {display:block; margin:0 auto 1em; width:120px; height:120px;}
.order-complete h2 {font-size:24px; line-height:1.5em; font-weight:700; color:#2c2c2c;}
.order-complete p {margin-top:6px; line-height:1.5em; font-size:16px; font-weight:500; color:#505050;}
.order-complete .btns {display:flex; justify-content:center; gap:10px; margin-top:50px;}
.order-complete .btn-pack.large {min-width:180px;}

/* 마이쇼핑 */
.mypage-wrap {display:flex; align-items:flex-start; padding-top:var(--space-30);}

.mypage-nav {position:sticky; top:20px; width:220px; margin-right:60px; border:1px solid #ddd; border-radius:6px; color:#505050; font-size:15px; line-height:1.5em;}
.mypage-nav-group {padding:20px 20px; border-bottom:1px solid #eee;}
.mypage-nav-group:last-child {border-bottom:0;}
.mypage-nav-group h2 {color:#111; font-size:20px; line-height:1.5em;}
.mypage-nav-group h3 {margin-bottom:8px; color:#2c2c2c; font-size:16px; line-height:1.5em;}
.mypage-nav-group ul li a {display:block; padding:5px 0;}
.mypage-nav-group ul li.active a {color:var(--color-primary); font-weight:600;}

@media (hover: hover) and (pointer: fine) {
    .mypage-nav-group ul li a:hover {color:var(--color-primary); font-weight:600;}
}

.mypage-content {flex:1 1 auto; min-width:0; width:1%;}

.mypage-heading {position:relative; padding:15px 0; margin-bottom:10px;}
.mypage-heading h2 {color:#2c2c2c; font-size:24px; line-height:1.33em;}
.mypage-heading .back-page {display:none; width:24px; height:24px; background:none; padding:0; border:0; color:#454545;}
.mypage-heading .back-page svg {display:block; width:100%; height:100%;}

.mypage-summary {display:flex; padding:20px 0; margin-bottom:40px; background:#f8f8f8; border-radius:6px;}
.mypage-summary .user-info-area {width:44%; padding:6px 24px; border-right:1px solid #e5e5e5;}
.mypage-summary .user-info-area .name {font-size:20px; line-height:1.5em; color:#2c2c2c;}
.mypage-summary .user-info-area .text {font-size:14px; line-height:1.5em; color:#505050;}
.mypage-summary .user-info-area .btns {margin-top:10px;}
.mypage-summary .user-info-area .btn-pack {background:#fff; color:#767676; font-weight:600; letter-spacing:0;}
.mypage-summary .btn-item-area {width:56%; padding:0 24px;}
.mypage-summary .link-items {display:flex;}
.mypage-summary .link-item {flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 8px;}
.mypage-summary .link-item .icon {width:40px; height:40px; color:#454545;}
.mypage-summary .link-item .num {font-size:20px; font-weight:700; line-height:1.5em; color:var(--color-primary);} 
.mypage-summary .link-item .text {font-size:15px; font-weight:500; line-height:1.5em; color:#2c2c2c;} 

.mypage-content-section {margin-bottom:60px;}
.mypage-content-section:last-child {margin-bottom:0;}

.mypage-content-title {display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
.mypage-content-title h3 {color:#2c2c2c; font-size:18px; line-height:1.3em;}
.mypage-content-title .more {color:#878787; font-size:13px;}

.mypage-tab {margin-bottom:30px; text-align:center;}
.mypage-tab ul {display:flex;}
.mypage-tab ul li {flex:1;}
.mypage-tab ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; padding:10px; border:1px solid #ddd; border-left:0; color:#767676; font-weight:500; font-size:16px; line-height:1.3em; transition:none;}
.mypage-tab ul li:first-child a {border-left:1px solid #ddd;}
.mypage-tab ul li.active a {background:#767676; border-color:#767676; color:#fff;}

/* 마이쇼핑 - 주문배송 */
.mypage-order-status {display:flex; margin-bottom:30px; border:1px solid #ddd; border-radius:6px; text-align:center; color:#505050; font-size:16px; line-height:1.5em;}
.mypage-order-status .item {flex:1; position:relative; padding:20px;}
.mypage-order-status .item:after {content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:12px; height:12px; border: solid #bdbdbd; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.mypage-order-status .item:last-child::after {display:none;}
.mypage-order-status .item strong {color:var(--color-primary); font-size:1.3em; line-height:1.5em;}

.mypage-order-select-period {display:flex; gap:10px; margin-bottom:20px;}
.mypage-order-select-period .input {min-width:120px;}

.order-item:not(:last-child) {margin-bottom:30px;}
.order-item-date {display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; font-size:16px; color:#454545; line-height:1.5em;}
.order-item-date .date strong {margin-left:4px; color:#2c2c2c; font-weight:600;}
.order-item-date .more {display:inline-block; color:#767676; font-size:15px;}
.order-item-date .more svg {vertical-align:middle; margin-top:-.2em;}
.order-item-box {background:#fff; border-radius:6px; border:1px solid #ddd;}
.order-item-body {position:relative; display:flex; padding:20px;}
.order-item-body:not(:first-child) {border-top:1px solid #eee;}
.order-item-select {width:40px;}
.order-item-content {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.order-item-status {margin-bottom:14px; font-size:16px; color:#767676;}
.order-item-status strong {color:#2c2c2c; font-weight:600;}
.order-item-btns {display:flex; flex-direction:column; justify-content:center; width:180px; margin-left:20px; text-align:center;}
.order-item-btns .btn {display:block; width:100%; padding:8px; background:#fff; border:1px solid #ddd; border-radius:6px; font-size:15px; font-weight:400; line-height:1.5em; color:#454545;}
.order-item-btns .btn.focus {border-color:var(--color-primary); color:var(--color-primary); font-weight:500;}
.order-item-btns .btn:not(:last-child) {margin-bottom:5px;}

.order-info-table {padding:20px; background:#fff; border-radius:6px; border:1px solid #ddd; font-size:15px; line-height:1.5em;}
.order-info-table table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:inherit; line-height:inherit;}
.order-info-table table th {width:100px; padding:4px 10px 4px 0; text-align:left; color:#767676; font-weight:400; vertical-align:top;}
.order-info-table table td {padding:4px 0; color:#2c2c2c; vertical-align:top;}
.order-info-table .btn-pack.mgl {vertical-align:middle; margin:-.2em 0 0 4px;}
.order-info-table .price {display:inline-block; vertical-align:middle; margin-top:-.2em; font-size:1.2em;}
.order-info-table .required {color:#f84949;}
.order-info-table .link {color:var(--color-primary); text-decoration:underline; text-underline-offset:0.25em; word-break:break-all;}
.order-info-table textarea.input {height:100px;}
.order-info-table.form table th {vertical-align:middle;}
.order-info-table.form table td {vertical-align:middle;}

.form-info-text {margin-top:10px; font-size:14px; line-height:1.5em;}

/* 마이쇼핑 - 오늘 본 상품 */
.goods-item-slider {position:relative;}
.goods-item-slider .slide-btn {display:flex; align-items:center; justify-content:center; position:absolute; top:50%; z-index:10; margin-top:-64px; width:44px; height:44px; background:#fff; border:1px solid #dfdfdf; border-radius:100%; box-shadow:2px 3px 3px rgba(0,0,0,.2); transition:.2s;}
.goods-item-slider .slide-btn:hover path {fill:var(--color-primary);}
.goods-item-slider .slide-btn svg {width:10px; height:auto;}
.goods-item-slider .slide-btn path {fill:#505050;}
.goods-item-slider .slide-btn.prev {left:-22px;}
.goods-item-slider .slide-btn.next {right:-22px;}
.goods-item-slider .swiper-button-disabled {display:none;}

/* 마이쇼핑 - 교환, 반품 */
.refund-type {display:flex; gap:8px; margin-bottom:30px;}
.refund-type .item {position:relative;}
.refund-type .item input {position:absolute; z-index:-1; width:0; height:0; opacity:0;}
.refund-type .item label {display:block; width:120px; padding:6px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:6px; color:#505050; font-weight:500; line-height:1.5em; cursor:pointer;}
.refund-type .item input:checked + label {border-color:var(--color-primary); color:var(--color-primary);}

/* 마이쇼핑 - 안내사항 */
.mypage-notification.mgb {margin-bottom:40px;}
.mypage-notification {color:#505050; font-size:15px; line-height:1.5em;}
.mypage-notification ul li {position:relative; padding-left:.7em;}
.mypage-notification ul li:not(:last-child) {margin-bottom:6px;}
.mypage-notification ul li:before {content:'·'; position:absolute; top:0; left:0;}

/* 마이쇼핑 - 쿠폰 */
.coupon-offline {padding:16px; background:#f6f6f6; border-radius:6px;}
.coupon-offline .inner {display:flex; gap:10px; width:90%; max-width:420px; margin:0 auto;}
.coupon-offline .input {width:100%;}

.coupon-items {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.coupon-item {display:flex; flex-direction:column; padding:0 30px; border-radius:24px; border:1px solid #ddd;}
.coupon-item .cnt {flex:1 1 auto; min-height:0; height:1%; padding:30px 0;}
.coupon-item .tit {margin-bottom:12px; min-height:3em; font-size:24px; font-weight:700; line-height:1.3em; color:#2c2c2c;}
.coupon-item .price {margin-bottom:12px; font-size:32px; font-weight:700; line-height:1.3em; color:#2c2c2c;}
.coupon-item .txt {position:relative; padding-left:.7em; color:#505050;}
.coupon-item .txt:before {content:'·'; position:absolute; top:0; left:0;}
.coupon-item .status {padding:20px 0; border-top:1px dashed #e5e5e5; text-align:center; color:var(--color-primary); font-size:24px; font-weight:700; line-height:1.3em;}
.coupon-item.disabled {background:#fafafa;}
.coupon-item.disabled * {color:#ccc !important;}

/* 마이쇼핑 - 포인트 */
.points-available {padding:24px; background:#f6f6f6; border-radius:10px;}
.points-available dl {display:flex; align-items:center; justify-content:center; height:100%;}
.points-available dt {color:#505050; font-size:18px; font-weight:400; line-height:1.5em; margin-right:10%;}
.points-available dd {color:var(--color-primary); font-size:24px; font-weight:700; line-height:1.3em;}

.use-point-items {border-top:1px solid #ddd;}
.use-point-item {display:flex; align-items:center; min-height:80px; padding:12px; border-bottom:1px solid #ddd;}
.use-point-item .date {width:110px; font-size:15px; line-height:1.5em; color:#767676;}
.use-point-item .status {width:82px; font-size:14px; font-weight:600; line-height:1.3em;}
.use-point-item .status span {display:inline-block; min-width:50px; padding:4px; border-radius:4px; text-align:center;}
.use-point-item .status.acc span {background:#e5f7fd; color:#00b0f0;}
.use-point-item .status.use span {background:#ffe5e5; color:#e93a4d;}
.use-point-item .tit {flex:1 1 auto; min-width:0; width:1%; font-size:16px; font-weight:600; line-height:1.5em; color:#2c2c2c;}
.use-point-item .price {text-align:right; font-size:18px; font-weight:700; line-height:1.5em;}
.use-point-item .price.acc {color:#00b0f0;}
.use-point-item .price.use {color:#e93a4d;}

/* 마이쇼핑 - 배송지 관리 */
.address-items {margin-bottom:20px; border-top:1px solid #ddd;}
.address-item {display:flex; align-items:center; padding:20px 12px; border-bottom:1px solid #ddd;}
.address-item-content {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.address-item-content .tit .name {font-size:18px; font-weight:700; line-height:1.3em; color:#2c2c2c;}
.address-item-content .tit .badge {display:inline-block; padding:4px 10px; margin-left:4px; border-radius:4px; background:#e5f7fd; color:#00b0f0; font-size:12px; font-weight:500; line-height:1.5em;}
.address-item-content .tel {margin-top:4px; color:#878787; font-size:15px; line-height:1.5em;}
.address-item-content .addr {margin-top:2px; color:#505050; font-size:15px; line-height:1.5em;}
.address-item-btns {display:flex; flex-direction:column; justify-content:center; width:80px; margin-left:20px; text-align:center;}
.address-item-btns .btn {display:block; width:100%; padding:6px; background:#fff; border:1px solid #ddd; border-radius:4px; font-size:14px; font-weight:400; line-height:1.5em; color:#454545;}
.address-item-btns .btn.focus {border-color:var(--color-primary); color:var(--color-primary); font-weight:500;}
.address-item-btns .btn:not(:last-child) {margin-bottom:5px;}

/* 배송지 선택(팝업) */
.delivery-address-item {margin-bottom:10px; padding:16px; background:#fff; border:1px solid #ddd; border-radius:6px;}
.delivery-address-item:last-child {margin-bottom:0;}
.delivery-address-item .badge {display:inline-block; padding:3px 8px; margin:-.2em 0 0 4px; border:1px solid var(--color-primary); color:var(--color-primary); font-size:12px; line-height:1.2; border-radius:1em; user-select:none; vertical-align:middle;}
.delivery-address-item .tit {margin-bottom:8px; color:#2c2c2c; font-size:18px; font-weight:700; line-height:1.3em;}
.delivery-address-item .addr {margin-bottom:5px; color:#505050; font-size:15px; line-height:1.5em;}
.delivery-address-item .info {margin-bottom:16px; color:#878787; font-size:14px; line-height:1.5em;}
.delivery-address-item .info .name {margin-right:10px;}
.delivery-address-item .btns {display:flex; justify-content:space-between;}

/* 마이쇼핑 - 1:1문의 */
.mypage-top-info-text {margin-bottom:20px; color:#767676; font-size:14px; line-height:1.5em;}

.my-inquiry-list {border-top:1px solid #ddd;}
.my-inquiry-item {padding:24px 0; border-bottom:1px solid #ddd;}
.my-inquiry-head {margin-bottom:16px;}
.my-inquiry-head .title {margin-bottom:16px;}
.my-inquiry-head .status {display:inline-block; padding:4px 8px; margin:0 8px 0 0; border-radius:4px; background:#eee; color:#999; font-size:12px; font-weight:600; line-height:1.5em; letter-spacing:-.01em; text-align:center; vertical-align:middle;}
.my-inquiry-head .status.done {background:var(--color-primary); color:#fff;}
.my-inquiry-head .category {color:#2c2c2c; font-size:18px; font-weight:700; line-height:1.5em; vertical-align:middle;}
.my-inquiry-head .prod {margin-bottom:16px; border-left:1px solid #ddd; padding-left:10px; color:#828282; font-size:14px; line-height:1.43em; letter-spacing:-.01em;}
.my-inquiry-head .prod span {margin-right:6px;}
.my-inquiry-head .prod a {color:var(--color-primary);}
.my-inquiry-head .info {display:flex; justify-content:space-between; color:#828282; font-size:14px; line-height:1.5em; letter-spacing:-.01em;}
.my-inquiry-head .ctr {display:flex; align-items:center;}
.my-inquiry-head .link-item {display:inline-block; background:none; border:0; color:inherit; letter-spacing:-.03em;}
.my-inquiry-head .bar {width:1px; height:10px; background:#ddd; margin:0 10px;}
.my-inquiry-question {display:flex; color:#2c2c2c; font-size:15px; font-weight:700; line-height:1.75em;}
.my-inquiry-question .question-title {width:45px;}
.my-inquiry-question .question-title span {display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#fff; border-radius:100%; border:1px solid #eee; box-shadow:rgba(63, 71, 77, 0.25) 0px 2px 5px; color:var(--color-primary); line-height:1em;}
.my-inquiry-question .question-text {flex:1 1 auto; min-width:0; width:1%; padding-top:2px;}
.my-inquiry-answer {margin-top:16px; padding:20px; background:#f7f7f7; border-radius:6px; color:#454545; font-size:15px; line-height:1.75em;}
.my-inquiry-answer .answer-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.my-inquiry-answer .answer-top .tit {color:#2c2c2c; font-size:15px; font-weight:700; line-height:1.5em;}
.my-inquiry-answer .answer-top .date {color:#828282; font-size:14px; line-height:1.5em; letter-spacing:-.01em;}

/* 마이쇼핑 - 상품후기 */
.my-reivew-item {padding:20px 0; border-bottom:1px solid #ddd;}
.my-reivew-item:first-child {padding-top:0;}
.my-reivew-item .order-item-body {padding:0;}
.my-reivew-item .goods-small-item-image {width:80px;}

.my-reivew-post {padding:20px 0; border-bottom:1px solid #ddd;}
.my-reivew-post:first-child {padding-top:0;}
.my-review-product  {margin-bottom:16px;}
.my-review-product .goods-small-item-image {width:60px;}
.my-review-name {margin-bottom:2px; color:#454545; font-size:14px; line-height:1.43em;}
.my-review-prod {margin-bottom:16px; border-left:1px solid #ddd; padding-left:10px; color:#888; font-size:14px; line-height:1.43em; letter-spacing:-.01em;}
.my-review-info {display:flex; justify-content:space-between; margin-bottom:16px; color:#828282; font-size:14px; line-height:1.5em; letter-spacing:-.01em;}
.my-review-info .date {display:flex; align-items:center;}
.my-review-info .date .rating {display:flex; align-items:center; margin-right:10px; line-height:0;}
.my-review-info .date .rating img {display:block; width:16px; margin-right:1px; margin-top:-.2em;}
.my-review-info .ctr {display:flex; align-items:center;}
.my-review-info .link-item {display:inline-block; background:none; border:0; color:inherit; letter-spacing:-.03em;}
.my-review-info .bar {width:1px; height:10px; background:#ddd; margin:0 10px;}
.my-review-pictures {display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px;}
.my-review-pictures a {position:relative; width:110px; border-radius:4px; overflow:hidden; background:#f7f7f7;}
.my-review-pictures a:before {content:''; display:block; padding-bottom:100%;}
.my-review-pictures a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.my-review-content {margin-bottom:10px; color:#454545; font-size:15px; line-height:1.75em;}


/* 쇼핑 테이블 */
.cart-all-select {color:#333; font-size:16px; font-weight:500; line-height:1.3em; padding:0 7px; margin-bottom:15px;}

.shop-table {border-top:1px solid #242424; margin-bottom:10px;}
.shop-table ul li {display:flex; align-items:center; padding:25px 7px; border-bottom:1px solid #dfdfdf;}
.shop-table .order-check {width:50px;}
.shop-table .order-image {width:70px; margin-right:20px;}
.shop-table .order-title {flex:1 1 auto; min-width:0; width:1%; display: block; margin-bottom: 0; padding-bottom: 0; border:0;}
.shop-table .order-title .tit {color:#222; font-size:17px; font-weight:500; line-height:1.5em; margin-bottom:5px;}
.shop-table .order-title .opt {color:#888; font-size:14px; font-weight:300; line-height:1.5em;}
.shop-table .order-quantity {width:86px; text-align:center;}
.shop-table .order-quantity .input {width:100%; height:30px; padding:0; font-size:14px; line-height:1.5em; text-align:center; margin-bottom:4px;}
.shop-table .order-quantity .btn-pack {display:block; width:100%;}
.shop-table .order-qnt {width:100px; text-align:center;}
.shop-table .order-price {width:130px; font-weight:500; margin:0 20px; text-align:right;}
.shop-table .order-delete {width:18px; text-align:right; margin-left:20px;}
.shop-table .order-btn {width:95px; text-align:center; margin-left:20px;}
[lang="en"] .shop-table .order-btn {width: 130px;}
.shop-table .order-btn p {margin:4px 0;}
.shop-table .order-btn strong {font-weight:500;}
[lang="en"] .shop-table .order-btn strong {font-size: var(--font-size-15);}
.shop-table .order-btn .btn-pack.small {display:block; margin:4px auto; width:100%; padding:0;}
.shop-table .ico-delete {position:relative; vertical-align:middle; margin-top:-.2em; display:inline-block; overflow:hidden; text-indent:-999em; width:18px; height:18px; overflow:hidden;}
.shop-table .ico-delete:before, .shop-table .ico-delete:after {content:""; position:absolute;top:0;left:8px; height:100%;width:2px;background-color:#999;}
.shop-table .ico-delete:before {transform:rotate(45deg);}
.shop-table .ico-delete:after {transform:rotate(-45deg);}
.shop-table .ico-delete:hover {opacity:.5;}

/* 주문정보 설명 */
.order-info {margin:20px 0; color:#666; font-size:14px; line-height:24px;}
.order-info em {color:#ed1c24; font-style:normal;}

.order-desc {margin-top:30px; background:#fafafa; border:1px solid #d8d8d8; padding:15px; color:#666; font-size:14px; line-height:24px;}

.order-complete {margin-bottom:20px; padding:25px 30px; font-size:16px; line-height:1.3em; color:#2c2c2c; letter-spacing:-.02em; background:#fafafa;}
.order-complete .item {display:inline-block; margin-right:40px;}
.order-complete .item strong {margin-left:5px;}
.order-complete .item:last-child {margin-right:0;}

.order-date {background:#fafafa; padding:20px; margin-top:50px; font-size:16px; line-height:1.3em; border:1px solid #333; border-bottom:0;}
.order-date:after {content:""; display:block; clear:both;}
.order-date strong {margin-left:10px;}
.order-date a {float:right; color:#888; letter-spacing:-.03em;}
.order-date a:after {content:"+"; color:#2c2c2c; font-weight:500; margin-left:10px;}
.order-date .bar {color:#ddd; margin:0 12px; vertical-align:top; font-weight:100;}

/* 주문정보 테이블 */
.order-info-title {margin-bottom:10px; margin-top:50px;}
.order-info-title:after {content:" "; display:block; clear:both;}
.order-info-title h3 {float:left; color:#333; font-size:20px; font-weight:700; line-height:1.3em;}
.order-info-title .chk {float:left; margin:6px 0 0 20px; font-family:dotum; font-size:14px; line-height:16px;}
.order-info-table {width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom:50px;}
.order-info-table tbody th {padding:7px 15px; height:59px; background:#f8f8f8; border:1px solid #ddd; font-weight:400; color:#333; text-align:left;}
.order-info-table tbody td {padding:7px 15px; background:#fff; border:1px solid #ddd; color:#666;}
.order-info-table tbody td * {vertical-align:middle;}
.order-info-table tbody td .input-point {padding:0 5px; height:30px; border:1px solid #ccc; background:#fafafa; line-height:28px;}
.order-info-table tbody td .txt {color:#4d6ccd; font-size:11px; margin-top:4px;}
.order-info-table tbody td .point {color:#ff0000;}
.order-info-table tbody td .radiobox {margin-right:25px;}
.guest-private-agree {text-align:center; margin-bottom:50px;}
.guest-private-agree .scroll-box {position:relative; height:120px; border:1px solid #d8d8d8; text-align:left; font-size:14px; line-height:18px; background:#f7f7f7; color:#666; padding:10px; margin-bottom:20px; overflow:auto;}

/* 전체금액 */
.total-price {display:flex; justify-content:space-between; background:#f6f6f6; color:#555; padding:37px 40px; font-size:17px; font-weight:400; line-height:1.4em; margin:40px 0;}
.total-price h3 {width:50%; color:#2c2c2c; font-size:25px; font-weight:500; line-height:1.3em; margin-top:-5px;}
.total-price ul {width:50%;}
.total-price ul li {display:flex; justify-content:space-between; align-items:center; padding:16px 0; border-bottom:1px solid #eee; overflow:hidden;}
.total-price ul li:first-child {padding-top:0;}
.total-price ul li:last-child {padding-bottom:0; border-bottom:0; color:#000; font-weight:700;}
.total-price ul li:last-child .price {font-size:1.2em; font-weight:700;}
.total-price ul li .item {}
.total-price ul li .price {text-align:right;}
.total-price + .buttons {margin-top:70px;}

/* 상품리뷰 */
.grade-star {position:relative;display:inline-block;zoom:1;*display:inline;width:75px;height:15px;background-image:url('../images/shop/star.png');vertical-align:middle;}
.grade-star span {position:absolute;top:-999px;left:-999px;font-size:0;line-height:0;text-indent:-999px;}
.grade-star.star20 {background-position:0 0;}
.grade-star.star40 {background-position:0 -15px;}
.grade-star.star60 {background-position:0 -30px;}
.grade-star.star80 {background-position:0 -45px;}
.grade-star.star100 {background-position:0 -60px;}

.review-prod-info {*zoom:1; padding:0 0 0 80px;}
.review-prod-info:after {content:" "; display:block; clear:both;}
.review-prod-info .img {float:left; margin-left:-80px; line-height:0;}
.review-prod-info .tit {color:#333; font-size:12px; line-height:18px; padding:2px 0;}
.review-prod-info .price {font-size:12px; font-weight:700; color:#333; line-height:18px;}
.review-prod-info .price span {color:#966324; font-size:11px; font-weight:normal;}

/* 적립금 */
.point .head {margin-bottom:15px;}
.point .head dl {border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold;}
.point .head dt {padding:8px 0; background:#f0f0f0; border-bottom:1px solid #ddd; color:#666;}
.point .head dd {padding:8px 0;}
.point table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:15px; line-height:1.5em;}
.point table th {padding:12px 20px; font-weight:400; border-top:1px solid #333; border-bottom:1px solid #333;}
.point table td {padding:12px 20px; text-align:center; border-bottom:1px solid #dfdfdf; font-weight:300; color:#686868;}
.point .title {font-weight:bold; margin:0 0 5px 0;}
.point .list dl {border:1px solid #ccc; background:#fff; margin:0 0 10px 0;}
.point .list dt {padding:8px 10px; background:#f0f0f0; font-weight:bold; border-bottom:1px solid #ddd; color:#333;}
.point .list dd {padding:3px 10px; font-size:12px; overflow:hidden;}
.point .list dd:nth-child(2) {padding-top:10px;}
.point .list dd:last-child {padding-bottom:10px;}
.point .list dd .fl {color:#666;}
.point .list dd .fr {color:#999;}
.point .list dd strong {color:#d20000;}