@charset "utf-8";


/***************************************************************************/
/*				           모바일/Small Devices (991px 이하)	   	                     /
/***************************************************************************/

/* ---------  주문하기 --------- */
.order-wrap {border-top:10px solid var(--color-panel-divider);}
.order-wrap h3 {padding:12px 15px 10px 15px;font-size:1.05rem;font-weight:700;border-bottom:1px solid var(--color-border);}
.order-inner {padding:15px 15px 20px 15px;}
.order-inner .des-txt {font-size:0.76rem;line-height:1.3;color:var(--color-text-light);margin-bottom:10px;}
/* 입력폼 */
.order-form-wrap {width:100%;}
.order-group-row {display:flex;align-items:flex-start;border-top:1px solid var(--color-light2-border);padding:8px 0;flex-wrap:wrap;}
.order-label {flex:0 0 120px;font-size:0.9rem;padding:10px 0;line-height:1.2;}
.order-input {flex:1;padding:10px 12px;border-radius:4px;font-size:16px;vertical-align:middle;width:100%;min-width:0;}
.order-input-add {flex:1;padding:10px 12px;border-radius:4px;font-size:16px;vertical-align:middle;width:100%;min-width:0;}
.order-des {width:100%;margin:8px 0 0 120px;font-size:0.76rem;color:var(--color-text-light2);line-height:1.2;}
.order-des-email {width:100%;margin:8px 0 0 120px;font-size:0.76rem;color:var(--color-text-light2);line-height:1.2;}
.email-box {flex:1 1 28%;max-width:28%;margin-right:0;}
.order-email-separator {display:block;padding:10px 5px;font-size:0.9rem;line-height:1.2;}
.order-action-area {text-align:center;padding:20px 0;}
.order-top-row {margin-left:120px;display:flex;align-items:flex-start;align-items:center;padding:8px 0;}
.order-top-row .obtxt {font-size:0.86rem;line-height:1.2;margin-left:5px;}
.order-bottom-row {padding:8px 0 0 0;border-top:1px solid var(--color-light2-border);}
.order-bottom-row > .inner {margin-left:120px;display:flex;align-items:flex-start;align-items:center;}
.order-bottom-row > .inner .obtxt2 {font-size:0.86rem;line-height:1.2;margin-left:5px;padding-top:2px;}
/* 주소입력 */
.order-content {flex: 1; }
.order-content > .add-form-row:last-child {margin-bottom: 0;}
.add-form-row {flex: 1;width: 100%;display: flex;margin-bottom:5px;align-items: center;}
.add-container {flex: 1;display: flex;align-items: center;}
.input-postcode {flex: 0 0 100px;height:37px;padding:10px 12px;border-right:none;border-radius:4px 0 0 4px;font-size:16px;vertical-align:middle;width:100%;min-width:0;}
.btn-add {flex: 0 0 auto;height:37px;padding:0 10px;background:var(--color-btn-dark);border:1px solid var(--color-btn-dark);font-size:0.8rem;color:#fff;border-radius:0 4px 4px 0;font-size:0.76rem;}
.order-input-taxid {flex:1;height:37px;padding:8px 12px;border-right:none;border-radius:4px 0 0 4px;font-size:16px;vertical-align:middle;width:100%;min-width:0;}
.btn-check-ok {flex: 0 0 auto;height:37px;padding:0 10px;background:#217af2;border:1px solid #217af2;font-size:0.8rem;color:#fff;border-radius:0 4px 4px 0;font-size:0.76rem;}
/* 개인통관후보 */
.tax-id-wrap {margin-bottom:10px;}
.tax-id {margin-top:10px;font-size:0.76rem;color:var(--color-text-light2);line-height:1.3;}
.tax-id strong {color:#217af2;font-weight:400;}
.btn-tax-id {display: flex;justify-content: flex-end;}
.btn-tax-id button {padding:8px 10px;border:1px solid #217af2;font-size:0.8rem;color:#217af2;border-radius:4px;font-size:0.76rem;font-weight:500;}
/* 주문상품 */
.order-list-wrap {width:100%;margin:0 auto;}
.order-list-item {display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid var(--color-light2-border);}
.order-list-item:first-child {border-top: 0;}
.order-thumb {width:70px;height:70px;flex-shrink:0;border:1px solid var(--color-img-border);border-radius:4px;}
.order-thumb img {width:100%;height:100%;object-fit:cover;}
.order-list-detail {width:100%;position:relative;display:flex;flex-direction:column;gap:6px;z-index:1;}
.order-goods-title {font-size:0.9rem;line-height:1.3;margin-right:50px;}
.order-goods-title img {width:30px;height:15px;margin-left:5px;border-radius:2px;transform:translateY(2px);}
.order-goods-total {font-weight:600;}
.order-goods-total span {color: var(--color-text-light2);font-size: 0.86rem;position: relative;padding-left:18px;font-weight:400;}
.order-goods-total span::before {content: "|";position: absolute;top: 2px;left:8px;color: var(--color-text-light2);font-size: 0.86rem;line-height: 1;}
.order-summary {display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-light2-border);padding:12px 0 0 0;}
.delivery-order-summary {border-top:unset;}
.summary-order-left {display:flex;align-items:center;gap:6px;font-size:0.9rem;font-weight:500;}
.summary-order-label {font-weight:600;}
.summary-delivery {padding-left:5px;font-size:0.9rem;font-weight:400;color: var(--color-text-light2);}
.delivery-price {font-weight:600;text-align: right;}
/* 쿠폰할인 - 251219 하유정 수정 */
.select-wrap {display:flex;}
.coupon-form-wrap {width:100%;}
.coupon-group-row {display:flex;align-items:flex-start;padding:4px 0;flex-wrap:wrap;justify-content:space-between;}
.coupon-label {flex:0 0 70px;font-size:0.9rem;padding:8px 0;line-height:1.2;position:relative;}
.coupon-text {width:13%;padding:8px 12px 8px 0;font-weight:500;line-height:1.2;text-align:right;}
.date_cashpoint {opacity:.8;width:100%;text-align:right;}
.coupon-input {flex: 0 0 123px;padding:8px 12px;height:34px;border-radius:4px;font-size:16px;vertical-align:middle;min-width:0;margin-right:5px;}
.coupon-filter {flex: 0 0 35%;width:120px;height:34px;padding:2px 0 0 10px !important;font-size:0.8rem;margin-right:5px;}
.coupon_btns {display:flex;justify-content:flex-end;}

.summary-coupon {margin-top:10px;padding: 10px 0;border-top:1px solid var(--color-light2-border);}
.summary-coupon-row {display: flex;justify-content: space-between;align-items:center;margin-bottom:5px;}
.summary-coupon-row:last-child {margin-bottom: 0;}
.summary-coupon-label {font-size:0.9rem;line-height:1.2;font-weight:600;}
.summary-coupon-value {font-weight:600;text-align: right;color: #de2f3d;}
.unit {margin-left:3px;}
.btn-use {flex: 0 0 auto;padding:0 10px;height:34px;background:#613d9d;border:1px solid #613d9d;font-size:0.8rem;color:#fff;border-radius:4px 0 0 4px;font-size:0.76rem;}
.btn-use-cancel {flex: 0 0 auto;padding:0 10px;height:34px;background:#613d9d;border-left:1px solid #b693f0;border-right:1px solid #613d9d;border-top:1px solid #613d9d;border-bottom:1px solid #613d9d;font-size:0.8rem;color:#fff;border-radius:0 4px 4px 0;font-size:0.76rem;}

/* 무료사은품 - 251223 하유정 수정 */
.order-wrap-tit h3 span {font-size:0.9rem;font-weight:200;opacity:.8;}
.free-gift-wrap {display:flex;justify-content:space-between;flex-wrap:wrap;}
.free-gift-wrap li {display:flex;width:50%;flex-direction:column;text-align:center;gap:0px;margin-bottom:20px;}
.free-gift-wrap li p {font-size:.9rem;}
.free-gift-img {margin:0 auto 7px;}
.free-gift-img img {width:50%;}
.free-gift-notice {background:var(--color-panel-divider);padding:10px 15px;border-radius:4px;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;}
.br-none {display:block;}

/* 무료사은품 - 260106 하유정 */
.free-btn {display:block;width:70%;height:65px;line-height:65px;margin:15px auto;color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:999px;font-size:1.3rem;font-weight:700;}
#bonus-title {display:block;text-align:center;margin:3% 0;}
body.free-lock {overflow:hidden;}
.free-wrap {display:none;position:fixed;top:calc(50% - 45vh);left:calc(50% - 48%);width:96%;height:90vh;max-height:90vh;margin:0 auto;background-color:#fff;padding:4vh 2% 5%;border:3px solid #a9a9a9;z-index:9999;overflow:auto;text-align:center;border-radius:20px;}
.free-wrap.active {display:block;}
.free-wrap-bg {display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:9998;}
.free-wrap-bg.active {display:block;}
.free-close {font-size:3rem;position:absolute;top:-2%;right:4%;font-weight:700;cursor:pointer;}
.user-id {margin-right:10px;}
.free-wrap-inner {position:unset;width:unset;height:unset;}
.free-tit {font-size:1.4rem;font-weight:700;margin-bottom:1%;display:flex;align-items:center;justify-content:center;height:40px;}
.free-tit-wrap {font-size:1.4rem;font-weight:700;margin-bottom:1%;display:flex;align-items:center;justify-content:center;height:40px;}
.free-img {width:40px;margin:0 0;margin-right:10px;}
.free-img img {width:100%;}
.price-now {font-size:1.1rem;font-weight:500;margin-bottom:4%;line-height:16px;}
.tab {width:100%; height:unset;margin:0 auto;position:unset;}
.tabnav {display:flex; font-size:0; width:100%; border:1px solid #ddd;justify-content:flex-start;}
.tabnav li {position:relative;display:block; height:46px; text-align:center; border-right:1px solid #ddd;}
.tabnav li:nth-of-type(1) {width:40%;}
.tabnav li:nth-of-type(2) {width:30%;}
.tabnav li:nth-of-type(3) {width:30%;}
.tabnav li a {position:relative; display:block; background:#f8f8f8; color:#000; padding:0 10px; line-height:46px; text-decoration:none; font-size:14px;font-weight:500;}
.tabnav li a:before {content:""; position:absolute; left:0; top:0; width:100%; height:3px; }
.tabnav li a.active:before {background:#667eea;}
.tabnav li a.active {border-bottom:1px solid #fff;}
.tabnav li a:hover,
.tabnav li a.active {background:#fff; color:#667eea;}
.tabcontent {padding:10px 20px; height:unset; border:1px solid #ddd; border-top:none;overflow:hidden;}
.free-check {width:30px;position:absolute;border-radius:100%;background-color:#ddd;transition:background-color .3s;}
.free-check img {width:100%;padding:4px;margin:0 auto;filter:invert(1);}
.tabcontent > div {height:100%;}
.tabcontent div ul {display:flex;flex-wrap:wrap;gap:1%;justify-content:space-around;height:100%;}
.tabcontent div ul li {width:130px;height:unset;margin-bottom:2%;padding:6px;border-radius:10px;background-color:#fff;border:1px solid #f1f1f1;}
.tabcontent div ul li a {cursor:default;}
.tabcontent div ul li.active {filter:drop-shadow(2px 4px 6px #d1d1d1);transition:filter .3s;}
.tabcontent div ul li .free-check {cursor:pointer;}
.tabcontent div ul li .free-check:hover {background-color:#ddd;transition:background-color .3s;}
.tabcontent div ul li.free-check.active {background-color:#ddd;transition:background-color .3s;}
.tabcontent div ul li.active .free-check {background-color:#764ba2;transition:background-color .3s;}
.free-prod-img {width:65%;margin:0 auto;}
.free-prod-img img {width:100%;margin-top:10%;}
.no-check {display:flex;width:100%;height:100%;font-weight:700;text-align:center;justify-content:center;flex-direction:column;}
.no-check span {font-size:1.3rem;}
.free-prod-tit {font-weight:600;text-overflow:ellipsis;white-space:unset;overflow:hidden;word-wrap:break-word;font-size:.9rem;}
.tabcontent div ul li p:nth-of-type(2) {color:#e30303;font-weight:700;}
.tabcontent div ul li p:nth-of-type(2) span {margin-right:5px;text-decoration:line-through;color:#333;opacity:.7;}
.free-confirm {display:block;position:relative;top:unset;bottom:unset;left:unset;width:150px;height:40px;line-height:40px;margin:18px auto 2px;color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:999px;font-size:1.3rem;font-weight:700;}
.free-confirm br {display:block;}

/* 적립금안내 - 260107 하유정 수정 */
.cashpoint-notice-wrap {display:flex;justify-content:space-between;border-bottom: 1px solid var(--color-border);align-items:center;}
.cashpoint-notice-wrap h3 {border-bottom:unset;}
.cashpoint-notice {height:34px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-weight:500;font-size:.76rem;padding:0px 10px;margin-left:15px;cursor:pointer;border-radius:4px;line-height:34px;margin-right:15px;}
.cashpoint-questionmark {position:absolute;width:20px;padding:2px;background-color:#97d164;border-radius:100%;filter:invert(1);margin-left:8px;cursor:pointer;}

body.cashpoint-lock {overflow:hidden;}
.cashpoint-popup-bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:9998;}
.cashpoint-popup-bg.active {display:block;}
.cashpoint-popup {display:none;position:fixed;top:calc(50% - 38vh);left:calc(50% - 45%);width:90%;height:76vh;max-height:76vh;background-color:#fff;border-radius:20px;border:3px solid #a9a9a9;padding:9vh 4%;overflow:auto;z-index:9999;}
.cashpoint-popup.active {display:block;}
.cashpoint-img {width:50px;margin:0 0;margin-right:10px;margin-top:-15px;}
.cashpoint-img img {width:100%;}
.cashpoint-popup-tit {display:flex;font-size:1.4rem;font-weight:700;margin-bottom:4%;text-align:center;align-items:center;justify-content:center;}
.cashpoint-popup-tit-wrap {display:flex;font-size:1.4rem;font-weight:700;margin-bottom:2%;text-align:center;align-items:center;justify-content:center;}
.cashpoint-close {font-size:3rem;position:absolute;top:-2%;right:4%;font-weight:700;cursor:pointer;}
.cashpoint-popup table:nth-of-type(1) {font-weight:500;text-align:center;margin-bottom:6%;}
.cashpoint-popup table:nth-of-type(1) th, .cashpoint-popup table:nth-of-type(1) td {border:1px solid #ddd;padding:2%;}
.cashpoint-popup table:nth-of-type(1) th {background-color:#667eea;color:#fff;font-weight:700;}
.cashpoint-popup table:nth-of-type(1) td {background-color:#fff;font-size:.95rem;}
.cashpoint-popup-desc tr:nth-of-type(1) td:nth-of-type(1) {width:4%;vertical-align:baseline;}
.cashpoint-popup-desc td:last-of-type {width:96%;}
.cashpoint-popup-confirm {display:block;width:150px;height:40px;line-height:40px;margin:5% auto 0; color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);font-size:1.3rem;font-weight:700;border-radius:999px;}

.cashpoint-popup .cashpoint-notice-table {font-weight:500;text-align:center;margin-bottom:6%;}
.cashpoint-popup .cashpoint-notice-table th, .cashpoint-popup .cashpoint-notice-table td {border:1px solid #eee;padding:10px;}
.cashpoint-popup .cashpoint-notice-table th {background-color:#667eea;color:#fff;font-weight:700;}
.cashpoint-popup .cashpoint-notice-table td {background-color:#fff;font-size:.95rem;}
.cashpoint-popup-desc {width:100%;table-layout:fixed;}
.cashpoint-popup-desc tr:nth-of-type(1) td:nth-of-type(1) {width:20px;vertical-align:unset;}
.cashpoint-popup-desc tr:nth-of-type(1) td:nth-of-type(1).cashpoint-mark {width:4%;vertical-align:baseline;}
.cashpoint-popup-desc td:last-of-type {width:unset;}
.cashpoint-popup-desc tr:nth-of-type(2) td:nth-of-type(1) {width:72px;vertical-align:baseline;}

@media (max-width: 991px) and (orientation: portrait) {
  .free-wrap {top:calc(50% - 277.5px);height: 555px;max-height: 555px;overflow-y:auto;}
  .cashpoint-popup {top:calc(50% - 225px);height: 450px;max-height: 450px;overflow-y:hidden;padding:25px 4%;}
}
@media (max-width: 991px) and (orientation: landscape) {
  .free-wrap,
  .cashpoint-popup {top:calc(50% - 45%);height: 90%;max-height: 90%;overflow-y:auto;}
  .coupon-filter {flex: 0 0 130px !important;width:130px;height:34px;padding:2px 30px 0 12px;font-size:0.8rem;}
}

/* 결제선택 */
.payment-section {font-size:0.96rem;}
.payment-method {margin-bottom:10px;}
.payment-method label {margin-right:20px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.payment-method input[type="radio"] {-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;position:relative;}
.payment-method input[type="radio"]:checked {border-color:#613d9d;}
.payment-method input[type="radio"]:checked::before {content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#613d9d;border-radius:50%;}
.payment-box {background:var(--color-panel-divider);padding:10px 15px;border-radius:4px;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;}
.payment-box label {flex:0 0 80px;text-align:left;}
.payment-box input[type="text"] {flex:0 0 auto;width:150px;margin-left:5px;padding:8px 12px;height:38px;background:var(--color-background);border-radius:4px;border:1px solid var(--color-border-input);font-size:16px;vertical-align:middle;}
.payment-box input::placeholder {color:var(--color-text-placeholder);opacity:1;font-size:0.96rem;}
.payment-box .alert-pay1 {margin-top:5px;display:block;color:var(--color-text-light2);font-size:0.9rem;padding-left:64px;font-weight:300;}
.payment-box .alert-pay2 {margin-top:10px;font-size:0.9rem;font-weight:300;line-height:1.3;}
/* 하단버튼 */
.btn-order-wrap {width:100%;display:flex;justify-content:center;padding:0 15px;}
.btn-order {width:100%;max-width:480px;background:#de2f3d;color:#fff;border:none;padding:15px 16px;font-size:1.15rem;border-radius:4px;font-weight:700;text-align:center;display:block;margin:0 auto;}

/* ---------  주문상세내역  --------- */
.order-mynumber {padding:10px 0;text-align:center;background:var(--color-panel-divider);font-size:0.9rem;}
.order-mynumber b {font-weight:600;}
.order-mynumber b a {text-decoration:underline;}
.mynumlabel {color:var(--color-text-light2);margin-right:10px;font-weight:500;}
.order-recipient {}
.order-recipient ul li {font-size:0.9rem;line-height:1.4;margin-bottom:3px;}
.order-recipient ul li.p-info {color:var(--color-text-light2);}
.order-mypay-row {display: flex;justify-content: space-between;align-items:center;margin-bottom:2px;}
.order-mypay-row .paylabel {font-size:0.9rem;line-height:1.2;font-weight:500;color:var(--color-text-light2);}
.order-mypay-row .payvalue {font-size:0.9rem;text-align: right;}
.order-mypay-row .payvalue b {font-weight:600;font-size:1rem;}
.step-state {color:#217af2;font-weight:600;}
/* 하단버튼 */
.btn-detail-wrap {width:100%;display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid var(--color-border);padding:10px 15px 0 15px;gap:10px;}
.btn-back {padding:6px 14px;font-size:0.76rem;text-align:center;display:inline-block;border-radius:4px;border:1px solid var(--color-border-input);}
.btn-shopping {width:100%;max-width:480px;border:1px solid var(--color-border-input);padding:12px 16px;font-size:1.02rem;border-radius:4px;font-weight:600;text-align:center;display:block;margin:0 auto;}

/* -------- 주문완료 ------- */
.tit-order-com {font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:5px;}
.order-inner-goods {padding:0 15px;}
.order-com {padding:15px 15px 20px 15px;}
.order-com h3 {font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:20px;}
.order-com-info {width:100%;margin:0 auto 10px;border:1px solid var(--color-border);border-radius:8px;padding:25px 28px;}
.order-com-row {display: flex;justify-content: space-between;align-items:center;margin-bottom:2px;}
.order-com-row .label-com {font-size:0.9rem;line-height:1.2;font-weight:500;color:var(--color-text-light2);}
.order-com-row .value-com {text-align: right;font-weight:600;}
.order-com-row .value-com span {color:#de2f3d;font-size:1.15rem;}
ul.pay-alert {border-top:1px solid var(--color-border);padding-top:12px;margin-top:10px;}
ul.pay-alert li {list-style-type: disc;list-style-position: outside;margin-left:14px;padding-left: 0;font-size:0.9rem;}
ul.pay-alert li strong {font-weight:600;font-size:1rem;}
ul.pay-alert li span {color:#217af2;}
/* 하단버튼 */
.btn-ordercom-wrap {width:100%;display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid var(--color-border);padding:15px 15px 0 15px;gap:10px;}
.btn-sms {width:100%;margin:15px auto 0;max-width:480px;background:#de2f3d;color:#fff;border:none;padding:12px 16px;font-size:1.02rem;border-radius:4px;font-weight:600;text-align:center;display:block;}

/* ---------- 주문단계 ---------- */
.progress-container {position: relative;display: flex;justify-content: space-between;}
.progress-line {position: absolute;top:10px;left: 0;right: 0;height:3px;background: var(--color-border);z-index:1;}
.progress-line-fill {position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(90deg, #9d50bb 0%, #6e48aa 100%);width:50%;}
.step {position:relative;z-index: 2;display: flex;flex-direction: column;align-items: center;flex: 1;}
.step-circle {width:24px;height:24px;border-radius:50%;background: var(--color-border);display: flex;align-items: center;justify-content: center;font-weight:500;font-size:0.8rem;color: #999;}
.step.active .step-circle {background: linear-gradient(135deg, #9d50bb 0%, #6e48aa 100%);color:#fff;font-weight:600;box-shadow: 0 2px 2px rgba(157, 80, 187, 0.2);}
.step.completed .step-circle {background: linear-gradient(135deg, #9d50bb 0%, #6e48aa 100%);color: white;}
.step-label {margin-top:10px;font-size: 0.86rem;color: #666;text-align: center;font-weight: 500;white-space: nowrap;line-height:1;}
.step-sublabel {margin-top:2px;font-size:0.76rem;color: #999;text-align:center;}
.step.active .step-label {color: #6e48aa;}

/* ---------- 주문내역 ---------- */
.order-no-mobile {display:none;} 
.order-history-top {display:none;}
.order-history {display:none;}
.shipping-info1 {display:none;}
.order-head {padding:8px 15px !important;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.order-number {display:flex;align-items:center;gap:6px;width:auto !important;color:var(--color-text-default) !important;font-size:0.9rem !important;line-height:28px;}
.order-number a {display:inline-block;vertical-align:middle;font-weight:600;text-decoration:underline;margin-left:5px;}
.btn-order-view {height:28px;padding:0 12px;background-color:#3f4251;color:#fff;font-size:0.8rem;border:none;border-radius:4px;cursor:pointer;appearance:none;display:inline-flex;align-items:center;justify-content:center;}
.btn-order-delete-m {margin-top:2px;background-color: var(--btn-basic-bg);border:1px solid var(--btn-basic-border);padding:5px 10px;font-size:0.8rem;border-radius:4px;}
.btn-tracking-m {margin-top:3px;background-color:#de2f3d;border:1px solid #de2f3d;color:#fff;padding:5px 10px;font-size:0.8rem;border-radius:4px;}
.order-track-number a {display:inline-block;vertical-align:middle;text-decoration:underline;font-size:0.9rem;}
.order-history-m {border:1px solid var(--color-border);padding-bottom:15px;border-radius:8px;margin-bottom:15px;}
.order-history-m-inner {display:flex;flex-direction:column;}
.order-history-m-inner div {position:relative;width:100%;display:flex;flex-direction:row;align-items:flex-start;padding:3px 15px;font-size:0.9rem;line-height:1.3;}
.order-history-m-inner div > div {display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;margin-left:-15px;}
.order-history-m-inner p {margin:0;}
.order-history-m-inner div a {color:var(--color-text-default);}
.order-history-m-inner div span {width:27%;flex-shrink:0;font-size:0.8rem;color:var(--color-text-light2);letter-spacing:-0.5px;font-weight:400;margin-right:0;padding-top:2px;}
.order-history-m-inner div strong {font-weight:500;}
.order-history-m-inner div.order-ptit {padding:15px;font-weight:600;font-size:1rem;line-height:1.3;border-top:1px solid var(--color-border);}
.order-step-m {border-top:1px solid var(--color-border);margin-top:10px;padding:20px 15px 0 15px;}
.status {color:#0072ff;font-weight:600;}
.no-data-m {text-align:center;padding:20px 0;font-size:0.96rem;border:1px solid var(--color-border);border-radius:8px;margin-bottom:15px;}
.no-data {display:none;}


/* ---------- 장바구니 ---------- */
.cart-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.check-all {display:flex;align-items:center;gap:6px;font-size:0.9rem;}
.btn-delete {background:none;border:none;font-size:0.85rem;cursor:pointer;}
.cartbox-container {width:100%;margin:10px auto 0;border-top: 2px solid var(--color-board-top);}
.cartbox-list {margin:0;padding:0;list-style:none;}
.cartbox-item {position:relative;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--color-border);padding:15px 0;}
.cartbox-check {flex:0 0 22px;display:flex;align-items:flex-start;justify-content:center;}
.cartbox-thumb {flex:0 0 64px;width:64px;height:64px;border-radius:4px;overflow:hidden;display:block;}
.cartbox-thumb img {width:100%;height:100%;object-fit:cover;display:block;}
.cartbox-body {flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.cartbox-title {font-size:0.96rem;line-height:1.3;word-break:keep-all;padding-right:30px;}
.cartbox-price {font-size:0.96rem;font-weight:600;}
.cartbox-meta {display:flex;align-items:center;justify-content:flex-end;margin-top:2px;}
.cartbox-del {position:absolute;top:8px;right:-4px;width:28px;height:28px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;}
.cartbox-label {display:none;}
.price-unit {font-weight:400;font-size:0.92rem;margin-left:2px;}
/* 갯수설정 */
.counter-order-wrapper {display:inline-flex;border: 1px solid var(--btn-basic-border);overflow:hidden;border-radius:4px;}
.counter-order-wrapper > .counter-order-button { width:32px; height:32px; border: none;font-size:0.9rem;cursor: pointer; transition: background-color 0.2s;display:inline-flex;align-items:center;justify-content:center;}
.counter-order-wrapper > .counter-order-button:first-of-type {border-radius:4px 0 0 4px !important;}
.counter-order-wrapper > .counter-order-button:last-of-type {border-radius:0 4px 4px 0 !important;}
.counter-order-value { width:44px; height: 32px; text-align: center; line-height: 31px; font-size:0.86rem;border-left: 1px solid var(--btn-basic-border); border-right: 1px solid var(--btn-basic-border);}
.counter-order-wrapper * { user-select: none; }
/* 장바구니 하단써머리 */
.summarybox-wrap {width:100%;display:flex;justify-content:flex-end;align-items:center;gap:20px;margin:12px 0 20px 0;}
.summarybox-total {display:flex;align-items:center;gap:6px;font-size:0.96rem;font-weight:600;}
.summarybox-total strong {color:#de2f3d;font-size:1.1rem;margin-left:10px;}
.summarybox-total .summarybox-unit {font-size:0.96rem;}
.summarybox-btn {background-color: var(--btn-basic-bg);border:1px solid var(--btn-basic-border);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:0.8rem;}
/* 장바구니담기 버튼 */
.product-info-text {display: block;margin-bottom:3px;}
.btn-add-cart {display: block;border:1px solid #408df4;color:#408df4;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:0.8rem;}


/***************************************************************************/
/*				        데스크톱/Large Devices (992px 이상)	   	                     /
/***************************************************************************/
@media (min-width: 992px) {

/*   주문하기  */
.order-wrap {border-top:none;margin-top:40px;}
.order-wrap h3 {padding:12px 0 10px 0;font-size:1.3rem;font-weight:700;border-bottom:2px solid var(--color-board-top);}
.order-inner {padding:15px 0 20px 0;}
.order-inner .des-txt {font-size:0.86rem;margin-bottom:30px;}
.order-group-row {padding:10px 0;}
.order-label {flex:0 0 200px;font-size:0.9rem;display: flex;align-items: center;}
.order-input {flex: 0 0 25%;}
.order-input-add {flex: 0 0 50%;}
.order-input-taxid {flex: 0 0 25%;}
.order-des {width:auto;margin:8px 0 0 15px;font-size:0.8rem;line-height:1.5;}
.order-des-email {width:100%;margin:8px 0 0 200px;font-size:0.8rem;line-height:1.2;}
.email-box {flex:1 1 25%;max-width:25%;}
.order-email-separator {font-size:1rem;}
.order-top-row {margin-left:200px;}
.order-top-row .obtxt {font-size:0.96rem;margin-left:8px;}
.order-bottom-row > .inner {margin-left:200px;}
.order-bottom-row > .inner .obtxt2 {font-size:0.96rem;margin-left:8px;padding-top:4px;}
.tax-id-wrap {margin:0 0 20px 200px;width:50%;}
.tax-id {margin-bottom:8px;font-size:0.8rem;line-height:1.5;}
.btn-tax-id {display: flex;justify-content: flex-start;}
.btn-tax-id button {padding:8px 10px;border:1px solid #217af2;font-size:0.8rem;color:#217af2;border-radius:4px;font-size:0.76rem;font-weight:500;}
.order-list-item {gap:20px;}
.order-goods-title {font-size:0.96rem;}
.summary-order-left {font-size:0.96rem;}
.summary-delivery {font-size:0.96rem;}
/* 쿠폰할인 - 251219 하유정 수정 */
.select-wrap {display:flex;}
.coupon-form-wrap {width:unset;}
.coupon-group-row {justify-content:flex-start;}
.coupon-label {flex:0 0 120px;font-size:0.9rem;padding:8px 0;line-height:1.2;}
.coupon-text {width:115px;padding:8px 12px 8px 0;font-weight:500;line-height:1.2;text-align:unset;}
.date_cashpoint {opacity:.8;padding-left:20px;text-align:unset;width:unset;}
.coupon-input {flex: 0 0 142px;}
.coupon-filter {flex: 0 0 130px !important;width:130px;height:34px;padding:2px 30px 0 12px;font-size:0.8rem;}
.summary-coupon-label {font-size:0.96rem;line-height:1.2;font-weight:600;}
.payment-method {margin-bottom:15px;}
.payment-method label {margin-right:40px;gap:6px;}
.payment-box {min-height:50px;padding:10px 30px;}
.payment-box label {flex:0 0 90px;text-align:left;}
.payment-box input[type="text"] {flex:0 0 auto;width:200px;}
.payment-box input::placeholder {font-size:0.9rem;}
.payment-box .alert-pay1 {padding-left:76px;}
.btn-order-wrap {margin-top:15px;}

/* 무료사은품 - 251223 하유정 수정 */
.order-wrap-tit h3 span {font-size:1.1rem;font-weight:200;opacity:.8;}
.free-gift-wrap {display:flex;justify-content:space-between;flex-wrap:nowrap;}
.free-gift-wrap li {display:flex;width:15%;flex-direction:column;text-align:center;gap:15px;}
.free-gift-wrap li p {font-size:unset;}
.free-gift-img {margin:0 auto 15px;}
.free-gift-img img {width:50%;}
.free-gift-notice {min-height:50px;padding:10px 30px;}
.br-none {display:none;}
/* 무료사은품 - 260106 하유정 */
.free-btn {display:block;width:30%;height:65px;line-height:65px;margin:15px auto;color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:999px;font-size:1.3rem;font-weight:700;}

body.free-lock {overflow:hidden;}
.free-wrap {display:none;position:fixed;top:calc(50% - 40%);left:calc(50% - 400px);width:800px;height:80%;max-height:unset;margin:0 auto;background-color:#fff;padding:2% 2% 2%;border:3px solid #a9a9a9;z-index:99999;overflow:auto;text-align:center;border-radius:20px;}
.free-wrap.active {display:block;}
.free-wrap-bg {display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:9998;pointer-events:none;opacity:0;}
.free-wrap-bg.active {display:block;pointer-events:auto;opacity:1;}
.free-close {font-size:3rem;position:absolute;top:-3%;right:0%;font-weight:700;}
.free-wrap-inner {position:relative;width:100%;height:100%;}
.free-tit {font-size:1.4rem;font-weight:700;margin-bottom:1%;display:unset;height:unset;}
.free-tit-wrap {font-size:1.4rem;font-weight:700;margin-bottom:1%;display:unset;height:unset;}
.free-img {width:85px;margin:0 auto;}
.free-img img {width:100%;}
.price-now {font-size:1.1rem;font-weight:500;margin-bottom:4%;line-height:16px;}
.tab {width:100%; height:76%;margin:0 auto;position:relative;}
.tabnav {display:flex; font-size:0; width:100%; border:1px solid #ddd;justify-content:flex-start;}
.tabnav li {position:relative;display:block; height:46px; text-align:center; border-right:1px solid #ddd;}
.tabnav li:nth-of-type(1) {width:34%;}
.tabnav li:nth-of-type(2) {width:33%;}
.tabnav li:nth-of-type(3) {width:33%;}
.tabnav li a {position:relative; display:block; background:#f8f8f8; color:#000; padding:0 10px; line-height:46px; text-decoration:none; font-size:1rem;font-weight:600;}
.tabnav li a:before {content:""; position:absolute; left:0; top:0; width:100%; height:3px; }
.tabnav li a.active:before {background:#667eea;}
.tabnav li a.active {border-bottom:1px solid #fff;}
.tabnav li a:hover,
.tabnav li a.active {background:#fff; color:#667eea;}
.tabcontent {padding:10px 20px; height:unset; border:1px solid #ddd; border-top:none;overflow:hidden;}
.free-check {width:30px;position:absolute;border-radius:100%;background-color:#ddd;transition:background-color .3s;}
.free-check img {width:100%;padding:4px;margin:0 auto;filter:invert(1);}
.tabcontent > div {height:100%;}
.tabcontent div ul {display:flex;flex-wrap:wrap;gap:1%;justify-content:space-between;height:100%;}
.tabcontent div ul li {width:24%;height:unset;margin-bottom:2%;padding:10px;border-radius:10px;background-color:#fff;border:1px solid #f1f1f1;}
.tabcontent div ul li.active {filter:drop-shadow(2px 4px 6px #d1d1d1);transition:filter .3s;}
.tabcontent div ul li:hover .free-check {background-color:#764ba2;transition:background-color .3s;}
.tabcontent div ul li.active .free-check {background-color:#764ba2;transition:background-color .3s;}
.free-prod-img {width:100%;margin:0 auto 0;}
.free-prod-img img {width:100%;margin-top:10%;}
.no-check {height:100%;padding:56% 0;font-weight:700;display:flex;flex-direction:column;text-align:center;justify-content:center;}
.no-check span {font-size:1.3rem;}
.free-prod-tit {font-weight:600;font-size:.85rem;margin-bottom:10px;}
.tabcontent div ul li p:nth-of-type(2) {color:#e30303;font-weight:700;}
.tabcontent div ul li p:nth-of-type(2) span {margin-right:5px;text-decoration:line-through;color:#333;opacity:.7;}
.free-confirm {display:block;position:absolute;top:385px;bottom:unset;left:calc(50% - 15%);width:30%;height:70px;line-height:40px;margin:5% auto 5%;color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:999px;font-size:1.3rem;font-weight:700;}

/* 적립금안내 - 260107 하유정 수정 */
.cashpoint-notice-wrap {display:flex;justify-content:space-between;border-bottom: 1px solid var(--color-border);align-items:center;}
.cashpoint-notice-wrap h3 {border-bottom:unset;}
.cashpoint-notice {height:34px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-weight:500;font-size:.76rem;padding:0px 10px;margin-left:15px;cursor:pointer;border-radius:4px;line-height:34px;margin-right:unset;}
.cashpoint-questionmark {position:absolute;width:20px;padding:2px;background-color:#97d164;border-radius:100%;filter:invert(1);margin-left:8px;cursor:pointer;}
body.cashpoint-lock {overflow:hidden;}
.cashpoint-popup-bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:9998;}
.cashpoint-popup-bg.active {display:block;}
.cashpoint-popup {display:none;position:fixed;top:calc(50% - 38%);left:calc(50% - 350px);width:700px;height:76%;max-height:unset;background-color:#fff;border-radius:20px;border:3px solid #a9a9a9;padding:50px 50px;overflow:auto;z-index:9999;}
.cashpoint-popup.active {display:block;}
.cashpoint-img {width:85px;margin:0 auto;margin-top:unset;}
.cashpoint-img img {width:100%;}
.cashpoint-popup-tit {display:block;font-size:1.4rem;font-weight:700;margin-bottom:2%;text-align:center;}
.cashpoint-popup-tit-wrap {display:block;font-size:1.4rem;font-weight:700;margin-bottom:2%;text-align:center;}
.cashpoint-close {font-size:3rem;position:absolute;top:1%;right:4%;font-weight:700;cursor:pointer;}
.cashpoint-popup .cashpoint-notice-table {font-weight:500;text-align:center;margin-bottom:6%;}
.cashpoint-popup .cashpoint-notice-table th, .cashpoint-popup .cashpoint-notice-table td {border:1px solid #eee;padding:10px;}
.cashpoint-popup .cashpoint-notice-table th {background-color:#667eea;color:#fff;font-weight:700;}
.cashpoint-popup .cashpoint-notice-table td {background-color:#fff;font-size:.95rem;}
.cashpoint-popup-desc {width:100%;table-layout:fixed;}
.cashpoint-popup-desc tr:nth-of-type(1) td:nth-of-type(1) {width:20px;vertical-align:unset;}
.cashpoint-popup-desc tr:nth-of-type(1) td:nth-of-type(1).cashpoint-mark {width:4%;vertical-align:baseline;}
.cashpoint-popup-desc td:last-of-type {width:unset;}
.cashpoint-popup-confirm {display:block;width:30%;height:70px;line-height:70px;margin:5% auto 0; color:#fff;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);font-size:1.3rem;font-weight:700;border-radius:999px;}
.cashpoint-popup-desc tr:nth-of-type(2) td:nth-of-type(1) {width:72px;vertical-align:baseline;}



/* 주문내역 */
.order-history-m {display:none;} /* 모바일 숨김 */
.order-history-top {display: flex;justify-content: space-between;border-top: 2px solid var(--color-board-top);background:var(--color-light-p);border-bottom:1px solid var(--color-border);}
.order-history-top div {width:20%;padding: 9px 0;font-size:0.86rem;font-weight:400;text-align:center;}
.order-history {display:block;border-bottom:1px solid var(--color-border);}
.order-history-inner {display: flex;justify-content: space-between;}
.order-history-inner div {width:20%;display: flex;flex-direction: column;justify-content: center;padding:15px 0;font-size:0.9rem;text-align:center;line-height:1.5;}
.order-history-inner div a {text-decoration:underline;}
.order-history-inner div button {margin:5px auto 0;background-color: #3a3d4b;color: #fff;border: 1px solid #3a3d4b;text-align:center;border-radius:3px;font-size:0.8rem;padding:5px 12px;cursor:pointer;}
.order-history-inner div button.btn-order-delete {background-color: var(--btn-basic-bg);border:1px solid var(--btn-basic-border);color:var(--color-text-default);}
.order-history-inner div button.btn-tracking {background-color:#de2f3d;border:1px solid #de2f3d;color:#fff;}
.order-history-inner div b {font-weight:700;font-size:0.9rem;}
.order-step-w {border-top:1px dashed var(--color-border);padding:20px 0 15px 0;}
.order-status {color:#1779fd;font-weight:500;}
.no-data {display:block;text-align:center;margin:50px auto 0;padding:10px 0;font-size:0.96rem;border-bottom:1px solid var(--color-border);}
.no-data-m {display:none;}
.order-no-mobile {border-top: 2px solid var(--color-board-top);margin-top:80px;display: inline-block;/* 마진상쇄용 */}
.shipping-info1 {margin-top:30px;width:100%;display: flex;justify-content: space-between;}
.shipping-info1 .shipping-address {width:45%;}
.shipping-info1 .payment-info {width:45%;}
.myinfo {width:100%;}
.myinfo .tit { font-size:1.2rem; font-weight:600;padding-bottom:10px;margin-bottom:20px;border-bottom: 2px solid #333; padding-bottom:5px;}
.myinfo .myadd {font-size:0.96rem;line-height:1.3;margin-bottom:10px;}
.myinfo .personal {font-size:0.86rem;color:var(--color-text-light2);line-height:1.4;}
.myinfo .payment-row {width:100%;display: flex;justify-content: space-between;}
.myinfo .payment-row .order-item {width:45%;font-size:0.86rem;color:var(--color-text-light2);}
.myinfo .payment-row .order-item-value {width:45%;text-align:right;font-size:0.96rem;}
.myinfo .payment-row .order-item-value strong {font-weight:600;}
.t_base {clear:both;width:100%;}
.t_base:after {content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both;}
.t_base tbody th {padding: 8px 0;font-size:0.86rem;background:var(--color-light-p);border-bottom:1px solid var(--color-border);}
.t_base tbody td {padding: 15px 0;text-align: center;border-bottom:1px solid var(--color-border);}
.t_base tbody td a {color:var(--color-text-default);}
.t_base tbody td.ptit {display: flex; justify-content:row;padding:15px 5px;}
.t_base tbody td.ptit img {width:70px;height:70px;margin-right:16px;border:1px solid var(--color-img-border);border-radius:4px;}
.t_base tbody td.ptit .pinfo {width:100%;display: flex;flex-direction: column;text-align:left;}
.t_base tbody td.ptit .pinfo .name {font-size:1rem;}
.t_base tbody td.ptit .pinfo .option {padding-top:5px;font-size:0.8rem;color:var(--color-text-light2);}
.t_base tbody td.order-price strong {font-size:1rem;font-weight:600;}
.t_base tfoot td {padding: 10px 5px;text-align: center;}
.t_base tfoot td.d-txt {text-align:left;font-size:0.96rem;}
.t_base tfoot td.d-txt strong {font-weight:600;margin-right:15px;}
.t_base tfoot td.d-price strong {font-size:1rem;font-weight:600;}

/* 주문단계 */
.progress-container {width:100%;max-width:530px;margin:0 auto;}
.progress-line-fill {width: 50%;}
.step-label {font-size: 0.9rem;}

/* 장바구니 */
.cartbox-container {width:100%;margin:0 auto;}
.cartbox-item {box-shadow:none;border:0;border-bottom:1px solid var(--color-border);padding:20px 0;margin:0;}
.cartbox-check {flex:0 0 24px;}
.cartbox-thumb {flex:0 0 72px;width:72px;height:72px;}
.cartbox-body {flex-direction:row;gap:16px;}
.cartbox-title {flex:1;}
.cartbox-price {order:3;margin:0;min-width:140px;text-align:center;font-weight:600;font-family:"Pretendard", sans-serif;}
.cartbox-meta {order:2;margin:0 16px 0 auto;justify-content:flex-start;gap:10px;}
.cartbox-label {display:inline-block;font-size:0.9rem;}
.cartbox-del {position:static;margin-left:18px;font-size:26px;width:28px;height:28px;}
.counter-order-value {width:50px;height:32px;text-align:center;line-height:32px;border-left:1px solid var(--btn-basic-border);border-right:1px solid var(--btn-basic-border);}
.summarybox-wrap {margin:15px 0 20px 0;} 
.product-info-text {margin: 0 auto 3px auto;font-family:"Pretendard", sans-serif;}
.btn-add-cart {margin:0 auto;}



/* 주문상세내역 */
.order-mynumber {padding:30px 0;font-size:1.1rem;}
.order-recipient ul li {font-size:0.96rem;}
.order-mypay-row .paylabel {font-size:0.96rem;}
.order-mypay-row .payvalue {font-size:0.96rem;}
.btn-detail-wrap {padding:10px 0 0 0;}
.btn-shopping {margin:15px auto 0;}

/* 주문완료 */
ul.pay-alert li {lfont-size:0.96rem;font-weight:500;}
ul.pay-alert li strong {font-weight:700;font-size:1.05rem;}
.btn-sms {margin:20px auto 0;padding:14px 16px;}

.summarybox-total {font-weight:600;}
.summarybox-total strong {font-family:"Pretendard", sans-serif;}


}