@charset "utf-8";

/* 현재위치 */
.category-breadcrumb {position:relative; z-index:40; padding-top:var(--space-10); color:#878787; font-size:12px; line-height:1.5em; font-weight: 500; }
.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:0em 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:0em 0 0 3px; padding:3px; border-radius:100%;}
.category-breadcrumb-item .link-icon svg {display:block;}
.category-breadcrumb-item .submenu {display:none; position:absolute; top:100%; left:0; width:auto; min-width:117px; word-break:break-all; padding-top: 5px; }
.category-breadcrumb-item .submenu ul {display:grid; border-radius: 6px; border: 1px solid #EEE; background: #FFF; box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.10);}
.category-breadcrumb-item .submenu ul li a {display:block; font-size:var(--font-size-12); line-height:1.33em; color: #878787; padding: 8px 10px; font-weight: 500; }
.category-breadcrumb-item .submenu ul li a:hover { background: #f4f4f4; color: #2c2c2c; }
.category-breadcrumb-item .submenu ul li.active a { background: #f4f4f4; color: #2c2c2c; }
.category-breadcrumb-item.active .link-item {color:#2c2c2c; font-weight: 600; }
.category-breadcrumb-item.active .link-icon { border-color:#2c2c2c;}
.category-breadcrumb-item.active .submenu {display:block;}

/* 퍼블리싱 추가 (탭, 필터) */
.gs-tab { display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee; gap: 24px;}
.gs-tab.mg { margin-bottom: 60px; }
.gs-tab li { width: auto;}
.gs-tab li a { display: inline-block; font-size: var(--font-size20); font-weight: 500; line-height: 1.7em; color: #878787; padding-bottom: 16px; position: relative; }
.gs-tab li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #2c2c2c; bottom: -1px; opacity: 0; transition: .2s;}
.gs-tab li.active a { color: #2c2c2c; }
.gs-tab li.active a::after { opacity: 1; }
.gs-tab li a:hover { color: #2c2c2c; }
.gs-tab.fz { margin-bottom: 40px; }
.gs-tab.fz li a { font-size: var(--font-size-18); padding-bottom: 20px; line-height: 1.55em; font-weight: 700; }
.gs-filter-wrap { margin: 24px 0 60px; position: relative; z-index: 30; }
.gs-filter-wrap .inner { display: flex; gap: 6px; overflow: visible; position: relative; z-index: 2; }
.gs-filter-wrap .selected-wrap { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; gap: 6px; overflow: visible; }
.gs-filter-wrap .selected-wrap .toggles { flex: 1; height: 60px; position: relative; display: inline-block; z-index: 1; }
.gs-filter-wrap .selected-wrap .toggles.active { z-index: 50; }
.gs-filter-wrap .selected-wrap .toggles .toggle-button {display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px 20px; border: 1px solid #dfdfdf; background: #fff; color:#a8a8a8; font-weight:400; line-height:1em; text-align:left; border-radius: 8px; height: 100%; }
.gs-filter-wrap .selected-wrap .toggles .toggle-layer {display:none; position:absolute; left:0; top:100%; width:100%; padding-top: 8px; z-index: 1; }
.gs-filter-wrap .selected-wrap .toggles .toggle-layer.is-portal { position: fixed; top: auto; left: auto; padding-top: 0; z-index: 5000; }
.gs-filter-wrap .selected-wrap .toggles .toggle-layer ul { border-radius: 8px; background: #fff; border: 1px solid #eee;}
.gs-filter-wrap .selected-wrap .toggles .toggle-layer li {display:flex; padding:16px; color:#505050; font-weight:500; line-height:1.14em; font-size: 14px; align-items: center; justify-content: space-between; transition: .2s;}
.gs-filter-wrap .selected-wrap .toggles .toggle-layer li:hover { background: #f4f4f4; }
.gs-filter-wrap .selected-wrap .toggles.active .toggle-button { border-color: #2c2c2c; color: #2c2c2c; }
.gs-filter-wrap .reset-btn { width: 95px; height: 60px; border: none; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; font-weight: 700; background: #121212; border-radius: 8px; }
.gs-filter-wrap .selected-tag { display:flex; gap:20px; flex-wrap:wrap; margin-top:24px; position: relative; z-index: 1; }
.gs-filter-wrap .selected-tag .selected-tag-item {display:inline-block; font-size: 14px; font-weight: 500; line-height: 1.14em; border: none; background: transparent; color: #505050; letter-spacing: -.03em;}

/* 상품 정렬 */
.goods-sort {position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--space-40); color:#a8a8a8; font-size:16px; line-height:1.5em; font-weight: 500; }
.goods-sort .total strong {color:var(--color-primary); font-weight: 600; }
.goods-sort .sort {flex:1 1 auto; min-width:0; width:1%; text-align:right;}
.goods-sort .sort .sort-name {display:none;} 
.goods-sort .sort ul {display:inline-flex;}
.goods-sort .sort ul li {position:relative; padding:0 13px;}
.goods-sort .sort ul li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#ccc; margin-top:-5px;}
.goods-sort .sort ul li:last-child {padding-right:0;}
.goods-sort .sort ul li:last-child::after {display:none;}
.goods-sort .sort ul li a {display:block; color:#a8a8a8; font-size:16px; font-weight:500; line-height:1.5em; letter-spacing:-.03em;}
.goods-sort .sort ul li.active a {color:#454545 !important; font-weight:500;}

.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(5, 1fr); gap:60px 20px;}
.gs-items.best { grid-template-columns:repeat(4, 1fr); gap:40px 24px;}
.gs-items + .paginate {margin-top:70px;}

.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:50%; left:50%; object-fit:contain; transform:translate(-50%, -50%); width: auto; height: auto; max-width: 80%; max-height: 80%; z-index: 2; }
.gs-item-thumb .btn {display:flex; gap:4px; position:absolute; bottom:.75rem; right:.75rem;}
.gs-item-thumb .best-num { position: absolute; bottom: -40px; right: -10px; font-family: 'ptsans-italic'; font-size: 240px; line-height: 1em; color: #f1f1f1; font-weight: 700; z-index: 1;}
.gs-item-thumb .buy-count { position: absolute; left: 10px; top: 10px; padding: 6px 10px 4px; display: inline-block; background: #fff; border: 1px solid #dfdfdf; font-size: 12px; font-weight: 500; color: #676767; line-height: 1.16em;  border-radius: 25px; z-index: 3; }
.gs-item-thumb .order-item-select { position: absolute; left: 10px; top: 10px; z-index: 3;}
.gs-item-thumb input[type=checkbox] { background-color: #fff; }
.gs-item-thumb input[type=checkbox]:checked { background: var(--color-primary) url(/images/bbs/checkbox.svg) 50% 50% no-repeat; border-color: var(--color-primary);}

.gs-wish-btn {display:block; width:18px; height:18px; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; transition:.2s; background-image: url(../images/shop/wish-heart.png);}
.gs-wish-btn:hover { background-image: url(../images/shop/wish-heart-fill.png); }
.gs-wish-btn.wish.fill { background-image: url(../images/shop/fill-heart.png); text-indent: -9999em;}

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

.gs-item-info {display:flex; margin-top:.75em; position: relative; align-items: flex-start;}
.gs-item-info .left { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 15px; }
.gs-item-tit { line-height: 1.42em; font-size: 14px; color: #2c2c2c; font-weight: 500; margin-bottom: 4px; }
.gs-item-code { line-height: 1.5em; color: #505050; word-break: break-all;}

.gs-item-price {margin:8px 0 16px; color:#2c2c2c; font-size:18px; font-weight:600; line-height:1.55em;}
.gs-item-price .origin {color:#888888; font-size:14px; font-weight:600; line-height:1.5em; letter-spacing:-.02em; text-decoration:line-through;}
.gs-item-price .sale {color:#da1a35; margin-right:6px;}

.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 { display:flex; flex-wrap:wrap; gap:4px;}
.gs-badge.sp { justify-content: space-between; align-items: center;}
.gs-badge .badge {display:inline-block; padding:4px 6px 3px; border-radius:4px; font-size:12px; font-weight:500; line-height:19px; letter-spacing:-.03em;}
.gs-badge .badge.st1 { background: #121212; color: #fff; }
.gs-badge .badge.st2 {background: #fff; color:#676767; border: 1px solid #dfdfdf;}
.gs-badge .badge.st3 {background:#EEF3FB; color:var(--color-primary);}

.gs-item-cart-btn { text-indent: -9999em; display: inline-block; width: 28px; height: 28px; border: none; background-color: transparent; background-image: url(../images/common/hd-icon1.png); background-repeat: no-repeat; background-position: center; background-size: contain; }

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

.goods-photo {position:relative; width:50%; }
.goods-photo .slider {border-radius:16px; overflow:hidden; background: #f8f8f8; }
.goods-photo .img {position:relative; padding-bottom:100%; overflow:hidden;}
.goods-photo .img img {position:absolute; top:50%; left:50%; object-fit:contain; transform:translate(-50%, -50%); width: auto; height: auto; max-width: 80%; max-height: 80%;}
.goods-photo .slider .swiper-pagination { padding: 8px 12px; border-radius: 25px; background: rgba(0,0,0,0.3); color: rgba(255, 255, 255, 0.50); font-size: 13px; font-weight: 700; line-height: 1.23em; width: auto; left: 50%; transform: translateX(-50%); bottom: 24px; }
.goods-photo .slider .swiper-pagination-current { color: #fff; }

.goods-info {flex:1;}

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

.gs-selling-title {flex:1;}
.gs-selling-title h4 { font-size: 16px; font-weight: 500; color: #676767; line-height: 1.5em; margin-bottom: 10px; }
.gs-selling-title h2 {color:#2c2c2c; font-size:var(--font-size28); font-weight:500; line-height:1.5em;}

.gs-selling-button { display: flex; gap: 25px; }
.gs-selling-button .heart { display: flex; align-items: flex-start; gap: 6px; }
.gs-selling-button .heart strong { font-size: 13px; font-weight: 500; line-height: 1.23em; display: inline-block; padding-top: 5px; }
.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-button { display: inline-block; width: 24px; height: 24px; background: url(../images/shop/gs-share.png) center no-repeat; background-size: contain; }
.share-btn-area .toggle-layer {position:absolute; top:calc(100% + 4px); left:-20px; width:auto; padding:20px; border-radius: 16px; border: 1px solid #EEE; background: #FFF; box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.10);}
.share-btn-area .toggle-layer {display:none;}
.share-btn-area .toggle-layer .tt { margin-bottom: 20px; color: #2c2c2c; font-weight: 600; line-height: 1.5em; display: flex; justify-content: space-between; align-items: center;}
.share-btn-area .toggle-layer .tt .close { display: inline-block; width: 10px; height: 10px; background: url(../images/shop/share-close.png) center no-repeat; background-size: contain; text-indent: -9999em;}
.share-btn-area .toggle-layer ul {display:flex;}
.share-btn-area .toggle-layer ul li {flex:1; width:80px; text-align: center; }
.share-btn-area .toggle-layer ul li span { display: block; margin-top: 10px; font-size: 14px; font-weight: 500; line-height: 1.12em; color: #676767; }
.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-20) 0 0; font-size:var(--font-size24); line-height:1.3em;}
.gs-selling-price .sale {color:#DA1A35; font-weight:600; line-height: 1.66em; }
.gs-selling-price .old {color:#676767; font-size:15px; text-decoration:line-through; display: block; font-weight: 400; line-height: 1.06em; }
.gs-selling-price .price {color:#2c2c2c; font-weight:600; line-height: 1.66em; padding-left: 6px; }

.gs-selling-info {margin-bottom:34px; font-size:16px; line-height:1.5em; margin-top: 16px; }
.gs-selling-info .group {display:grid; gap:1.3em; padding:1.6em 0; border-bottom:1px solid #eee; border-top: 1px solid #eee;}
.gs-selling-info dl {display:flex;}
.gs-selling-info dt {width:120px; font-weight: 400; color: #a8a8a8; }
.gs-selling-info dd {flex:1; font-weight: 400; }
.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-30) 0;}
.gs-selling-total .text {font-weight:500; line-height: 1.5em; }
.gs-selling-total .price-wrap { display: flex; align-items: center;}
.gs-selling-total .price {color:#2c2c2c; font-size:28px; font-weight:600; line-height:1.5em;}
.gs-selling-total .price-wrap span { display: inline-block; font-size: 13px; color: #a8a8a8; font-weight: 500; line-height: 1.23em; padding-left: 8px;}

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

.gs-option {display:grid; gap:8px; margin-bottom:24px;}
.option-tit { margin-bottom: 8px; font-size: 16px; color: #2c2c2c; font-weight: 500; line-height: 1.5em; }
.option-tit span { color: #a8a8a8; }
.gs-option .input {display:block; width:100%; outline:none; height: 60px; border-color: #dfdfdf; border-radius: 8px; padding: 0 20px; color: #a8a8a8; }
.gs-option .input:focus {border-color:var(--color-primary);}

.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; margin-right: 32px; }
.quantity .input {flex:1 1 auto; min-width:0; width:1%; height:100%; padding:0; background:#F1F1F1 !important; text-align:center; color:#676767; font-size:13px; font-weight:500; border-radius:0; border: none; }
.quantity .qty-bt {width:32px; height:100%; overflow:hidden; text-indent:-999em; border:none; border-radius:0; background-color:#F1F1F1; background-position:50% 50%; background-repeat:no-repeat; transition:.4s;}
.quantity .qty-down {background-image:url("/images/shop/icon-qty-minus.svg"); order:-1; border-right:0; border-radius:4px 0 0 4px;}
.quantity .qty-up {background-image:url("/images/shop/icon-qty-plus.svg"); border-left:0; border-radius:0 4px 4px 0;}

/* 옵션별 수량 선택 */
.add-options > ul {display:grid; gap:10px;}
.add-options > ul > li {padding:14px 20px; border-radius:8px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dfdfdf; position: relative; }
.add-options .opt-name {display:flex; justify-content:space-between; margin-bottom: 0; }
.add-options .opt-name .name { font-weight:400; line-height:1.5em; color:#505050;}
.add-options .opt-name .del {display:inline-block; position:absolute; width:18px; height:18px; margin-right:-2px; background:url('/images/shop/icon-delete.svg') 50% 50%/11px 11px no-repeat; transition:.4s; right: 20px; top: 0; bottom: 0; margin: auto; }
.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 {text-align:right; font-size:16px; font-weight:700; line-height:1.33em; color:#2c2c2c;display: none;  }

/* 상품상세 하단 */
.goods-view-tab {position:sticky; top:-1px; left:0; z-index:70; width:100%; height:var(--gs-tab-height); margin-bottom:50px; background:#fff; border-bottom:1px solid #eee; text-align:center; transition:.2s;}
.goods-view-tab ul {display:flex; width:100%; height: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:#878787; font-size:20px; font-weight:500; line-height:1.7em;}
.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;}
.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:0;}
.gs-content {margin-bottom:100px;}
.gs-content .paginate strong {border-color:#666; background-color:#666;}
#goodsDetail.gs-content {margin-top:0;}

.goods-detail-sidebar {width:100%; max-width:320px; display: none; }

.gs-selling-option {display:flex; flex-direction:column; position:sticky; left:0; top:20px; z-index:50; align-self:self-start; height:calc(100vh - 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:16px;}
.gs-view-head h2 {color:#2c2c2c; font-size:var(--font-size22); line-height:1.63em; }
.gs-view-head .count {color:#999; font-weight:600;}
.gs-view-head .links { display: flex; gap: 30px; align-items: center;}
.gs-view-head .links a { display: flex; align-items: center; justify-content: center; width: 155px; height: 44px; border-radius: 8px; background: #121212; color: #fff; line-height: 1em; font-size: 14px; font-weight: 500; line-height: 1.14em; }
.gs-view-head .links .item { font-size: 14px; font-weight: 500; line-height: 1.14em; color: #676767; }
.gs-view-head .links .item .checkbox { align-items: center;}
.gs-view-head .links .item .checkbox label { margin-top: 1px; }

.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:0; left:0; z-index:70; margin-top:60px;}
.goods-float-button-inner {display:flex; gap:6px; margin:0 calc(0px - var(--space-container)); 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;}

/* 상세정보 */
.gs-tbl-wrapper { margin-bottom: 60px; }
.gs-tbl-wrap { overflow: auto; }
.gs-tbl { width: 100%; border-top: 1px solid #eee; border-collapse: collapse; }
.gs-tbl tr { border-bottom: 1px solid #eee;} 
.gs-tbl tr th { font-weight: 500; font-size: 14px; color: #676767; line-height: 1.14em; background: #fafafa; padding: 18px 10px;}
.gs-tbl tr td { text-align: left; padding: 18px 0; padding-left: 20px; font-size: 14px; font-weight: 400; line-height: 1.14em; color: #878787; }
.gs-tbl tr td.fw { font-weight: 600; color: #505050; }
.gs-tbl-span { margin-top: 16px; line-height: 1.14em; font-size: 14px; font-weight: 500; color: #676767; position: relative; padding-left: 20px; }
.gs-tbl-span span { color: #2c2c2c; }
.gs-tbl-span::before { content: ""; position: absolute; left: 0; top: -1px; width: 16px; height: 16px; background: url(../images/shop/gs-noti-icon.png) center no-repeat; background-size: contain; }

.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-btn img { position: relative; top: 12px; }
.seller-html-more.active:before {position:static; background:none; height:60px;}
.seller-html-more.active .seller-html-btn img {-webkit-transform:scaleY(-1); transform:scaleY(-1);}

.seller-html-btn {display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:60px; border:1px solid #2c2c2c; background:none; font-size:18px; font-weight:700; line-height:1.3em; color:#2c2c2c; border-radius: 8px; box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.12); max-width: 880px; margin: auto; font-size: 18px; font-weight: 600; line-height: 1.66em; }

/* 배송/교환/반품 */
.goods-guide {display:grid; color:#676767; line-height:1.75em; letter-spacing:-.03em; border-top: 1px solid #eee;}
.goods-guide .group { padding: 40px 0; border-bottom: 1px solid #eee;}
.goods-guide h3 {color:#2c2c2c; font-size:var(--font-size18); line-height:1.66em; margin-bottom:24px; font-weight: 600; }
.goods-guide p {margin-bottom:24px;}
.goods-guide p:last-child { margin-bottom: 0; }
.goods-guide ul {display:grid; gap:20px 0; margin: 40px 0; }
.goods-guide ul li {position:relative; display: flex; line-height: 1.5em; }
.goods-guide ul li .tit { width: 120px; color: #a8a8a8; font-weight: 500; }
.goods-guide ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.goods-guide ul.jum { gap: 10px 0; margin: 0; }
.goods-guide ul.jum li { padding-left: 14px; display: block; color: #676767; line-height: 1.75em;}
.goods-guide ul.jum li::before { content: ""; position: absolute; left: 0; top:11px; width: 4px; height: 4px; border-radius: 4px; background: #ccc;}
.goods-guide .gray {color:#878787; font-size: 14px; line-height: 1.14em; }

/* 상품리뷰 */
.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:60px;}
.review-feed {display:flex; align-items:center; padding:50px 0; border-radius:16px; border: 1px solid #eee;}
.review-feed-badge {display:block; text-align:center; padding:0 20px; width: 30%; border-right: 1px dashed #ccc; }
.review-feed-badge .grade-star {display:inline-block; position:relative; width:160px; 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:20%;}
.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:48px; font-weight:500; line-height:1.3em; display: block; margin-bottom: 12px; }

.review-feed-svg { position:relative; padding:0 60px; font-size:14px; color:#767676; line-height:1.4em; flex: 1 1 auto; min-width: 0; width: 1%; }

.stars-avg-wrap {display:grid; gap:14px;}
.stars-avg-group {display:flex; align-items:center;} 
.stars-avg-group .avg-label { width: 80px; font-size: 14px; font-weight: 500; line-height: 1.14em; }
.stars-avg-group .avg-label span { color: #a8a8a8; }
.stars-avg-group .avg-bar {position:relative; flex:1 1 auto; min-width: 0; width: 1%; height:6px; border-radius:20px; background:#eee;}
.stars-avg-group .avg-bar span {position:absolute; top:0; left:0; height:100%; background:#2c2c2c; border-radius:20px;}

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

.review-photo {margin-bottom:60px;}
.review-photo .items {display:grid; grid-template-columns:repeat(8, 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 #2c2c2c;}
.product-inquiry-item { border-bottom:1px solid #ddd; }
.product-inquiry-item .top { display: flex; align-items: center; padding:30px 0; }
.product-inquiry-item .status {display:inline-block; padding:4px 8px; margin-right: 34px; border-radius:4px; background:#fff; color:#878787; font-size:12px; font-weight:600; line-height:1.5em; letter-spacing:-.01em; text-align:center; vertical-align:middle; border: 1px solid #dfdfdf;}
.product-inquiry-item .status.done {background:#121212; color:#fff; border-color: #121212;}
.product-inquiry-item .status.answer { color: var(--color-primary); background: #fff; margin-bottom: 24px; }
.product-inquiry-item .tt { font-size: var(--font-size18); font-weight: 500; line-height: 1.66em; color: #2c2c2c; flex: 1 1 auto; min-width: 0; width: 1%; }
.product-inquiry-item .tt .ctr { display: flex; gap: 5px; margin-top: 5px; }
.product-inquiry-item .tt .ctr button { font-size: 12px; display: inline-block; border: 1px solid var(--color-primary); color: var(--color-primary); border-radius: 4px; padding: 4px 7px; font-weight: 500; line-height: 1em; background: transparent; transition: .2s;}
.product-inquiry-item .tt .ctr button:hover { background: var(--color-primary); color: #fff; }
.product-inquiry-item .category {color:#676767; font-size:14px; font-weight:400; line-height:1.14em; vertical-align:middle; width: 150px; text-align: center; }
.product-inquiry-item .date { color:#a8a8a8; font-size:16px; line-height:1.5em; letter-spacing:-.01em; font-weight: 400; width: 90px; text-align: right; }
.product-inquiry-item .name {font-size: 16px; line-height: 1.5em; font-weight: 400; text-align: center; width: 70px; }
.product-inquiry-item .cnt { padding: 0 90px; border-top: 1px solid #eee; background: #fafafa; display: none;}
.product-inquiry-question { border-bottom: 1px dashed #ccc;}
.product-inquiry-question.bd { border: none; }
.product-inquiry-question,
.product-inquiry-answer { padding: 30px 0; font-size: 14px; line-height: 1.7em; font-weight: 400; }
.product-inquiry-item .inner-text {text-align: center; padding: 60px 0;}
.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 .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-item .inner-text.secret {color:#aaa; text-align: left; padding: 0 0;}
.product-inquiry-item .inner-text.secret img {vertical-align:middle; margin:-.3em 4px 0 0; width:16px;}
.product-inquiry-item .pw-wrap { display: flex; margin-top: 16px; gap: 6px; }
.product-inquiry-item .pw-wrap .input { height: 60px; padding: 0 20px; border-radius: 8px; border-color: #dfdfdf;}
.product-inquiry-item .pw-wrap button { display: flex; align-items: center; justify-content: center; border: none; border-radius: 8px; background: #121212; color: #fff; line-height: 1em; width: 68px; height: 60px; font-weight: 700; font-size: 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.fx { align-items: center;}
.goods-small-item.fx .goods-small-item-content { padding-top: 0; }
.goods-small-item.fx .goods-small-item-title { line-height: 1.5em; font-size: 16px; color: #505050; font-weight: 400; }
.goods-small-item.fx .goods-small-item-entit { margin-bottom: 4px; font-size: 14px; font-weight: 500; line-height: 1.42em; color: #2c2c2c; }
.goods-small-item-image {position:relative; width:140px; overflow:hidden; border-radius:12px; margin-right: 30px; background: #f8f8f8; }
.goods-small-item-image:before {content:''; display:block; padding-bottom:100%;}
.goods-small-item-image img {position:absolute; top:50%; left:50%; object-fit:contain; transition:.4s; max-width: 80%; max-height: 80%; transform: translate(-50%, -50%);}
.goods-small-item-content {flex:1 1 auto; min-width:0; width:1%; padding-top:4px;}
.goods-small-item-title {color:#2c2c2c; font-size:14px; font-weight:500; line-height:1.42em; margin: 8px 0 4px;}
.goods-small-item-entit { margin-bottom: 8px; }
.goods-small-item-option {margin-top:2px; color:#777; font-size:14px; line-height:1.5em;}
.goods-small-item-price {color:#2c2c2c; font-size:var(--font-size18); line-height:1.55em; font-weight: 600; }
.goods-small-item-price .sale { color: #da1a35; display: inline-block; padding-right: 3px; }

.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-delivery {padding:12px 20px; border-top:1px solid #eee; 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; position: relative; z-index: 1; }
.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:32px; height:auto; 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 {display:flex; flex-direction:column; justify-content:center; min-height:40vh; padding:30px 0; text-align:center;}
.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; }

.mypage-nav {position:sticky; top:20px; width:240px; color:#676767; font-size:15px; line-height:1.5em; padding-right: 60px; }
.mypage-nav-group { margin-bottom: 50px; }
.mypage-nav-group:last-child { margin-bottom: 0; }
.mypage-nav-group h3 { color:#2c2c2c; font-size:var(--font-size18); line-height:1.55em; font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 17px; }
.mypage-nav-group ul li a {display:block; padding: 7px 0; position: relative; }
.mypage-nav-group ul li.active a { padding-left: 20px; color: #2c2c2c;}
.mypage-nav-group ul li.active a::before { content: ""; position: absolute; left: 0; width: 16px; height: 16px; top: 10px; background: url(../images/shop/mp-active-ico.png) center no-repeat; background-size: contain; }


@media (hover: hover) and (pointer: fine) {
    .mypage-nav-group ul li a:hover { color: #2c2c2c; }
}

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

.mypage-heading {position:relative; padding:15px 0; margin-bottom:10px; padding-top: 0; }
.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; margin-bottom:80px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; align-items: center;}
.mypage-summary .user-info-area {width:50%; padding: 60px 70px;}
.mypage-summary .user-info-area .name {font-size:var(--font-size28); line-height:1.5em; color:#2c2c2c; font-weight: 600; margin-bottom: 16px; }
.mypage-summary .user-info-area .name strong { font-weight: 700; color: var(--color-primary);}
.mypage-summary .user-info-area a { display: inline-block; font-size: 14px; line-height: 1.14em; position: relative; padding-right: 13px; color: #676767; }
.mypage-summary .user-info-area a::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 5px; height: 8px; background: url(../images/member/mp-update-view.png) center no-repeat; background-size: contain; }
.mypage-summary .btn-item-area {width:50%; display: flex; }
.mypage-summary .link-item {flex:1; display:flex; flex-direction:column; gap: 20px; padding: 70px 40px; border-left: 1px solid #eee;}
.mypage-summary .link-item .text { line-height: 1.5em; display: block; }
.mypage-summary .link-item .num { font-size: 14px; line-height: 1.14em; color: #2c2c2c; font-weight: 400; display: inline-block; } 
.mypage-summary .link-item .num strong { font-size: var(--font-size28); font-weight: 700; display: inline-block; }

.mypage-content-section {margin-bottom:80px;}
.mypage-content-section:last-child {margin-bottom:0;}
.mypage-content-section .sub-title { display: none; }

.mypage-content-title {display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom: 1px solid #2c2c2c;}
.mypage-content-title.bd { border: none; padding-bottom: 40px; }
.mypage-content-title.pd { padding-bottom: 20px; }
.mypage-content-title.mg { margin-bottom: 30px;}
.mypage-content-title h3 {color:#2c2c2c; font-size:18px; line-height:1.55em; font-weight: 700; }
.mypage-content-title h3 span { display: inline-block; padding-left: 16px; font-size: 14px; line-height: 1.14em; font-weight: 500; color: #676767; }
.mypage-content-title .more {color:#676767; font-size:14px; line-height: 1.14em; position: relative; padding-right: 13px; }
.mypage-content-title .more::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 5px; height: 8px; background: url(../images/member/mp-update-view.png) center no-repeat; background-size: contain; }
.mypage-content-title .qna-write-btn { width: 155px; height: 44px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1.5em; border-radius: 8px; background: #121212; border: none; font-size: 14px; font-weight: 500; line-height: 1.14em; letter-spacing: -.03em;}

.mypage-order-status {display:flex; border-bottom:1px solid #eee; text-align:center; color:#505050; font-size:16px; line-height:1.5em;}
.mypage-order-status .item {flex:1; position:relative; padding:60px 10px;}
.mypage-order-status .item:after {content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:18px; height:18px; border: solid #aaa; border-width:1px 1px 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:var(--font-size28); line-height:1.5em; display: block; margin-bottom: 10px; color: #2c2c2c; font-weight: 700; }

.mypage-order-cancle { display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee;}
.mypage-order-cancle a { display: flex; align-items: center; justify-content: center; padding: 15px 10px; border-right: 1px solid #eee; font-size: 15px; line-height: 1.5em; flex: 1; gap: 6px; color: #505050; }
.mypage-order-cancle a strong { font-size: 16px; color: #2c2c2c; font-weight: 700; display: inline-block; }
.mypage-order-cancle a:last-child { border: none; }

.mypage-tab { border-bottom: 1px solid #eee;}
.mypage-tab ul {display:flex; gap: 24px; }
.mypage-tab ul li { width: auto;}
.mypage-tab ul li a { padding-bottom: 20px; display: inline-flex; color: #878787; align-items: center; font-size: var(--font-size18); font-weight: 700; line-height: 1.55em; gap: 5px; position: relative; }
.mypage-tab ul li a::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #2c2c2c; opacity: 0; }
.mypage-tab ul li a .num { color: #ccc; }
.mypage-tab ul li.active a { color: #2c2c2c;}
.mypage-tab ul li.active a .num { color: #a8a8a8; }
.mypage-tab ul li.active a::after { opacity: 1; }

/* 마이쇼핑 - 주문배송 */
.mypage-order-select-period {display:flex; gap:10px; margin-bottom:20px;}
.mypage-order-select-period .input {min-width:120px;}

.order-items { border-bottom: 1px solid #eee;}
.order-item { padding: 30px 0; border-bottom: 1px solid #eee; display: flex; align-items: center;}
.order-item:last-child { border: none; }
.order-item .good-small-thumb { width: 140px; margin-right: 30px; }
.order-item .good-small-info { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; align-items: center;}
.order-item .good-small-info .left { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; }
.order-item .good-small-info .left .date { font-size: 14px; font-weight: 600; line-height: 1.42em; color: #a8a8a8; }
.order-item .good-small-info .left .date strong { font-weight: 600; }
.good-small-item-qty { width: 190px; text-align: center; }
.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 { font-size:16px; color:#505050; text-align: center; font-weight: 400; width: 190px; margin-left: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
.order-item-status strong {color:#505050; font-weight:400;}
.order-item-btns {display:inline-flex; flex-direction:column; justify-content:center; text-align:center; }
.order-item-btns .btn {display:block; width:100%; padding:8px 15px; 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-item-btns .review-btn { width: 155px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #121212; border: none; font-size: 14px; font-weight: 400; line-height: 2em; color: #fff; }

.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.pd { padding: 30px 0; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.goods-item-slider .slide-btn {display:flex; align-items:center; justify-content:center; position:absolute; top:39%; z-index:10; margin-top:-21px; width:22px; height:42px; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}
.goods-item-slider .slide-btn::after { display: none; }
.goods-item-slider .slide-btn.prev {left:-60px; background-image: url(../images/main/new-prev.png);}
.goods-item-slider .slide-btn.next {right:-60px; background-image: url(../images/main/new-next.png);}
.goods-item-slider .swiper-button-disabled {display:none;} 

/* 마이페이지 - 최근 본 상품 */
.relation-btns { display: flex; position: relative; justify-content: center; gap: 24px; align-items: center;}
.relation-btns .slide-btn { position: relative; top: auto; margin-top: 0; transform: none; width: 74px; height: 40px; border: 1px solid #eee; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 8px; ;}
.relation-btns .swiper-pagination { position: relative; top: auto; width: auto; margin-top: 0; bottom: auto; font-size: 14px; color: #a8a8a8; font-weight: 600; line-height: 1.14em; }
.relation-btns .swiper-pagination-total { padding-left: 3px; }
.relation-btns .swiper-pagination-current { color: #676767; display: inline-block; padding-right: 3px; }
.relation-btns .slide-btn.prev { background-image: url(../images/shop/rl-prev.png); left: auto;}
.relation-btns .slide-btn.next { background-image: url(../images/shop/rl-next.png); right: auto;}

/* 마이쇼핑 - 교환, 반품 */
.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:60px 10px; border-bottom: 1px solid #eee; }
.coupon-offline .inner {display:flex; gap:10px; width:90%; max-width:470px; margin:0 auto;}
.coupon-offline .input { height: 60px; padding: 0 20px; border-color: #dfdfdf; border-radius: 8px; color: #2c2c2c; flex: 1 1 auto; min-width: 0; width: 1%; }
.coupon-offline .input::placeholder { color: #a8a8a8; }
.coupon-offline button { height: 60px; display: flex; background: #121212; border-radius: 8px; color: #fff; align-items: center; justify-content: center; line-height: 1.5em; border: none; width: 68px; font-weight: 700; }
.coupon-offline p { text-align: center; font-size: 14px; line-height: 1.71em; margin-top: 16px; }

.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:40px 15px; border-bottom: 1px solid #eee;}
.points-available dl {display:flex; align-items:center; justify-content:center; height:100%;}
.points-available dt {color:#505050; font-weight:400; line-height:1.5em; margin-right:24px;}
.points-available dd {color:#2c2c2c; font-size:14px; font-weight:400; line-height:1.14em;}
.points-available dd strong { font-size: var(--font-size28); font-weight: 700; display: inline-block; line-height: 1.5em; padding-right: 3px; }

.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;}

.point-wrap { border-top: 1px solid #2c2c2c; padding: 0 40px; }
.point-wrap .col { display: flex; align-items: flex-start; width: 100%; border-bottom: 1px solid #eee;}
.point-wrap .col .date { width: 25%; font-size: 15px; color: #a8a8a8; line-height: 1.6em; padding-top: 24px; }
.point-wrap .col .info { width: 75%; }
.point-wrap .col .info ul li { border-bottom: 1px solid #eee; width: 100%; padding: 24px 0; display: flex; align-items: flex-start; justify-content: space-between;}
.point-wrap .col .info ul li:last-child { border: none; }
.point-wrap .col .info ul li .left { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 20px; }
.point-wrap .col .info ul li .left .tt { margin-bottom: 6px; font-weight: 500; line-height: 1.5em; color: #2c2c2c; }
.point-wrap .col .info ul li .spanbox span { display: inline-block; padding-right: 8px; color: #888; font-size: 14px; line-height: 1.14em; }
.point-wrap .col .info ul li .spanbox span:last-child { padding-right: 0; }
.point-wrap .col .info ul li .price { line-height: 1.5em; color: #2c2c2c; font-weight: 500; }
.point-wrap .col .info ul li .price.add { color: var(--color-primary); }

/* 마이쇼핑 - 배송지 관리 */
.address-items {margin-bottom:40px;}
.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;}

.addr-items-btns { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 40px; }
.addr-items-btns .btn { padding: 14px 40px; display: inline-block; border-radius: 8px; color: #2c2c2c; font-weight: 500; line-height: 1.2em; border: 1px solid #eee; background: transparent;}
.addr-items-btns .btn.add { border-color: #121212; background: #121212; color: #fff; }

/* 배송지 선택(팝업) */
.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:30px 0; border-bottom:1px solid #ddd;}
.my-reivew-item .order-item-body {padding:0;}
.my-reivew-item .goods-small-item-image {width:80px;}

.my-reivew-post {padding:40px; border: 1px solid #eee; display: flex; margin-bottom: 10px; border-radius: 16px; }
.my-reivew-post .left { flex: 1 1 auto; min-width: 0; width: 1%; }
.my-reivew-post .right { width: 240px; border-left: 1px solid #eee; padding-left: 40px; display: flex; justify-content: space-between; flex-direction: column;}
.my-review-product {margin-bottom:30px;}
.my-review-product .goods-small-item-image {width:80px; margin-right: 0; }
.my-review-name { color:#505050; font-size:14px; line-height:1.14em;}
.my-reivew-post .date2 { color: #a8a8a8; font-size: 14px; font-weight: 400; line-height: 1.14em; }
.my-review-prod {margin-bottom:16px; color:#888; font-size:14px; line-height:1.43em; letter-spacing:-.01em;}
.my-review-info {display: block; 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:20px; margin-right:0; }
.my-review-info .date .num { font-size: var(--font-size20); line-height: 1.7em; font-weight: 500; color: #2c2c2c; }
.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:9px; margin: 30px 0;}
.my-review-pictures a {position:relative; width:158px; border-radius:8px; 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:#505050; font-size:14px; line-height:1.71em; }
.my-reivew-post .right .ctr button { display: inline-block; font-size: 14px; line-height: 1.14em; position: relative; padding-right: 13px; color: #676767; border: none; background: transparent; margin-bottom: 5px; }
.my-reivew-post .right .ctr button:last-child { margin-bottom: 0; }
.my-reivew-post .right .ctr button::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 5px; height: 8px; background: url(../images/member/mp-update-view.png) center no-repeat; background-size: contain; }

/* 마이페이지 - 환불/임금 내역 리스트 */
.rf-wrap { display: flex; flex-wrap: wrap;}
.rf-wrap .col { padding: 60px 40px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; flex: 1;}
.rf-wrap .col:last-child { border-right: none; }
.rf-wrap .col p { margin-bottom: 10px; line-height: 1.5em; }
.rf-wrap .col h4 { font-size: 14px; line-height: 1.14em; color: #2c2c2c; font-weight: 500; }
.rf-wrap .col h4 strong { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; display: inline-block; padding-right: 2px; }
.rf-filter { display: flex; margin: 20px 0 40px; padding: 20px; border-radius: 8px; background: #F6F6F6; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.rf-filter .button-wrap { display: flex; gap: 6px; flex-wrap: wrap;}
.rf-filter .button-wrap button { display: inline-flex; padding: 0 16px; border-radius: 25px; border: 1px solid #EEE; background: #FFF; font-size: 14px; color: #2c2c2c; line-height: 1em; font-weight: 400; align-items: center; justify-content: center; height: 36px; transition: .2s;}
.rf-filter .button-wrap button:hover,
.rf-filter .button-wrap button.active{ border-color: #121212; color: #fff; background: #121212; }
.rf-filter .select-wrap { display: flex; align-items: center; }
.rf-filter .select-wrap .tt { padding-right: 16px; font-size: 14px; line-height: 1.14em; font-weight: 500; color: #676767; }
.rf-filter .select-wrap select { height: 36px; padding: 0 12px; line-height: 1.88em; padding-right: 54px; background: #fff url('/images/bbs/select.svg') right 12px center no-repeat; background-size: 11px; }
.rf-filter .select-wrap .submit-btn { width: 120px; height: 36px; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 4px; background: #121212; font-size: 14px; font-weight: 400; line-height: 1.88em; border: none; margin-left: 8px; }
.rf-tbl-wrap { overflow: auto;}
.rf-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #2C2C2C; }
.rf-tbl tr { border-bottom: 1px solid #eee;}
.rf-tbl tr th { background: #fafafa; line-height: 1.1em; color: #2c2c2c; font-size: 15px; font-weight: 600; padding: 20px 10px;}
.rf-tbl tr td { line-height: 1.1em; color: #505050; font-size: 15px; font-weight: 400; padding: 20px 10px; text-align: center; }
.rf-tbl tr td.card { color: #a8a8a8; font-weight: 500; }
.rf-tbl tr td.status.complete { color: #a8a8a8; }
.rf-tbl tr td .badge { display: inline-block; color: #fff; font-size: 12px; font-weight: 400; line-height: 1.16em; padding: 6px 10px 4px; border-radius: 25px; background: var(--color-primary); vertical-align: middle; margin-right: 8px; }
.rf-tbl tr td .place-name { vertical-align: middle; }
.rf-tbl tr td .btn { border-radius: 4px; border: 1px solid #EEE; background: #FFF; display: inline-block; color: #2c2c2c; font-weight: 400; font-size: 14px; line-height: 1.14em; padding: 10px 16px 9px; transition: .2s;}
.rf-tbl tr td .btn:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary);}
.rf-txt p { padding-left: 14px; line-height: 1.5em; position: relative; font-weight: 400; margin-bottom: 12px; }
.rf-txt p::before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 4px; background: #ccc; }
.rf-txt p:last-child { margin-bottom: 0; }
.rf-mobile-list { border-top: 2px solid #2c2c2c;}
.rf-mobile-list.bd { border: none; }
.rf-mobile-list li { padding: 15px 0; border-bottom: 1px solid #eee;}
.rf-mobile-list li .tt { color: #2c2c2c; font-weight: 600;  margin-bottom: 2px; line-height: 1.5em;}
.rf-mobile-list li .info span { display: inline-block; line-height: 1.5em; color: #888; padding-right: 15px; font-size: 13px; }
.rf-mobile-list li .info span:last-child { padding-right: 0; }
.rf-mobile-list li .info span.status { font-weight: 600; }
.rf-mobile-list li .info span.status { color: var(--color-primary); }
.rf-mobile-list li .info span.status.complete { color: #888; }
.rf-mobile-list li.none { padding: 40px 0; text-align: center; }
.rf-mobile-list li.flex { display: flex; align-items: flex-start;}
.rf-mobile-list li .box { flex: 1 1 auto; min-width: 0; width: 1%; }
.rf-mobile-list li.flex .checkbox { margin-top: 1px; margin-right: 10px; }
.rf-mobile-list li.flex .badge { display: inline-block; background: var(--color-primary); color: #fff; padding: 2px 10px 1px; border-radius: 25px; font-weight: 600; font-size: 12px; margin-bottom: 6px; }
.rf-mobile-list li.flex .btn { border: 1px solid var(--color-primary); color: var(--color-primary); line-height: 1em; padding: 5px 10px; display: inline-block; font-size: 12px; font-weight: 600; border-radius: 4px; margin-top: 5px; background: #fff; }

/* 마이페이지 - 공지사항 */
.noti-wrap { display: flex; border-bottom: 1px solid #eee; flex-wrap: wrap; border-top: 1px solid #121212;}
.noti-wrap .col { width: calc(100%/2); padding: 60px 40px; border-right: 1px solid #eee;}
.noti-wrap .col:last-child { border-right: none; }
.noti-wrap .col h5 { font-size: 16px; line-height: 1.5em; font-weight: 400; }
.noti-wrap .col h3 { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; margin: 10px 0;}
.noti-wrap .col .txt p { margin-bottom: 4px; font-size: 14px; line-height: 1.42em; }
.noti-wrap .col .txt p:last-child { margin-bottom: 0; }
.noti-wrap .col ul { margin: 14px 0 10px; display: flex; flex-wrap: wrap; gap: 2px 24px; max-width: 85%;}
.noti-wrap .col ul li { width: auto; font-size: var(--font-size18); color: #2c2c2c; line-height: 1.55em; font-weight: 700; width: calc(100%/2 - 12px);}
.noti-wrap .col ul li span { display: inline-block; padding-right: 6px; color: #878787; }

/* 배송방법 */
.delivery-method-tab { display: flex; gap: 20px; margin-bottom: 40px; }
.delivery-method-tab li { width: calc(100%/4 - 15px); }
.delivery-method-tab li a { display: block; text-align: center; padding: 15px 10px; border-radius: 10px; border: 1px solid #eee;}
.delivery-method-tab svg { width: 32px; height: 32px; color: #888; }
.delivery-method-tab .tt { line-height: 1em; font-size: var(--font-size18); font-weight: 600; color: #2c2c2c; margin-top: 5px; }
.delivery-method-tab li.active a { border-color: var(--color-primary); background: var(--color-primary);}
.delivery-method-tab li.active svg { color:#fff;}
.delivery-method-tab li.active .tt { color: #fff; }
.delivery-method-content { display: none; }
.delivery-method-content.active { display: block; }
.delivery-method-sale { padding: 10px; color: var(--color-primary); border-radius: 10px; display: flex; align-items: center; gap: 5px; font-weight: 600; margin-bottom: 10px; border: 1px solid #ddd;}
.delivery-method-sale svg { width: 30px; height: 30px; color: #fff; }
.delivery-method-wrap { border-radius: 10px; border: 1px solid #ddd; padding: 30px; }
.delivery-method-tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.delivery-method-tit button { display: inline-block; border-radius: 4px; padding: 1px 10px; border: 1px solid var(--color-primary); color: var(--color-primary); font-weight: 400; font-size: 15px; background: transparent;}
.delivery-method-tit button:hover { color: #fff; background: var(--color-primary); transition: .2s;}
.delivery-method-wrap .tit {display:flex; flex-wrap:wrap; align-items:center;}
.delivery-method-wrap .addr {margin-top:6px; font-size:16px; line-height:1.5; color:#2c2c2c;}
.delivery-method-wrap ul li { display: flex; margin-bottom: 15px; line-height: 1.5em; font-size: 16px; }
.delivery-method-wrap ul li .tt { width: 100px; color: #2c2c2c; font-weight: 600; }
.delivery-method-wrap ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; }
.delivery-method-wrap ul li .txt .nickname { font-weight: 400; position: relative;}
.delivery-method-wrap .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;}
.delivery-method-wrap ul li .name {margin-right:8px;}
.delivery-method-wrap .select { max-width:650px;}
.delivery-method-wrap .input {display:block; width:100%;}
.delivery-method-wrap .select.fx { max-width: 100%; gap: 6px; display: flex; }
.delivery-method-wrap .select.fx .input { flex: 1;}
.delivery-method-desc { margin-top: 20px; color: #f00; font-weight: 400; font-size: 14px; }