@charset "utf-8";

/* =================================
*   주문관련 order 폴더 css
*   2021-01-22 작성
================================== */


@media (min-width: 1024px) {




/* inventory-receipt */
.inventory-receipt {padding: 15px 15px; border-top: 1px solid #ddd; box-sizing: border-box; background-color: #e1ebe4; }
.inventory-receipt:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-receipt .receipt-group {float: right; }
.inventory-receipt .receipt-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-receipt .receipt-group .mobile {display: none; }
.inventory-receipt .receipt-info,
.inventory-receipt .receipt-total {float: left; text-align: right; }

.inventory-receipt .receipt-info + .receipt-info {margin-left: 10px; padding-left: 36px; background-image: url("/AppData/images/site/icon/plus_gray.png"); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; }
.inventory-receipt .receipt-info + .receipt-info.minus {background-image: url("/AppData/images/site/icon/minus_gray.png");}
.inventory-receipt .receipt-total {margin-left: 10px; padding-left: 36px;background-image: url("/AppData/images/site/icon/equal_gray.png"); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; }

.inventory-receipt dt {float: left; font-size: 13px; line-height: 26px; margin-bottom: 0; margin-right: 16px; }
.inventory-receipt dd {float: left; font-size: 13px; line-height: 26px; font-weight: 700; }

.total-receipt-wrapper {margin: 20px 0 30px; width: 100%; border: 1px solid #bbb; background-color: #fff; padding: 0; display: table; table-layout: fixed; }

.total-receipt-wrapper .receipt-group {display: table-row; }

.total-receipt-wrapper .receipt-info {position: relative; padding: 0; display: table-cell; }
.total-receipt-wrapper .receipt-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.total-receipt-wrapper .receipt-info + .receipt-info {padding: 20px 33px; border-left: 1px solid #bbb; }
.total-receipt-wrapper .receipt-info:first-child {padding: 20px 33px 20px 20px; }

.total-receipt-wrapper dt {float: none; font-size: 14px; margin-bottom: 10px; }
.total-receipt-wrapper dd {float: none; text-align: right; font-size: 14px; }
.total-receipt-wrapper dd strong {font-size: 20px; font-weight: 700; }

.total-receipt-wrapper .receipt-total {position: relative; display: table-cell; border-top: 0; border-left: 1px solid #bbb; padding: 20px 20px 20px 33px; }
.total-receipt-wrapper .receipt-total:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.total-receipt-wrapper .receipt-total dd {color: #36458d; }

.total-receipt-wrapper .icon {position: absolute; top: 50%; left:
  0; display: inline-block; width: 26px; height: 26px; margin-top: -13px; margin-left: -13px; background-image: url("/Appdata/images/site/icon/plus_black.png"); background-repeat: no-repeat; background-position: center; background-size: 26px 26px; }
.total-receipt-wrapper .receipt-info.minus .icon {background-image: url("/Appdata/images/site/icon/minus_black.png"); }
.total-receipt-wrapper .receipt-info .mobile {display: none; }

.total-receipt-wrapper .receipt-info:first-child .icon {display: none; }
.total-receipt-wrapper .receipt-total .icon {background-image: url("/Appdata/images/site/icon/equal_black.png");}


.fm--order .inventory-info .site:hover,
.fm--order .inventory-info .title:hover {text-decoration: none; }



/* =======================================================
  교환반품신청
========================================================*/
.fm--claim .inventory-item {position: relative; }
.fm--claim .inventory-item .inventory-number {position: absolute; bottom: 20px; right: 0; }
.fm--claim .inventory-item .selectbox {display: inline-block; width: 80px; }
.fm--claim .inventory-number label {font-size: 13px; color: #777;}



}



/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1024px) {
}


/*
  ##Device = mobile
  ##Screen = B/w 320px to 425px
*/
@media (min-width: 320px) and (max-width: 767px) {

/* =======================================================
  order
========================================================*/
/* 결제 합산 */
.inventory-receipt .receipt-group {width: 100%; }
.inventory-receipt .receipt-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-receipt .receipt-info,
.inventory-receipt .receipt-total {float: none; margin-left: 0; }
.inventory-receipt .receipt-total {background-image: url("/AppData/images/site/icon/equal_gray.png"); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; }
.inventory-receipt .receipt-total dd {font-size: 16px; }




/* 결제수단 */
.fm--order .order-method ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--order .order-method ul li {float: none; display: block; margin: 0; }
.fm--order .order-method ul li + li {margin-top: 10px; }
.fm--order .order-method .form-wrapper {padding: 20px 0; }

.inventory-receipt dt {float: left; font-size: 13px; line-height: 26px; margin-bottom: 0; margin-right: 16px; }
.inventory-receipt dd {float: right; font-size: 13px; line-height: 26px; font-weight: 700; }



/* 결제 약관동의 */
.fm--order.guest .agreement-checklist .panel-white {height: 300px; border-left: 0; border-right: 0; }
.fm--order.guest .agreement-checklist .check-group {margin-top: 10px; padding: 0 10px; box-sizing: border-box; }





/* =======================================================
  주문완료
========================================================*/
.fm--complete .section-complete {border-bottom: 1px solid #ddd; }







/* =======================================================
  주문내역
========================================================*/
.fm--orderlist .nodata {padding: 200px 0; }
.fm--orderlist .pagination-wrapper {margin-top: 20px; }


/* orderdetail
-----------------------------------------------------*/
.fm--order.orderdetail .inventory-info .condition {margin-top: 10px; font-size: 13px; }

.fm--order.orderdetail .inventory-btn {float: left; margin: 10px 0 10px; }
.fm--order.orderdetail .inventory-btn .btn {width: 70px; }
.fm--order.orderdetail .inventory-btn .btn + .btn {margin-left: 0; }

.fm--order.orderdetail .inventory-coupon {float: right; }
.fm--order.orderdetail .inventory-coupon .coupon-sale {float: none; clear: both; }





/* =======================================================
  교환신청
========================================================*/
.fm--claim .form-wrapper {border-bottom: 1px solid #e0e0e0; }
.fm--claim .inventory-number {float: none; clear: both; padding-top: 10px; }
.fm--claim .inventory-number .selectbox {margin-left: 0; }





/* =======================================================
  관심상품
========================================================*/
.fm--zzim .section-zzim .inventory-price {padding-left: 67px; }


}



/*
  ##Device = Low Resolution Tablets, Mobiles
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  /* 결제 약관동의 */
.fm--order.guest .agreement-checklist .panel-white {height: 300px; border-left: 0; border-right: 0; }
.fm--order.guest .agreement-checklist .check-group {margin-top: 10px; padding: 0 10px; box-sizing: border-box; }




/* =======================================================
  주문완료
========================================================*/
.fm--complete .section-complete {border-bottom: 1px solid #ddd; }





/* =======================================================
  교환신청
========================================================*/
.fm--claim .form-wrapper {border-bottom: 1px solid #e0e0e0; }
.fm--claim .inventory-number {float: none; clear: both; padding-top: 10px; }
.fm--claim .inventory-number .selectbox {margin-left: 0; }

}



/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

.inventory-thumb {width: 120px; height: 120px; }
.inventory-info {width: calc(100% - 120px); }




/* =======================================================
  order
========================================================*/
/* inventory-group
-----------------------------------------------------*/
.fm--order .inventory-list ul {display: table; width: 100%; }
.fm--order .inventory-list li {display: table-row; }
.fm--order .inventory-part {float: none; clear: both; display: table-cell; width: 100px; padding: 20px 0; vertical-align: middle; }

.fm--order .inventory-item {width: calc(100% - 120px); }

.fm--order .inventory-thumb {width: 120px; height: 120px;}

.fm--order .inventory-info {width: calc(100% - 140px); }
.fm--order .inventory-info .condition {margin-top: 5px; }

.fm--order .inventory-counter {width: 130px; text-align: right; }
.fm--order .inventory-coupon {text-align: right; }





/* 결제수단 */
.fm--order .order-method ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--order .order-method ul li {float: left; }
.fm--order .order-method ul li + li {margin-left: 20px; }
.fm--order .order-method .form-wrapper {padding: 20px 0; }


/* 결제 약관동의 */
.fm--order.guest .agreement-checklist .panel-white {height: 300px; border-left: 0; border-right: 0; }
.fm--order.guest .agreement-checklist .check-group {margin-top: 10px; padding: 0 10px; box-sizing: border-box; }






/* =======================================================
  주문완료
========================================================*/
.fm--complete .section-complete {border-bottom: 1px solid #ddd; }





/* =======================================================
  주문내역
========================================================*/
/* orderdetail
-----------------------------------------------------*/
.fm--order.orderdetail .inventory-price {width: 100px; }
.fm--order.orderdetail .inventory-btn {width: 100px; }
.fm--order.orderdetail .inventory-btn .btn {margin-left: 0; }
.fm--order.orderdetail .inventory-btn .btn + .btn {margin-top: 5px; }

.fm--order.orderdetail .inventory-coupon .coupon-title {display: block; }
.fm--order.orderdetail .inventory-coupon .coupon-sale {float: none; clear: both; }





/* =======================================================
  교환신청
========================================================*/
.fm--claim .form-wrapper {border-bottom: 1px solid #e0e0e0; }





/* =======================================================
  관심상품
========================================================*/
.fm--zzim .section-zzim .inventory-price {padding-left: 130px; }





/* =======================================================
  최근 본 상품
========================================================*/
.fm--recently .section-recently .inventory-price {padding-left: 130px; }

.fm--recently .section-recently .inventory-btn {position: absolute; right: 0; bottom: 20px; }

}




/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.inventory-thumb {width: 120px; height: 120px; }
.inventory-info {width: calc(100% - 120px); }




/* =======================================================
  order
========================================================*/
/* inventory-group
-----------------------------------------------------*/
.fm--order .inventory-list ul {display: table; width: 100%; }
.fm--order .inventory-list li {display: table-row; }
.fm--order .inventory-part {float: none; clear: both; display: table-cell; width: 100px; padding: 20px 0; vertical-align: middle; }

.fm--order .inventory-item {width: calc(100% - 120px); }

.fm--order .inventory-thumb {width: 120px; height: 120px;}

.fm--order .inventory-info {width: calc(100% - 140px); }
.fm--order .inventory-info .condition {margin-top: 5px; }

.fm--order .inventory-counter {width: 130px; text-align: right; }
.fm--order .inventory-coupon {width: 120px; text-align: right; }

.fm--order .inventory-counter {width: 130px; text-align: right; }
.fm--order .inventory-coupon {text-align: right; }




/* 결제수단 */
.fm--order .order-method ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--order .order-method ul li {float: left; }
.fm--order .order-method ul li + li {margin-left: 20px; }
.fm--order .order-method .form-wrapper {padding: 20px 0; }


/* 결제 약관동의 */
.fm--order.guest .agreement-checklist .panel-white {height: 300px; border-left: 0; border-right: 0; }
.fm--order.guest .agreement-checklist .check-group {margin-top: 10px; padding: 0 10px; box-sizing: border-box; }





/* orderdetail
-----------------------------------------------------*/
.fm--order.orderdetail .inventory-price {width: 100px; }
.fm--order.orderdetail .inventory-btn {width: 100px; }

.fm--order .inventory-counter {width: 130px; text-align: right; }
.fm--order .inventory-coupon {text-align: right; }





/* =======================================================
  교환신청
========================================================*/
.fm--claim .form-wrapper {border-bottom: 1px solid #e0e0e0; }





/* =======================================================
  관심상품
========================================================*/
.fm--zzim .section-zzim .inventory-price {padding-left: 130px; }





/* =======================================================
  최근 본 상품
========================================================*/
.fm--recently .section-recently .inventory-price {padding-left: 130px; }

.fm--recently .section-recently .inventory-btn {position: absolute; right: 0; bottom: 20px; }

}


/*
  ##Device = Laptops, Desktops common
  ##Screen = B/w 1024px to
*/
@media (min-width: 1024px)  {

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

/* 인벤토리 전체선택 & 선택삭제 */
.inventory-check-wrapper {padding: 15px 5px 10px; }


/* inventory-group
-----------------------------------------------------*/
.inventory-group {border: 1px solid #ccc; border-top: 1px solid #aaa; background-color: #fff; }
.inventory-group + .inventory-group {margin-top: 20px; }


/* inventory-header */
.inventory-header {padding: 15px 20px; }
.inventory-header .checkbox label {margin-left: 8px; }

.inventory-header .checkbox .text-guide {display: inline-block; margin-left: 10px; padding-left: 11px; background: url("/AppData/images/site/common/split.png") no-repeat left 1px; vertical-align: middle;  }


/* inventory-list */
.inventory-list {padding: 0 20px; }
.inventory-list ul {display: table; width: 100%; }
.inventory-list li {display: table-row; }

.inventory-part {display: table-cell; float: none; clear: both; padding: 20px 0; vertical-align: middle; text-align: center; }

.inventory-checkbox {width: 30px; vertical-align: top; text-align: left; }

.inventory-item {width: 100%; text-align: left; vertical-align: top; }

.inventory-thumb {width: 120px; height: 120px;}

.inventory-info {width: calc(100% - 120px); padding: 10px 20px 0 10px; }
.inventory-info .marking {margin-bottom: 10px; }
.inventory-info .site:hover {text-decoration: underline; }
.inventory-info .title {font-size: 14px; color: #222; }
.inventory-info .title:hover {text-decoration: underline; }
.inventory-info .option {font-size: 12px; margin-top: 10px; }
.inventory-info .price {font-size: 12px; margin-top: 10px; }
.inventory-info .condition {font-size: 13px; margin-top: 10px; }

.inventory-counter {width: 320px; }

.inventory-quantity {display: table-cell; float: none; width: 160px; vertical-align: middle; }

.inventory-price {display: table-cell; width: 160px; float: none; vertical-align: middle; }

.inventory-delete {display: table-cell; position: static; width: 50px; text-align: right; vertical-align: middle; }
.inventory-delete .btn-delete {margin-top: -8px; }
.inventory-delete .btn-delete:hover {background-color: transparent; }

.inventory-btn {display: table-cell; width: 100px; vertical-align: middle; }
.inventory-btn:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-btn .btn {display: block; float: right;}
.inventory-btn .btn + .btn {margin: 5px auto 0; }






/* =======================================================
  장바구니
========================================================*/
.fm--cart {background: #fff; }
.fm--cart .container-inner {padding: 0 15px 100px; box-sizing: border-box; }

.fm--cart .inventory-item {width: calc(100% - 398px); } /* checkbox + counter + delete width*/

/* 배송비 - 장바구니*/
.inventory-header .delivery-tip {position: relative; float: right;  font-size: 12px; line-height: 20px; }
.inventory-header .delivery-tip span {padding-left: 18px; background-image: url("/AppData/images/site/icon/delivery_box_on.png"); background-repeat: no-repeat; background-position: left center; background-size: 14px 14px; color: #36458d; }
.inventory-header .delivery-tip span.free {color: #666; background-image: url("/AppData/images/site/icon/delivery_box.png"); }


/* 배송비 툴팁박스 - 장바구니*/
.inventory-header .tooltip-box {position: absolute; display: block; left: 50%; top: 100%; transform: translateX(-50%); }
.inventory-header .tooltip-box .tooltip-arrow {display: block; width: 8px; height: 7px; background-image: url("/Appdata/images/site/sub/cart_tooltip.png"); background-repeat: no-repeat; margin: 0 auto; }
.inventory-header .tooltip-box .tooltip-text {display: block; padding: 5px 15px 3px; background-color: #4a4a4a; white-space: nowrap; color: #eee; }
.inventory-header .tooltip-box .tooltip-text strong {color: #ffda21; }




/* =======================================================
  주문하기
========================================================*/
.fm--order {background-color: #fff; }
.fm--order .container-inner {padding: 0 15px 100px; box-sizing: border-box; }
.fm--order .order-contents {padding: 0 0; box-sizing: border-box; border-bottom: 0; }

.fm--order .inventory-group:last-child {border-bottom-width: 1px; }

.fm--order .inventory-item {width: calc(100% - 120px); }  /* inventory-coupon */

.fm--order .inventory-coupon {width: 120px; padding: 0 10px; text-align: right; }
.fm--order .inventory-coupon .coupon-sale {float: none; display: block; margin-left: 0; margin-bottom: 10px;  }
.fm--order .inventory-coupon .btn {float: none; }

.fm--order .order-method {width: 100%; padding: 30px 20px; border: 1px solid #ccc; }
.fm--order .order-method ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--order .order-method ul li {float: left; }
.fm--order .order-method ul li + li {margin-left: 40px; }


.fm--order.guest .inventory-counter {width: 120px;}
.fm--order.guest .inventory-item {width: calc(100% - 120px); }
.fm--order.guest .agreement-checklist .panel-white {height: 300px; padding: 20px 20px; }
.fm--order.guest .agreement-checklist .check-group {padding: 0 10px; box-sizing: border-box; margin-top: 10px; }




/* =======================================================
  주문내역
========================================================*/
.fm--orderlist {background-color: #fff; }

.ordergroup {width: 100%; padding: 0; box-sizing: border-box; border: 1px solid #ccc; border-top: 1px solid #aaa; }

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

.ordergroup-header .btn-goto {font-size: 14px; }

.ordergroup-inventory {padding: 30px 30px; }
.ordergroup-inventory:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.ordergroup-inventory .inventory-thumb {width: 200px; height: 200px; float: left; margin-right: 20px; }
.ordergroup-inventory .inventory-thumb img {width: 200px; height: 200px; }

.ordergroup-inventory .inventory-item {float: left; width: 818px; }

.ordergroup-inventory .inventory-site {color: #36458d; font-size: 14px; display: inline-block; margin-bottom: 5px; }
.ordergroup-inventory .inventory-title {display: block; }




/* =======================================================
  최근본 상품
========================================================*/
.inventory-container .nodata {padding: 200px 0; }
.fm--recently {background-color: #fff; }
.fm--recently .text-guide {text-align: left; }

.section-recently .inventory-group {border-top-width: 1px; }
.section-recently .inventory-item {width: calc(100% - 282px); }
/* checkbox + counter + inventory-btn */

.section-recently .inventory-price {width: 160px; text-align: center; vertical-align: middle; padding-left: 0; }
.section-recently .inventory-btn {width: 100px; text-align: right; }



/* =======================================================
  관심상품
========================================================*/
.inventory-container .nodata {padding: 200px 0; }
.fm--zzim {background-color: #fff; }
.fm--zzim .text-guide {text-align: left; }

.fm--zzim .inventory-item {width: calc(100% - 232px); }
/* checkbox + price + inventory-delete */
.fm--zzim .inventory-price {text-align: center; padding-left: 0;} /*체크박스 있는경우 */



}


/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1024px to 1099px
*/


@media (min-width: 1024px) and (max-width: 1099px) and (hover:hover) {



}


/*
  ##Device = Desktops
  ##Screen = B/w 1200px to
*/
@media (min-width: 1200px) {}


@media (max-width:425px){
  .fm--cart .page-bottom .btn-group .btn-half { float: none; width: 100%; }
  .fm--cart .page-bottom .btn-group .btn-half + .btn-half { margin-left: 0; margin-top: 10px; }
}