@charset "utf-8";

/*팝업 공통*/
#modal_overlay{display: none;}
.popupBox{display: none;}


.popupBox.on{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width:477px;
    position: fixed;left: 50%; top:0;z-index: 120;
    transform: translateX(-50%);
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}


@media (min-width: 915px) {
    .popupBox.on{
        margin-left: -220px;
    }
}



.popupBox._bgDrk{background-color: rgba(0,0,0,0.5); }
.popupBox._bttmCnnts{align-items: flex-end; z-index: 9999;}
.popupBox > .inner{display: inline-block;float: left;width: calc(100% - 2px); background-color: #fff}
.popupBox > .alertinner{display: inline-block;float: left;width: calc(100% - 2px); background-color: #fff;margin: 27px;border-radius: 20px;position: relative}
.popupBox._bttmCnnts > .inner {height: auto;padding: 0 2.4rem;transform: translateY(100%);transition: .35s ease;box-sizing: border-box;border-radius: 20px 20px 0 0;}
.popupBox._bttmCnnts.on > .inner{transform: translateY(0); z-index: 999; }



/* 풀팝업 radius 초기화 */
#addressSearch_modal.popupBox._bttmCnnts._greenTopPop.on .inner .modal_header {border-radius:0;}

.modal_header{display: inline-flex;align-items: center;justify-content: flex-end;width: 100%;margin-top: 10px;padding: 10px 0;box-sizing: border-box;}
.modal_header h2{font-size: 1.8rem;}
.modal_header.new {}
.modal_header.new h2{font-size: 1.2em;position: absolute;left: 0;top: 10px;font-weight: 500; color: #383838;}
.modal_close{display: block;width: 18px;height: 15px;line-height: 1.25em;font-size: 0;background-repeat: no-repeat;background-position: right center;background-size: 20px;background-image: url("../images/common/icn_popClose.svg");position:absolute;top:16px;right:15px}
.modal_content{display: inline-block;float: left;width: 100%; padding: 0 2rem 2rem;box-sizing: border-box;}
.modal_content .noti {font-size: 1.4rem; letter-spacing: 0; ;}
.modal_content.proopt{display: inline-block;float: left;width: 100%;padding: 0 0 15px 0;box-sizing: border-box; max-height: 730px;overflow-y: scroll;-ms-overflow-style: none;}
/* .modal_content.proopt{display: inline-block;float: left;width: 100%;padding: 0 0 15px 0; max-height: 730px;overflow-y: scroll;-ms-overflow-style: none;} */
.modal_content.proopt::-webkit-scrollbar{display:none;}
.modal_content .popupcont{font-size: 1.2em; color:#000;}
.modal_content .info{display: inline-block;float: left; width: 100%; }
.modal_content img{display: block;width: 100%; }
.modal_content .label {font-size: 1.35rem; color: #6e6e6e; margin-bottom: 1rem;;}

.modal_content ._popPrdctDfBtnx{  display: inline-flex; flex-wrap: nowrap;}
.modal_content .price.total{display: inline-flex;align-items: center;justify-content: space-between;margin: 1rem 0 1rem 0;padding-top:1rem;border-top: 1px solid #000;width:100%;}
.modal_content .price.total .tit{display: inline-flex;float: left;width: 25rem;font-size: 1.6rem; color: #222222; font-weight: 500; line-height: 2em;align-items: inherit;}
.modal_content .price.total .num{display: inline-flex;align-items: center;justify-content: flex-end; flex-wrap: wrap;float: left;width: 100% ;font-size: 1em; color: #222222;line-height: 0.575em;border:0;}
.modal_content .price.total .num .percent{width:auto;margin-right: 5px; color:var(--c-primary);font-weight: 600;margin-top: 10px;}
.modal_content .price.total .num .sale{width:auto;color: #888;text-decoration: line-through;margin-top: 10px;}
.modal_content .price.total .num div{display: inline-block;float: left;width: 100%;text-align: right;font-size: 1.4rem;}
.modal_content .price.total .num .sum{display: flex; align-items: baseline;}
.modal_content .price.total .num .sumPrice{font-size: 2rem;line-height: 1.875em;color:#000;font-weight: 600;}
.modal_content .info .em{display: inline-block;float: left;width: 100%;margin-top: 25px;font-size: 1em;text-align: center;color: var(--secondary-color);}
.modal_content img{display: block;width: 100%; }
.modal_content ._popPrdctDfBtnx{  display: inline-flex; flex-wrap: nowrap;float: left;width: 100%;}

/*배송일정변경 추가 s*/
.modal_content .bx{ width: 100%;display: inline-flex;justify-content: space-around;background: #F0F9DD;padding: 10px 42px; border-radius: 6px; margin-top: 15px;align-items: center;}
.modal_content .bx span+span{margin-right: 5px;font-size: 1em;}
.modal_content .bx .date{display:inline-flex;align-items:center;}
.modal_content .bx .date .to,.modal_content .bx .date .from{text-align: center;font-size: 1.8rem;font-weight: 600;margin-right: 5px;}
.modal_content .bx .date .from span{color:#383838;}
.modal_content .bx .date .to{background: #fff;border-radius: 0.6rem;border: 1px solid #6fb53d;color: #6fb53d;padding:0.7rem 0.5rem;min-width: 15rem;display: inline-block;min-height: 4rem;}
.modal_content .bx .date .to span{color: #27C166;font-weight: 500; }
/*배송일정변경 추가 e*/

.popOptionList{display: inline-block;float: left; width: 100%;margin-top: 5px;}
.popOptionList > li{display: inline-block;float: left;width: 100%; padding: 8px 0;/* border-bottom: 1px solid #f0f0f0;*/}
.popOptionList > li:last-child{border:none;}
.popOptionList .smlTxtDlLeft{display: inline-flex;align-items: center;}

._popPrdctDfBtnx{display: inline-flex;flex-wrap: nowrap;float: left;width: 100%;}
._popPrdctDfBtnx ._btnW1{width: 5.2rem;background-size: 50%;background-image:url("../dm_images/header_ico_03.png")}
._popPrdctDfBtnx ._btnW2{flex: 1 1;width: calc(50% - 35px);}
._popPrdctDfBtnx .btn{margin-right: 5px;}
._popPrdctDfBtnx .btn:last-child{margin-right: 0;}


.addressPopWrap{position:relative;border:1px solid;width:100%;height:300px;margin:20px 0;}
.addressPopWrap img._cls,.addressPopWrap > img{cursor:pointer;position:absolute;right:0;top:-20px !important;width: 20px;    height: auto;z-index:1;}

._greenTopPop.popupBox .tb_table{margin-bottom: 15px;}
._greenTopPop.popupBox .orderView_detail{ padding: 20px;}
._greenTopPop.popupBox .tb_table.tb_list.dfLiBttmLnList li {padding: 0.5rem 2rem;}
._greenTopPop.popupBox .tb_table.tb_list.dfLiBttmLnList li .justify-between {display: flex;justify-content: space-between;align-items: center;width: 100%;}
._greenTopPop.popupBox .tb_table.tb_list.dfLiBttmLnList li .justify-between .txt {color:#666;}

.popupBox.alert{align-items: center;}
.popupBox.alert .inner{display: inline-flex;align-items: center;justify-content: center;height: auto; width: calc(100% - 42px);padding: 20px;box-sizing: border-box;}
.popupBox.alert .inner .tit{display: inline-block;float: left;width: 100%;text-align: center;color: #2a2a2a;line-height: 1.50em}

.popupBox._mddlAlgn{align-items: center;}
.popupBox._mddlAlgn .inner{width: calc(100% - 47px);margin: 0 20px;}

/*****팝업 스크롤 안되는 팝업들은 개별로 .popupBox._greenTopPop.개별팝업클래스 붙여서 추가 -백엔드 코드 잡히면 지워주세요 .popupBox._greenTopPop._productReviewWrt > .inner{height: -webkit-fill-available;height: 100%; }.popupBox._greenTopPop._productReviewWrt .modal_content{  height: calc(100% - 58px);   }*****/

/*각 팝업*/
._productListPop{display: inline-block;float: left; width: calc(100% - 2px); padding: 20px;box-sizing: border-box;}

.popupBox._cstmOrdrPop > .inner,.popupBox._greenTopPop > .inner{position: relative;max-height: 100%;padding: 0;}
.popupBox._greenTopPop.login > .inner{position: absolute;max-height: 100%;padding: 0; top: 35%; width:80%;}

._cstmOrdrPop.popupBox > .inner,._greenTopPop.popupBox > .inner{position: relative;max-height: 100%;padding: 0;}
._greenTopPop.popupBox.login > .inner{position: absolute;max-height: 100%;padding: 0; top: 35%; width:80%;}
._cstmOrdrPop .modal_header,._greenTopPop .modal_header{margin-top: 0;padding: 1.6rem 2rem;justify-content: space-between;border: 0;color: #ffffff;background-color: var(--c-primary);}
._cstmOrdrPop .modal_header h2,._greenTopPop .modal_header h2{color: #ffffff;}
._cstmOrdrPop .modal_header .modal_close,
._greenTopPop .modal_header .modal_close{font-size: 0;background-image: url("../images/common/icn_popClose_wht.svg");}
._cstmOrdrPop .modal_content,._greenTopPop .modal_content{position: relative;display: block;max-height: calc(100vh - 58px);padding: 10px 30px;overflow-y: auto;}
._cstmOrdrPop .cstmOrderBx .list{margin-top: 15px;margin-bottom: 20px;}
._cstmOrdrPop .modal_header,
.popupBox._greenTopPop .inner .modal_header{margin-top: 0;padding:2rem;justify-content: space-between;border: 0;color:#383838;background-color: #fff;border-top-left-radius: 1.6rem;border-top-right-radius: 1.6rem;}

._cstmOrdrPop .modal_header h2,
.popupBox._greenTopPop .inner .modal_header h2{color: #383838;font-size:1.8rem;font-weight:700;}

._cstmOrdrPop .modal_header .modal_close,
._greenTopPop.popupBox .inner .modal_header .modal_close{font-size: 0;background-image: url("../images/common/icn_popClose_wht.svg");}
._cstmOrdrPop .modal_content,._greenTopPop .modal_content{position: relative;display: block;max-height: calc(100vh - 58px);padding:0 2rem 2rem;overflow-y: auto;font-size:1.5rem;}
._cstmOrdrPop .cstmOrderBx .list{margin-top: 1.5rem;margin-bottom: 2rem;}

._cstmOrdrPop .cstmOrderBx{display: inline-block;float: left;width: 100%;}
._cstmOrdrPop .cstmOrderBx > dt{position: relative;display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;float: left;width: 100%;padding: 0;}
._cstmOrdrPop .cstmOrderBx > dt .date{display: inline-block;float: left;width: 100%;font-size: 1.8rem;font-weight: 600;color: #222222;}
._cstmOrdrPop .cstmOrderBx > dt .date .from{display: inline-block;float: left;width: 100%;margin-bottom: 15px;    text-align: left;}
._cstmOrdrPop .cstmOrderBx > dt .date .to{display: inline-block;float: left;width: 100%;text-align: left;}
._cstmOrdrPop .cstmOrderBx > dt .date .from span,
._cstmOrdrPop .cstmOrderBx > dt .date .to span{font-weight: 300;}
._cstmOrdrPop .cstmOrderBx._df > dt{flex-direction: initial;align-items: center;}
._cstmOrdrPop .cstmOrderBx._df > dt .date{width: auto;}
._cstmOrdrPop .cstmOrderBx._df > dt .label.qty.on{position: static;margin: 0;float: right;}
._cstmOrdrPop .cstmOrderBx._inDate > dt > .bx{position: relative;display: inline-flex;align-items: center;justify-content: space-between;float: left;width: 100%;padding: 0;}
._cstmOrdrPop .cstmOrderBx._inDate > dt > .bx .date{width: auto;}

._cstmOrdrPop .cstmOrderBx._inDate > dt > .bx .label.qty.on{position: static;margin: 0;}

._cstmOrdrPop .cstmOrderBx > dt .datepicker{display: flex;align-items: center;justify-content: center;width: 100%;margin-bottom: 15px;}
._cstmOrdrPop .cstmOrderBx > dt .label.qty{position: absolute;right: 0;bottom: 2px;display: flex;align-items: center;justify-content: center;height: 20px;padding: 0 8px;font-size: 0.88em;line-height: 1.25em;color: #fff;border-radius: 16px;    background-color: #8d8d8d;}
._cstmOrdrPop .cstmOrderBx > dt .label.qty.on{background-color: #7fc241;}
._cstmOrdrPop .cstmOrderBx > dd{display: inline-block;float: left;width: 100%;margin-top: 8px;padding: 0;box-sizing: border-box;}
._cstmOrdrPop .cstmOrderBx > dd._df{padding: 19px;background-color: #ececec;}
._cstmOrdrPop .cstmOrderBx > dd._df .tit {margin-top: 0;}
._cstmOrdrPop .cstmOrderBx > dd .conList{display: inline-block;float: left;width: 100%;}
._cstmOrdrPop .cstmOrderBx > dd .conList > li{display: inline-block;float: left;width: 100%;padding:12px 15px;margin-bottom: 5px;background-color: #f2f2f2;box-sizing: border-box;}
._cstmOrdrPop .cstmOrderBx > dd .conList > li .tit{margin-top: 0;}
._cstmOrdrPop .cstmOrderBx > dd .tit {display: inline-block;float: left;width: 100%;margin-top: 15px;line-height: 1.38em;color: #222222;font-weight: 600;}
._cstmOrdrPop .cstmOrderBx > dd .con{position:relative;display: inline-block;float: left;width: 100%;margin: 5px 0 3px 0; padding: 0 0 0 12px;font-size: 1em;line-height: 1.13em;color: #222222;font-weight: 300;box-sizing: border-box;}
._cstmOrdrPop .cstmOrderBx > dd .con:before{content:'\00B7 ';position:absolute;top:0;left:0;font-weight:600;}

.popupBox._addressSearchModal .inner .modal_content {padding-top:0;}
.popupBox._addressSearchModal .inner .modal_content .tb_search {margin:0;}

._reorderViewModal .modal_content{padding: 10px 0;}
._reorderViewModal .dfDLBox .tit{font-size: 1em;}
._reorderViewModal .dfDLBox .txt{margin-top: 5px;color: #222222;}

._giftDetaliModal .btnBxCenter{margin-top: 30px;}
._giftDetaliModal .btnBxCenter .btn:not(:last-child){margin-right: 10px;}
._giftDetaliModal .orderView_detail .smlTxtDlLeft{display: inline-flex;align-items: center;}
._giftDetaliModal .gift_state{display: inline-block;float: left; width: 100%;text-align: right; padding-bottom: 10px;border-bottom: 1px solid #2a2a2a;}
._giftDetaliModal .chk{display: inline-block;float: left; width: 100%}
._giftDetaliModal .dfLiBttmLnList{border-bottom: 1px solid #e1e1e1;}
._giftDetaliModal .smlTxtDlLeft{    margin: 5px 0;}
._giftDetaliModal .smlTxtDlLeft .tit{font-weight: 400;}
._giftDetaliModal .smlTxtDlLeft .txt{    color: #222;}

.delivery-details { overflow: hidden;}
.delivery-details + .form_btn.btnBxCenter {padding:0;margin-top:1rem;}


._otMllMdlPop .modal_content{background-color: #b2c7dc}
._otMllMdlPop .modal_content img{display: block;width: 100%;}

._addressSearchModal.popupBox .modal_content{padding: 1rem 2rem 2.4rem 2rem}
._addressSearchModal .selectList > li .chkBtn input + div{font-size: 1em;min-width: 142px;}
._addressSearchModal .noticeList{margin-top: 30px;  padding: 0 ;}
._addressSearchModal.popupBox .modal_content .btns.btnBxCenter .btn {height:5.2rem;}

._addressSearchModal .selectList > li .chkBtn input + div{font-size: 1em;min-width: 142px;}
._addressSearchModal .noticeList{margin-top: 30px;  padding: 0 ;}

._couponGuideModal .dfList > li{margin:0;}
._couponModal .lftBarList > li{font-size: 1.4rem;line-height: 1.50em;margin-bottom: 10px;}

._shippingAddressModal.popupBox .modal_content{padding:0 2rem 2.4rem;}
._shippingAddressModal.popupBox .modal_content .form_btn.btnBxCenter {padding:0;}
body.iphone ._shippingAddressModal.popupBox .modal_content{padding-bottom:150px}

._shippingAddressModal .dfLiBttmLnList{margin-top: 5px;}
._shippingAddressModal .dfLiBttmLnList > li:last-child{border-bottom: 1px solid #e1e1e1;}
._shippingAddressModal .dfLiBttmLnList > li .dfChckLbl{min-width: 13rem;}
._shippingAddressModal .dfLiBttmLnList > li .read{display: inline-block;font-size:1.4rem;color:#777;}
._shippingAddressModal .btnBxCenter{margin-top: 30px;}
._shippingAddressModal .orderView_detail {margin-top: 20px;}

._ordrCnclModal .lftBarList{margin: 30px 0;}
._ordrCnclModal .overView_top{flex-wrap: nowrap;}

.snslink{display: inline-flex;align-items: center;justify-content: center;float: left;width: 100%;}
.snslink .lnk{display: inline-block;float: left;width: 65px; margin: 0 20px;color: #2a2a2a;line-height: 1.38em;text-align: center; white-space: nowrap;}
.snslink .lnk > img{margin-bottom: 5px;}


._addrssLstBx .noti{display: inline-block;float: left;width: 100%;padding: 20px 0 0;text-align: center;box-sizing: border-box;}
._addrssLstBx .list{ display: inline-block;float: left;width: 100%;}
._addrssLstBx .list > li{ display: inline-flex; float: left; align-items: center;justify-content: center;width: 100%;margin-top: 15px;padding: 20px;     border-radius: 8px;border: 1px solid #ddd;box-sizing: border-box;}
._addrssLstBx .list > li .chk{display: inline-block;float: left;width: 50px;}
._addrssLstBx .list > li .address{display: inline-block; float: left;width: calc(100% - 10px);position: relative;}
._addrssLstBx .list > li .address .default{display: flex;align-items: center;justify-content: center; width: fit-content; height: 29px;padding: 0 15px; margin-bottom: 10px;font-size: 0.88em;line-height: 1.25em;text-align: center;color: #2a2a2a;background-color: #eaeaea; border-radius: 5px;}
._addrssLstBx .list > li .address .add{ display: inline-block;float: left; width: 100%;line-height: 1.38em;}
._addrssLstBx .list > li .address .type{display: inline-flex; float: right;}
._addrssLstBx .list > li .address .type > li{display: inline-block;float: left;padding: 5px 10px;margin: 0 5px;text-align: center;font-size: 0.88em; line-height: 1.19em;border-radius: 5px;}
._addrssLstBx .list > li .address .type .type1{color: var(--c-primary); border: 1px solid var(--c-primary); }
._addrssLstBx .list > li .address .type .type2{color: var(--c-primary2); border: 1px solid var(--c-primary2); }

._addrssLstBx .btns .btn:before {content: '';margin-right: 12px; width: 14px;height: 14px;background-size: contain;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.199,9.24 L9.424,9.24 L9.424,14.799 L6.574,14.799 L6.574,9.24 L0.799,9.24 L0.799,6.174 L6.574,6.174 L6.574,0.399 L9.424,0.399 L9.424,6.174 L15.199,6.174 L15.199,9.24 Z'/%3E%3C/svg%3E");}

._productReviewWrt._greenTopPop .modal_content{padding: 30px 0 50px 0;}
.review_write{display: inline-block;float: left; width: calc(100% - 40px);margin: 0 20px;border-top: 1px solid #333;border-bottom: 1px solid #dbdbdb;padding: 10px;box-sizing: border-box;}
.review_write .item_info{display: inline-flex;align-items: center;float: left;width: 100%;}
.review_write .item_info .img{display: inline-block;width: 55px;height: 55px;margin-right: 20px; border: 1px solid #e0e0e0;background-size: cover;background-repeat: no-repeat; background-position: center;background-color: var(--light-color);box-sizing: border-box;  }
.review_write .item_info .cont{display: inline-block;float: left;width: calc(100% - 75px);}
.review_write .item_info .tit{display: inline-block;float: left;width: 100%;font-size: 1.2em;line-height: 1.4;color: #2a2a2a;}
.review_write .item_info .opt{color: #999;font-size: 0.85em;}
.review_write_menu{display: inline-block;float: left;width: 100%;margin-top: 20px;padding: 0 20px;box-sizing: border-box;}
.review_write_menu > li{display: inline-block;float: left;width: 100%;}
.review_write_menu > .likemenu{margin-top: 0;}
.review_write_menu > li .list-row{display: inline-block;float: left;width: 100%;margin-top: 10px;border: 1px solid #37BA60; border-radius: 10px;}
.review_write_menu > li .list-row .row-t{position: relative;display: inline-block;float: left; width: 100%;font-size: 1em;line-height: 1.2;font-weight: 500;color: var(--c-primary);padding: 10px 65px 8px 17px;box-sizing: border-box;}
.review_write_menu > li .list-row .btn-detail{  display: inline-block;width: 46px;height: 42px;cursor: pointer;position: absolute;right: 15px;top: 0; background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22%22%3E%20%3Cpath%20d%3D%22M21.1%208.87494L12.7%2017.2999C12.6%2017.3999%2012.4917%2017.4709%2012.375%2017.5129C12.2584%2017.5549%2012.1334%2017.5756%2012%2017.5749C11.8667%2017.5749%2011.7417%2017.5543%2011.625%2017.5129C11.5084%2017.4716%2011.4%2017.4006%2011.3%2017.2999L2.87502%208.87494C2.64169%208.6416%202.52502%208.34994%202.52502%207.99994C2.52502%207.64994%202.65002%207.34994%202.90002%207.09994C3.15002%206.84994%203.44169%206.72494%203.77502%206.72494C4.10836%206.72494%204.40002%206.84994%204.65002%207.09994L12%2014.4499L19.35%207.09994C19.5834%206.8666%2019.871%206.74994%2020.213%206.74994C20.555%206.74994%2020.8507%206.87494%2021.1%207.12494C21.35%207.37494%2021.475%207.6666%2021.475%207.99994C21.475%208.33327%2021.35%208.62494%2021.1%208.87494Z%22%20fill%3D%22rgb%2855%2C186%2C96%29%22%2F%3E%20%3C%2Fsvg%3E") no-repeat 50%;}
.review_write_menu > li .list-row.active .btn-detail{ transform: rotate(180deg); }
.review_write_menu > li .list-row .row-b{display: none;}
.review_write_menu > li .list-row.active .row-b{display: inline-block;float: left;width: 100%;}
.review_write_menu .smenu{display: inline-flex;flex-wrap: wrap;width: calc(100% - 20px); min-height: 47px;max-height: 187px;margin: 0 10px;overflow-x: hidden;overflow-y: auto; border-top: 1px solid #efefef;padding: 10px 0; box-sizing: border-box;}
.review_write_menu .smenu li {position: relative; display: flex;align-items: center; -webkit-box-pack: center; justify-content: center;-webkit-box-align: center;min-height: 46px;padding:4px;box-sizing: border-box;}
.review_write_menu .blind {position: absolute; width: 1px; height: 1px;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);}
.review_write_menu .smenu li .option {width: 100%;padding: 10px; font-size: 0.88em;color: #959595;border: 1px solid #e9e9e9;border-radius: 8px;}


.review_write_menu .writetit{display: inline-block;float: left; width: 100%;font-size: 1.8rem;color: #2a2a2a;font-weight: 500;margin-top:30px;}
.review_write_menu .writeinfo{display: inline-flex;align-items: center;float: left;width: 100%;margin: 5px 0;font-size: 1em;letter-spacing: -0.05em; color: var(--success-color);}
.review_write_menu .wtip{ display: inline-flex;align-items: center;float: left;height: 28px;background-color: var(--success-color);padding: 5px 10px;border-radius: 20px;color: #fff;font-weight: 600;line-height: 1;margin-right: 5px;box-sizing: border-box;}
.review_write_menu .textinner{position: relative; display: inline-block; float: left;width: 100%;padding: 10px;border: 1px solid #cccccce6;border-radius: 8px;box-sizing: border-box;}
.review_write_menu .textinner .count{ letter-spacing: 0;font-size: 0.8em;color: #888;float: right;}
.review_write_menu .textinner .count b,.review_write_menu .textinner .count span{font-size: 1em;}
.review_write_menu .write small{display: inline-block;float: left; width: 100%;font-size:0.8em;margin-top: 10px;}
.review_write_menu .write small .stop{    color: var(--success-color);font-size:1em;}
.review_write_menu .photolist{display: inline-flex;float: left; width: 100%;justify-content: space-around;margin: 10px 0;gap:5px}
.review_write_menu .photolist .photoimg{ position: relative;display: inline-block;float: left;}
.review_write_menu .photolist .photoimg  img{width: 50px  !important;height: 50px !important;}
.review_write_menu .photolist .photoimg .close{position: absolute;top: -2px; right: -2px;width: 18px; height: 18px;  border-radius: 15px; background-color: #555; background-image: url("../images/common/icn_popClose_wht.svg");background-size: 60%;background-position: center top 3px; background-repeat: no-repeat;}
.photoimg .btn_img_add{    display: inline-flex;width: 50px; height: 50px;border-radius: 5px;background-color: #efefef;background-size: 20%;background-repeat: no-repeat; background-position: center center;background-image: url("../images/ico/plus.svg");}
.review_write_menu .phototxt{ display: inline-block;float: left;width: 100%;text-align: center;font-size: 0.8em;}
.review_write_menu > li.opt{margin-top: 30px;border-top: 1px solid #e9e9e9;}
.review_write_menu > li.opt .writetit{margin: 20px 0 10px;}
.review_write_menu .choice{display: inline-block;float: left;width: 100%;padding: 20px 0;border-bottom: 1px dashed #e9e9e9;}
.review_write_menu .choice:last-child{ border-bottom: 0;}
.review_write_menu .que{display: inline-block;float: left;width: 100%;font-size: 1.2em; font-weight: 600;color: #2a2a2a;}
.review_write_menu .clrfix{display: inline-flex;float: left;width: 100%;padding: 10px 0 8px 0;}
.review_write_menu .clrfix > li{ display: inline-flex;align-items: center;float: left; width: calc(100%/3);}
.review_write_menu .choice input{ display: flex;float: left;width: 30px;height: 25px;border-radius: 0;margin-right: 5px;background: url("../images/ico/check_radio.png") 0 0/25px auto no-repeat;-webkit-appearance: none;}
.orderPrice input{width: 25px;height: 25px;border-radius: 0;margin-right: 2px;background: url("../images/ico/check_radio.png") 0 0/25px auto no-repeat;-webkit-appearance: none;vertical-align: bottom;}

.review_write_menu .choice input:checked:disabled, .review_write_menu .choice input:checked:read-only,
/*.orderPrice input:checked:disabled,.orderPrice input:checked:read-only {background: url(../images/ico/check_radio.png) 0 -25px/25px auto no-repeat;}*/
.review_write_menu .choice input:checked,.orderPrice input:checked {background-position: 0 -25px;}
.review_write_menu .choice input:checked+label,.orderPrice input:checked+label { color:var(--c-primary);font-weight: 500;}
.review_write_menu .clrfix > li label,.orderPrice dd label { display: inline-block;float: left;width: calc(100% - 25px);padding: 0 0 0 3px; font-size: 1.1em;color: #555;font-weight: 500;}
.orderPrice dd label { display:inline-flex;float: left;width: calc(100% - 215px);padding: 0 0 0 3px; font-size: 1em;color: #555;font-weight: 500;margin-left:-5px;align-items: center;}

.review_write_menu .smenu li .select:checked+.option{ position: relative; margin: 2px 0;  border-radius: 8px;background-color: var(--success-color); font-weight: bold;  color: #fff;border: 1px solid var(--success-color);}
.review_write_menu .smenu li .select:checked+.option .smenuname{color: #fff;font-weight: 500;}
.reviewinfo{display: inline-block; float: left;padding: 20px;background-color: #f1f1f1;  box-sizing: border-box;}
.reviewinfo li{font-size: 0.8em;}

._cart_alert .tit{display: inline-block;float: left;width: 100%;margin: 30px 0 10px 0;text-align: center;font-size: 1.8rem;color: #2a2a2a;}
._cart_alert .txt{display: inline-block;float: left;width: 100%; text-align: center;color: #898989;font-size: 1.4rem;}

.pop-footer .btn-wrap {display: flex;flex-direction: row;margin-top:0;justify-content: center;}

/*헬스케어 팝업*/
.popup-wrap{position:fixed;top:0;width:100%;height:100%;min-width:280px;z-index:105;max-width: 475px;display:none;}
.popup-wrap .dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#2a2a2a;opacity: 0.7;}
.popup-wrap .pop-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.popup-wrap .pop-wrap .popup{padding:0 0;max-width: 61vw;width:26rem;border-radius:0.8rem;background:#fff;}
.popup-wrap .pop-wrap .popup > .btn-close{position:absolute;top:1rem;right:1rem;width:3.4rem;height:3.4rem;z-index:1;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 5L5 20' stroke='%23383838' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 5L20 20' stroke='%23383838' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 2.4rem;}
.popup-wrap .pop-wrap .popup > .btn-close.st2{top:1.5rem;right:1.5rem;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2998 3.7998L3.7998 16.2998' stroke='%23AAAAAA' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.7998 3.7998L16.2998 16.2998' stroke='%23AAAAAA' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");background-size:auto 2rem;}
.popup-wrap .pop-wrap .popup .btn-close + .pop-body{padding-top:5rem;}
.popup-wrap .pop-wrap .popup .pop-header{position:relative;min-height:6rem;padding:1rem;display:flex;flex-direction:row;}
.popup-wrap .pop-wrap .popup .pop-header .left,
.popup-wrap .pop-wrap .popup .pop-header .right{height:100%;}
.popup-wrap .pop-wrap .popup .pop-header .right{margin-left:auto;}
.popup-wrap .pop-wrap .popup .pop-header [class*=btn-]{height:2rem;width:2rem;display:flex;justify-content:center;align-items:center;}
.popup-wrap .pop-wrap .popup .pop-header .btn-back{margin-left:-0.6rem;}
.popup-wrap .pop-wrap .popup .pop-header .ico-back{width:1rem;height:1.8rem;background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.42516 1.5L1.4585 8.46667C1.16683 8.75833 1.16683 9.23333 1.4585 9.525L8.42516 16.5' stroke='%23383838' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.popup-wrap .pop-wrap .popup .pop-header .ico-close{width:1.25rem;height:1.25rem;background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2998 0.799805L0.799805 13.2998' stroke='%23AAAAAA' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M0.799805 0.799805L13.2998 13.2998' stroke='%23AAAAAA' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.popup-wrap .pop-wrap .popup .pop-header .tit{font-size:1.4em; color:#2a2a2a;display:block;flex:1;margin-left:0.3rem;font-weight: 700;padding-top:10px;}
.popup-wrap .pop-wrap .popup .pop-header .tit:first-child{padding-left:0.7rem;}
.popup-wrap .pop-wrap .popup .pop-body{padding:0 2rem 2rem;flex:1;overflow-x:hidden;overflow-y:auto;max-height: 65vh;}
.popup-wrap .pop-wrap .popup .pop-body .alert-txt{font-size:1.5rem; color:#383838;margin-bottom:1rem;}
.popup-wrap .pop-wrap .popup .pop-footer{position:relative;padding:1rem 2rem 2rem;margin-top:-1rem;background:linear-gradient(180deg, rgba(254,255,254,0) 0%, rgba(255,255,255,1) 15%, rgba(254,255,254,1) 100%);    border-radius: 0 0 0.8rem 0.8rem;z-index: 1;}
.popup-wrap .pop-wrap .popup .pop-footer .btn-wrap{margin-top:0;}
.popup-wrap .pop-wrap .popup .pop-footer .btn-wrap button{width: 100%;}
.popup-wrap .pop-wrap .popup .select-list li{border-bottom:1px solid #eee;}
.popup-wrap .pop-wrap .popup .select-list li:last-child{border-bottom:none;}
.popup-wrap .pop-wrap .popup .select-list li button{height:5rem;font-size:1.5rem; color:#2a2a2a;width:100%;}
.popup-wrap.popup-select .btn-close{position:absolute;top:0;right:0;width:7rem;height:7rem;background:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1L1 16' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1 1L16 16' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 1.5rem;}

.alert-popup{display:none;position:fixed;top:0;width:100%;height:100%;z-index:110;max-width: 475px;}
.alert-popup .dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#2a2a2a;opacity: 0.7;}
.alert-popup .popup{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:35rem;padding:3.5rem 2.2rem;max-width: 90vw;border-radius:0.8rem;background:#fff;}
.alert-popup .popup .btn-close{position:absolute;top:1rem;right:1rem;width:1.4rem;height:1.4rem;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2998 3.7998L3.7998 16.2998' stroke='%23AAAAAA' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.7998 3.7998L16.2998 16.2998' stroke='%23AAAAAA' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 1.5rem;}
.alert-popup .popup .pop-header{position:relative;height:50px;display:flex;flex-direction:row;align-items:center;border-bottom: 1px solid #E4E8F1;}
.alert-popup .popup .pop-header .tit{font-size:15px;font-weight:500; color:#000;text-align:center;display:block;flex:1;}
.alert-popup .popup .pop-img{border-radius:10px 10px 0 0;overflow:hidden;}
.alert-popup .popup .btn-wrap{display:flex;align-items:center;}

.alert-popup .popup .pop-footer .btn-wrap{margin-top:0;}
.alert-popup .popup .pop-footer .btn-wrap{display:flex;flex-direction: row;}
.alert-popup .popup .pop-footer .btn-wrap .btn{flex:1;height:50px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight: 500;}
.alert-popup .popup .pop-footer .error {color:red;font-size: 0.85em;}
.alert-popup .popup .pop-footer .noti{font-size: 0.75em;margin-top: 10px;}
.alert-popup .popup .pop-footer .noti span{display: inline-block;}
.alert-popup .popup .pop-footer .noti b{color: var(--c-primary);}
.alert-popup .popup .pop-footer .btn-wrap .btn ~ .btn{border-left:1px solid #E4E8F1;}
.alert-popup .popup .pop-footer .bg{background-color: #efffea;margin-top: 6px;height: 45px;}
.alert-popup .popup .pop-footer .dfInput::placeholder {font-size: 0.85em; color: #868a88;}

.alert-popup .popup .alert-txt{font-size:1.5rem; }
.alert-popup .popup .alert-txt small{font-size:1rem; margin-bottom: 5px;display: inline-block;}
.alert-popup .popup .alert-txt.center{text-align: center; }
.alert-popup .popup .alert-txt span{color: var(--c-primary);font-weight: 800;}

.toast-pop{display:block;position:fixed;top:50%;z-index:120;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;max-width: 475px;}
.toast-pop .toast-text{opacity:0;height:7rem;width:32.5rem;margin:0 auto;position:relative;top:40vh;background:#999;white-space:nowrap;font-size:1.4rem;font-weight:500;padding:2.5rem 2rem;border-radius:0.8rem;color:#fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.toast-pop.on .toast-text{opacity:1;top:30vh;}



@media screen and (max-width: 475px) and (min-width: 360px) {
    .review_write_menu .clrfix > li label, .orderPrice dd label{font-size: 1.1em;}
    ._cstmOrdrPop .modal_content, ._greenTopPop .modal_content {padding:20px;}
}

@media screen and (max-width: 414px) and (min-width: 360px) {
    .review_write_menu .clrfix > li label, .orderPrice dd label{font-size: 1.1em;}
    ._cstmOrdrPop .modal_content, ._greenTopPop .modal_content {padding:0 2rem 2rem;}
    .orderPrice dd label { width: calc(100% - 175px);}
    .alert-popup .popup .pop-footer .noti span{font-size: 1em;}
    .alert-popup .popup{padding: 3.5rem 1.7rem;}
    .alert-popup .popup .pop-footer .noti b{font-size: 1em;}
    .alert-popup .popup .alert-txt span{font-size: 1em;}
    .alert-popup .popup .alert-txt small{margin-bottom: 10px;}
    .alert-popup .popup .pop-footer .dfInput::placeholder {font-size: 1em; color: #868a88;}
    .selectList > li{height: 38px;}

    .modal_content .bx .date .to {min-height:3.4rem; min-width: 13rem;}
    .modal_content .bx{width: calc(100% - 8px);padding: 10px 5px;}
    .ico-noti {top: -15px;}
    .popOptionList > li {padding: 4px 0;}
    .smlTxtDlLeft .txt._smll{margin-top:-5px !important;}
}
@media screen and (max-width: 385px) and (min-width: 375px) {
    .modal_content .price.total .num div{width: 90%;}
    .modal_content .price.total .num div{width: 90%;}
}
@media screen and (max-width: 375px) and (min-width: 360px) {
    .orderPrice dd label { width: calc(100% - 145px);}
    .alert-popup .popup .pop-footer .btn-wrap .btn{height: 45px;}
    .ico-noti {top: -15px;}
    .modal_content .price.total .num div{width: 100%;}

}

@media screen and (max-width: 360px) and (min-width: 280px) {
    .review_write_menu .clrfix > li label, .orderPrice dd label{font-size: 1em;}
    ._cstmOrdrPop .modal_content, ._greenTopPop .modal_content {padding:20px;}
    .orderPrice dd label { width: calc(100% - 155px);}
    .alert-popup .popup .pop-footer .noti b{font-size: 1em;}
    .alert-popup .popup .alert-txt span{font-size: 1em;}
    .alert-popup .popup .alert-txt small{margin-bottom: 10px;}
    .alert-popup .popup .pop-footer .noti span{font-size: 1em;}
    .popOptionList .txtsmll a{font-size: 1em;}
    .modal_content .bx .date .to {min-height: 18px; min-width: 90px;}
    .modal_content .bx .date .to,.modal_content .bx .date .from{min-width: 120px;}
    .modal_content .bx{width: calc(100% - 27px); padding: 10px 14px;}
    .popupBox._bttmCnnts.on > .inner.scroll{height: 100%;}
    .ico-noti {top: -15px;}
    .modal_content .price.total .num div{width: 100%;}
    .modal_content .price.total{padding-top: 0.5rem;}
    .popOptionList > li {padding: 4px 0;}


}

@media screen and (max-width: 320px) and (min-width: 280px) {
    .orderPrice dd label { width: calc(100% - 121px);}
    .alert-popup .popup{width: 19rem;padding: 3rem 1.3rem;}
    .alert-popup .popup .pop-footer .noti span{font-size: 1.15em;}
    .alert-popup .popup .pop-footer .noti{ font-size: 0.75em;}
    .modal_content .bx .date .to,.modal_content .bx .date .from{min-width: 108px;}
    .modal_content .price.total .num .sumPrice {font-size: 1.3em;}
    .modal_content .price.total .tit{width: 185px;font-size: 1.5rem !important;}
    .modal_content .price.total .num div{letter-spacing: -0.03em;}
    .popupBox._bttmCnnts > .inner {padding: 0 15px;}
    .selectList > li .chkBtn input + div {font-size: 0.85em;letter-spacing: -0.05em;}
    .ico-noti {top: -15px;}
    .modal_content .price.total .num div{width: 100%;}

}

#product_qry_modal .modal_content .bx .date .from span {font-size:1.6rem;}
#product_qry_modal .modal_content .bx .date .to span {font-size:1.6rem;color:#6fb53d;}
#product_qry_modal .modal_content .cstmOrderBx .datepicker.hasDatepick .datepick {border:none;box-shadow: none;}
#product_qry_modal .modal_content .cstmOrderBx .datepicker.hasDatepick .datepick .datepick-month td span.-preSelected- {width: 4rem; height: 4rem;}
#product_qry_modal .modal_content .cstmOrderBx .list._df  {justify-content: space-between;align-items: center;}
#product_qry_modal .modal_content .cstmOrderBx .list._df .label {margin-top:0;position: relative;right: 0;}


/* 바텀시트 스타일 적용 */
.dm-wrap .ndp-location {
    gap: 1.2rem;
    display: flex;
    flex-direction: column;
  }
.dm-wrap .location-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0rem 2rem 1rem;
    width: 100%;
    gap: 0 1rem;
  }
  .dm-wrap .location-banner .ico-pin {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: url("../dm_images/ndp/ico_pin_gray.png") no-repeat center/contain;
    vertical-align: middle;
    margin-right: 0.2rem;
    background-size: contain !important;
  }
  .dm-wrap .ndp-location .location-banner .address-box {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .dm-wrap .ndp-location .location-banner .address-box .ico{display: flex;}
  .dm-wrap .ndp-location .location-banner .address-box .addr {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight:500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dm-wrap .ndp-location .location-banner .status-box {display: flex;}
  .dm-wrap .ndp-location .location-banner .status-box .btn-change {
    margin-left: 0.4rem;
    font-size: 1.3rem;
    color: var(--gray-color-600);
    border-bottom: 1px solid var(--gray-color-600);
    line-height: 1.2;
    font-weight: 600;
    flex-shrink: 0;
  }
  .dm-wrap .bottom-sheet-wrap .sheet-handle {padding: 2px;}
  .bottom-sheet-wrap .sheet-body .info{padding:0 2rem 2rem} 
  .dm-wrap .bottom-sheet-wrap .bottom-sheet-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transform: translate(-50%, 100%);  /* 이건 그대로 */
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);  /* ← 이것만 변경 */
    display: flex;
    flex-direction: column;
    max-height: 75vh;
    overflow: hidden;
    min-height: 8vh;
    max-width: 475px;
}

.dm-wrap .bottom-sheet-wrap.active .bottom-sheet-container {
    transform: translate(-50%, 0); 
}

.dm-wrap .bottom-sheet-container .modal_content .noti{font-size: 1.4rem;letter-spacing: 0;}
.dm-wrap .bottom-sheet-container .modal_content .noti .gradient{content: '';position: absolute;bottom: 120px;right: 0;width: 100%;height: 6rem;background: linear-gradient(to bottom, transparent, #fff);pointer-events: none;}
.bottom-sheet-wrap.dm-wrap .bottom-sheet-container {max-height: 100%;}