@charset "utf-8";

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


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

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


/* 인벤토리 공통 */
.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 {border-top: 1px solid #aaa; border-bottom: 1px solid #ccc; background-color: #fff; }
.inventory-group + .inventory-group {margin-top: 10px; }


/* inventory-header */
.inventory-header {padding: 15px 15px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.inventory-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.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-header label,
.inventory-header p {font-size: 14px; font-weight: 400; color: #222; }


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

.inventory-checkbox {float: left; display: inline-block; width: 22px; }

.inventory-item {float: left; display: inline-block; width: 100%; }

.inventory-thumb {float: left; width: 80px; height: 80px; border: 1px solid #e0e0e0; box-sizing: border-box; overflow: hidden; }
.inventory-thumb img {display: block; width: 100%; height: 100%; }

.inventory-info {float: left; width: calc(100% - 80px); padding: 0 0 0 6px; box-sizing: border-box; }

.inventory-info .marking {float: left; margin-right: 4px; margin-bottom: 6px;}

.inventory-info .site {font-size: 13px; color: #36458d; margin-bottom: 4px; }
.inventory-info .title {display: block; font-size: 13px; line-height: 18px; color: #000; width: 100%; word-break: break-all; word-wrap: break-word; white-space: normal; text-align: left; }
.inventory-info .option {font-size: 11px; color: #999; margin-top: 4px; }
.inventory-info .price {font-size: 11px; color: #999; margin-top: 4px; }
.inventory-info .quantity {font-size: 11px; color: #999; margin-top: 4px; }
.inventory-info .condition {font-weight: 700; color: #444; }

.inventory-info .receipt .quantity {margin-left: 10px; }



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

.inventory-quantity {float: left; }


.inventory-counter {padding: 10px 0 0 0; }

.inventory-price {float: right; }
.inventory-price .price {display: inline-block; font-size: 13px; line-height: 30px; color: #222; vertical-align: middle; }
.inventory-price .price strong {font-size: 18px; font-weight: 700;}

.inventory-coupon {padding-left: 66px; box-sizing: border-box; }
.inventory-coupon:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-coupon .coupon-group {display: inline-block;}
.inventory-coupon .coupon-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-coupon .coupon-sale {float: left; margin-left: 10px;  font-size: 11px; color: #36458d; }
.inventory-coupon .coupon-sale em {font-style: normal; line-height: 28px; }
.inventory-coupon .btn {float: left; }


.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 {display: block; width: 100%; vertical-align: middle; }
.inventory-btn .btn {display: inline-block; margin: 0 auto; width: 80px; }
.inventory-btn .btn + .btn {margin-left: 5px; }


/* 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: inline; }
.inventory-receipt .receipt-info,
.inventory-receipt .receipt-total {float: left; text-align: right; margin-left: 4px; }
.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 dt{font-weight: 700; color: #222; }


.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; }




/* =======================================================
	장바구니
========================================================*/
.fm--cart {background-color: #f5f5f5; }
.fm--cart .inventory-item {width: calc(100% - 22px); } /* 전체-체크박스 */

.fm--cart .inventory-info {padding-right: 22px; } /*옆에 삭제 버튼 있을경우 */
.fm--cart .inventory-counter {padding-left: 22px; } /*체크박스 있는경우 */




/* =======================================================
	주문하기
========================================================*/
.fm--order {background-color: #f5f5f5; }

.fm--order .section-order {margin-top: 40px; }
.fm--order .section-order:first-of-type {margin-top: 0; }
.fm--order .order-contents {padding: 0 0; box-sizing: border-box; border-bottom: 1px solid #ccc; background-color: #fff; }

.fm--order .title-area {background-color: #333; padding: 10px 15px; box-sizing: border-box; }
.fm--order .title-area .title {font-size: 16px; float: left; color: #fff; font-weight: 400; }
.fm--order .title-area .peep {float: right; padding-top: 5px; margin-left: 10px; display: inline-block; color: #eee; }


.fm--order .input-email-group .input-text {margin-bottom: 0; }

.fm--order .section-total {margin-top: 40px; }
.fm--order .total-receipt-wrapper {margin-top: 0; border-top: none; }


.fm--order .order-method {width: 100%; padding: 20px 15px; }
.fm--order .order-method ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--order .order-method ul li {margin: 20px 20px;display: block; }



/* =======================================================
	주문완료
========================================================*/
.fm--complete .page-header .subtitle {font-size: 14px; margin-top: 10px; }

.fm--complete .order-complete {padding: 20px 15px; }
.fm--complete .order-complete + .order-complete {border-top: 1px solid #e3e3e3; }
.fm--complete .dl-table + .dl-table {margin-top: 10px; }

.fm--complete .order-complete.total dt {font-size: 15px; font-weight: 700; color: #36458d; }
.fm--complete .order-complete.total dd {font-size: 15px; font-weight: 700; color: #36458d; }








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

.fm--orderlist .nodata {width: 100%; padding: 100px 0; }
.fm--orderlist .nodata p {text-align: center; color: #666; font-size: 14px; }


.ordergroup {width: 100%; padding: 0; box-sizing: border-box; background-color: #fff; margin-top: 10px; border: 1px solid #ddd; border-left: 0; border-right: 0; }


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

.ordergroup-header .date {float: left; font-style: normal; color: #36458d; line-height: 20px; font-size: 13px; }
.ordergroup-header .order-number {float: left; font-size: 13px; margin-left: 10px; line-height: 20px; }
.ordergroup-header .btn-goto {float: right; padding-right: 15px; line-height: 20px; background-position: right -11px center;  }

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

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

.ordergroup-inventory .inventory-item {float: left; width: calc(100% - 100px); }

.ordergroup-inventory .inventory-site {color: #36458d; font-size: 13px; display: block; margin-bottom: 5px; text-align: left; }
.ordergroup-inventory .inventory-title {font-size: 14px; display: block;}
.ordergroup-inventory .inventory-info {margin-top: 15px; padding-left: 0; }
.ordergroup-inventory .inventory-info em {font-style: normal; }


/* 상세 */






/* =======================================================
	최근본 상품
========================================================*/
.fm--recently {background-color: #f5f5f5; }
.fm--recently .text-guide {text-align: center; }

.section-recently {margin-bottom: 20px; }

.section-recently .inventory-group {border-top-width: 0; }
.section-recently .inventory-item {width: calc(100% - 22px); } /* 전체-체크박스 */

.section-recently .inventory-price {float: none; text-align: left; padding-left: 66px; } /* 이미지 만큼만 */
.section-recently .sale {display: inline-block; margin-left: 5px; color: #36458d; font-weight: 700; }

.section-recently .price strong {font-size: 14px; }
.section-recently .inventory-btn {text-align: right; }





/* =======================================================
	관심상품
========================================================*/
.fm--zzim {background-color: #f5f5f5; }
.fm--zzim .text-guide {text-align: center; }

.section-zzim {margin-bottom: 20px; }
.section-zzim .inventory-item {width: calc(100% - 22px); } /* 전체-체크박스 */

.section-zzim .inventory-info {padding-right: 22px; } /*옆에 삭제 버튼 있을경우 */
.section-zzim .inventory-price {float: none; text-align: left; padding-left: 88px;} /*체크박스 있는경우 */
.section-zzim .price strong {font-size: 14px; }
.section-zzim .sale {display: inline-block; margin-left: 5px; color: #36458d; font-weight: 700; }




/* =======================================================
	교환반품신청
========================================================*/
.fm--claim .section-order {margin-top: 40px; }
.fm--claim .form-wrapper .selectbox + .input-text {margin-top: 5px; }
.fm--claim .form-wrapper .selectbox + .textarea {margin-top: 5px; }





@charset "utf-8";

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


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

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


/* 인벤토리 공통 */
.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 {border-top: 1px solid #aaa; border-bottom: 1px solid #ccc; background-color: #fff; }
.inventory-group + .inventory-group {margin-top: 10px; }


/* inventory-header */
.inventory-header {padding: 15px 15px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.inventory-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.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-header label,
.inventory-header p {font-size: 14px; font-weight: 400; color: #222; }


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

.inventory-checkbox {float: left; display: inline-block; width: 22px; }

.inventory-item {float: left; display: inline-block; width: 100%; }

.inventory-thumb {float: left; width: 80px; height: 80px; border: 1px solid #e0e0e0; box-sizing: border-box; overflow: hidden; }
.inventory-thumb img {display: block; width: 100%; height: 100%; }

.inventory-info {float: left; width: calc(100% - 80px); padding: 0 0 0 6px; box-sizing: border-box; }

.inventory-info .marking {float: left; margin-right: 4px; margin-bottom: 6px;}

.inventory-info .site {font-size: 13px; color: #36458d; margin-bottom: 4px; }
.inventory-info .title {display: block; font-size: 13px; line-height: 18px; color: #000; width: 100%; word-break: break-all; word-wrap: break-word; white-space: normal; text-align: left; }
.inventory-info .option {font-size: 11px; color: #999; margin-top: 4px; }
.inventory-info .price {font-size: 11px; color: #999; margin-top: 4px; }
.inventory-info .quantity {font-size: 11px; color: #999; margin-top: 4px; }

.inventory-info .receipt .quantity {margin-left: 10px; }



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

.inventory-quantity {float: left; }


.inventory-counter {padding: 10px 0 0 0; }

.inventory-price {float: right; }
.inventory-price .price {display: inline-block; font-size: 13px; line-height: 30px; color: #222; vertical-align: middle; }
.inventory-price .price strong {font-size: 18px; font-weight: 700;}

.inventory-coupon {padding-left: 66px; box-sizing: border-box; }
.inventory-coupon:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-coupon .coupon-group {display: inline-block;}
.inventory-coupon .coupon-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-coupon .coupon-sale {float: left; margin-left: 10px;  font-size: 11px; color: #36458d; }
.inventory-coupon .coupon-sale em {font-style: normal; line-height: 28px; }
.inventory-coupon .btn {float: left; }


.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 {display: block; width: 100%; vertical-align: middle; }
.inventory-btn .btn {display: inline-block; margin: 0 auto; width: 80px; }
.inventory-btn .btn + .btn {margin-left: 5px; }


/* 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: inline; }
.inventory-receipt .receipt-info,
.inventory-receipt .receipt-total {float: left; text-align: right; margin-left: 4px; }
.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 dt,
.inventory-receipt .receipt-total dd {font-weight: 700; color: #222; }


.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; }




/* =======================================================
	장바구니
========================================================*/
.fm--cart {background-color: #f5f5f5; }
.fm--cart .inventory-item {width: calc(100% - 22px); } /* 전체-체크박스 */

.fm--cart .inventory-info {padding-right: 22px; } /*옆에 삭제 버튼 있을경우 */
.fm--cart .inventory-counter {padding-left: 22px; } /*체크박스 있는경우 */




/* =======================================================
	주문하기
========================================================*/
.fm--order {background-color: #f5f5f5; }

.fm--order .section-order {margin-top: 40px; }
.fm--order .section-order:first-of-type {margin-top: 0; }
.fm--order .order-contents {padding: 0 0; box-sizing: border-box; border-bottom: 1px solid #ccc; background-color: #fff; }

.fm--order .title-area {background-color: #333; padding: 10px 15px; box-sizing: border-box; }
.fm--order .title-area .title {font-size: 16px; float: left; color: #fff; font-weight: 400; }
.fm--order .title-area .peep {float: right; padding-top: 5px; margin-left: 10px; display: inline-block; color: #eee; }


.fm--order .input-email-group .input-text {margin-bottom: 0; }

.fm--order .section-total {margin-top: 40px; }
.fm--order .total-receipt-wrapper {margin-top: 0; border-top: none; }


.fm--order .order-method {width: 100%; padding: 20px 15px; }
.fm--order .order-method ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--order .order-method ul li {display: block; margin: 20px 20px;}





/* =======================================================
	주문완료
========================================================*/
.fm--complete .page-header .subtitle {font-size: 14px; margin-top: 10px; }

.fm--complete .order-complete {padding: 20px 15px; }
.fm--complete .order-complete + .order-complete {border-top: 1px solid #e3e3e3; }
.fm--complete .dl-table + .dl-table {margin-top: 10px; }

.fm--complete .order-complete.total dt {font-size: 15px; font-weight: 700; color: #36458d; }
.fm--complete .order-complete.total dd {font-size: 15px; font-weight: 700; color: #36458d; }





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

.fm--orderlist .nodata {width: 100%; padding: 100px 0; }
.fm--orderlist .nodata p {text-align: center; color: #666; font-size: 14px; }


.ordergroup {width: 100%; padding: 0; box-sizing: border-box; background-color: #fff; margin-top: 10px; border: 1px solid #ddd; border-left: 0; border-right: 0; }


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

.ordergroup-header .date {float: left; font-style: normal; color: #36458d; line-height: 20px; font-size: 13px; }
.ordergroup-header .order-number {float: left; font-size: 13px; margin-left: 10px; line-height: 20px; }
.ordergroup-header .btn-goto {float: right; padding-right: 15px; line-height: 20px; background-position: right -11px center;  }

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

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

.ordergroup-inventory .inventory-item {float: left; width: calc(100% - 100px); }

.ordergroup-inventory .inventory-site {color: #36458d; font-size: 13px; display: block; margin-bottom: 5px; text-align: left; }
.ordergroup-inventory .inventory-title {font-size: 14px; display: block;}
.ordergroup-inventory .inventory-info {margin-top: 15px; padding-left: 0; }
.ordergroup-inventory .inventory-info em {font-style: normal; }


/* 상세 */






/* =======================================================
	최근본 상품
========================================================*/
.fm--recently {background-color: #f5f5f5; }
.fm--recently .text-guide {text-align: center; }

.section-recently {margin-bottom: 20px; }

.section-recently .inventory-group {border-top-width: 0; }
.section-recently .inventory-item {width: calc(100% - 22px); } /* 전체-체크박스 */

.section-recently .inventory-price {float: none; text-align: left; padding-left: 66px; } /* 이미지 만큼만 */
.section-recently .sale {color: #36458d; font-weight: 700; }

.section-recently .price strong {font-size: 14px; }
.section-recently .inventory-btn {text-align: right; }





/* =======================================================
	관심상품
========================================================*/
.fm--zzim {background-color: #f5f5f5; }
.fm--zzim .text-guide {text-align: center; }

.section-zzim {margin-bottom: 20px; }
.section-zzim .inventory-item {width: calc(100% - 22px); } /* 전체-체크박스 */

.section-zzim .inventory-info {padding-right: 22px; } /*옆에 삭제 버튼 있을경우 */
.section-zzim .inventory-price {float: none; text-align: left; padding-left: 88px;} /*체크박스 있는경우 */
.section-zzim .price strong {font-size: 14px; }