/*modal style*/
.modal-layer { display: none; position: fixed; top: 50%; left: 50%; z-index: 200; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 700px; max-height: 95%; padding: 40px 40px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-sizing: border-box; background: #fff; overflow-y: auto; }
.dim-layer { display: none; position: fixed; _position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; }
.dim-layer-on { display: block; }
.dim-layer .dim-bg { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background-color: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.dim-layer .modal-layer { display: block; }

.modal-layer .top-title { margin-bottom: 20px; font-size: 18px; font-weight: 600; color: #2d2d2d; letter-spacing: -1px; }
.modal-layer .box { margin-bottom: 30px; padding: 20px; border: 1px solid #eee; border-radius: 6px; box-sizing: border-box; }
.modal-layer .box-category .list-frm > li:last-child { padding-bottom: 15px; box-sizing: border-box; }


/*등록할 관련상품 선택 모달창*/
.modal-layer-itemselect .box .list-ck2 { height: 160px; overflow-y: auto; }
.modal-layer-itemselect .box .btn-custom2 { margin: 20px auto 0; }

/* 배송정보 변경 팝업 */
.background-order { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 1000; z-index: -1; opacity: 0; }
.show-use-order { opacity: 1; z-index: 1000000; transition: all 0.5s; }
.window-order { position: relative; width: 100%; height: 100%; }  
.popup-order { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); width: 30%; height: 53%; }
.show-use-order .popup-order { transition: all 0.5s; }

.ico-close { margin-top: 30px; margin-left: 90%; cursor: pointer; width: 24px; }
.pop-title-order { width: 90%; margin: 0 auto; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #040404; font-weight: 700; font-size: 15px; line-height: 22px; color: #000000; }
.pop-sub-title-order { font-weight: 600; font-size: 20px; line-height: 53px; color: #3D3D3D; width: 80%; margin: 0 auto; padding-top: 20px; } 
.inner-contents-order { position: relative; width: 90%; margin: 0 auto; }
.inner-contents-order p { font-size: 14px; color: #848484; } 
.close { background-color: transparent; width: 100%; margin-top: 20px; font-weight: 700; font-size: 28px; line-height: 53px; color: #002E6A; }

.background-order .order-cus-info { width: 100%; padding: 18px 0 0 0;  }
.background-order .cus-info-title { width: 130px; text-align: center; display: flex; justify-content: center; align-items: center; }

.background-order .order-cus-info input { width: 260px; height: 40px; border-radius: 5px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; margin-bottom: 4px; border: 1px solid #E5E5E5; font-weight: 400; font-size: 15px; line-height: 22px; color: #848484; }
.background-order .order-cus-info input::placeholder { font-size: 12px; }

.popup-addr { display: grid; }
.addr-top { display: flex; }
.addr-top input { width: 260px; }

.addr-btn { cursor: pointer; margin-left: 14px; width: 82px; height: 40px; background: #FFFFFF; border: 1px solid #002E6A; border-radius: 4px; font-weight: 700; font-size: 13px; line-height: 19px; color: #002E6A; }
.addr-btn span { height: 40px; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 13px; line-height: 19px; color: #002E6A; }
.addr-btn:hover { background-color: #002E6A; }
.addr-btn:hover span { color: #fff; }

.popup-btn { margin-top: 38px; text-align: center; }
.popup-btn span { cursor: pointer; padding: 6px 26px 6px 26px; }
.popup-btn .save-btn { background: #FFFFFF; border: 1px solid #E5E5E5; font-weight: 400; font-size: 15px; line-height: 22px; color: #848484; }
.popup-btn .cancel-btn { background: #E5E5E5; border: 1px solid #E5E5E5; font-weight: 400; font-size: 15px; line-height: 22px; color: #848484; }

.order-paging { text-align: center; width: 100%; margin-top: 46px; margin-bottom: 94px; }
.paging-inner { width: 280px; display: flex; margin: 0 auto; }
.order-paging p { cursor: pointer; margin: 0 auto; width: 22px; margin: 0 10px 0 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #E5E5E5; }
.order-paging p:hover { color: #3D3D3D; font-weight: 700; }
.order-paging p img { width: 20px; }
.order-paging .pstarno { color: #3D3D3D; font-weight: 700; }

/* 배송지 목록 팝업 */
.background-order-list { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); z-index: 1000; z-index: -1; opacity: 0; }
.show-use-order-list { opacity: 1; z-index: 100000; transition: all 0.5s; }
.window-order-list { position: relative; width: 100%; height: 100%; }
.popup-order-list { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); width: 30%; height: 65%; min-height: 570px; }
.show-use-order-list .popup-order-list { transition: all 0.5s; }

.ico-close { margin-top: 30px; margin-left: 90%; cursor: pointer; width: 24px; }
.pop-title-order { width: 90%; margin: 0 auto; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #040404; font-weight: 700; font-size: 15px; line-height: 22px; color: #000000; }
.pop-sub-title-order { font-weight: 600; font-size: 20px; line-height: 53px; color: #3D3D3D; width: 80%; margin: 0 auto; padding-top: 20px; }
.inner-list-contents-order { position: relative; width: 90%; margin: 0 auto; height: 400px; overflow: scroll; }
.inner-list-contents-order p { font-size: 14px; color: #848484; }
.close { background-color: transparent; width: 100%; margin-top: 20px; font-weight: 700; font-size: 28px; line-height: 53px; color: #002E6A; }

.cus-info-wrap { position: relative; width: 95%; margin: 0 auto; background: #FFFFFF; border: 1px solid #E5E5E5; margin-top: 12px; margin-bottom: 6px; }
.cus-info-in { width: 100%; }

.cus-nm-wrap, .cus-addr-wrap, .cus-info-btn-wrap { width: 95%; margin: 0 auto; margin-top: 10px; }

.cus-nm-wrap .cus-nm { font-weight: 700; font-size: 14px; line-height: 30px; color: #3D3D3D; margin-right: 12px; }
.cus-nm-wrap .choice-addr { background: #E5E5E5; border-radius: 4px; color: #848484; font-weight: 500; font-size: 10px; line-height: 22px; padding: 2px 10px 2px 10px; }

.cus-addr-wrap .cus-addr { font-weight: 500; font-size: 14px; line-height: 22px; color: #848484; }

.cus-info-btn-wrap { height: 32px; margin-bottom: 12px; }
.cus-info-btn-in {position: absolute; right: 0; margin-right: 2.5%; display: flex; }
.cus-info-btn-wrap .addr { cursor: pointer; margin-right: 6px; width: 100px; height: 30px; display: flex; justify-content: center; align-items: center; background: #FFFFFF; border: 1px solid #848484; border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 22px; color: #848484; }
.cus-info-btn-wrap .choice { cursor: pointer; margin-right: 6px; width: 100px; height: 30px; display: flex; justify-content: center; align-items: center; background: #FFFFFF; border: 1px solid #002E6A; border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 22px; color: #002E6A; }
.cus-info-btn-wrap .modify { cursor: pointer; width: 100px; height: 30px; display: flex; justify-content: center; align-items: center; background: #002E6A; border: 1px solid #002E6A; border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 22px; color: #FFFFFF; }

.addr-add-btn {position: absolute; bottom: 12px;  left: 50%; transform: translate(-50%); margin: 0 auto; width: 148px; height: 44px; background: #FFFFFF; border: 1px solid #002E6A; border-radius: 4px; }
.addr-add-btn span { cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; line-height: 22px; color: #002E6A; }

.order-list-wrap { border-top: 1px solid #000000; margin-top: 64px;}
.item-search-none { padding-top: 110px;}
.search-top-none {width:100%; text-align: center; padding-bottom: 14px;}
.search-top-none span {font-weight:500; font-size:36px;line-height: 53px; color:#3D3D3D;}
.search-btm-none { width: 95%; margin: 0 auto; text-align: center; }
.search-btm-none img { width: 150px; height: 258px; }

.delivery-inner { display: block; }
.order-cus-info { width: 95%; display: flex; margin: 0 auto; padding: 18px 0 18px 0; } 
.order-cus-info span { font-weight: 500; font-size: 15px; line-height: 22px; color: #848484; }
.cus-info-title { width: 160px; text-align: center; }
.cus-info-title span { font-weight: 700; color: #000000; }

.pop-btn { cursor: pointer; margin-left: 24px; width: 82px; height: 28px; background: #FFFFFF; border: 1px solid #002E6A; border-radius: 4px; font-weight: 700; font-size: 13px; line-height: 19px; color: #002E6A; }
.pop-btn span { padding-top: 4px; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 13px; line-height: 19px; color: #002E6A; }
.pop-btn:hover { background-color: #002E6A; }
.pop-btn:hover span { color: #fff; }

.order-cus-info input { width: 240px; border-radius: 5px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; margin-bottom: 4px; border: 1px solid #E5E5E5; font-weight: 400; font-size: 15px; line-height: 22px; color: #848484; }
.order-cus-info input::placeholder { font-size: 12px; }

.background-order .address-isBase { width:21px !important; height:21px !important; margin-top: 4px !important; }