@charset "utf-8";

/***************************************************************************/
/*					            주문결제/장바구니/주문내역			                             /
/***************************************************************************/

/* ----------------------  주문/결제  ---------------------- */
/* 받는사람 */
.checkbox-container {display: flex; align-items: center; margin-bottom: 15px; }
.checkbox-container input[type="checkbox"] {margin-left:200px;margin-right: 5px; width:20px;height:20px;}
.checkbox-container label {font-size:0.9rem;font-weight:400;}
.input-group {width:100%;display: flex; justify-content:row;flex-wrap: wrap;padding:15px 0;border-bottom:1px solid #e1e1e1;}
.input-group label {width:200px;font-weight:500;font-size:0.9rem;display: flex;align-items:center;}
.input-group input { width: 300px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.input-group input::placeholder {font-weight:300;font-size:0.86rem;letter-spacing:-0.3px;color:#333;}
.email-group {width:100%;display: flex;justify-content:row;flex-wrap: wrap;padding:15px 0;border-bottom:1px solid #e1e1e1;}
.email-group label {width:200px;font-weight:500;font-size:0.9rem;display: flex;align-items:center;}
.email-group input {width: 300px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.email-group span { margin: 0 5px; }
.address-search-group {width:100%;display: flex; justify-content:row;padding:15px 0 0 0;}
.address-search-group label {width:200px;font-weight:500;font-size:0.9rem;display: flex;align-items:center;}
.address-search-group input { width:120px;height:36px;padding: 8px;border:1px solid #ccc;border-right:none;border-radius:2px 0 0 2px;font-size:1rem;font-weight:400;line-height:36px;}
.address-search-group button {height:36px;line-height:36px;font-size:0.86rem;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f0f0f0; border: 1px solid #ccc;border-radius:0 2px 2px 0;cursor: pointer;}
.address-search-group2 {width:100%;display: flex;flex-direction: column;padding:0 0 15px 0;border-bottom:1px solid #e1e1e1;}
.address-search-group2 input { width: 626px;margin-left:200px;margin-top:6px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.address-search-group2 input::placeholder {font-weight:300;font-size:0.9rem;letter-spacing:-0.3px;color:#888;}
.code-group {width:100%;display: flex; justify-content:row;flex-wrap: wrap;padding:15px 0;border-bottom:1px solid #e1e1e1;}
.code-group label {width:200px;font-weight:500;font-size:0.9rem;display: flex;align-items:center;}
.code-group input { width:250px;height:36px;padding: 8px;border:1px solid #ccc;border-right:none;border-radius:2px 0 0 2px;font-size:1rem;font-weight:400;line-height:36px;}
.code-group button {height:36px;line-height:36px;font-size:0.86rem;padding:0 15px;letter-spacing:-0.5px;text-align:center;background-color: #007bff;color:#fff;border: 1px solid #007bff;border-radius:0 2px 2px 0;cursor: pointer;}
.save-next {display:block;width:100%;height:36px;display: flex;align-items: center;margin-left:200px;}
.save-next input[type="checkbox"] { margin-right:5px; width:20px;height:20px;}
.save-next label {font-size:0.9rem;font-weight:400;line-height:36px;}

.order-list-stxt1 {font-size: 0.8rem;line-height:36px;color:#888;font-family: "Nanum Gothic", sans-serif;padding-left:15px;}
.order-list-stxt2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px; /* margin-left:200px; */ margin-left: 200px;}
.order-list-stxt3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:15px 0 10px 0;margin-left:200px;}
.order-list-stxt3 span {color:#e30303;}


/* 주문상품목록 */
.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:#f7f7f7;border-bottom: 1px solid #e1e1e1;}
.t_base tbody td {padding: 15px 0;text-align: center;border-bottom: 1px solid #e1e1e1;}
.t_base tbody td a {color:#222;}
.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:12px;}
.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:0.96rem;}
.t_base tbody td.ptit .pinfo .name strong {font-weight:500;}
.t_base tbody td.ptit .pinfo .option {padding-top:5px;font-size:0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;}
.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;}

/* 배너 */
/*.ban-txt-wrap {width:500px;height:70px;margin:20px auto;background:#ffd304;color:#000;text-align:center;font-size:1.2rem;line-height:70px;font-weight:600;}*/
.ban-txt-wrap {height:70px;margin:20px auto;background:#ffd304;color:#000;text-align:center;font-size:1.2rem;line-height:70px;font-weight:600;}

/* 쿠폰 및 포인트 할인 */
.discount-wrap1 {display: flex;justify-content: space-between;padding:15px;background-color: #f7f7f7; border:1px solid #e1e1e1;border-top:none;}
.discount-wrap1 .discount {width:55%;}
.discount-wrap1 .discount .dis-item {width:100%;display: flex;justify-content:row;margin-bottom:5px;}
.discount-wrap1 .discount .dis-item label {width:28%;font-weight:500;font-size:0.9rem;display: flex;align-items:center;}
.discount-wrap1 .discount .dis-item input { width:230px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.discount-wrap1 .discount .dis-item select {width:230px;height:36px;padding: 8px 32px 8px 12px;border:1px solid #ccc;font-size:0.9rem;font-weight:400;}
.discount-wrap1 .discount .dis-item select option {font-weight:300;padding:10px;}
.discount-wrap1 .discount .dis-item button {height:36px;line-height:36px;margin-left:5px;font-size:0.86rem;padding:0 15px;letter-spacing:-0.5px;text-align:center;background-color: #00b7ba;color:#fff;border: 1px solid #00b7ba;cursor: pointer;}
.total-dis {margin-top:auto;font-weight:400;}
.total-dis strong {font-size:1.1rem;font-weight:600;color:#e30303;margin-left:20px;}
.discount-wrap2 {text-align:right;padding:10px 15px;font-weight:400;font-size:1.1rem;}
.discount-wrap2 strong {font-size:1.15rem;font-weight:600;color:#e30303;margin-left:20px;}

/* 결제하기 */
.payment-wrap { display: flex; gap: 30px;}
.radio-option { display: flex; align-items: center;cursor: pointer;padding:20px 15px;font-size:1rem;}
.radio-option input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 24px; height: 24px; border:1px solid #ccc; border-radius: 50%; margin-right: 10px; outline: none; position: relative; cursor: pointer; }
.radio-option input[type="radio"]:checked { border-color: #0075ff; }
.radio-option input[type="radio"]:checked::before { content: ''; display: block; width: 14px; height: 14px; background-color: #0075ff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.account-info { display: flex;justify-content:row;flex-wrap: wrap;background-color: #f7f7f7; border: 1px solid #e1e1e1;padding:15px;}
.account-info p {padding-right:80px;font-size:0.9rem;}
.account-info p strong {font-weight:500;padding-right:10px;}
.input-name {width:100%;display: flex; align-items: center; gap: 15px; margin-top: 15px; }
.input-name label {font-size:0.9rem;font-weight:500;}
.input-name input {width:230px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.btn-pay {display: block;margin:40px auto;width:500px;height:70px;background:#e30303;color:#fff;text-align:center;font-size:1.2rem;line-height:70px;font-weight:600;}


/* ----------------------  장바구니  ---------------------- */
/* ----- 숨김 처리 ---- */
.options-quantity-m {display:none;}

/* 장바구니 헤더 */
.cart-top {display: flex;justify-content: space-between;align-items:center;padding:30px 0 10px 0;}
.cart-top .select-all {display: flex;align-items: center;font-size:0.86rem;line-height:20px;color:#666;}
.cart-top .select-all input[type="checkbox"] {margin-right:5px; width:20px;height:20px;}
.cart-top .delete-selected {height:30px;line-height:28px;background-color:#f7f7f7; border: 1px solid #ccc;padding:0 10px;cursor: pointer;font-size:0.8rem;}

/* 장바구니 목록 */
.cart-wrap {width:100%;border-top:2px solid #333;}
.cart-wrap .cart-prow {width:100%;display: flex;justify-content:row;padding:12px 0;border-bottom: 1px solid #e1e1e1;}
.cart-wrap .cart-prow .check-p {width:4%;display: flex;flex-direction: column;}
.cart-wrap .cart-prow .check-p input[type="checkbox"] {width:20px;height:20px;}
.cart-wrap .cart-prow .cart-pinfo {width:54%;display: flex;justify-content:row;}
.cart-wrap .cart-prow .cart-pinfo .pic {width:12%;}
.cart-wrap .cart-prow .cart-pinfo .pic img {width:100%;object-fit:cover;}
.cart-wrap .cart-prow .cart-pinfo .pic a img {width:100%;object-fit:cover;}
.cart-wrap .cart-prow .cart-pinfo .tit {width:88%;padding:5px 20px 0 20px;line-height:1.3;}
.cart-wrap .cart-prow .cart-pinfo .tit .cart-pt {} strong {font-weight:500;}
.cart-wrap .cart-prow .cart-pinfo .tit .cart-m-price {display:none;}
.cart-wrap .cart-prow .cart-options {width:22%;display: flex;align-items:center;}
.cart-wrap .cart-prow .cart-price {width:20%;padding-right:5px;display: flex;justify-content: flex-end;align-items: center;}
.cart-wrap .cart-prow .cart-price strong {font-weight:500;}
.cart-wrap .cart-prow .zzim-price {width:20%;display: flex;flex-direction: column;justify-content: center;text-align:right;}
.cart-wrap .cart-prow .zzim-price .price  {}
.cart-wrap .cart-prow .zzim-price .price strong {font-weight:500;}
.cart-wrap .cart-prow .zzim-price .btn-add-cart {margin-left:auto;padding:4px 14px;line-height:26px;background-color:#3f4251;color:#fff;text-align:center;cursor: pointer;font-size:0.76rem;}
.cart-wrap .cart-prow .zzim-price .btn-add-cart span {display:none;}

/* 옵션과 수량 */
.options-quantity {width:100%;}
.options-quantity .form-row1 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row1 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}
.options-quantity .form-row1 select {width:80%;font-size:0.8rem;padding:8px 20px 8px 10px !important;font-weight:300;}
.options-quantity .form-row1 select option {font-weight:300;}
.options-quantity .form-row2 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row2 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}
.options-quantity .form-row2 select {width:30%;font-size:0.8rem;padding:8px 20px 8px 10px !important;font-weight:300;}
.options-quantity .form-row2 select option {font-weight:300;}
.options-quantity .form-row2 button {margin-left:5px;font-size:0.8rem;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f7f7f7; border: 1px solid #ccc;cursor: pointer;}
.options-quantity .form-row3 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row3 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}

/* 상품목록 하단 */
.total-price-section {width:100%;display:flex;justify-content: flex-end;padding-top:10px;}
.total-price-section .tprice {padding:5px 150px 0 0;}
.total-price-section .tprice .tcost span {font-weight:500;padding-right:20px;}
.total-price-section .tprice .tcost strong {font-weight:500;color:#e30303;font-size:1.2rem;}
.total-price-section .tprice .scost {display:none;}
.total-price-section button {font-size:0.86rem;height:36px;line-height:36px;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f7f7f7; border: 1px solid #ccc;cursor: pointer;}

/* 하단버튼 */
.btn-cart-order {display: block;margin:60px auto;width:500px;height:70px;line-height:70px;background:#e30303;color:#fff;text-align:center;font-size:1.2rem;font-weight:500;}

/* 갯수설정 */
.counter-order-wrapper {display:inline-flex;border:1px solid #ccc;overflow:hidden;}
.counter-order-button { width:32px; height:32px; border: none;background-color: #fff; font-size:0.9rem;cursor: pointer; transition: background-color 0.2s; }
.counter-order-button:hover { background-color: #f7f7f7; }
.counter-order-value { width: 50px; height: 32px; text-align: center; line-height: 32px; font-size:0.9rem;border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; }
.counter-order-wrapper * { user-select: none; }


/* ----------------------  주문내역  ---------------------- */
/* ----- 숨김 처리 ---- */
.order-history-m {display:none;}

.order-history-top {margin-top:50px;display: flex;justify-content: space-between;border-top: 2px solid #333;background:#f7f7f7;border-bottom: 1px solid #e1e1e1;}
.order-history-top div {width:20%;padding: 9px 0;font-size:0.86rem;font-weight:400;text-align:center;}
.order-history {display: flex;justify-content: space-between;border-bottom: 1px solid #ddd;}
.order-history div {width:20%;display: flex;flex-direction: column;justify-content: center;padding:15px 0;font-size:0.9rem;text-align:center;line-height:1.3;}
.order-history div a {text-decoration:underline;}
.order-history div button {width:70px;margin:5px auto 0;height:28px;line-height:26px;background-color:#3f4251;color:#fff;text-align:center;cursor: pointer;font-size:0.8rem;}
.order-history div button.btn-review-sm {width:70px;margin:5px auto 0;height:28px;line-height:24px;background-color:#f7f7f7;border:1px solid #ccc;color:#222;text-align:center;cursor: pointer;font-size:0.8rem;}
.order-no-mobile {border-top: 2px solid #333;margin-top:20px;display: inline-block;/* 마진상쇄용 */}
.shipping-info1 {margin-top:40px;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;border-bottom: 2px solid #333;padding-bottom:10px;margin-bottom:20px;}
.myinfo .myadd {font-size:0.96rem;line-height:1.3;}
.myinfo .personal {padding-top:5px;font-size:0.86rem;color:#888;}
.myinfo .payment-row {width:100%;display: flex;justify-content: space-between;}
.myinfo .payment-row .order-item {width:45%;font-size:0.86rem;color:#888;}
.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;}


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

/* 아이폰 둥근모서리 제거 */
input[type="text"] {-webkit-appearance: none; /* iOS Safari 기본 스타일 제거 */border-radius: 2px; box-shadow: none;}

/* ----------------------  주문/결제  ---------------------- */
/* 주문하기 모달창 */
.modal {display:none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.8);justify-content: center;align-items: center;overflow: hidden;}
.modal-content {position: relative;background-color: #fff;padding:30px 15px 50px 15px;border-radius: 0;width: 100vw;height: 100vh;box-shadow: none;display: flex;flex-direction: column;}
.btn-modal-close {position: absolute;top:-8px;right:15px;color: #222;font-size:2.6rem;font-weight:300;cursor: pointer;z-index: 1001;}
.modal-body {flex-grow: 1; /* 남은 공간을 모두 차지하여 스크롤이 필요하면 이 영역에 생김 */display: flex;flex-direction: column;width: 100%;overflow-y: auto; /* 내용이 길어질 경우에만 세로 스크롤바 생성 */}

/* 주문/결제용 타이틀 */
.orderpage-tit {text-align:left;font-size:1.2rem;font-weight:600;}
.order-section-title1 { font-size:1.1rem; font-weight:600;margin-top:20px;border-bottom: 2px solid #333; padding-bottom:5px; }
.order-section-title2 { font-size:1.1rem; font-weight:600;margin-top:40px;border-bottom: 2px solid #333; padding-bottom:5px; }

/* 받는사람 */
.checkbox-container {display: flex; align-items: center;margin:10px 0 5px 0}
.checkbox-container input[type="checkbox"] {margin-left:30%;margin-right:5px;width:20px;height:20px;}
.checkbox-container label {font-size:0.9rem;}
.input-group {width:100%;display: flex; justify-content:row;flex-wrap: wrap;padding:6px 0;border-bottom:1px solid #e1e1e1;}
.input-group label {width:30%;font-weight:500;font-size:0.86rem;display: flex;align-items:center;}
.input-group input { width: 70%;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.input-group input::placeholder {font-weight:300;font-size:0.86rem;letter-spacing:-0.5px;color:#222;}
.email-group {width:100%;display: flex;justify-content:row;flex-wrap: wrap;padding:6px 0;border-bottom:1px solid #e1e1e1;}
.email-group label {width:30%;font-weight:500;font-size:0.86rem;display: flex;align-items:center;}
.email-group input {width:32%;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.email-group span { margin:0;width:6%;font-size:0.86rem;display: flex;align-items:center;justify-content: center;text-align:center;}
.address-search-group {width:100%;display: flex; justify-content:row;padding:6px 0 0 0;}
.address-search-group label {width:30%;font-weight:500;font-size:0.86rem;display: flex;align-items:center;}
.address-search-group input { width:32%;height:36px;padding: 8px;border:1px solid #ccc;border-right:none;font-size:1rem;font-weight:400;line-height:36px;border-radius:2px 0 0 2px;}
.address-search-group button {width:18%;height:36px;line-height:36px;font-size:0.82rem;font-weight:400;padding:0;letter-spacing:-0.5px;text-align:center;background-color:#f0f0f0; border: 1px solid #ccc;border-radius:0 2px 2px 0;cursor: pointer;}
.address-search-group2 {width:100%;display: flex;flex-direction: column;padding:0 0 6px 0;border-bottom:1px solid #e1e1e1;}
.address-search-group2 input  { width:70%;margin-left:30%;margin-top:6px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.address-search-group2 input::placeholder {font-weight:300;font-size:0.9rem;letter-spacing:-0.3px;color:#999;}
.code-group {width:100%;display: flex; justify-content:row;flex-wrap: wrap;padding:6px 0 10px 0;border-bottom:1px solid #e1e1e1;}
.code-group label {width:30%;font-weight:500;font-size:0.86rem;display: flex;align-items:center;}
.code-group input { width:37%;height:36px;padding: 8px;border:1px solid #ccc;border-right:none;font-size:1rem;font-weight:400;line-height:36px;border-radius:2px 0 0 2px;}
.code-group button {width:33%;height:36px;line-height:36px;font-size:0.82rem;font-weight:400;padding:0;letter-spacing:-0.5px;text-align:center;background-color: #007bff;color:#fff;border: 1px solid #007bff;border-radius:0 2px 2px 0;cursor: pointer;}
.save-next {display:block;width:100%;height:36px;display: flex;flex-direction: row;margin-left:0;padding-top:15px;}
.save-next input[type="checkbox"] {margin-right:5px;width:20px;height:20px;margin-left:30%;}
.save-next label {width:50%;font-size:0.9rem;font-weight:400;line-height:36px;}

/* 주문상품목록 */
.order-list {width: 100%;display: flex;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid #e1e1e1;}
.order-list .p-pic {width: 20%;padding-right: 10px;}
.order-list .p-pic img {width: 100%;object-fit: cover;}
.order-list .p-info {width: 80%;display: flex; flex-direction: column;justify-content: space-between;}
.order-list .p-info .p-tit {width: 100%;font-size: 0.96rem;}
.order-list .p-info .p-tit strong {font-weight: 500;}
.order-list .p-info .p-etc {width: 100%;display: flex;justify-content: space-between;}
.order-list .p-info .p-etc .p-num {width: 30%;}
.order-list .p-info .p-etc .p-price {width: 70%;text-align: right;}
.order-list .p-info .p-etc .p-price strong {font-weight:600;}
.deliveryfee-wrap {width: 100%;height:30px;display: flex;justify-content: space-between;padding:5px 0;}
.deliveryfee-wrap .df-txt {width:60%;font-size: 0.96rem;line-height:30px;}
.deliveryfee-wrap .df-txt strong {font-weight:600;margin-right:10px;}
.deliveryfee-wrap .df-price {width:40%;font-size: 0.96rem;text-align:right;line-height:28px;}
.deliveryfee-wrap .df-price strong {font-size:1.1rem;font-weight:600;}

/* 쿠폰 및 포인트 할인 */
.discount-wrap1 {display: flex;justify-content: space-between;flex-wrap: wrap;padding:15px;background-color: #f7f7f7; border:1px solid #e1e1e1;border-top:none;}
.discount-wrap1 .discount {width:100%;}
.discount-wrap1 .discount .dis-item {width:100%;display: flex;justify-content:row;margin-bottom:5px;}
.discount-wrap1 .discount .dis-item label {width:35%;font-weight:500;font-size:0.9rem;display: flex;align-items:center;}
.discount-wrap1 .discount .dis-item input { width:50%;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.discount-wrap1 .discount .dis-item select {width:50%;height:36px;padding: 8px 20px 8px 8px;border:1px solid #ccc;font-size:0.86rem;font-weight:400;}
.discount-wrap1 .discount .dis-item select option {font-weight:300;padding:10px;}
.discount-wrap1 .discount .dis-item button {width:15%;height:36px;line-height:36px;margin-left:5px;font-size:0.82rem;font-weight:400;padding:0;letter-spacing:-0.5px;text-align:center;background-color: #00b7ba;color:#fff;border: 1px solid #00b7ba;cursor: pointer;}
.total-dis {width:100%;height:30px;display: flex;justify-content: space-between;margin-top:0;font-weight:400;padding:2px 0;margin-top:5px;}
.total-dis .td-tit {font-weight:600;font-size:1rem;line-height:30px;}
.total-dis .td-price {line-height:28px;}
.total-dis .td-price strong {font-size:1.1rem;font-weight:600;color:#e30303;margin-left:20px;}
.discount-wrap2 {width:100%;height:30px;display: flex;justify-content: space-between;text-align:left;padding:2px 0;font-weight:400;font-size:1rem;}
.discount-wrap2 .dc-tit {font-weight:600;line-height:30px;}
.discount-wrap2 .dc-price {line-height:28px;}
.discount-wrap2 .dc-price strong {font-size:1.1rem;font-weight:600;color:#e30303;margin-left:20px;}

/* 결제하기 */
.payment-wrap { display: flex; gap: 30px;}
.radio-option { display: flex; align-items: center;cursor: pointer;padding:10px 5px;font-size:0.9rem;font-weight:400;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.radio-option input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 50%; margin-right: 7px; outline: none; position: relative; cursor: pointer; }
.radio-option input[type="radio"]:checked { border-color: #0075ff; }
.radio-option input[type="radio"]:checked::before { content: ''; display: block; width: 14px; height: 14px; background-color: #0075ff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.account-info { display: flex;justify-content:row;flex-wrap: wrap;background-color: #f7f7f7; border: 1px solid #e1e1e1;padding:15px;}
.account-info p {padding-right:80px;font-size:0.9rem;}
.account-info p strong {font-weight:500;padding-right:10px;}
.input-name {width:100%;display: flex; align-items: center; gap: 15px; margin-top: 15px; }
.input-name label {font-size:0.9rem;font-weight:500;}
.input-name input {width:230px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.btn-pay {display: block;margin:20px auto 30px;width:100%;height:50px;background:#e30303;color:#fff;text-align:center;font-size:1.2rem;line-height:50px;font-weight:600;}


/* ----------------------  장바구니  ---------------------- */
/* 장바구니 헤더 */
.cart-top {display: flex;justify-content: space-between;align-items:center;padding:10px 0 10px 0;}
.cart-top .select-all {display: flex;align-items: center;font-size:0.86rem;color:#666;margin-top:6px;}
.cart-top .select-all input[type="checkbox"] {margin-right:5px; width:20px;height:20px;}
.cart-top .delete-selected {height:28px;line-height:26px;background-color:#f7f7f7; border: 1px solid #ccc;padding:0 10px;cursor: pointer;font-size:0.8rem;}

/* 장바구니 목록 */
.cart-wrap {width:100%;border-top:2px solid #333;}
.cart-wrap .cart-prow {width:100%;display: flex;justify-content:row;flex-wrap: wrap;padding:12px 0;border-bottom: 1px solid #e1e1e1;}
.cart-wrap .cart-prow .check-p {width:10%;display: flex;flex-direction: column;}
.cart-wrap .cart-prow .check-p input[type="checkbox"] {width:20px;height:20px;}
.cart-wrap .cart-prow .cart-pinfo {width:90%;display: flex;justify-content:row;}
.cart-wrap .cart-prow .cart-pinfo .pic {width:20%;}
.cart-wrap .cart-prow .cart-pinfo .pic img {width:100%;object-fit:cover;}
.cart-wrap .cart-prow .cart-pinfo .tit {width:80%;font-size:0.9rem;padding:0 0 0 15px;line-height:1.3;display: flex;flex-direction: column;justify-content: space-between;}
.cart-wrap .cart-prow .cart-pinfo .tit .cart-pt {} strong {font-weight:600;}
.cart-wrap .cart-prow .cart-pinfo .tit .cart-m-price {display:block;width:100%;margin-top:auto;font-size:0.9rem;}
.cart-wrap .cart-prow .cart-pinfo .tit .cart-m-price strong {font-weight:600;}
.cart-wrap .cart-prow .cart-options {width:100%;display: flex;align-items:center;margin:5px 0 0 10%;background:#f7f7f7;}
.cart-wrap .cart-prow .cart-price {display:none;}
.cart-wrap .cart-prow .zzim-price {width:100%;display: flex;flex-direction: row;text-align:left;padding-left:10%;}
.cart-wrap .cart-prow .zzim-price .price {display:none;}
.cart-wrap .cart-prow .zzim-price .btn-add-cart {margin-top:5px;width:100%;margin-left:0;padding:6px 15px;line-height:26px;background-color:#fff;border:1px solid #ccc;color:#222;text-align:center;cursor: pointer;font-size:0.86rem;font-weight:500;
display: flex;align-items: center;justify-content: center;}
.cart-wrap .cart-prow .zzim-price .btn-add-cart span {margin-right:6px;display: flex;align-items: center;justify-content: center;}
.cart-wrap .cart-prow .zzim-price .btn-add-cart span img {width:17px;height:17px;}

/* 옵션과 수량 */
.options-quantity {display:none;}
.options-quantity-m {width:100%;display: flex;justify-content: space-between;align-items:center;padding:6px 6px 6px 10px;}
.options-quantity-m .form-row1-m {width:55%;display:flex;justify-content:row;flex-wrap: wrap;font-size:0.9rem;line-height:1.2;color:#666;word-break: break-all;}
.options-quantity-m .form-row2-m {width:35%;display:flex;justify-content:row;}
.options-quantity-m .form-row2-m label {text-indent: -9999px;}
.options-quantity-m .form-row2-m select {width:60%;font-size:0.86rem;font-size:0.86rem;padding:5px 20px 5px 10px !important;font-weight:300;}
.options-quantity-m .form-row2-m select  option {font-weight:300;}
.options-quantity-m .form-row2-m button {width:40%;margin-left:5px;font-size:0.8rem;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f7f7f7; border: 1px solid #ccc;cursor: pointer;}
.options-quantity-m .form-row3-m {width:45%;display:flex;justify-content: flex-end;}
.options-quantity-m .form-row3-m label {text-indent: -9999px;}
.total-price-section {width:100%;display:flex;justify-content: space-between;padding-top:12px;}
.total-price-section .tprice {width:70%;padding:0 0 0 2px;line-height:1.5;}
.total-price-section .tprice .tcost {display: flex;justify-content:row;align-items:center;}
.total-price-section .tprice .tcost span {width:42%;font-weight:500;padding-right:20px;font-size:0.86rem;}
.total-price-section .tprice .tcost strong {font-weight:600;color:#e30303;font-size:1rem;}
.total-price-section .tprice .scost {display:block;display: flex;justify-content:row;align-items:center;}
.total-price-section .tprice .scost .sc-tit {width:42%;font-weight:500;padding-right:20px;font-size:0.86rem;}
.total-price-section .tprice .scost .blind {font-size:0.9rem;color:#b1b1b1;font-weight:500;}
.total-price-section .tprice .scost strong {font-weight:600;color:#e30303;font-size:1rem;}
.total-price-section button {margin-top:2px;font-size:0.8rem;height:30px;line-height:30px;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f7f7f7; border: 1px solid #ccc;cursor: pointer;}

/* 하단 버튼 */
.btn-cart-order {display: block;margin:30px auto;width:100%;height:50px;line-height:49px;background:#e30303;color:#fff;text-align:center;font-size:1rem;font-weight:500;}

/* 갯수설정 */
.counter-order-wrapper {display:inline-flex;border: 1px solid #ccc;overflow:hidden;}
.counter-order-button { width:30px; height:30px; border: none;background-color: #fff; font-size:0.9rem;cursor: pointer; transition: background-color 0.2s; }
.counter-order-button:hover { background-color: #f7f7f7; }
.counter-order-value { width:44px; height: 30px; text-align: center; line-height: 31px; font-size:0.86rem;border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; }
.counter-order-wrapper * { user-select: none; }


/* ----------------------  주문내역  ---------------------- */
/* ----- 숨김 처리 ---- */
.order-no-mobile {display:none;}
.order-history-top {display:none;}
.order-history {display:none;}

.order-history-m {display:block;margin:15px 0 0 0;display: flex;flex-direction: column;border-top:2px solid #333;border-bottom:1px solid #e1e1e1;padding:10px 0 15px 0;}
.order-history-m div {position: relative;width:100%;display: flex;flex-direction: row;align-items:center;padding:4px 0;font-size:0.9rem;line-height:1.3;}
.order-history-m div a {color:#222;}
.order-history-m div span {width:27%;font-size:0.8rem;color:#989797;letter-spacing:-0,5px;font-weight:400;}
.order-history-m div strong {font-weight:500;}
.order-history-m div.order-ptit {margin-top:10px;padding:15px 0 5px 0;font-weight:500;font-size:0.9rem;line-height:1.3;border-top:1px solid #e1e1e1;}
.btn-order-view {position:absolute;top:-2px;right:0;height:28px;line-height:26px;padding:0 12px;background-color:#3f4251;color:#fff;text-align:center;cursor: pointer;font-size:0.8rem;}
.btn-review {position:absolute;top:-3px;right:0;height:28px;line-height:26px;padding:0 12px;background-color:#f7f7f7;border:1px solid #ccc;text-align:center;cursor: pointer;font-size:0.8rem;font-weight:400;}
.status {color:#0072ff;font-weight:600;}
.shipping-info1 {display:none;}
.shipping-info2 {margin-top:0;width:100%;display: flex;flex-direction:row;flex-wrap:wrap;}
.shipping-info2 .shipping-address {width:100%;border-bottom:1px solid #e1e1e1;padding-bottom:15px;}
.shipping-info2 .payment-info {width:100%;border-bottom:1px solid #e1e1e1;padding-bottom:15px;}
.myinfo {width:100%;}
.myinfo .tit {font-size:1.1rem; font-weight:600;margin-top:30px;margin-bottom:15px; border-bottom: 2px solid #333; padding-bottom:5px;}
.myinfo .myadd {font-size:0.9rem;line-height:1.3;}
.myinfo .personal {padding-top:0;font-size:0.86rem;color:#888;}
.myinfo .payment-row {width:100%;display: flex;justify-content: space-between;line-height:1.7;}
.myinfo .payment-row .order-item {width:45%;font-size:0.86rem;color:#989797;font-weight:400;}
.myinfo .payment-row .order-item-value {width:45%;text-align:right;font-size:0.9rem;}
.myinfo .payment-row .order-item-value strong {font-weight:600;}
.btn-back-wrap {width:100%;padding-top:10px;display: flex;justify-content: flex-end;}
.btn-back {height:28px;line-height:26px;padding:0 12px;background-color:#f7f7f7;border:1px solid #ccc;text-align:center;cursor: pointer;font-size:0.8rem;font-weight:400;}
.btn-shop-more {margin-top:10px;width:100%;height:46px;line-height:46px;background:#fff;border:1px solid #ccc;text-align:center;font-size:0.96rem;font-weight:500;}


/* ----------------------  주문내역상세  ---------------------- */
.order-number {text-align:center;margin-top:10px;border-bottom: 2px solid #333;padding-bottom:20px;}
.order-number .tit {font-size:1.4rem;font-weight:500;}
.order-number .order-code {font-weight:400;line-height:1;font-family:'Tahoma', sans-serif;}
.order-detail-product {padding:10px 0;border-bottom:1px solid #e1e1e1;}
.order-detail-product .dp-row1 {display: flex;flex-direction:row;}
.order-detail-product .dp-row1 .dpimg {width:20%;}
.order-detail-product .dp-row1 .dpimg img {width:100%;object-fit:cover;}
.order-detail-product .dp-row1 .dptit-wrap {width:70%;padding-left:10px;display: flex;flex-direction: column;justify-content: space-between;}
.order-detail-product .dp-row1 .dptit-wrap .dptit {font-size:0.9rem;font-weight:600;}
.order-detail-product .dp-row1 .dptit-wrap .dpcost {font-size:0.9rem;}
.order-detail-product .dp-row1 .dptit-wrap .dpcost strong {font-weight:600;}
.order-detail-product .dp-row2 {display: flex;justify-content: space-between;background:#f7f7f7;padding:6px 10px;margin-top:6px;font-size:0.86rem;}
.order-detail-product .dp-row2 .dp-option {width:70%;}
.order-detail-product .dp-row2 .dp-count {width:30%;text-align:right;}

}
/***************************************************************************/
/*					                      모바일 (최대 479px)			                             /
/***************************************************************************/
@media (max-width: 479px) {
/* ----------------------  주문/결제  ---------------------- */
.order-list-stxt1 {display:block;width:100%;font-size: 0.8rem;line-height:1rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;padding-left:0px;}
.order-list-stxt2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;/* margin-left:200px; */ margin-left: 0px;}
.order-list-stxt3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:10px 0;margin-left:0px;}
}
/***************************************************************************/
/*					             기준 -일반 모바일 (480px ~ 767px)		   	             /
/***************************************************************************/
@media (min-width: 480px) and (max-width: 767px) {

/* ----------------------  주문/결제  ---------------------- */
/* 받는사람 */
.email-group input {width: 180px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.address-search-group2 input { width:500px;margin-left:200px;margin-top:6px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}

.order-list-stxt1 {display:block;width:100%;font-size: 0.8rem;line-height:1rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;padding-left:200px;}
.order-list-stxt2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;/* margin-left:200px; */ margin-left: 200px;}
.order-list-stxt3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:10px 0;margin-left:200px;}

/* 쿠폰 및 포인트 할인 */
.discount-wrap1 .discount {width:60%;}

/* ----------------------  장바구니  ---------------------- */
/* 장바구니 헤더 */
.cart-top {display: flex;justify-content: space-between;align-items:center;padding:20px 0 10px 0;}

/* 장바구니 목록 */
.cart-wrap {width:100%;border-top:2px solid #333;}
.cart-wrap .cart-prow {width:100%;display: flex;justify-content:row;padding:12px 0;border-bottom: 1px solid #e1e1e1;}
.cart-wrap .cart-prow .check-p {width:4%;display: flex;flex-direction: column;}
.cart-wrap .cart-prow .check-p input[type="checkbox"] {width:20px;height:20px;}
.cart-wrap .cart-prow .cart-pinfo {width:46%;display: flex;justify-content:row;}
.cart-wrap .cart-prow .cart-options {width:30%;display: flex;align-items:center;}
.cart-wrap .cart-prow .cart-price {width:20%;padding-right:5px;display: flex;justify-content: flex-end;align-items: center;}
.cart-wrap .cart-prow .zzim-price {width:20%;display: flex;flex-direction: column;justify-content: center;text-align:right;}

/* 옵션과 수량 */
.options-quantity {width:100%;}
.options-quantity .form-row1 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row1 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}
.options-quantity .form-row1 select {width:80%;font-size:0.8rem;padding:8px 20px 8px 10px !important;font-weight:300;}
.options-quantity .form-row1 select option {font-weight:300;}
.options-quantity .form-row2 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row2 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}
.options-quantity .form-row2 select {width:30%;font-size:0.8rem;padding:8px 20px 8px 10px !important;font-weight:300;}
.options-quantity .form-row2 select option {font-weight:300;}
.options-quantity .form-row2 button {margin-left:5px;font-size:0.8rem;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f7f7f7; border: 1px solid #ccc;cursor: pointer;}

/* ----------------------  주문내역  ---------------------- */
.order-history-top {margin-top:20px;display: flex;justify-content: space-between;border-top: 2px solid #333;background:#f7f7f7;border-bottom: 1px solid #e1e1e1;}
.shipping-info1 {margin-top:40px;padding-bottom:20px;width:100%;display: flex;justify-content: space-between;}

}

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

/* ----------------------  주문/결제  ---------------------- */
/* 받는사람 */
.email-group input {width: 180px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}
.address-search-group2 input { width:500px;margin-left:200px;margin-top:6px;height:36px;padding: 8px;border:1px solid #ccc;font-size:1rem;font-weight:400;line-height:36px;}

.order-list-stxt1 {display:block;width:100%;font-size: 0.8rem;line-height:1rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;padding-left:200px;}
.order-list-stxt2 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding-top:10px;/* margin-left:200px; */ margin-left: 200px;}
.order-list-stxt3 {display:block;width:100%;font-size: 0.8rem;color:#888;font-family: "Nanum Gothic", sans-serif;padding:10px 0;margin-left:200px;}

/* 쿠폰 및 포인트 할인 */
.discount-wrap1 .discount {width:60%;}

/* ----------------------  장바구니  ---------------------- */
/* 장바구니 헤더 */
.cart-top {display: flex;justify-content: space-between;align-items:center;padding:20px 0 10px 0;}

/* 장바구니 목록 */
.cart-wrap {width:100%;border-top:2px solid #333;}
.cart-wrap .cart-prow {width:100%;display: flex;justify-content:row;padding:12px 0;border-bottom: 1px solid #e1e1e1;}
.cart-wrap .cart-prow .check-p {width:4%;display: flex;flex-direction: column;}
.cart-wrap .cart-prow .check-p input[type="checkbox"] {width:20px;height:20px;}
.cart-wrap .cart-prow .cart-pinfo {width:46%;display: flex;justify-content:row;}
.cart-wrap .cart-prow .cart-options {width:30%;display: flex;align-items:center;}
.cart-wrap .cart-prow .cart-price {width:20%;padding-right:5px;display: flex;justify-content: flex-end;align-items: center;}
.cart-wrap .cart-prow .zzim-price {width:20%;display: flex;flex-direction: column;justify-content: center;text-align:right;}

/* 옵션과 수량 */
.options-quantity {width:100%;}
.options-quantity .form-row1 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row1 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}
.options-quantity .form-row1 select {width:80%;font-size:0.8rem;padding:8px 20px 8px 10px !important;font-weight:300;}
.options-quantity .form-row1 select option {font-weight:300;}
.options-quantity .form-row2 {width:100%;display:flex;justify-content:row;margin:4px 0;}
.options-quantity .form-row2 label {width:20%;font-size:0.9rem;display: flex;align-items:center;}
.options-quantity .form-row2 select {width:30%;font-size:0.8rem;padding:8px 20px 8px 10px !important;font-weight:300;}
.options-quantity .form-row2 select option {font-weight:300;}
.options-quantity .form-row2 button {margin-left:5px;font-size:0.8rem;padding:0 10px;letter-spacing:-0.5px;text-align:center;background-color:#f7f7f7; border: 1px solid #ccc;cursor: pointer;}

/* ----------------------  주문내역  ---------------------- */
.order-history-top {margin-top:20px;display: flex;justify-content: space-between;border-top: 2px solid #333;background:#f7f7f7;border-bottom: 1px solid #e1e1e1;}
.shipping-info1 {margin-top:40px;padding-bottom:20px;width:100%;display: flex;justify-content: space-between;}

}