.t-l{text-align: left;}
select{outline: none;}
.modal.center_modal .modal-container{box-shadow: 0 0 28px rgba(0,0,0,.08);}

.modalOpen{height: 100% !important; overflow: hidden !important;}
/* 모달 검은색 배경 */
.modal_window_bg{position: fixed; left: 0; top: 0; bottom:0; z-index: 101;
    max-width:100%; width:100%;  height: 100%;  background-color: hsla(0,0%,0%,0.4);}

.modal{position: fixed; left: 0; bottom:0; max-width:100%; width:100%; z-index: 102; height: 0;}
.modal button{min-width:80px;}
.modal.center_modal{ position: fixed; top:50%; left: 50%; transform: translate(-50% ,-50%); width: 100%; height: 100%;}
.modal-wrap {position: relative; width: auto;margin:0 auto; height: 100%; z-index: 102;}

.modal-container{ width: 100%; margin:auto; z-index:103; border-radius: .3em; overflow: hidden;
overflow-y: auto;  text-align: center; 
 display: -ms-flexbox; display: flex;
-ms-flex-direction: column;  flex-direction: column;}


.modal-bd{ padding:20px; background-color:#fff;}

.modal ul.btn-container{display: flex;}
.modal ul.btn-container.fixed{position: absolute; bottom:0; width: 100%; left:0; right:0;}
.modal ul.btn-container > li{width: 100%; padding-right:8px;}
.modal ul.btn-container > li:last-child{padding-right:0;}

.modal ul.btn-container > li .btn{width: 100%; font-size: 1em; border-radius: .3em; padding: 0;}


/* 모달 닫기 */
.modal-close{position: absolute; right:1.2em; top:1.2em; font-size: 1.25em; font-weight: lighter; color:#98A8B9; line-height:1; cursor: pointer; display: block; z-index: 110;}
.modal_img{max-height:100vh;}
.today_btn{position: absolute; left:0; top:calc(100% + 8px); z-index:102; font-weight: normal;}
.modal.center_modal .modal-container{position:absolute; top:50%;left:50%; transform: translate(-50%, -50%); 
   width: 450px; max-width: 96%;overflow-x: hidden; overflow-y: auto;
}
/* .modal.center_modal .modal-container{ max-height: 70vh; } */
.modal.center_modal textarea{background-color: #f5f5f5; height: 100px; overflow-y: auto; border-radius: 0.3em; width: 100%;}
.modal.center_modal textarea::placeholder{color: #bbb;}
.modal.center_modal textarea:focus{outline: 0;}

.modal .list_container_type2 {overflow-y:scroll; height: 60vh;}


.modal.bottom_modal .modal-wrap{top:inherit;  transform: inherit; width: 100%;}
.modal.bottom_modal .modal-container{border-radius: 2em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom:0; text-align: left; position: absolute;}
.modal.bottom_modal .modal-bd{padding-bottom:1.2em;}

.btn-modal-container{background-color: transparent;}
.btn-modal-container .btn_modal_wrap{ width: 100%; border-radius: .6em; overflow: hidden;
    overflow-y: auto; background-color:#fff; text-align: center; 
     display: -ms-flexbox; display: flex;  -ms-flex-direction: column;  flex-direction: column;} 
.btn_modal_wrap:last-child{margin-top:.8em;}
.btn_modal_wrap .btn_con{border-bottom:1px solid #e8e3d6;}
.btn_modal_wrap .btn_con:last-child{border-bottom:0;}

.modalSlide{position: relative; line-height: 1;}
.modalSlide_arrow {position: absolute; top:45%; transform: translateY(-50%); width: 100%;}
.modalSlide_arrow img{width: 1em; line-height: 0;}
.modalSlide_arrow li{position: absolute; background-color: rgba(255,255,255,.7); padding:.6em; cursor: pointer;}
.modalSlide_arrow li span{line-height: 0;}
.modalSlide_arrow .prev{left:0;}
.modalSlide_arrow .next{right:0;}

.modal .list_container_type2 li{border-top:0 !important; border-bottom:0 !important;}
.modal .profile_img.sidetype {height:3.0em;}

.modal-out-tit{font-size: 18px; font-weight: bold;margin-bottom: 16px;}
.modal-out-tit b{line-height: 1;}
/* .modal-container-inner p{margin-top:1.2em;} */

.modal .modal_user_info{background-color:#f2f2f7; padding:1.2em; margin-top:.6em;}
.modal .modal_user_info dl{ display: flex; line-height: 1.7;}
.modal .modal_user_info dt, .modal .modal_user_info dd{font-size: .85em; display: inline-block;}
.modal .modal_user_info dt{color:#98A8B9; margin-right:1em;}




.chat_img_modal{background-color: #000; height: 100%; top:0;}
.chat_img_modal .modal-container{width: 100% !important; border-radius: 0;}
.chat_img_modal .main_img{line-height: 0;}
.chat_img_modal .main_img img{width: 100%; max-height: 100%;}

.modal-img-download{position: absolute; right:4em; top:1.4em;
    background-image: url(../images/i_download.svg); width: 1.25em; height: 1.25em;
    line-height:1; cursor: pointer; display: block; z-index: 110;}

/* 2023.05.22 고담 커스텀 */
.modal ul.btn-container.godam > li .btn{}
.modal ul.btn-container.godam > li .btn.btn-white{border: 1px solid #264428; color:#264428}
.modal ul.btn-container.godam > li .btn.btn-secondary2{background:#264428; color:#fff;}
.godam_modal.modal-bd{border:1px solid #efefef;}
.modal ul.btn-container.godam_btn_wrap li button{border: 1px solid #947062; color:#947062}
.modal ul.btn-container.godam_btn_wrap li:last-child button{background:#947062; color:#fff;}


/* 접근권한 모달 */
.acess_wrap .bd{background-color: #fff; width: 325px; display: flex; flex-direction: column; gap:30px 0; max-width: 95%; border-radius: 10px; padding: 16px;}
.acess_modal .con_wrap{display: flex; align-items: center;}
.acess_modal .con_wrap .icon_wrap{width: 40px; height: 40px; border-radius: 50%; background-color: #F2FDF7; display: flex; align-items: center; justify-content: center;}
.acess_modal .con_wrap .txt_wrap{padding-left: 10px;}
.acess_modal .con_wrap .txt_wrap b{display: block; margin-bottom: 4px; font-size: 16px;}
.acess_modal .con_wrap .txt_wrap span{color: #666; font-size: 14px;}
.acess_modal button{font-weight: 500;}
.acess_wrap .txt_con{border-top: 1px solid #d9d9d9; padding-top: 1.2em; margin-top: 1.2em;}
.acess_wrap .txt_con p + p{margin-top: 0.2em;}
.acess_modal .modal-out-tit b{line-height: 1.3; font-weight: 500;}
.acess_modal .modal-out-tit b .bold{font-weight: 700;}
.acess_wrap h3{font-size: 18px; font-weight:600;}
.acess_wrap .sub_tit{margin-bottom: 20px; display: block; font-weight: 600;}
.acess_wrap .button_wrap{margin-top: 30px; }
.acess_wrap .button_wrap button{border-radius: 55px; padding:14px 16px;}


/* 취소모달 */
.cancel_modal .count{color: #999; gap: 0.2em; width: 100%; text-align: right; display: flex; justify-content: flex-end;}
.cancel_modal .count span.on{color: #111; font-weight: 600;}

/* 바코드모달 */
.simple_modal .close_btn{width: 2.4em; height: 2.4em; background-color: #fff; font-weight: 600;
    display: flex; align-items: center; justify-content: center; border-radius: 50%; border-radius: 50%;
    position: absolute; left: 50%; top: 35%; transform: translateX(-50%);
}
.simple_modal .barcode_img img{width: 100%;}


/* 캘린더모달 */
.calender_modal .x_btn{width: 3em; height: 3em; margin: 0 auto 1.2em auto; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.7); border-radius: 50%;}

.calender_modal{width: 390px;  max-width: 95%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 102; }
.calender_modal .month{display: flex; padding: 0.8em 0; align-items: center; justify-content: space-between;}
.calender_modal .month p{display: flex; font-size: 1.2em; align-items: center; justify-content: center;}
.calender_modal .month p span{font-weight: 700;}
.calender_modal .month img{width: 2.5em; height: 2.5em;}
.calender_modal .calender02 ul li .date{background-color: #f5f5f5;display: flex; }
.calender_modal .calender02 ul li .date>div{width: 12.5%;}
.calender_modal .calender02 ul li .date>div p{display: flex; text-align: center; align-items: center;justify-content: center; padding:0.5em 0.3em; font-size: 0.85em;}
.calender_modal .calender02 ul li .info{display: flex;}
.calender_modal .calender02 ul li .info>div{width: 12.5%;}
.calender_modal .calender02 ul li .info>div p{padding: 0.4em; font-size: 0.8em; text-align: center; font-weight: 600; height: 100%; display: flex; align-items: center;justify-content: center;}
.calender_modal .calender02 ul li .info + .info{border-top: 1px solid #d9d9d9;}
.calender_modal .calender02 ul li .info .in p{font-weight: 700; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.8em; word-break: keep-all; line-height: 1.2;}


.calender_modal .calender02 ul li .info .in p.operation{color:#111; position: relative;}
/* .calender_modal .calender02 ul li .info .in p::before{content: ""; width:0.4em; height: 0.4em; background-color: #111; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 3px;} */
.calender_modal .calender02 ul li .info .in p.rest{color:#D85151;}
.calender_modal .calender02 ul li .info .in p.rest::before{background-color:#D85151;}
.calender_modal .calender02 ul li .info .in p.am_rest{color:#FFCC4A;}
.calender_modal .calender02 ul li .info .in p.am_rest::before{background-color:#FFCC4A;}
.calender_modal .calender02 ul li .info .in p.pm_rest{color:#2FA8FF;}
.calender_modal .calender02 ul li .info .in p.pm_rest::before{background-color:#2FA8FF;}

.calender_modal .inner{background-color: #fff; border-radius: 0.8em; padding: 12px; max-height: 80vh; overflow: hidden;}


.mo_view03{display: none; margin-bottom: 0.4em; color: #D85151;}


/* 접수된 문의 이미지 확대 모달 */
.img_zoom_modal{height: 100%;}
.img_zoom_modal .img{position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; width: 100%;}
.img_zoom_modal .img img{width: 100%; height: 100%;}
.modal_window_bg.dark{background-color: hsla(0, 0%, 0%, 0.85);}
.img_zoom_modal .x_btn{position: absolute; right: 1em; top: 1em;}
.img_zoom_modal .x_btn img{width: 1.5em;}


.modal .sub_info{width: 100%; border-radius: 0.1em; max-height: 30vh; overflow-y: auto; overflow-x: hidden; background-color: #f5f5f5; padding: 0.8em; margin-top: 0.8em;}
.modal .sub_info::-webkit-scrollbar {width:6px;} 
.modal .sub_info::-webkit-scrollbar-track { background:#ddd;}
.modal .sub_info::-webkit-scrollbar-thumb {background:#FF859E;}

.modal .sub_info p + p{margin-top: 0.2em;}
.modal .sub_info p{color: #666; font-weight: 500; font-size: 15px; line-height: 1.2;}




/* 달력 선택 모달 */
.modal_calendar{width: 340px; background-color: #fff; z-index: 200; padding: 1.2em; border-radius: 0.5em; max-width: 96%; margin: 0 auto; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.modal_calendar .title{font-size: 1.25em; font-weight: 600; text-align: center; margin-bottom:1.2em;}
.modal_calendar .cal_in{display: flex; justify-content: center; width: 100%; margin-bottom:1.2em;}
.modal_calendar .cal_in .in{width: 33.333%;}
.modal_calendar .cal_in .in ul li{ color: #999;}
.modal_calendar .cal_in .in ul li p{font-size: 1.15em; font-weight: 600;}
.modal_calendar .cal_in .in ul li.current{color: #FF859E;}
.modal_calendar .cal_in .in ul li .con_wrap{padding: 0.8em 0.8em; width: 100%; display: flex; align-items: center; justify-content: center;}
.modal_calendar .cal_in .in ul li.current .con_wrap{background-color: #f5f5f5; }
.modal_calendar .cal_in .in ul li.current .con_wrap p{position: relative;}
.modal_calendar .cal_in .in ul li.current .con_wrap p::after{content: ""; width:25px; height: 2px; background-color: #FF859E; left: 50%; position: absolute; transform: translateX(-50%); bottom: -0.8em;}

.modal_calendar .btn_wrap{display: flex; gap: 16px;}
.modal_calendar .btn_wrap button{border-radius: 5px; padding: 12px 16px; width: 100%;}


/* ------------------------마더픽 모달 24-07-15----------------------------- */

.h3{height: 2.8em;}
.xsmall02{font-size: 0.85em; font-weight: 500;}
.h-100{height: 100%;}
.pt{padding-top: 24px !important;}
.send_certi{margin-top: 20px;}

.fc-k5{color:#555;}
.btn-container .flex05 button{color: #555; background-color: #eee;}
.modal button{line-height: 1;}
.modal-out-tit{margin-bottom: 16px;}

.tl{text-align: left;}

.min_notice{color: #888; font-size: 12px; line-height: 1.4;}
.tsmodal_box{width: 100%; padding: 8px 0;}
.tsmodal_box .tit{font-size: 16px; color: #222; font-weight: 500; line-height: 1;}
.tsmodal_box .inputbox{ border-radius: 4px; width: 100%;margin: 8px 0;}
.tsmodal_box .inputbox input{padding: 16px; width: 100%; border: 1px solid #ddd; border-radius: 4px; font-size: 16px;}


.viewtit {font-size: 20px; align-items: flex-start; margin-bottom: 16px ; padding-bottom: 12px; border-bottom: 1px solid #eee;}
.min_ordernum{ margin-left: 8px; color: #888; font-size: 12px; line-height: 1;}
.viewbox .date {font-size: 18px; color: #555 ; font-weight: 600;}

.detailbox ul{padding: 12px; border-radius: 8px; border: 1px solid #eee;}
.detailbox ul li{display: flex; font-size: 16px; line-height: 1.4;}
.detailbox ul li .left{width: 86px; color: #888; }
.detailbox ul li .right{width: calc(100% - 86px);}
.detailbox ul li + li{margin-top: 8px;}


.txt_bef{padding-left: .85em; position: relative; word-wrap: break-word; word-break: keep-all;}
.txt_bef:before{content: '※'; position: absolute; display: inline-block; left: 0; top: 0;}


.modal_scroll{max-height: 500px; overflow-y: auto;}

/* 주문 관련 모달 */
.ordermodal_list{display: flex; flex-direction: column; gap: 10px; margin-top: 16px; overflow-y: auto; max-height: 320px;}
.product_wrap .inner{padding-top: 16px;}
.product_wrap .total{display: flex; font-size: 15px; font-weight: 600; color: #222; margin-bottom: 8px;}
.product_wrap .total span{font-weight: 800; color: #92D600; margin-left: 3px;}
.product_wrap .collect_btn{background-color: #D7F6E4; border-radius: 8px; padding: 8px 16px;}
.product_wrap .collect_btn>ul{display: flex; justify-content: space-between; align-items: center;}
.product_wrap .collect_btn>ul>li:first-child{display: flex; align-items: center; gap: 12px; font-size: 16px; color: #666;}
.product_wrap .collect_btn>ul>li:first-child .icon{font-size: 0;}
.product_wrap .collect_btn>ul>li p{font-weight: 500;}
.product_wrap .collect_btn>ul>li p span{font-weight: bold; color: #92D600;}

.gpcart_top{padding: 10px; margin-bottom: 16px;}
.gpcart_top p{gap: 4px;}
.gpcart_top i, .gpcart_top em{display: inline-block;}

.order_del button{padding: 0 0 .3rem .3rem !important;font-size: .9rem; font-weight: 500; color: #666; min-width: max-content;}

.product_list>ul>li{background-color: #fff; border: 1px solid #eee; margin-top: 10px; border-radius: 12px; padding: 16px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);}
.product_list .top{border-bottom: 1px solid #eee; margin-bottom: 16px;}
.product_list .top h6, .cart_order_list h6{font-weight: 600; font-size: 16px;}

.product_list .top .info{padding: 16px 0; }
.product_list .top .info li{display: flex; padding-bottom: 8px; color: #555; align-items: center;}
.product_list .top .info li:last-child{padding-bottom: 0;}
.product_list .top .info li i{width: 86px; color: #999; font-weight: 500;}
.product_list .top .info li p{font-weight: 500;}
.product_count{display: flex; gap: 10px; align-items: center;}
.product_count span{border: 1px solid #ddd; border-radius: 4px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%;}
.product_count span .opacity{opacity: 0.4;}
.product_count p{font-weight: 600 !important; font-size: 1rem !important;}
/* .product_count input{ padding: 0 10px; width: 100%; height: 32px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; text-align: left;} */
.product_count input.only_num{width: 60px; text-align: center; padding: 0 4px;}
.product_count input::placeholder{font-size: 16px;}

.product_list .cart_btn{width: 100%; padding: 10px; background-color: #dff9ea; color: #92D600; text-align: center; font-size: 16px; border-radius: 30px; font-weight: 500;}
.no_list{text-align: center; padding: 30px 0; color:#888;}
.product_list .unit_info{font-size: 14px; font-weight: 500; color: #555; padding-top: 3px;}

.cart_order_list>ul>li{padding: 10px 0; border-radius: 0; box-shadow: none; margin-top: 0; border: 0; border-bottom: 1px solid #eee;}
.cart_order_list>ul>li:first-child{border-top: 1px solid #eee;}
.cart_order_list .info b{padding: 3px;}

.cart_order_list .top .info{padding-top: 5px; margin-top: 10px; padding: 10px; border: 1px solid #eee; border-radius: 6px;}
.cart_order_list .top .info li{display: flex; padding-bottom: 12px; color: #555; align-items: center;}
.cart_order_list .top .info li:last-child{padding-bottom: 0;}
.cart_order_list .top .info li i{width: 86px; color: #999; font-weight: 500;}
.cart_order_list .top .info li p{font-weight: 400; color: #333; font-size: .85rem;}

.cart_order_list .top .info.sold li p{color: #888;}
.cart_order_list .top .info.sold .price{color: #DB3400;}

.cart_order_list .top .price{font-size: 1rem !important; font-weight: 600 !important;}

.option_flex{display: flex; justify-content: space-between; align-items: center;}

.pd_total {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.pd_total .btn{display: flex; }
.pd_total .btn button{padding: .4rem 0; font-size: .85rem;}
.pd_total .btn button:first-child:after{content: '·'; position: relative; display: inline-block; color: #ccc; margin: 0 4px;}
.pd_total .t_price{font-size: 1.1rem; font-weight: 600;}



.flex_box{display: flex;}
.flex_box.set01{justify-content: space-between;}
.flex_box.set02{gap: 4px; width: 100%;}
.order_check{padding-top: 10px;}

.cart_order_list .top{width: 100%;}
.pd_info{display: flex; }
.pd_info .pdinfo_left{display: flex; gap: 12px; align-items: center; width: 100%;}
.pd_info .pd_imgwrap{height: 70px; width: 70px; position: relative; flex-shrink: 0;}
.pd_info .pd_imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; border-radius: 6px;}
.pd_info .pd_imgwrap .name{width: calc(100% - 82px);}
/* .order_del{position: absolute; top: 0; right: 16px;} */


.add_product{margin: 16px 0; padding: 12px; border: 1px solid #ddd; border-radius: 4px; color: #777; text-align: center; font-weight: 500;}

.complete_btn{position: fixed; left: 0; bottom: 0; width: 100%; background-color: #92D600; text-align: center; color: #fff; padding: 16px; font-size: 16px;}
.complete_btn.off{background-color: #f2f2f2; color: #777;}

.cart_order_list .unit_info{font-size: 14px; font-weight: 500; color: #555; padding-top: 3px;}
.all_select{padding-bottom: 12px; align-items: center;}
/* .all_select .on03{position: relative; top: 4px;} */
/* .all_select label{font-size: 16px; color: #666;} */
.all_select .select_del{font-size: 15px; color: #DB3400;}



/*3-4 주문하기*/
.ordercon_bd{padding: 16px;}
.sec_bar{width: 100%;display: block;height: 5px;background: #f5f5f5;}
.order .bd{padding: 0 16px;}
.order .bd.pro_order_list{padding-top: 16px;}

.sec_title{display: flex;justify-content: space-between; align-items: center;  line-height: 1;}
.sec_title .tit{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 0;}
.sec_title .tit em{font-size: 17px; font-weight: 600;}
.sec_title .tit em span{font-weight: inherit;}
.sec_title .tit p{color: #666; font-size: 14px; position: relative;; top: 2px;margin-left: 4px; padding-right: 20px;}
.sec_title i{width:  14px;height: 10px;}
.sec_title i img{width: 100%; height: 100%;    display: block;}
.sec_title.on i img{transform: rotate(180deg);}

.arrow_title{position: relative; border-bottom: 1px solid #eee;}
.arrow_title:after{content: ''; position: absolute; display: block; top: 50%; right: 16px; transform: translateY(-50%) rotate(135deg); width: 8px; height: 8px; border-top: 1px solid #555; border-right: 1px solid #555;}

.gr_txt{opacity:.6; font-size:13px; display:flex; align-items:center;margin-top: 4px;}
.del_info .content > div{padding: 10px; background-color: #f9f9f9; border-radius: 4px;}
.del_info .content .txtbox{font-size: 14px; display: flex; flex-direction: column; margin-bottom: 10px; gap: 4px; color: #666;}
.del_info .content .txtbox .fc-k{font-size: 16px;}
.del_info .map_container{width: 100%; height: 200px; background-color: #ccc; border: 1px solid #ddd; border-radius: 4px;}


.pro_order_list .pro_order{border:1px solid #eee;border-radius: 12px;padding:16px;}
.pro_order_list .pro_order em{font-size: 16px;font-weight: 700; color: #222;}
.pro_order_list .pro_order .con{display: flex; margin-top: 4px;}
.pro_order_list .pro_order .con p{color: #555;font-size: 14px;}
.pro_order_list .pro_order .con p span{color: #555;font-size: 14px;}
.pro_order_list .pro_order .con p + p{padding-left: 8px;margin-left: 8px;position: relative;;}
.pro_order_list .pro_order .con p + p::before{content:'';width: 1px;height: 12px;background: #eee;position: absolute;left:0;top:50%;transform: translateY(-50%);}
/* .pro_order_list ul{margin-top: 8px;} */
/* .pro_order_list  ul li{margin-bottom: 8px;} */

input.style01{border:1px solid #eee;padding:11px 14px;color: #222; border-radius: 4px;  font-size: 15px; height: 43px; }
select.style01{border:1px solid #eee;padding:11px 14px;color: #222; border-radius: 4px;   background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HKSG/168953504853922.png)no-repeat right 16px center/12px ; font-size: 15px; height: 43px;}

.order_inputlist{display: flex; flex-direction: column; gap: 10px;}
.order_inputlist li{display: flex;}
.order_inputlist li > p{width: 80px; font-size: 1rem; color: #666; flex-shrink: 0; line-height: 43px;}
.order_inputlist li .input{width: calc(100% - 80px);}
.order_inputlist li .email_list{width: 100%; display: flex; flex-direction: column; gap: 6px;}
.order_inputlist li .email_list .input{width: 100%;}
.email_input {display: flex; align-items: center; gap: 8px;}
.email_input i{font-size: 1rem; color: #666; }



.flex_input{display: flex; gap: 8px;}
.flex_input .input{width: calc(100% - 94px);}
.flex_input div.btn{width: 84px;}
.flex_input div.btn button{border: 1px solid #7DB700; color: #7DB700; background-color: #92D60010; font-size: 15px; height: 100%; width: 100%;}

.agree_list > div{padding: 10px 24px; padding-right: 16px; display: flex; justify-content: space-between; gap: 4px;}
.order_agree label{font-size: 15px; font-weight: 600; display: flex; gap: 8px; line-height: 1.4;}
.agree_list .order_agree label{color: #666; font-weight: 400; align-items: flex-start;}
.order_agree span{flex-shrink: 0;}

.legal_notice{font-size: 12px; padding: 16px;}
.legal_notice p{color: #666; margin-top: 10px;}

.cou_use ul li{border-bottom: 1px solid #eee; padding: 16px 0; display: flex; justify-content: space-between;} 
.cou_use ul li b{font-size: 15px; font-weight: 600; }
.cou_use ul li p{font-size: 12px; font-weight: 400; color: #888;}
 
.dc{display: flex; align-items: center; justify-content: space-between; font-size: 15px; padding-top: 16px;}
.dc span{padding: .4rem .8rem; background-color: #f9f9f9; border-radius: 20px;}


.order .option .content ul li + li{margin-top: 16px;}
.order .option .content > p{color: #666; font-weight: 500;}
.order .option .content p + select{margin-top: 8px;}

.order .customer_info ul li{padding:16px ;border:1px solid #eee;border-radius: 8px;}
.order .customer_info label{display: flex;align-items: center; font-size: 15px;color: #222; gap: 8px; padding-right: 20px;}


.order .customer_info label strong{ color: #92D600;padding:4px 8px 3px;font-size: 12px; border-radius: 20px; border:1px solid #92D600;;}
.order .customer_info .on03:after { top: 6px;}
.order .customer_info label i{position: absolute; right:0;top:50%;transform: translateY(-50%); width: 16px;height: 10px;}
.order .customer_info label i img{width: 100%;display: block;;}

.order .customer_info .info{display: none;}
.order .customer_info .info p{display: flex; font-size: 14px;}
.order .customer_info .info p + p{margin-top: 4px;}
.order .customer_info .info p span{width: 60px;color: #888;}
.order .customer_info .info p strong{width: calc(100% - 60px);}



.order .customer_info li + li{margin-top: 10px;}
.order .customer_info li.li_on{border-color:#92D600;}
.order .customer_info li.li_on label {}
.order .customer_info li.li_on .info{display:block;border-top:1px solid #eee;margin-top: 12px;padding-top: 12px;;}
.order .customer_info li.li_on i img{transform: rotate(180deg); content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HKSG/16895383229713.png);}

.order .txt{margin-top: 16px;font-size: 14px;color: #888;}
.order .txt + .txt{margin-top: 6px;}



.radio_style{display: flex;}
.radio_style label {width: 50%;    display: block;position: relative;    box-sizing: border-box; border-radius: 4px;}  
.radio_style label + label{margin-left: 10px;}
.radio_style span {vertical-align: middle;position: absolute;left:50%;top:52%;transform: translate(-50%,-50%);display: block;color: #333;width: max-content;font-size: 0.95rem; line-height: 1;}  
.radio_style [type="radio"] {vertical-align: middle;  appearance: none;  border: 1px solid #eee;width: 100%; ;background: #fff;margin:0;border-radius: 0;padding: 22px;border-radius: 4px;;}  
.radio_style [type="radio"]:checked {border: 1px solid #92D600;;background: #DFF9EA;}    
.radio_style [type="radio"]:checked + span {color:#92D600;}  
.radio_style [type="radio"]:disabled {background-color: lightgray;  box-shadow: none;   cursor: not-allowed;}  
.radio_style [type="radio"]:disabled + span {color:#92D600;}  


/* 라디오버튼 */

.radio_button{gap: 8px;}
.radio_label {
    font-size: 16px;
    /* padding: 0 0.4em; */
    display: flex;
    align-items: center;
    width: max-content;
  }

.radio_input[type="radio"] + span {
    vertical-align: middle;
    font-size: 16px;
  }
  
  .radio_input[type="radio"] {
    appearance: none;
    border: max(2px, 0.1em) solid gray;
    border-radius: 50%;
    width: 1.25em;
    height: 1.25em;
    margin-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
  }
  

.radio_input[type="radio"]:checked {
    border: 0.4em solid #92D600;
  }
  
  .radio_input[type="radio"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #92D600;
  }
  
  .radio_input[type="radio"]:hover {
    /* box-shadow: 0 0 0 max(4px, 0.2em) lightgray; */
    background-color: #eee;
    cursor: pointer;
  }
  
  .radio_input[type="radio"]:hover + span {
    cursor: pointer;
  }
  
  .radio_input[type="radio"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
  }
  
  .radio_input[type="radio"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
  }
  
  /* Global CSS */
  .radio_button {
    display: flex;
    flex-wrap: wrap;
    border: none;
    margin: 0;
  }



.order .delivery ul li + li{margin-top: 24px;}
.order .delivery ul li > div.tit{margin-bottom:12px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.order .delivery ul li > div.tit em{font-weight: inherit;}
.order .delivery ul li > div.tit label{display: flex; gap: 6px; font-size: 14px; font-weight: 400;} 

.order .delivery ul li input[type=date] {   background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HKSG/168945146020892.png) no-repeat right 12px top 45% #fff; background-size: 19px ;}

.order .delivery ul.input_list li + li{margin-top: 20px;}


.inputbox{position: relative;}
.inputbox input[type=date] {   background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HKSG/168945146020892.png) no-repeat right 12px top 45% #fff; background-size: 19px;}



.day_tab.radio_style{display: flex;}
.day_tab.radio_style label {width: 50%;    display: block;position: relative;    box-sizing: border-box; border-radius: 4px;}  
.day_tab.radio_style label + label{margin-left: 10px;}
.day_tab.radio_style span {vertical-align: middle;position: absolute;left:50%;top:52%;transform: translate(-50%,-50%);display: block;color: #333;width: max-content;font-size: 0.95rem; line-height: 1;}  
.day_tab.radio_style [type="checkbox"] {vertical-align: middle;  appearance: none;  border: 1px solid #ddd;width: 100%; ;background: #fff;margin:0;border-radius: 0;padding: 22px;border-radius: 4px; display: block !important;}  
.day_tab.radio_style [type="checkbox"]:checked {border: 1px solid #92D600;;background: #DFF9EA;}    
.day_tab.radio_style [type="checkbox"]:checked + span {color:#92D600;}  
.day_tab.radio_style [type="checkbox"]:disabled {background-color: lightgray;  box-shadow: none;   cursor: not-allowed;}  
.day_tab.radio_style [type="checkbox"]:disabled + span {color:#92D600;}

.day_tab{gap: 4px; width: 100%;}
.day_tab.radio_style label + label{margin-left: 0;}
.day_tab.radio_style [type="checkbox"]{padding: 20px 0;}
.regular_set{background-color: #f5f5f5; padding: 10px; border-radius: .5em;}
.regular_set p{margin-bottom: 8px;}



.order.pb-base { padding-bottom: 50px;}
.order .guideline{font-size: 16px;color: #555; background: #F5F5F5; padding-top:30px;padding-bottom: 30px;;}
.order em {display: flex;  align-items: center; color: #222; font-weight: 600; gap: 4px;}
.order em i{width: 22px;height: 22px;display: block; position: relative;top:-2px;}
.order em i img{width: 100%;display: block; height: 100%;}

.order_pd_list{}


/* order_completion */
.order .find_result h3{font-size: 18px;}
.order .find_result span{font-size: 14px;}
.order .find_result{width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px 0; justify-content: center;}

.order .find_result .hs_num{background-color: #f5f5f5; padding: 1.2em; width: 100%;}
.order .find_result .hs_num dl{display: flex; align-items: center; justify-content: space-between;}
.order .find_result .hs_num dt{color: #999;}
.order .find_result .hs_num dd{font-weight: 600; text-align: right;}
.order .find_result .order_info {background: #f8f8f8;padding:20px 16px;font-size: 15px; width: 100%; border-radius: 12px;}
.order .find_result .order_info li{display: flex; }
.order .find_result .order_info li + li{margin-top: 12px;}
.order .find_result .order_info  b{width: 70px; color: #888; text-align: left;}
.order .find_result .order_info  p{width: calc(100% - 60px); text-align: left;}


.o_c_info{border: 1px solid #eee; font-size: 14px;}
.oc_top{text-align: left;padding: 10px 12px; background-color: #f9f9f9; border-bottom: 1px solid #eee;}
.oc_btm{text-align: left; padding: 10px 12px; border-top: 1px solid #eee; }
.oc_btm i{color: #7DB700;}
.pdinfo_txt{display: flex; flex-direction: column; gap: 2px;}
/* .order_pd_list li{padding: 12px; text-align: left;} */
.order_pd_list li{text-align: left;}
.order_pd_list li .pd_info{padding: 12px;}

.order_pd_list li + li{border-top: 1px solid #eee;}
.order_pd_list li .name{font-weight: 600;}
.order_pd_list li .op{display: flex; align-items: center;}
.order_pd_list li .op.op1 span{background-color: #f9f9f9; color: #888; font-size: .8em; padding: .2rem ; border-radius: 2px; margin-right: 4px;} 
.order_pd_list li .op.op2 .op_p{font-size: 1.15em;}
.order_pd_list li .op.op2 i:first-child:after{content: '·'; position: relative; display: inline-block; color: #ccc; margin: 0 4px;}




.modal .cou_use ul{border-top: 1px solid #eee;}
.modal .cou_use ul li{padding: 12px 16px;}
.modal .cou_use ul li b {font-size: 16px;}
.modal .cou_use .cou_select b{font-weight: 700; color:#7DB700;}


.border-n-modal .modal-bd{ padding: 20px 0;}
.border-n-modal .btn-container{padding: 0 20px;}
.border-n-modal .modal-out-tit{border-bottom: 1px solid #eee; padding-bottom: 16px; margin-bottom: 0;}
.border-n-modal .radio_style.radio_type02 {border-bottom: 1px solid #eee;}


.pri_label{padding-bottom: 60px; position: relative;}
.pri_label span{top: 20% !important;}
.pri_box{display: flex; align-items: center; gap: 8px; position: absolute; padding: 16px; bottom: 0;}

.star_radio label > span{display: flex !important; gap: 10px;}
/* .star_radio .stararea .starpoint{display: block;} */

.pro_order_list .o_c_info{margin: 16px; border: none; border-top: 1px solid #eee; border-radius: 4px; border: 1px solid #eee;}
.pro_order_list .o_c_info ul{}
.pro_order_list .oc_btm{}


.modal_inner_scroll{overflow-y: auto; font-size: 14px; color: #222; max-height: 50vh;}

.modal .dest_list li{padding: 16px 0;}
.modal .dest_list .chk span.on03{position: absolute;right: 0;top: 0;}


.design_modal .modal-bd {padding: 0;}
.design_modal .modal-out-tit {margin-bottom: 0;}
.design_modal .modal-container-inner {padding: 0em; background: #fff;}
.design_modal .modal-container-inner li:first-child {display: flex; align-items: center; padding-left: .8em; white-space: nowrap;}
.design_modal .modal-container-inner li > button {text-align: right;padding-right: .8em !important;}


/* ********************************************* *
 * 350px max
 * ********************************************* */
 @media (max-width:350px){
    .mo_view03{display: block;}
    .calender_modal .calender02{ overflow-x: auto; overflow-y: auto; position: relative; max-height: 70vh;}
    .calender_modal .calender02 ul{width: 390px;}
}