@charset "utf-8";

/* =======================================================
	common
========================================================*/
.section-order {position: relative; width: 100%; padding: 0; box-sizing: border-box; background-color: #fff; margin-bottom: 40px;}
.section-order:last-child{margin-bottom: 0;}

/* order-header
---------------------------------------------------*/
.order-header {position: relative; display: block; width: 100%; padding: 15px 20px; box-sizing: border-box; border-bottom: 2px solid #222; cursor: default;}
.order-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.order-header .title {float: left; font-size: 20px; font-weight: 500; text-align: left; }

.order-header .btn,
.order-header .btn02,
.order-header .btn03 {float: right; margin-top: 13px; } 

.order-header .btn-goto {float: right; height: 55px; line-height: 55px; }

/*button.order-header {float: none; height: 55px; padding: 0 50px 0 20px; background-image: url("/AppData/images/mediacommerce/white/button/accordion_up.svg"); background-repeat: no-repeat; background-position: right 20px top 24px; background-size: 12px 8px; }*/
button.order-header .peep {display: none; font-size: 14px; text-align: right; color: #666; line-height: 40px; } 

/*button.order-header.active { background-image: url("/AppData/images/mediacommerce/white/button/accordion_down.svg"); }*/
button.order-header.active .peep {display: block; }


/* order-contents
---------------------------------------------------*/
.order-contents {display: block; position: relative; padding: 20px 20px; box-sizing: border-box; background-color: #fff; }
.order-contents.active {display: none; }

.order-contents .text-message {width: 100%; height: 120px; margin-top: 10px; }
.order-contents .input-message {margin-top: 10px; }

.order-contents  #delivery_new, .order-contents  #delivery_default  { margin-top: 20px; }
.order-contents  .order-delivery-form { margin-top: 30px; }
.order-contents .dl-info02 > dd { text-align: right; }


/* =======================================================
	인벤토리 공통 - 건들지 말것 XX
========================================================*/

/* 인벤토리 전체선택 & 선택삭제 */
.inventory-check-wrapper {padding: 15px 0px 10px; }
.inventory-check-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
.inventory-check-wrapper .check-group {float: left; line-height: 30px; font-size: 14px; vertical-align: middle;}
.inventory-check-wrapper .btn-group {float: right;line-height: 30px;}


/* 인벤토리 공통 */
.inventory-container .nodata {float: none; clear: both; display: block; width: 100%; padding: 100px 0; }
.inventory-container .nodata p {font-size: 14px; color: #666; text-align: center; }



/* inventory-group
-----------------------------------------------------*/
.inventory-group {background-color: #fff; }
.inventory-group + .inventory-group {margin-top: 10px; }


/* inventory-header */
.inventory-header {padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; } 
.inventory-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-header .ordergroup-tel{color: #888; font-size: 14px;}
.inventory-header .date {float: left; font-size: 13px; color: #888; }
.inventory-header .date em {font-style: normal; font-weight: 500; }
.inventory-header .btn-group {float: right; }
.inventory-header .checkbox {float: left; }
.inventory-header .checkbox .text-guide {display: none; }
.inventory-header .delivery-tip {float: right; color: #666; font-size: 12px; line-height: 20px; }
.inventory-header .tooltip-box {display: none; }


/* inventory-list */
.inventory-list li {display: block; position: relative; padding: 20px; width: 100%; box-sizing: border-box;}
.inventory-list li:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-list li + li {border-top: 1px solid #ececec; }

/* inventory-wrapper */
.inventory-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-wrapper .checkbox {float: left; margin-right: 10px;}
.inventory-wrapper .checkbox input[type=checkbox] + label:before {margin-right: 0; }
.inventory-wrapper .btn-delete-item {float: right; width: 30px; height: 30px; padding: 0; border: none; border-radius: 100%; background: #eee; }
.inventory-wrapper .btn-delete-item .icon-delete {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background-image: url(/AppData/images/mediacommerce/button/btn_delete.svg);
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center;
}

.inventory-checkbox {
	float: left;
	display: inline-block;
	width: 22px;
	margin-right: 10px;
}
.inventory-item {
	float: left;
	display: block;
	width: calc(100% - 140px);
}
.inventory-item .condition {font-weight: 700; color: #444;}
.inventory-thumb {
	float: left;
	position: relative;
	display: block;
	width: 130px;
	height: 130px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.inventory-thum > a{position:relative; width:100%; height:0; padding-top:100%; overflow:hidden;}
.inventory-thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display: block; width: 100%; height: 100%;}

.zzim-inventory .inventory-thumb img{cursor:pointer;}


/* inventory-info */
.inventory-info {float: left; width: calc(100% - 140px); margin-left: 10px;}
.inventory-info .marking {float: left; margin-right: 4px;}
.inventory-info .site {font-size: 14px; color: #222; margin-bottom: 4px; }
.inventory-info .title {display: block; width: 100%; word-break: break-all; word-wrap: break-word; white-space: normal; text-align: left; }
.inventory-info .option {font-size: 13px; color: #999; margin-top: 4px; }
.inventory-info .price {font-size: 13px; color: #999; margin-top: 4px; }
.inventory-info .quantity {font-size: 13px; color: #999; margin-top: 4px; }
.inventory-info .receipt .quantity {margin-left: 10px; }

/* inventory-counter */
.inventory-counter {float: none; clear: both; display: block; padding: 10px 0 0 0;}
.inventory-counter:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-quantity {float: left; }

.inventory-price {}
.inventory-price .price-box::after{
	content: '';
	display: block;
	clear: both;
}
.inventory-price .price {display: inline-block; float: left; font-size: 18px; line-height: 30px; color: #444; vertical-align: middle; }
.inventory-price .price strong {font-size: 18px; font-weight: 700;}


.inventory-point .input-btn-group .input-text{width:100%;}
.inventory-point{font-size: 14px; color: #888; margin-top: 10px;}
.inventory-point strong{color: #6ab5d5;}
.inventory-point .use-max-point{margin-top:5px;}
.inventory-point .use-max-point p{display:inline-block;}


@media(max-width:500px){
	.inventory-point .use-max-point p{display:block;}
	.inventory-point .use-max-point .mo-500{display:none;}
}


/* inventory-coupon */
.inventory-coupon {
	margin-top: 20px;
	border-top: 1px solid #e0e0e0;
	padding-top: 15px;
	box-sizing: border-box;
}
.inventory-coupon:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-coupon .coupon-group {display: inline-block; float: right; }
.inventory-coupon .coupon-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-coupon .coupon-title { display: block; float: right; font-size: 14px; font-size: 14px; }
.inventory-coupon .coupon-sale { margin-left: 10px;  font-size: 14px; color: #222; }
.inventory-coupon .coupon-sale em {font-style: normal; line-height: 24px;  }
.inventory-coupon .btn {float: left; }

/* inventory-delete */
.inventory-delete {position: absolute; right: 0px; top: 15px; }
.inventory-delete .btn-delete {width: 16px; height: 16px; padding: 0; margin: 0; border: none; background-image: url("/AppData/images/site/button/cart_delete.png"); background-repeat: no-repeat; background-size: 100% 100%; }

/* inventory-btn */
.inventory-btn {display: block; width: 100%; vertical-align: middle; clear: both; text-align: right;}
.inventory-btn .btn {
	display: inline-block;
	margin: 20px auto 0;
	/* width: 80px; */
	background-color: #fff;
	border: 1px solid #999;
	color: #888;
	line-height: 30px;
	height: 32px;
	font-size: 13px;
}
.inventory-btn .btn + .btn {margin-left: 5px; }


/* inventory-receipt */
.inventory-receipt {padding: 15px 15px; border-top: 1px solid #ececec; box-sizing: border-box; background-color: #f7f7f7; }
.inventory-receipt:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-receipt .receipt-group {}
.inventory-receipt .receipt-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-receipt .receipt-group .mobile {display: inline !important; }
.inventory-receipt .receipt-info:first-child {margin-left: 0; }
.inventory-receipt dt {font-size: 11px; color: #444; }
.inventory-receipt dd {font-size: 12px; letter-spacing: -0.1px; color: #444;}
.inventory-receipt .receipt-total::after{content: ''; display: block; clear: both;}
.inventory-receipt .receipt-total dt{font-weight: 700; color: #222; }


/* inventory-group */
.inventory-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-matching .matching-tag{
	position: absolute;
	top: 10px; left: 0;
	display: inline-block;
	padding: 3px 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: rgba(13, 111, 184, 0.6);
}

.inventory-matching span {
	color: #fff;
	display: inline-block;
	padding-left: 11px;
	background-image: url("/AppData/images/mediacommerce/white/icon/icon_video.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 8px;
	font-size: 13px;
	line-height: 1em;
}

.inventory-title {
	text-align: left;
	width: 100%;
	margin-bottom: 5px;
}
.inventory-title a{
	text-align: left;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-wrap: break-word;
	width: fit-content;
}
.inventory-thumb .soldout-text {
	display: none;
	position: absolute;
	top: 0; left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}
.inventory-thumb .soldout-text span {
	position: absolute;
	top: 50%;
	margin: 0 auto;
	margin-top: -36px;
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	font-weight: 700;
	color: #fff;
}
.inventory-list .soldout .soldout-text {display: block; }
.inventory-option {font-size: 14px; color: #888;}
.inventory-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-info .count {
	float: left;
	font-size: 13px;
	color: #888;
	line-height: 30px;
	margin-top: 4px;
}
.inventory-list .price .symbol{
	font-size: 18px;
}

/* inventory-bottom */
.inventory-bottom {
	padding: 10px 0;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
}
.inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
/* .inventory-bottom > span {
	float: left;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	line-height: 30px; 
}
.inventory-bottom .btn-group {
	float: right;
}
.inventory-list .sale {
	color: red;
	font-size: 16px;
}*/


/* total-receipt-wrapper */
.total-receipt-wrapper {margin-top: 10px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background-color: #fff; padding: 15px 15px; }
.total-receipt-wrapper .receipt-info {padding: 5px 0;}
.total-receipt-wrapper .icon {display: none; }
.total-receipt-wrapper .receipt-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.total-receipt-wrapper dt {float: left; font-size: 14px; }
.total-receipt-wrapper dd {float: right; text-align: right; font-size: 14px; }
.total-receipt-wrapper dd strong {font-size: 16px; font-weight: 700; }

.total-receipt-wrapper .receipt-total {border-top: 1px solid #e3e3e3; padding: 10px 0 0; }
.total-receipt-wrapper .receipt-total:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.total-receipt-wrapper .receipt-total dd {color: #36458d; }



/* =======================================================
	mc--order 주문
========================================================*/

.mc--cart .section-order{margin-top:20px; border-bottom:none;}
.mc--cart .ordergroup {background-color: #fff; border: 1px solid #ddd;}
.mc--cart .ordergroup:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--cart .ordergroup + .ordergroup {margin-top: 20px; }

.mc--cart .ordergroup-header {padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #ddd; }
.mc--cart .ordergroup-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--cart .ordergroup-header .cart_vendor{float: left;}
.mc--cart .ordergroup-header .delivery-tip {
	float: right;
	color: #666;
	font-size: 14px;
	line-height: 20px;
}
.mc--cart .order-contents{border-top:none;}
.mc--cart .order-contents .ordergroup .ordergroup-inventory{border: 1px solid #ddd; margin-bottom:20px;}
.mc--cart .order-contents .ordergroup .ordergroup-inventory:last-of-type {margin-bottom:0;}

.mc--cart .inventory-item {padding-top: 0; width: 100%; }
.mc--cart .inventory-item:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--cart .inventory-thumb {float: left; position: relative; display: block; width: 130px; height: 130px; border: 1px solid #f2f2f2; border-radius: 5px; box-sizing: border-box; overflow: hidden; }
.mc--cart .inventory-thumb img {display: block; width: 100%; height: 100%; }
.mc--cart .inventory-thumb + .inventory-info {width: calc(100% - 140px); margin-top: 0; }

.mc--cart .inventory-info .marking-area:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--cart .inventory-info .marking-area .marking {float:none; }



.mc--cart .inventory-price {margin-top: 10px; float: none;}
.mc--cart .inventory-price:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--cart .inventory-price .price-box {float: left; }
.mc--cart .inventory-price .price {font-size: 16px; color: #222;  line-height: 1.4;}
.mc--cart .inventory-price .count {color: #888; font-weight: 700; }
.mc--cart .inventory-price .marking-reward {float: right; }

.mc--cart .marking-reward {display: inline-block; padding: 0 5px; border: 1px solid #ffab2c; border-radius: 3px; box-sizing: border-box; background-color: #ffab2c; font-size: 11px; font-style: normal; color: #000; font-weight: 400; }
.mc--cart .marking-reward em {font-style: normal; }

.mc--cart .inventory-count {margin-left: 30px; margin-top: 20px;}
.mc--cart .inventory-count .quantity-wrapper {float: left;}
.mc--cart .inventory-count .price-box {float: right; text-align: right;  line-height: 40px; font-size: 18px;}
.mc--cart .inventory-count .price-box .marking { margin-bottom: 5px; }
.mc--cart .inventory-count .price-box .price {float: none;}

.mc--cart .inventory-wrapper .checkbox + .inventory-item {float: left; width: calc(100% - 30px); padding-left: 10px; }
.mc--cart .inventory-wrapper .btn-delete-item + .inventory-item {width: calc(100% - 60px); }


.mc--cart .inventory-wrapper.bottom {border-top: 1px solid #f2f2f2; padding: 10px 0 20px; }
.mc--cart .inventory-coupon .title {float: left; line-height: 30px; color: #444; font-size: 14px; font-weight: 500; }
.mc--cart .inventory-coupon .coupon-group {float: right; }
.mc--cart .inventory-coupon .coupon-group .coupon-sale {display: inline-block; margin-right: 10px; font-size: 14px; }
.mc--cart .inventory-coupon .coupon-group em {font-style: normal; }

.mc--cart .inventory-bottom {padding: 15px 20px;}
.mc--cart .inventory-bottom.subtotal {background-color: #f7f7f7;}
.mc--cart .inventory-bottom.subtotal .receipt-info + .receipt-info {margin-top: 5px; }
.mc--cart .inventory-bottom.subtotal .receipt-info dd, 
.mc--cart .inventory-bottom.subtotal .receipt-info dd strong {font-size: 14px;}
.mc--cart .inventory-bottom.subtotal .receipt-total {border-top: 1px solid #dadbdf; margin-top: 10px; padding-top: 10px; }
.mc--cart .inventory-bottom.subtotal .receipt-total dt {float: left; font-size: 14px; line-height: 18px; }
.mc--cart .inventory-bottom.subtotal .receipt-total dd {float: right; font-size: 14px; line-height: 18px; }

.mc--cart .radio-group .radiobox {float: none; }
.mc--cart .radio-group .radiobox + .radiobox {margin-top: 10px; margin-left: 0; }


/* 장바구니 적립율 */
.marking-area.cart-marking { width: calc(100% - 170px); transform: translateX(170px); }

.mc--cart .nodata { text-align: center; padding: 100px 0; }

/* order-receipt
---------------------------------------------------*/

.receipt-info:after,
.receipt-total:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.receipt-info dt {
	float: left;
	font-size: 14px;
	color: #444;
	line-height: 1.6;
}
.receipt-info dd {
	float: right;
	font-size: 15px;
	color: #444;
	line-height: 24px;
	text-align: right;
}
.receipt-info dd strong {
	font-weight: 500;
}

.receipt-info + .receipt-info {
	margin-top: 15px;
}

.receipt-total {}
dl.receipt-total{margin-top: 15px;}
.receipt-total dt {
	float: left;
	font-size: 18px;
	color: #222;
	line-height: 32px;
}
.receipt-total dd {
	float: right;
	font-size: 18px;
	line-height: 32px;
	text-align: right;
	color: #6ab5d5;
	font-weight: 700;
}
.receipt-total dd strong {
	font-size: 20px;
	font-weight: 700;
}

.receipt-group + .receipt-group {
	margin-top: 20px;
}
.receipt-group .dl-info02 > dt { text-align: left; }

.final-pay{background-color: #f7f7f7;}


/* =======================================================
	mc--cart 장바구니
========================================================*/
.mc--cart {}

.cart-inventory li {
	width: 100%;
	padding: 20px 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}
.cart-inventory li:last-of-type {
	border-bottom: 1px solid #dadbdf;
}
.cart-inventory li.nodata {
	padding: 100px 20px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
	color: #888;
	text-align: center;
}
.cart-inventory-top:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.cart-inventory .inventory-group {
	float: left;
	width: calc(100% - 50px);
	padding: 0 0 0 10px;
}
.cart-inventory .btn-delete-cart {
	float: left;
	width: 30px; height: 30px;
	padding: 0;
	border: none;
	background: none;
}
.cart-inventory .btn-delete-cart .icon-delete {
	width: 30px; height: 10px;
	margin-top: 10px;
  background-image: url("/AppData/images/mediacommerce/white/button/btn_delete.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: right top;
}

.cart-inventory-bottom {
	width: 100%;
	padding: 15px 0 0 30px;
	box-sizing: border-box;
}
.cart-inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.cart-inventory-bottom .quantity-wrapper {
	float: left;
}
.cart-inventory-bottom .price {
	float: right;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	line-height: 40px;
}
.cart-inventory-bottom .price span {
	font-size: 15px;
	font-weight: 400;
}


.cart-receipt {
	position: relative;
	padding: 20px;
	margin-top: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
}


/* cart fixed-btn-group
---------------------------------------------------*/
.mc--cart .fixed-btn-group {
	padding: 0;
	display: block;
}
.mc--cart .fixed-btn-group.pc{
	position: relative;
	margin-top: 40px;
	display: block;
}

.mc--cart .fixed-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--cart .fixed-btn-group .btn-big {
	height: 50px;
	display: block;
	padding: 0 20px;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 50px;
}


/* =======================================================
	mc--zzim 관심상품
========================================================*/

.zzim-inventory li {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 1px solid #ececec;
}
.zzim-inventory li:last-child{border-bottom: 1px solid #ececec;}
.zzim-inventory li.nodata {
	padding: 100px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
  text-align: center;
}

.zzim-inventory .inventory-thumb {
	float: left;
	width: 105px; height: 105px;
}
.zzim-inventory .inventory-item {
	padding-left: 10px;
	box-sizing: border-box;
}
.zzim-inventory .inventory-title {
	margin-bottom: 5px;
}
.zzim-inventory .btn-delete-zzim {
	float: right;
	width: 30px; height: 30px;
	padding: 0;
	border: none;
	background: none;
}
.zzim-inventory .btn-delete-zzim .icon-delete {
	width: 30px; height: 30px;
  background-image: url("/AppData/images/mediacommerce/white/button/btn_delete.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
	background-color: #eee;
	border-radius: 999px;
}

.zzim-inventory .base-price {display: inline-block; line-height: 24px; font-size: 16px; color: #999;  text-decoration: line-through; font-style: normal;}

.zzim-inventory .reward-area {min-height: 21px; }
.zzim-inventory .reward-cash {display: inline-block; padding: 0 5px; border: 1px solid #ffab2c; border-radius: 3px; box-sizing: border-box; background-color: #ffab2c; font-size: 11px; color: #000; font-weight: 400;}
.zzim-inventory .reward-cash em {font-size: inherit; color: inherit; font-style: normal; }

.zzim-inventory .item-sticker {width: 35px; height: 35px; }


/* =======================================================
	mc--recently 최근상품
========================================================*/
.recently-inventory li {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 1px solid #ececec;
}
.recently-inventory li:last-child{border-bottom: 1px solid #ececec;}
.recently-inventory li.nodata {
	padding: 100px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.recently-inventory .inventory-thumb {
	float: left;
	width: 105px; height: 105px;
}
.recently-inventory .item-sticker {width: 35px; height: 35px; }
.recently-inventory .inventory-item {
	width: calc(100% - 185px);
	padding-left: 10px;
	box-sizing: border-box;
}
.recently-inventory .btn-dot {
	float: right;
	width: 30px; height: 30px;
	padding: 0;
	border: none;
	background: none;
}
.recently-inventory .btn-dot .icon-dot {
	width: 30px; height: 30px;
	margin-top: 10px;
  background-image: url("/AppData/images/mediacommerce/white/button/btn_dot.svg");
  background-size: 3px 15px;
  background-repeat: no-repeat;
  background-position: right top;
}

.recently-inventory .base-price {display: inline-block; line-height: 24px; font-size: 16px; color: #999;  text-decoration: line-through; font-style: normal;}

.recently-inventory .reward-area {min-height: 21px; }
.recently-inventory .reward-cash {display: inline-block; padding: 0 5px; border: 1px solid #ffab2c; border-radius: 3px; box-sizing: border-box; background-color: #ffab2c; font-size: 11px; color: #000; font-weight: 400;}
.recently-inventory .reward-cash em {font-size: inherit; color: inherit; font-style: normal; }


.recently-inventory .btn-group { position: absolute; top: 20px; right: 20px }
.recently-inventory .btn-group .btn { height: 30px; border: none; border-radius: 999px; background-color: #eee; font-size: 12px; color: #444; line-height: 30px; }
.recently-inventory .btn-zzim { padding: 0; width: 30px; }
.recently-inventory .btn-zzim .svg-icon-heart { display: block; width: 16px; height: 24px; margin: 0 auto; line-height: 30px; }

.recently-inventory .clear-purchase-item { float: right; width: 30px; height: 30px; margin-left: 5px; margin-right: 0; background-color: #eee; }
.recently-inventory .clear-purchase-item .icon-delete { width: 15px; height: 15px; background-size: 10px  10px}
/* drawer-container */
.drawer-container {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 9998;
	display: none;
	background: rgba(28, 28, 28, 0.6);
}
.drawer-bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: none;
	background-color: transparent;
	outline: none;
}
.drawer-contents {
	position: absolute;
	left: 0; bottom: -100%;
	z-index: 9999;
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}
.drawer-contents.active {
	bottom: 0;
}


.drawer-list {}
.drawer-list li + li {
	border-top: 1px solid #dfdfdf;
}
.drawer-list li button {
	display: block;
	width: 100%; height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: 0;
	color: #444;
}
.drawer-list li button.close-drawer {
	text-align: center;
	color: #fff;
}
.drawer-list li button:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}

.drawer-list li .icon {
	float: left;
	margin-right: 15px;
}
.drawer-list li .icon + span {float: left; }



/* =======================================================
	mc--order 주문/결제
========================================================*/
.mc--order .mc--contents{
	/* padding: 0 20px; */
}
.mc--order .inventory-item {
	width: 100%;
}

/* order fixed-btn-group
---------------------------------------------------*/
.mc--order .fixed-btn-group {
  position:fixed;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  bottom: 0;
  z-index: 999;
}
.mc--order .fixed-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--order .fixed-btn-group .btn-big {
	width: 100%; height: 50px;
	display: block;
	padding: 0 20px;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 50px;
	background: #6ab5d5;
	color: #fff;
}

.mc--order .agree-item input[type="checkbox"] + label {}


.mc--order .fm--orderlist {background-color: #f5f5f5; }

.mc--order .fm--orderlist .nodata {width: 100%; padding: 100px 0; }
.mc--order .fm--orderlist .nodata p {text-align: center; color: #666; font-size: 14px; }
.mc--order .ordergroup {width: 100%; background-color: #fff; }
.mc--order .ordergroup-header {padding: 10px 15px; box-sizing: border-box; border-bottom: 1px solid #e0e0e0; }
.mc--order .ordergroup-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--order .ordergroup-header .ordergroup-tel{color: #888; font-size: 14px;}
.mc--order .ordergroup-header .date {float: left; font-style: normal; color: #36458d; line-height: 20px; font-size: 13px; }
.mc--order .ordergroup-header .order-number {float: left; font-size: 13px; margin-left: 10px; line-height: 20px; }
.mc--order .ordergroup-header .btn-goto {float: right; padding-right: 15px; line-height: 20px; background-position: right -11px center;  }

.mc--order .ordergroup-inventory {margin-bottom: 20px; border: 1px solid #ddd; box-sizing: border-box;}
.mc--order .ordergroup-inventory:last-child{margin-bottom: 0;}
.mc--order .ordergroup-inventory:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--order .ordergroup-inventory .inventory-site {color: #36458d; font-size: 13px; display: block; margin-bottom: 5px; text-align: left; }
.mc--order .ordergroup-inventory .inventory-info em {font-style: normal; }

.mc--order .non-member-txt{color: red; text-align: center; font-weight: 600;}


/* 주문취소 팝업 */
.layer-tracking{padding: 20px; box-sizing: border-box;}
.layer-tracking section + section{margin-top: 20px;}
.layer-tracking .inventory-wrapper {padding: 20px 20px; }
.layer-tracking .inventory-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.layer-tracking .inventory-item {padding-top: 0; width: 100%; margin-left: 0; }
.layer-tracking .inventory-item:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.layer-tracking .inventory-thumb {float: left; position: relative; display: block; width: 72px; height: 72px; border: 1px solid #f2f2f2; border-radius: 5px; box-sizing: border-box; overflow: hidden; }
.layer-tracking .inventory-thumb img {display: block; width: 100%; height: 100%; }

.layer-tracking .inventory-thumb + .inventory-info {float: left; width: calc(100% - 82px); margin-top: 0; margin-left: 10px; }
.layer-tracking .inventory-title {display: block; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 17px; color: #222; }
.layer-tracking .inventory-option {margin-top: 5px; font-size: 12px; color: #888; }

.layer-account{padding: 20px; box-sizing: border-box;}


@media(min-width: 690px) { 
	.mc--order .fixed-btn-group {
    position: relative;
	  display: block;
	  padding: 0;
	  margin: 50px 0;
	}
}

/* @media(max-width: 425px) { 
	.mc--order .fixed-btn-group.pc { display: none; }

} */

/* 주문상품 정보
----------------------------------------------*/
.mc--order .inventory-list li {}
.mc--order .inventory-list li:last-of-type {border-bottom: 0; }
.mc--order .inventory-list li:first-of-type .inventory-group {padding-top: 0; } 
.mc--order .inventory-list li:last-of-type .inventory-group {padding-bottom: 0; }

/* 쿠폰영역 */
.mc--order .inventory-bottom {}
.mc--order .inventory-bottom strong {float: left; line-height: 30px; color: #444; font-size: 14px; font-weight: 500; }

.mc--order .inventory-coupon strong {float: left; line-height: 30px; color: #444; font-size: 14px; font-weight: 500; }
.mc--order .inventory-coupon .coupon-group {float: right; }
.mc--order .inventory-coupon .coupon-group .coupon-sale {display: inline-block; margin-right: 10px; font-size: 14px; }


/* 배송지 정보
----------------------------------------------*/
.mc--order .radio-delivery {
	margin-bottom: 30px;
}
.mc--order .radio-delivery label {
	font-size: 13px;
}

.mc--order .checkbox-delivery {
	margin-top: 10px;
}
.mc--order .checkbox-same {
	margin-top: 10px;
}
.mc--order .order-delivery-form {margin-top: 30px; }


/* 쿠폰/포인트
----------------------------------------------*/
.mc--order .point-guide {
	font-size: 14px;
	color: #888;
	margin-top: 10px;
}
.mc--order .point-guide strong {
	font-weight: 500;
}


/* 결제수단
----------------------------------------------*/
.pay-type-warp{margin-bottom: 30px; overflow: hidden;}
.pay-type-warp:last-child{margin-bottom: 0;}

.w-pay{font-weight: bold; color: #6ab5d5; font-size: 20px !important;}
.pay-type-warp .btn-area{position: absolute; top: 14px; right: 20px;}
.pay-type-warp .btn-area button + button{margin-left: 5px;}
.pay-type-warp .btn-area .btn-pw{padding: 0 15px; height: 32px; font-size: 13px;	color: #fff;	background-color: #444;}
.pay-type-warp .btn-area .btn-join{padding: 0 15px; height: 32px; font-size: 13px; color: #fff;	background-color: #6ab5d5;}
.pay-type-warp .btn-area .btn-cancel{padding: 0 15px; height: 32px; font-size: 13px;	background-color: #ddd;}
.btn-card-checked{width: 34px; height: 34px; border-radius: 50%; background-color: rgb(255 255 255 / 60%); position: absolute; top: 15px; right: 15px; border: 1px solid #ddd; box-sizing: border-box; z-index: 1;}
.btn-card-checked::after{content: '★'; display: block; clear: both; color: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px;}
.btn-card-checked.checked{background-color: #6ab5d5;}
.btn-card-checked.checked::after{color: #fff;}
.btn-card-checked .blind{display: inline-block; text-indent: -9999px; width: 0; height: 0; font-size: 0;}

/* wpay */
.wpay-wrap{ position: relative; margin: 30px 20px 0; }
.card-swiper{}
.wpay-wrap .swiper-button-prev{left: -20px; top: 50%; width: 40px; transform: translateY(-50%); margin-top: -30px;}
.wpay-wrap .swiper-button-next{right: -20px; top: 50%; width: 40px; transform: translateY(-50%); margin-top: -30px;}
.wpay-wrap .swiper-button-prev::after{background: rgb(50 50 50 / 50%) url(/AppData/images/mediacommerce/white/button/slide_prev.png) no-repeat center; content: ''; width: 40px;	height: 40px; background-size: 20px; border-radius: 50%;}
.wpay-wrap .swiper-button-next::after{background: rgb(50 50 50 / 50%) url(/AppData/images/mediacommerce/white/button/slide_next.png) no-repeat center; content: ''; width: 40px;	height: 40px; background-size: 20px; border-radius: 50%;}

.item-card{width: 100%; padding-top: 61%; height: 0; background-color: #eee; border-radius: 15px; position: relative; background-size: cover; opacity: 0.5; cursor: pointer; border: 1px solid #ddd; box-sizing: border-box;}
.item-card.no-card::before{
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100px;
	width: 100px;
	background-size: 74px;
	border-radius: 50%;
	background: #fff url(/AppData/images/mediacommerce/icon/pay_card.png) no-repeat center;
}
.card-bank .item-card::before{
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100px;
	width: 100px;
	background-size: 74px;
	border-radius: 50%;
	background: #fff url(/AppData/images/mediacommerce/icon/pay_bank.png) no-repeat center;
}
.card-phone .item-card::before{
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100px;
	width: 100px;
	background-size: 74px;
	border-radius: 50%;
	background: #fff url(/AppData/images/mediacommerce/icon/pay_phone.png) no-repeat center;
}
.card-area{padding-bottom: 60px;}
.card-area .instl-month{display: none;}
.instl-month{margin-top: 20px;}
.card-area .btn-delet{box-sizing: border-box;	padding: 0 8px;	height: 24px;	font-size: 12px;	color: #fff;	border: 1px solid #e5e5e5;	display: none; position: absolute; bottom: 20px; right: 15px;}
.card-area.active .item-card{opacity: 1; border: 4px solid #000; box-shadow: 4px 0 14px rgb(50 50 50 / 30%);}
/* .card-area.active .item-card::after{content: '선택'; display: block; clear: both; background-color: #000; color: #fff; font-size: 16px; font-weight: 600; position: absolute; top: -2px; left: 50%; transform: translateX(-50%); padding: 4px 12px; border-radius: 0 0 10px 10px;} */
.card-area.active .instl-month{display: block;}
.card-area.active .btn-delet{display: block;}

.item-card-add{width: 100%; padding-top: 61%; height: 0; background-color: #f7f7f7; border: 2px dotted #ddd; border-radius: 15px; position: relative; box-sizing: border-box;}

.card-txt{position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px; border-radius: 0 0 6px 6px; opacity: 0.5;  background-color: rgb(0 0 0 / 70%); }
.card-area.active .card-txt{opacity: 1; background-color: rgb(0 0 0 / 60%); }
.card-add-txt{position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); text-align: center; width: 85%;}
.item-card-txt p{font-weight: 600;}
.card-add-txt ul{margin: 10px 0 auto;}
.card-add-txt ul::after{content: ''; display: block; clear: both;}
/*card-add-txt ul li{float: left; width: 33.333%; height: 100%;}*/
.card-add-txt ul li{width: 45%; height: 100%; margin: 0 auto;}
.card-add-txt ul li a{font-size: 14px; border: 1px solid #ddd; width: 100%; height: 100%; box-sizing: border-box; display: block; padding-top: 60%; padding-bottom: 5px; background-color: #fff;}
.card-add-txt ul li:nth-child(n+2) a{border-left: 0;}
.w-card{background: url(/AppData/images/mediacommerce/icon/pay_card.png) no-repeat center top; background-size: 65%;}
.w-bank{background: url(/AppData/images/mediacommerce/icon/pay_bank.png) no-repeat center top; background-size: 65%;}
.w-phone{background: url(/AppData/images/mediacommerce/icon/pay_phone.png) no-repeat center top; background-size: 65%;}

.card-nm{color: #fff; font-weight: 700;}
.card-num{ color: #eee; font-size: 14px; margin-top: 2px;}
.card-bottom{position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
.card-bottom::after{content: ''; display: block; clear: both;}

/* 일반결제 */
.general-wrap{display: none; margin-top: 20px;}
.pay-info-box{display: none;}
.pay-list::after{content: ''; display: block; clear: both;}
.pay-list li {float: left; width: calc(96% / 3); margin-right: 2%;}
.pay-list li:nth-child(n+4){margin-top: 2%;}
.pay-list li:nth-child(3n){margin-right: 0;}
.pay-list li button{border: 1px solid #bbb; box-sizing: border-box; text-align: center; width: 100%; height: 80px; padding: 0 5px; background-color: #fff;}
.pay-list li.active button{border: 2px solid #6ab5d5; color: #6ab5d5; font-weight: 700;}
.pay-list li button span{display: block; white-space: normal; word-break: keep-all;}
.pay-list .radiobox label {	font-size: 16px;	color: #444;	line-height: 22px;}
.pay-list .radiobox::after{content: ''; display: block; clear: both;}
.pay-list .pay-itembox img {margin: 10px 0; width: 100px; }
.pay-type-warp .text-guide{font-size: 14px; color: red; margin-top: 4px;}

.pay-info{ margin-top: 20px; background-color: #f7f7f7; padding: 20px;	box-sizing: border-box;}
.pay-info.active{display: block;}
.pay-info dl{display: flex; margin-bottom: 20px; align-items: center;}
.pay-info dl:last-child{margin-bottom: 0;}
.pay-info dl dt{width: 140px; padding-right: 10px; box-sizing: border-box;}
.pay-info dl dd{width: calc(100% - 140px); word-break: keep-all;}



/* 현금영수증
----------------------------------------------*/
.section-cash-receipt{display: none;}
.select-radio{float: right; display: flex;}
.cash-receipt-area > .radiobox{ margin-bottom: 20px;}
.cash-receipt-area .radiobox::after{content: ''; display: block;clear: both;}
.cash-receipt-form.fieldse-2{display: none;}
.cash-receipt-form::after{content: ''; display: block; clear: both;}
.cash-receipt-form .select-type{width: 30%; margin-right: 16px; float: left;}
.cash-receipt-form .radiobox{width: calc(70% - 16px); float: left; display: flex; align-items: center;}
.cash-receipt-form .tel-num select{width: calc(100% / 3 );}

.cash-receipt-form .tel-num input,
.cash-receipt-form .business-num input{width: calc(100% / 3 );}

.cash-receipt-form .card-num input{width: calc(100% / 4 );}
.cash-receipt-form .tel-num input::after{
	content: '-';
	display: block;
	clear: both;
}
.cash-receipt-form .radiobox .dash{margin: -6px 8px 0; display: block;}
.cash-receipt-form .business-num{width: 100%; float: none; clear: both;}
.cash-receipt-form .card-num{display: none;}
.cash-receipt-form .id-num{display: none;}

/* 이용약관 동의
---------------------------------------------*/
.mc--order .guest-agreement {
	margin-top: 20px;
	box-sizing: border-box; 
}
.mc--order .guest-agreement .agree-item .checkbox {margin-bottom: 20px; }
.mc--order .guest-agreement .agree-item .box {padding: 20px 20px; }

@media(max-width:1200px){
	.mc--order .guest-agreement {
		padding: 0 10px;
	}
}
/* 이용약관 동의
---------------------------------------------*/
.mc--order .order-agreement {}
.mc--order .order-agreement .agree-item .box {margin-top: 10px; padding: 20px 20px; }




/* =======================================================
	mc--complete 주문완료
========================================================*/
.mc--complete .complete-text {
	padding: 50px 20px;
	box-sizing: border-box;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.mc--complete .order-receipt {
	padding: 20px 20px;
	box-sizing: border-box;
}
.mc--complete .page-bottom .btn-group{margin:  0 auto; width: 610px;}
.mc--complete .page-bottom .btn.btn-gray {
	background-color: #fff;
	color: #666;
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
}

/* =====================================================
	mc--orderlist 주문/배송 목록
========================================================*/
.range-wrapper {
	margin-bottom: 10px;
	padding: 20px 0px;
	box-sizing: border-box;
	background-color: #fff;
}
.mc--orderlist .nodata {
	padding: 100px 20px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
	color: #888;
	text-align: center;
}

.mc--orderlist .ordergroup {
	background-color: #fff;
	border: 1px solid #dadbdf;
	box-sizing: border-box;
}

.mc--orderlist .ordergroup + .ordergroup {
	margin-top: 10px;
}



/* ordergroup-header */
.mc--orderlist .ordergroup-header {
	padding: 10px 20px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.mc--orderlist .ordergroup-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--orderlist .ordergroup-header p {float: left; }
.mc--orderlist .ordergroup-header .ordernum {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-right: 11px;
	font-size: 13px;
}
.mc--orderlist .ordergroup-header .ordernum:after {
	content: "";
	position: absolute;
	right: 0; top: 5px;
	display: block;
	width: 1px; height: 12px;
	background-color: #e9eaee;
}
.mc--orderlist .ordergroup-header .date {
	font-size: 13px;
	color: #666;
}
.mc--orderlist .ordergroup-header button {
	float: right;
	margin-top: 22px;
	line-height: 19px;
}
.mc--orderlist .ordergroup-header span {
	font-size: 13px;
}

.mc--orderlist .ordergroup-inventory {
	padding: 20px;
}
.mc--orderlist .ordergroup-inventory .price {
	float: right;
	font-size: 18px;
	color: #222;
	line-height: 18px;
	margin-top: 0;
}
.mc--orderlist .ordergroup-inventory .inventory-title{min-height: 100px;}


.mc--orderlist .inventory-list li {
	border-top: 1px solid #f2f2f2;
	padding: 0 20px;
}
.mc--orderlist .inventory-list li:first-child {
	border-top: 0;
}

.mc--orderlist .pagination-wrapper {padding: 0 20px; }


/* =======================================================
	mc--orderview 주문상세
========================================================*/
.mc--orderview .ordergroup {
	font-size: 14px;
	color: #888;
}
.mc--orderview .ordergroup:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--orderview .ordergroup p {
	float: left;
	line-height: 28px;
}
.mc--orderview .ordergroup .ordernum {
	font-weight: 500;
	padding-left: 10px;
}
.mc--orderview .ordergroup button {
	float: right;
	height: 30px;
	line-height: 28px;
}

.mc--orderview .dl-info02 dt {line-height: 18px; }
.mc--orderview .inventory-wrapper.bottom { text-align: right; }
.mc--orderview .order-contents .dl-info::after{content: ''; display: block; clear: both;}
.mc--orderview .order-contents .dl-info > dt { float: left; color: #666; width: 20%;}
.mc--orderview .order-contents .dl-info > dd { text-align: right; width: 78%; float: right; margin-left: 2%;}

/* 주문상품 정보 */
.mc--orderview .orderinfo {padding: 0 0; } 
.mc--orderview .inventory-list li + li {border-top: 1px solid #ececec; } 

.mc--orderview .marking-area {display: none;}
.mc--orderview .marking-area:after {content: ""; clear: both; display: block; height:  0; visibility: hidden;}
.mc--orderview .marking {float: left; }

.mc--orderview .inventory-group {border: 1px solid #ddd;}
.mc--orderview .inventory-group:last-child { margin-bottom: 40px; }
.mc--orderview .inventory-item{ position: relative; width: calc(100% - 32px);}
.mc--orderview .inventory-info{width: calc(100% - 340px);}
.mc--orderview .inventory-info .price{float: none;}
.mc--orderview .delivery-area{width: 200px; text-align: right; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.mc--orderview .inventory-subscribe {float: left; font-size: 12px; color: #ccc; margin-left: 5px; line-height: 1.2; }

.mc--orderview .inventory-bottom {padding: 10px 0; }

/* 결제 정보 */
.mc--orderview .receipt-total dt {
	line-height: 24px;
}

/* =======================================================
	mc--orderrequest 교환/반품 신청
========================================================*/
.mc--orderrequest .ordergroup {
	padding: 20px 20px;
	background: none;
	font-size: 13px;
	color: #888;
}
.mc--orderrequest .ordergroup .ordernum {
	font-weight: 400;
	padding-left: 10px;
}


/* 교환상품 정보*/
.mc--orderrequest .orderinfo {
	padding: 0 0;
}

.mc--orderrequest .inventory-list li {
	width: 100%;
	padding:20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}

.request-inventory li:last-of-type {
	border-bottom: 1px solid #dadbdf;
}

.request-inventory-top:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.request-inventory-top .checkbox {float: left; }
.request-inventory-top .checkbox input[type=checkbox] + label:before {
	margin-right: 0;
}

.request-inventory-top .inventory-group {
	float: left;
	width: calc(100% - 20px);
	padding: 0 0 0 10px;
}

.request-inventory-bottom {
	width: 100%;
	padding: 15px 0 0 30px;
	box-sizing: border-box;
}
.request-inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.request-inventory-bottom .quantity-wrapper {
	float: left;
}
.request-inventory-bottom .price {
	float: right;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	line-height: 40px;
}
.request-inventory-bottom .price span {
	font-size: 15px;
	font-weight: 400;
}


/* =======================================================
* Device = 태블릿, 아이패드(세로), PC
* Screen = 768 이상
* ========================================================*/
@media all and (min-width: 690px){

	/* inventory-list
	---------------------------------------------------*/

	.inventory-matching .matching-tag {
		position: absolute;
		top: 10px; left: 0;
		display: inline-block;
		padding: 3px 12px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.inventory-matching span {
		color: #fff;
		display: inline-block;
		padding-left: 11px;
		background-image: url("/AppData/images/mediacommerce/white/icon/icon_video.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 6px 8px;
		font-size: 13px;
		line-height: 1em;
	}

	.inventory-thumb .soldout-text {
		display: none;
		position: absolute;
		top: 0; left: 0;
		z-index: 50;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
	}
	.inventory-thumb .soldout-text span {
		position: absolute;
		top: 50%;
		margin: 0 auto;
		margin-top: -36px;
		display: block;
		width: 100%;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		color: #fff;
	}
	.inventory-list .soldout .soldout-text {display: block; }

	/* 주문 금액 */

	.inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
	.inventory-bottom > span {
		float: left;
		font-size: 13px;
		font-weight: 500;
		color: #666;
		line-height: 30px;
	}
	.inventory-bottom .btn-group {
		float: right;
	}


	/* =======================================================
		mc--order 주문
	========================================================*/

	/* order fixed-btn-group
	---------------------------------------------------*/
	.mc--order .fixed-btn-group .btn-big {
		width: 30%;
		margin: 0 auto;
	}

	/* order fixed-btn-group
	---------------------------------------------------*/
	.drawer-contents.active {
		width: 690px;
		left: 50%;
		margin: 0 auto;
		transform: translateX(-50%);
	}

	/* =======================================================
		mc--cart 장바구니
	========================================================*/
	.cart-inventory li {
		position: relative;
		box-sizing: border-box;
	}

	.cart-inventory .checkbox {
		margin-top: 5px;
	}

	.cart-inventory-bottom {
		position: absolute;
		left: 180px; bottom: 20px;
		width: 510px;
		padding: 0 20px 0 15px;
	}

	.cart-inventory-bottom .price {
		line-height: 40px;
	}


	.cart-receipt {
		position: relative;
		padding: 20px 20px;
		margin-top: 20px;
		background-color: #fff;
	}


	/* cart fixed-btn-group
	---------------------------------------------------*/
	.mc--cart .fixed-btn-group {padding: 0;}
	.mc--cart .fixed-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

}

/* =======================================================
* Device = mobile
* Screen = 320이상 425이하
* ========================================================*/
@media (min-width: 320px) and (max-width: 425px) {
	.mc--orderlist .ordergroup-inventory .price {font-size: 16px; }
	.mc--orderview .inventory-bottom .btn-group {margin-top: 10px; }

}/* 반응형 끝 */



.mc--cart .fixed-btn-group .btn-big {
	width:30%; height: 50px;
	display: block;
	padding: 0 20px;
	margin: 0 auto;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	background: #6ab5d5;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
}

.mc--cart .fixed-btn-group.mo .btn-big{display:none;}

/* =======================================================
	mc--order 주문 약관 부분
========================================================*/
.agree-item{padding: 20px; box-sizing: border-box;}

.ord-chk-all{margin-bottom: 20px;}
.ord-chk-list li .agree-nm{padding:10px 20px; line-height:32px;background-color:#f6f6f6;}
.ord-chk-list li .agree-nm-left{float:left;}
.ord-chk-list li .agree-pop-view{float:right; padding: 0 15px; height:32px; font-size:13px; color:#fff; background-color:#444;}
.ord-chk-list li .agree-cont{padding:20px;}
.ord-chk-list li .agree-cont p{margin-bottom:5px;}
.ord-chk-list li .agree-cont p:last-child{margin-bottom:0;}
.ord-chk-list li .agree-cont p::before{content:""; display:inline-block; width:3px; height:3px; margin-right:5px; background-color:#333; border-radius:50%; vertical-align:middle;}

/* 제 3자 제공 동의 팝업 */
.layer-header .title{width:calc(100% - 30px);}
.policy-third{padding:20px; box-sizing:border-box;}
.third-list li{counter-increment: period; position: relative; margin-top:15px; padding-left: 20px;}
.third-list li::before{content: counter(period)" ."; display: block; clear: both; position: absolute; top: 0; left: 0; font-weight:600; letter-spacing: -1px;}
.third-list li .third-tit{font-weight:600;}
.third-bottom{margin-top:15px;}
.third-bottom p{margin-bottom:5px;}
.third-bottom p:last-child{margin-bottom:0;}





/* 1024이하 */
@media (max-width:1024px){
	.ord-chk-all{margin-bottom: 15px; }

}

/* 960이하 */
@media(max-width:960px){
	/* cart */
	.mc--cart .fixed-btn-group.mo .btn-big{display:block; width:100%;}	
	.mc--cart .fixed-btn-group.pc .btn-big{display:none;}
	
	/* order */
	.section-order{margin-bottom: 20px;}
	.order-header{padding: 10px ;}
	.order-header .title{font-size: 18px;}
	.inventory-check-wrapper{padding: 0 0 10px;}
	.mc--complete .order-receipt,
	.order-contents{padding:15px 0;}
	.final-pay{padding: 15px;}
	.agree-item{padding: 15px 0;}
	
	.mc--orderview .page-bottom .btn-full{width: 100% !important;}
	.mc--complete .page-bottom{padding: 20px 0;}
	.mc--complete .page-bottom .btn-group{width: 100%;}


}


/* 768이하 */
@media (max-width: 768px){
	.inventory-header,
	.inventory-list li,
	.mc--cart .inventory-bottom,
	.mc--cart .ordergroup-header,
	.inventory-receipt,
	.cart-receipt{padding: 15px 10px;}
	
	.zzim-inventory .inventory-list li,
	.mc--recently .inventory-list li{padding: 15px 0;}
	
	.inventory-thumb{width: 80px; height: 80px;}
	.inventory-info{width: calc(100% - 90px);}
	.inventory-btn .btn{margin: 10px auto 0; padding: 0 5px; font-size: 12px;}
	.inventory-option{font-size: 12px;}

	.receipt-total dt {font-size: 16px;	}
	.receipt-total dd strong { font-size: 16px; }

	/* mc--cart */
	.mc--cart .fixed-btn-group{ position: fixed;
		left: 0; bottom: 0;
		z-index: 4;
		width: 100%;
		padding: 0;
		background-color: #fff;
		box-sizing: border-box;
		display:block;}

	/* mc--order */
	.mc--order .agree-item input[type="checkbox"] + label { /* padding-bottom: 20px */ }

	/* mc--orderlist */
	.mc--orderlist .ordergroup-header,
	.mc--orderlist .ordergroup-inventory{padding: 10px;}
	.mc--orderlist .ordergroup-header button{margin-top: 20px;}
	.mc--orderlist .ordergroup-inventory .inventory-title{min-height: 80px;}

	/* mc--orderview */
	.mc--orderview .inventory-item{width: 100%;}
	.mc--orderview .inventory-info{width: calc(100% - 90px);}
	.mc--orderview .delivery-area{
		position: relative;
		float: none;
    clear: both;
    line-height: 24px;
    width: 100%;
    text-align: left;
		padding-top: 15px;
		padding-left: 90px;
		box-sizing: border-box;
		top: 0;
    right: auto;
		transform: translateY(0);
	}

	/* mc--recently */
	.recently-inventory .btn-group{right: 0; top: 15px;}

	/* 주문상세 */
	.mc--orderview .order-contents .dl-info > dt{width: 42%; font-size: 13px;}
	.mc--orderview .order-contents .dl-info > dd{width: 56%; font-size: 13px;}

	.pay-list li .text-guide{font-size: 13px;}

	/* 현금영수증 */
	.cash-receipt-area .radiobox input[type="radio"] + label{ width: 100%; margin-right: 0; margin-bottom: 10px;}
	.cash-receipt-area .radiobox input[type="radio"] + label:last-child{margin-bottom: 0;}
	.cash-receipt-form .select-type{width: 100%; margin-right: 0; float: none; clear: both; margin-bottom: 10px;}
	.cash-receipt-form .radiobox{width: 100%; float: none; clear: both;}
	.cash-receipt-form .radiobox .dash{margin: -2px 4px 0;}


}


/* 640이하 */
@media (max-width: 640px){

	/* 결제수단 */
	.wpay-wrap{margin: 30px 0 0;}
	.wpay-wrap .pay-con{margin-top: 20px;}
	.pay-type-warp .btn-area{position: initial; margin-top: 15px; text-align: right;}
	.btn-card-checked{right: 10px; top: 10px;}
	.w-pay{font-size: 16px !important;}
	.card-area.active .item-card{border: 3px solid #000;}
	.card-area.active .item-card::after{font-size: 13px;}
	.card-area .btn-delet{right: 10px; bottom: 20px;}
	.card-txt{padding: 8px 10px;}
	.card-num{font-size: 12px;}
	.card-add-txt ul li a{font-size: 12px;}
	.wpay-wrap .swiper-button-prev{left: 0;}
	.wpay-wrap .swiper-button-next{right: 0;}
	

	/* 일반결제 */
	.pay-list li button{height: 50px;}
	
	.pay-info{padding: 12px;}
	.pay-info dl{flex-direction: column; align-items: flex-start; margin-bottom: 10px;}
	.pay-info dl dt{width: 100%; padding-right: 0; margin-bottom: 5px;}
	.pay-info dl dd{width: 100%;}

}

/* 425이하 */
@media(max-width:425px) {
	.mc--complete .complete-text { font-size: 18px; padding: 30px 20px;}

	.section-order{margin-bottom: 10px;}
	.order-header .title{font-size: 16px;}

	.receipt-total dt{font-size: 14px; width: 50%;}
	.receipt-total dd{font-size: 16px; width: 50%;}

	.mc--cart .inventory-thumb { width: 80px; height: 80px; }
	.mc--cart .inventory-thumb + .inventory-info { width: calc(100% - 90px); }
	
	.recently-inventory .inventory-thumb { width: 80px; height: 80px; }
	.recently-inventory .inventory-item { width: calc(100% - 150px); }

	.zzim-inventory .inventory-thumb { width: 80px; height: 80px; }
	.zzim-inventory .inventory-item { width: calc(100% - 115px); }


	/* 장바구니 적립율 */
	.marking-area.cart-marking { width: calc(100% - 120px); transform: translateX(120px); }



 }/* 반응형 끝 */