@charset "utf-8";


/*=================================================
	common
=================================================*/
.form-wrapper-table dl dd .label-text:hover {color: inherit; }

/* table-order
------------------------------------------------*/
.table-order {width: 100%; margin: 10px auto; background: #fff; }
.table-order tr.no-data td {background-color: #fff; padding: 150px 10px; text-align: center; }

.table-order th, 
.table-order td {padding: 15px 10px; border: 0; border-bottom: 1px solid #e4e5e6; background: #fff; font-size: 14px; color: #444; text-align: center; }
.table-order thead tr:first-child th,
.table-order thead tr:first-child td {border-top: 1px solid #e3e4e5; }


.table-order th:first-child,
.table-order td:first-child {border-left: 0; }
.table-order th {border-bottom: 1px solid #e4e5e6; font-weight: 500; color: #444; }
.table-order td {font-weight: 400; }


.table-order .icheckbox + label,
.table-order .iradio + label {padding: 0; margin: 0; }
.table-order .th-check label {display: block; }
.table-order .td-check {vertical-align: middle;  }
.table-order .td-check label {padding: 0; margin: 0; }
.table-order .td-thumb {border-left: 0;}
.table-order .td-thumb a {display: block; width: 80px; box-sizing: border-box; margin: 0; padding: 0; }
.table-order .td-thumb img {display: block; width: 80px; box-sizing: border-box; margin: 0; padding: 0; }
.table-order .td-product {border-left: 0; text-align: left; }
.table-order .td-product .product {display: block; font-size: 15px; color: #333; cursor: pointer; }
.table-order .td-product .option {font-size: 13px; color: #707070; }
.table-order .td-product .selectbox {width: 70%;  }
.table-order .td-price p {margin: 0; padding: 0; }
.table-order .td-quantity .quantity-count {width: 78px; margin: 0 auto; }
.table-order .td-subtotal {background-color: #f8f8f8; }
.table-order .td-subtotal .seller {font-style: normal; font-size: 16px; font-weight: 500; color: #202020; }
.table-order .td-subtotal .seller-price { font-weight: 500; font-size: 16px;color: #202020; }
.table-order .td-subtotal .price {font-size: 16px; color: #202020; }

.table-order .price-percent .icon-sale-arrow {
	position: relative;
	-webkit-animation: mouse-wheel 0.6s linear infinite;
	-moz-animation: mouse-wheel 0.6s linear infinite;
	animation: mouse-wheel 0.6s linear infinite;
	font-size: 13px; vertical-align: baseline;
}

.table-order tfoot th,
.table-order tfoot td {background-color: #f8f8f8; }


/* receipt */
.receipt-container {border-top: 1px solid #e3e4e5; border-bottom: 1px solid #e3e4e5; background-color: #f8fafc; }
.receipt-container:after {content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.receipt-wrapper {position: relative; float: right; width: 550px; margin: 50px 30px; text-align: right; }
.receipt-wrapper > .dl-list {margin-top: 15px; padding: 5px 5px 15px 5px; border-bottom: 1px solid #e3e4e5; color: #202020; font-size: 16px; }
.receipt-wrapper > .dl-list:first-child {margin-top: 0; }
.receipt-wrapper > .dl-list > dt {width: 60%; left: 5px; font-weight: 500; text-align: left; }
.receipt-wrapper > .dl-list > dd {padding-left: 0; }

.receipt-wrapper > .dl-list dt.depth {background: url("../images/common/bullet_order.png") no-repeat left 4px; padding-top: 2px; padding-left: 20px; font-size: 14px; }
.receipt-wrapper > .dl-list dt.depth,
.receipt-wrapper > .dl-list dd.depth {margin-top: 10px; } 

.receipt-total {position: relative; clear: both; padding: 10px 30px; border-top: 1px solid #e3e4e5; }
.receipt-total p {font-size: 22px; font-weight: 500; color: #1079f9; }
.receipt-total .price {position: absolute; top: 10px; right: 30px; font-size: 22px; font-weight: normal; color: #1079f9; }



/* order-step-box */
.order-step-box {position: absolute; top: 10px; right: 0; }
.order-step-box li {display: inline-block; font-size: 20px; line-height: 20px; color: #707070;  }
.order-step-box .active {color: #1079f9; font-weight: 500; }
.order-step-box > li + li:before {content: ""; padding: 0 20px; background: url("../images/common/arrow_step.png") center center; background-repeat: no-repeat; }



.container-order .section,
.container-orderlist .section {margin-top: 80px; }



/*=================================================
	order
=================================================*/

/* container-cart 장바구니
---------------------------------------------*/
#container.container-cart {background: #fff; }
.container-cart .page-header {border-bottom: 0; }
.container-cart .table-order {margin-top: 30px; margin-bottom: 0; }
.container-cart .btn-group {padding: 10px 0; border-bottom: 1px solid #e3e4e5; }
.container-cart .receipt-container {border-top: 0; background-color: #f6f6f6; }
.container-cart .price-percent {color: #ff0000; vertical-align: baseline; }
.container-cart .price-percent em {font-family: 'NotoSansVI', 'Roboto', Helvetica, Arial, 'NotoSansKR', dotum,  '돋움', sans-serif ; color: #ff0000; vertical-align: baseline; font-size: 13px; }


/* container-order 주문/결제
---------------------------------------------*/
.container-order {background: #fff; }
.container-order .section {margin-top: 80px; }
.container-order .page-header {padding: 0; border-bottom: 0; }

.container-order table th,
.container-order table td {border-left: 0; border-right: 0; }
.container-order .table-form tr:first-child th,
.container-order .table-form tr:first-child td {padding-top: 15px; }

.container-order .td-delivery select {width: 400px; margin-top: 10px; }
.container-order .dd-message select {width: 100%; }
.container-order .dd-message select + .input-text {margin-top: 10px; }
.container-order .textarea {margin-top: 10px; }
.container-order .td-point .input-group .input-text {float: left; width: 150px; margin-right: 5px; }
.container-order .td-point .input-group > span {float: left; line-height: 40px; }
.container-order .td-point .list-style01 {margin-top: 10px; padding-left: 10px; }
.container-order .td-message .input-text {margin-top: 10px; width: 80%; }

.container-order .total-order .td-receipt {border-left: 1px solid #e3e4e5; }
.container-order .total-order tr td {background-color: #f8fafc; }
.container-order .total-order .label-text {font-size: 14px; color: #333; }
.container-order .total-order .label-text:hover {color: #1079f9; }
.container-order .total-order-b .agree-container {padding-left: 30px; padding-right: 30px; }

.payment-wrapper {padding: 30px 10px; border-top: 1px solid #e3e4e5; border-bottom: 1px solid #e3e4e5; }
.payment-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.payment-wrapper .radiobox {float: left; margin-left: 30px; }
.payment-wrapper .radiobox:first-child {margin-left: 0; }
.payment-wrapper .radiobox:nth-child(5n+1) {display: block; margin-left: 0; }
.payment-wrapper .radiobox .label-text:hover {color: #1079f9; }


.container-order .price-percent {color: #ff0000; vertical-align: baseline; }
.container-order .price-percent em {font-family: 'NotoSansVI', 'Roboto', Helvetica, Arial, 'NotoSansKR', dotum,  '돋움', sans-serif ; color: #ff0000; vertical-align: baseline; font-size: 13px; }


/* 장바구니, 주문결제 첫번째 영역 여백 */
.section.section-first,
.table-order.section-first {position: relative; margin-top: 50px; }

/* 상품을 수령할 매장 안내 */
.delivery-store {}


/* container-order 결제완료
---------------------------------------------*/
.order-finish-box {width: 85%; margin: 0 auto; padding: 50px 50px 0; }
.order-finish-box .text-box {text-align: center; margin-bottom: 50px; }
.order-finish-box .main-text {font-size: 30px; font-weight: 500; color: #1079f9; }
.order-finish-box .text-box p {font-size: 14px; margin-top: 10px; color: #444; }
.order-finish-box .text-box p a {text-decoration: underline; color: #363636; font-weight: 500; }
.order-finish-box table { width: 800px; text-align: center; margin: 0 auto; }
.order-finish-box table th,
.order-finish-box table td {text-align: center; vertical-align: middle; }
.order-finish-box .order-serial {font-size: 500; color: #333; }
.order-finish-box .td-price {padding: 50px 10px 50px; }
.order-finish-box .td-price .price {font-size: 25px; font-weight: 700; color: #1079f9; }
.order-finish-box .td-payment {color: #444; }
.order-finish-box .td-payment span {font-weight: 500; color: #333;}
.order-finish-box .list-style02 {width: 800px; margin: 20px auto; }
.order-finish-box .list-style02 li {margin-top: 5px; color: #444;}
.order-finish-box .list-style02 li:first-child {margin-top: 0; }

.order-finish-box .delivery-store {}
.order-finish-box .delivery-store .store-locations {display: block; margin-bottom: 3px; font-size: 14px; color: #1079f9; font-weight: 500;  }
.order-finish-box .delivery-store p {font-size: 14px; color: #555; font-weight: 400; }





/*=================================================
	주문배송 조회
=================================================*/


/* container-delivery 주문/배송조회
------------------------------------------------------*/
.container-orderlist .page-header {border-bottom: 0; }
.container-orderlist em {font-style: normal; }
.container-orderlist .form-wrapper dl dd .label-text:hover {color: #666; }
.container-orderlist .receipt-container {border-top: 0; border-bottom: 0; }
.container-orderlist .td-product {border-left: 0; text-align: left; }
.container-orderlist .td-product .price { margin-top: 5px;  color: #333; }
.container-orderlist .td-product .option {display: inline; margin-right: 7px;}
.container-orderlist .td-product .quantity {font-size: 12px; color: #707070; }
.container-orderlist .td-total {padding: 0; }
.container-orderlist .td-total .receipt-total {border-top: 0; background-color: #f8fafc; }
.container-orderlist .td-total .receipt-total {padding: 15px 30px; }
.container-orderlist .td-total .receipt-total .price {top: 15px; }
.container-orderlist .td-application > div {margin-top: 5px; }
.container-orderlist .td-application > div:first-child {margin-top: 0; }
.container-orderlist .td-delivery a {text-decoration: underline; color: #444; }


.container-orderlist .form-address-info dl:first-of-type {border-top: 0; }
.container-orderlist .form-wrapper.form-address-info {border-top: 1px solid #e3e4d5; }




/* 다국어 설정시 주문상세 교환/반품/취소 버튼 */ 
.VI .container-orderlist .td-application .btn,
.EN .container-orderlist .td-application .btn {display: block; }



/* 디테일 */
.container-orderlist .editLine {display: none; }
.container-orderlist .btn-list {border: 1px solid #7460de; background-color: #fff;  font-size: 14px; font-weight: 500; color: #7460de; }
/* .container-orderlist .td-subtotal {background-color: #f6f6f6; } */
.container-orderlist .td-subtotal .seller-price {font-weight: 500; color: #333; }
.container-orderlist .td-subtotal .price {color: #333; }
.container-orderlist .td-message .textarea {min-height: 80px; } */




/*===========================================================
	mypage-orderdetail
===========================================================*/
.mypage-orderdetail .section-first {position: relative; }
.mypage-orderdetail .section-first .btn-group {position: absolute; top: -40px; right: 0; }
.mypage-orderdetail .page-bottom {margin: 55px auto; }



/*===========================================================
	mypage-orderdetail
===========================================================*/
.myrefund-list .box-guide {margin-bottom: 50px; }

.myrefund-list .refund-contents {padding: 10px 20px; background-color: rgba(238, 244, 251, 0.45); border-radius: 3px; box-sizing: border-box; text-align: left;  }
.myrefund-list .refund-util {border-bottom: 1px solid #bec8d5;  padding: 0 5px 5px; margin-bottom: 10px;  }
.myrefund-list .refund-util:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.myrefund-list .refund-util .btn-link {font-size: 13px; line-height: 18px; }
.myrefund-list .refund-contents > p  .btn-link {font-size: 16px; color: #333; line-height: 20px; margin-bottom: 5px;  }

.section-refund-list {margin-bottom: 55px; }
.section-refund-list .table-list .td-thumb {padding-left: 0; }
.section-refund-list .td-thumb img {width: 90px; height: 90px; }
.section-refund-list .td-product {text-align: left; }
.section-refund-list .td-product .btn-link {font-size: 16px; color: #202020; margin-bottom: 5px;  }
.section-refund-list .td-product .option {font-size: 14px; color: #666; font-weight: 400; }