@charset "utf-8";


/* 전체 상품 */
.all_product_row{padding: 0;}
.all_product_row .card_top{padding: 1.375em 0; background-color: var(--bg-basic); border-top: 1px solid var(--border-basic); border-bottom: 1px dashed var(--mono-8); margin-bottom: 1.875em;}

/* 상품 추천 */
.goods_recommendation .com_card_wrap{margin: -0.625em;}
.goods_recommendation .customize_prd_area{padding: 0.625em; width: 20.625em;}
.goods_recommendation .brand_recommend{width: calc(100% - 41.25em);} 
.goods_recommendation .customize_prd_area .card_inner{ min-height: 458px; height: 100%; background-color: var(--bg-basic); border: 1px solid var(--border-basic);}
.goods_recommendation  .card_row .card_head{margin-bottom: 1.25em;}
.goods_recommendation  .customize_prd_area .customize_list {width: 100%; padding: 0;}
.goods_recommendation .customize_prd_area .customize_list .cate_list{height: 24.7em;}
.goods_recommendation .tab_contents .tab_cont{min-height: 230px;}
.goods_recommendation .btn_wrap{width: 100%; text-align: center;} 
.goods_recommendation .com_btn_wrap{ align-items: center; justify-content: center; margin-top: 2.5em}
.goods_recommendation .all_product_row{margin-top: 3.75em;}
@media screen and (max-width:1400px) and (min-width:1301px) {
  .goods_recommendation .customize_prd_area .customize_list .cate_list{height: 29em;}
}
@media screen and (max-width:1300px) {
  .goods_recommendation .customize_prd_area{width: 50%;}
  .goods_recommendation .brand_recommend{width: 100%;} 
  .goods_recommendation .customize_prd_area .card_inner{min-height: auto;}
}
@media screen and (max-width:540px) {
  .goods_recommendation .customize_prd_area{width: 100%;}
  .goods_recommendation .com_btn_wrap .btn_basic{width: calc(50% - 20px);}
}
/* pay_recommend */
.pay_recommend .tab_cont_menu{width: 100%; background-color: var(--mono-9); border: 1px solid var(--border-basic); padding: 5px; border-radius: 10px;}
.pay_recommend .tab_cont_menu li{width: 50%; padding: 12px 0; color: var(--text-tertiary); font-size: 0.875em; font-weight: 600; text-align: center; border-radius: 10px;}
.pay_recommend .tab_cont_menu li.active{background-color: var(--point-blue-1); color: var(--text-reverse);}
.pay_recommend .tab_cont_wrap{margin-top: 1.75em;}
.pay_recommend .input_field + .input_field{margin-top: 1.25em;} 
.pay_recommend .input_field label{font-weight: 500;}
.pay_recommend .input_field .input_box{width: 100%;}
.pay_recommend .input_field .input_box .com_input{color: var(--mono-1);}
.pay_recommend .estimate_pay{margin-top: 1.875em; background-color: var(--mono-9); padding: 1em;}
.pay_recommend .estimate_pay .tit{font-weight: 500; line-height: 1.25em; margin-bottom: 10px;}
.pay_recommend .estimate_pay .pay_box{width: 100%; text-align: right; font-size: 1.25em; font-weight: 700;}
.pay_recommend .field_wrap .ck_input + .ck_input{margin-top: 1.25em;}
.pay_recommend .field_wrap .ck_input label{ font-size: 0.875em; color: var(--text-secondary);}

/* cate_recommend */
.cate_recommend .customize_list .cate_list{margin: -10px -8px;}
.cate_recommend .customize_list .cate_list .list{padding: 10px 8px;}
@media screen and (min-width:761px) {
  .cate_recommend .customize_list .cate_list .list{width: 33.33%;}
}
/* brand_recommend */
.brand_recommend .customize_list .cate_list{margin: -10px;}
.brand_recommend .customize_list .cate_list .list{ padding: 10px;}
@media screen and (min-width:1531px) {
  .brand_recommend .customize_list .cate_list .list{width: 25%;}
}
/* 상품추천 팝업 */
.condition_none_popup .popup_box,
.prd_none_popup .popup_box{max-width: 252px;}


/* 상품 상세 */
.product_detail_row{padding: 0;}
.product_detail_row .card_top{padding: 0 1.25em; margin-bottom: 10px;}
.product_detail_row .page_nav li{ font-size: 12px; position: relative; color: var(--text-secondary); display: flex; align-items: center;}
.product_detail_row .page_nav li::after{content:"\e93e"; font-family: 'xeicon'; padding: 0 1.25em; color: var(--mono-6);}
.product_detail_row .page_nav li:last-child::after{display: none;}
.product_detail_row .page_nav li:first-child{padding-left: 0;}
.product_detail_row .com_select_wrap{width: auto;}
.product_detail_row .com_select_wrap .custom-select__dropdown{min-width: 8em;}
.product_detail_row .com_select_wrap .custom-select .custom-select__option--value{color: var(--text-secondary);}
.product_detail_row .com_select_wrap .custom-select .custom-select__option--value::after{content:"\e942"; color: var(--text-secondary); border: 1px solid var(--border-basic); right: -10px;}
.txt_select_wrap .custom-select__dropdown .custom-select__option{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.product_detail_row .com_select_wrap .custom-select.custom-select--active .custom-select__option--value::after{content:"\e945";}
.product_detail_row .prd_info_cont{padding: 0 1.25em;}
.product_detail_row .prd_info_cont .thumb_img{ position: relative; width: 31.25em; height:  31.25em;; border: 1px solid var(--border-basic); border-radius: 10px; background-color: var(--bg-basic);}
.product_detail_row .prd_info_cont .thumb_img .img{width: 15.625em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.prd_info_cont .point_info{display: flex; align-items: center; flex-wrap: wrap; padding: 0 5px; position: absolute; bottom: 10px; left: 0; width: 100%; z-index: 1;}
.prd_info_cont .point_info .info{padding: 2px 5px;}
.prd_info_cont .point_info .info .txt{color: var(--text-reverse); background-color: var(--point-blue-2); display: block; font-size: 12px; padding: 4px 10px; border-radius: 5px 0 5px 0;}
.product_detail_row .prd_cont_box{ position: relative; width: calc(100% - 31.25em); padding-left: 5em; margin-top: -1.625em;}
.product_detail_row .prd_cont_box .prd_save_btn_wrap{position: absolute; top: 0; right: -5px; display: flex; align-items: center;}
.product_detail_row .prd_cont_box .prd_save_btn_wrap li{position: static; margin: 0 5px;}
.product_detail_row .prd_cont_box .prd_info + .prd_info{padding-top: 1.875em; margin-top: 1.875em;  border-top: 1px dashed var(--mono-8);}
.product_detail_row .prd_cont_box .prd_tit .prd_cate{color: var(--mono-6); font-size: 1.25em; line-height: 1.2em; padding-bottom: 0.9em; width: 80%;}
.product_detail_row .prd_cont_box .prd_tit .prd_cate i{vertical-align: -2px;}
.product_detail_row .prd_cont_box .prd_name{font-size: 1.875em; line-height: 1.17em;}
.product_detail_row .prd_price{justify-content: space-between;}
.product_detail_row .prd_price .validity{align-items: center; }
.product_detail_row .prd_price .validity .tit{color: var(--mono-3); padding-right: 1.875em;}
.product_detail_row .prd_price .validity .desc{margin: -5px;}
.product_detail_row .prd_price .validity .input_field{padding: 5px;}
.product_detail_row .prd_price .validity .radio_box label{min-width: 90px;}
.product_detail_row .prd_price .price{align-items: center;}
.product_detail_row .prd_price .price .discount{font-size: 1.875em; font-weight: 900; margin-right: 0.67em;}
.product_detail_row .prd_price .price .pay{font-size: 1.875em; font-weight: 900; margin-right: 10px;}
.product_detail_row .prd_price .price .before_price{font-size: 1.25em;}
.product_detail_row .ck_point{background-color: var(--mono-9); padding: 1.25em;}
.product_detail_row .ck_point .ck_point_tit{font-weight: 600; font-size: 0.875em; margin-bottom: 10px;}
.product_detail_row .ck_point .ck_point_tit i{font-weight: 700;}
.product_detail_row .ck_point ul li{color: var(--text-tertiary); font-size: 0.875em; line-height: 1.28em;}
.product_detail_row .ck_point ul li + li{margin-top: 1em;}
.product_detail_row .btn_wrap{position: relative; margin-top: 1.875em;}
.product_detail_row .btn_basic{width: calc(50% - 9em);}
.product_detail_row .estimate_btn{width: 8em;}

.product_detail_row .regular_input {width: 8em; position:relative;}

.product_detail_row .regular_input .regular_input_wrap {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
}
.product_detail_row .regular_input input[type="checkbox"]{ position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit-appearance: none; width: 1.625em; height: 1.625em; vertical-align: middle; cursor: pointer; outline: none !important; background-color: var(--chkBox-basic-bg); border: 1px solid var(--chkBox-basic-border); border-radius: 50%;}
.product_detail_row .regular_input input[type="checkbox"]::before { content: "\e92a"; font-size: 1em; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: translate(-50%, -50%); line-height: 1em; color: var(--chkBox-icon);}
.product_detail_row .regular_input input[type="checkbox"]:checked{border-color: var(--point-blue-1); background-color: var(--point-blue-1);}
.product_detail_row .regular_input input[type="checkbox"]:checked::before { color: var(--chkBox-chk-icon); }


.product_detail_row .regular_input label{color: var(--text-tertiary); padding-left: 2.35em; border: 2px solid var(--border-basic); border-radius: 10px; width:100%; height:100%; display:inline-flex; align-items: center;}

.product_detail_row .regular_input input[type="checkbox"]:checked + label{border-color: var(--point-blue-1);}



.product_detail_row .tooltip_wrap{ margin-top: 10px;}
.product_detail_row .tooltip_wrap .tooltip_on_btn{justify-content: flex-end;}
.product_detail_row .tooltip_box{left: auto; right: 0;}

.product_detail_row .banner_area{ position: relative; width: 100%; margin-top: 3.875em;}
.product_detail_row .banner_area a{display: block; width: 100%; height: 100%;}
.product_detail_row .banner_area img{display: block; width: 100%;}
.product_detail_row .prd_desc_wrap .prd_desc_box{position: relative; padding-top: 3.125em;}
.product_detail_row .prd_desc_wrap .cont_head{position: relative; height: 4.375em; background-color: var(--mono-8); align-items: center; justify-content: space-between; border-bottom: 1px solid var(--point-blue-1); }
.product_detail_row .prd_desc_wrap .cont_head .cate_list{height: 100%; width: 50%;}
.product_detail_row .prd_desc_wrap .cont_head .cate_list li{position: relative; height: 100%; max-width: 25em; width: 50%;}
.product_detail_row .prd_desc_wrap .cont_head .cate_list li a{font-size: 1.125em; color: var(--text-tertiary); font-weight: 500; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 10px; line-height: 1.2em; text-align: center;}
.product_detail_row .prd_desc_wrap .cont_head .cate_list li.active a{ margin-top: 1px; background-color: var(--bg-basic); border: 1px solid var(--point-blue-1); border-bottom: 0; font-weight: 700;}
.product_detail_row .prd_desc_wrap .cont_head .btn_basic{width: 7.75em; height: 2.06em; position: absolute; top: 50%; right: 1.875em; transform: translateY(-50%);}
.product_detail_row .prd_desc_wrap .cont_body{padding: 3.125em 0 6.25em;}

.product_detail_row .precautions_cont .cont_tit{ font-size: 1.25em; font-weight: 700; margin-bottom: 0.875em; line-height: 1.25em;}
.product_detail_row .precautions_cont ul{border-top: 1px solid var(--border-basic); border-bottom: 1px solid var(--border-basic);}
.product_detail_row .precautions_cont ul li{display: flex;}
.product_detail_row .precautions_cont ul li + li{border-top: 1px solid var(--border-basic);}
.product_detail_row .precautions_cont ul li .tit{ display: flex; align-items: center; width: 18.28em; font-size: 0.875em; background-color: var(--mono-9); padding: 1.43em; font-weight: 600;}
.product_detail_row .precautions_cont ul li .list{width: calc(100% - 16em); padding: 1em;}
.product_detail_row .precautions_cont ul li .list .txt{color: var(--text-secondary); font-size: 0.875em; line-height: 1.5em;}

.txt_in10:has(b){text-indent: unset}

.product_slide_wrap .product_list { flex-wrap: nowrap; }

@media screen and (max-width:1660px) {
  .product_detail_row .prd_info_cont .thumb_img{width: 25em;}
  .product_detail_row .prd_cont_box{width: calc(100% - 25em); padding-left: 2em;}
  .product_detail_row .prd_price .price{justify-content: end; }
}
@media screen and (max-width:1500px) and (min-width:761px) {
  .product_detail_row .prd_info_cont .thumb_img{width: 20em;}
  .product_detail_row .prd_cont_box{width: calc(100% - 20em); padding-left: 2em;}
  .product_detail_row .prd_price .price{margin-top: 1.5em; width: 100%;}
}
@media screen and (max-width:1200px) {
  .product_detail_row .btn_basic{width: calc(50% - 10px);}
  /* .product_detail_row .estimate_btn{width: 100%;} */
}
@media screen and (max-width:760px) {
  .product_detail_row .prd_price{ display: block;; }
  .product_detail_row .prd_price .price{margin-top: 2em;}
  .product_detail_row .card_top{padding: 0;}
  .product_detail_row .prd_info_cont{padding: 0;}
  .product_detail_row .prd_info_cont .thumb_img{width: 100%; height: auto; padding-top: 100%;}
  .product_detail_row .prd_cont_box{width: 100%; padding: 0; margin-top: 1.25em;}
  .product_detail_row .prd_cont_box .prd_tit .prd_cate{font-size: 1em; padding: 1em 0;}
}
@media screen and (max-width:540px) {
  .product_detail_row .prd_desc_wrap .cont_head .btn_basic{width: 5.75em;}
  .product_detail_row .prd_desc_wrap .cont_head .cate_list li a{font-size: 12px;}
  
  .product_detail_row .prd_price .validity {border-bottom: 1px dashed var(--mono-8); padding-bottom: 1.875em; }
  /* .product_detail_row .prd_price .validity .tit{width: 100%; padding: 0 0 10px;} */

  .product_detail_row .precautions_cont ul li{flex-direction: column;}
  .product_detail_row .precautions_cont ul li .tit{width: 100%;}
  .product_detail_row .precautions_cont ul li .list{width: 100%;}
  
}
/* 견적서 출력 팝업 */
.goods_estimate_popup .popup_box{max-width: 760px;}
.goods_estimate_popup .destination_field{width: 67%;}
.goods_estimate_popup .date_input_field{width: 33%; padding-left: 1.25em;} 
.goods_estimate_popup .ets_order_prd_table{margin-top: 1.25em;}
.goods_estimate_popup .ets_order_prd_table .card_head{margin-bottom: 10px;}
.goods_estimate_popup .ets_order_prd_table .card_head .card_tit{font-size: 1em;}
.goods_estimate_popup .ets_order_prd_table td{padding: 10px 0;}
.goods_estimate_popup .input_field.plus_minus_field{width: 7.2em;}
.goods_estimate_popup .plus_minus_field .ellipse_btn i{font-size: 1.2em;}
.goods_estimate_popup .ets_order_prd_table .total_sum{border-top: 0;}

.goods_estimate_popup .ets_order_prd_table .brand{width: 20%;}
.goods_estimate_popup .ets_order_prd_table td.brand{color: var(--mono-6);}
.goods_estimate_popup .ets_order_prd_table .send_num{width: 22%;}
.goods_estimate_popup .ets_order_prd_table .pay{width: 24%;}
@media screen and (max-width:540px) {
  .goods_estimate_popup .input_field_wrap{flex-direction: column;}
  .goods_estimate_popup .input_field_wrap .input_field{width: 100%; padding: 0;}
  .goods_estimate_popup .input_field_wrap .input_field + .input_field{margin-top: 1.25em;} 
  .goods_estimate_popup .ets_order_prd_table .brand{width: 5em;}
  .goods_estimate_popup .ets_order_prd_table .send_num,
  .goods_estimate_popup .ets_order_prd_table .pay{width: 8em;}
}

/* 주문 */
/* common*/
.order_wrap{padding-bottom: 10em;}
.order_wrap .com_card_wrap{margin: 0; position: relative;}
.order_wrap .card_row{padding: 0;}
.order_wrap .info_box{margin-top: 10px;}
.order_wrap .info_box li{ font-size: 12px; line-height: 1.67em; color: var(--text-secondary);}
/* 주문-  fixed_menu_wrap */
.order_wrap .fixed_menu_wrap, .order_wrap .fixed_menu_right_wrap{width: 20.625em; position: absolute; top: 0; left: 0;}
.order_wrap .fixed_menu_wrap.btm, .order_wrap .fixed_menu_right_wrap.btm{top: auto !important; bottom: 0;}
.order_wrap .fixed_menu_wrap.slide_on, .order_wrap .fixed_menu_right_wrap.slide_on{position: relative !important; top: 0 !important; }
.order_wrap .fixed_menu_wrap .card_inner, .order_wrap .fixed_menu_right_wrap .card_inner{ position: relative; padding:1.25em 0 0;}

.order_wrap .fixed_menu_wrap .card_head, .order_wrap .fixed_menu_right_wrap .card_head{justify-content: flex-end; margin-bottom: 10px;}
.fixed_menu_wrap .card_head .total, .fixed_menu_right_wrap .card_head .total{font-size: 0.875em; line-height: 1.14em; color: var(--mono-6); font-weight: 700;}
.fixed_menu_wrap .card_head .total .num, .fixed_menu_right_wrap .card_head .total .num{color: var(--text-secondary);}
.fixed_menu_wrap .order_prd_box_wrap .order_prd_box, .fixed_menu_right_wrap .order_prd_box_wrap .order_prd_box{z-index: 0;}
.fixed_menu_wrap .order_prd_box_wrap::-webkit-scrollbar, .fixed_menu_right_wrap .order_prd_box_wrap::-webkit-scrollbar{width: 0;}
.fixed_menu_wrap .order_prd_list, .fixed_menu_right_wrap .order_prd_list{position: relative;}
.fixed_menu_wrap .order_prd_list .list, .fixed_menu_right_wrap .order_prd_list .list{border-radius: 1em; padding: 1.25em; box-shadow: 0px 3px 6px 0px var(--blue-shadow);}
.fixed_menu_wrap .order_prd_list .list.active, .fixed_menu_right_wrap .order_prd_list .list.active{border-width: 2px; border-color: var(--point-blue-2);}
.fixed_menu_wrap .list .list_top, .fixed_menu_right_wrap .list .list_top{align-items: center;}
.fixed_menu_wrap .list .thumnail, .fixed_menu_right_wrap .list .thumnail{width: 4.375em; height: 4.375em; border-radius: 10px;}
.fixed_menu_wrap .list .order_txt_box, .fixed_menu_right_wrap .list .order_txt_box{width: calc(100% - 4.375em); padding-left: 10px;}
.fixed_menu_wrap .list .order_txt_box .txt, .fixed_menu_right_wrap .list .order_txt_box .txt{font-size: 0.875em; line-height: 1.14em; }
.fixed_menu_wrap .list .order_txt_box .txt .brand, .fixed_menu_right_wrap .list .order_txt_box .txt .brand{color: var(--mono-6);}
.fixed_menu_wrap .list .pay_box, .fixed_menu_right_wrap .list .pay_box{margin-top: 1.125em; justify-content: space-between;}
.fixed_menu_wrap .list .discount, .fixed_menu_right_wrap .list .discount{font-size: 12px; font-weight: 700;}
.fixed_menu_wrap .list .pay_info, .fixed_menu_right_wrap .list .pay_info{align-items: center;}
.fixed_menu_wrap .list .before_price, .fixed_menu_right_wrap .list .before_price{font-size: 10px; margin-right: 10px;}
.fixed_menu_wrap .list .order_price, .fixed_menu_right_wrap .list .order_price{ font-size: 0.875em; font-weight: 500; color: var(--text-tertiary);}
.fixed_menu_wrap .list .list_bottom, .fixed_menu_right_wrap .list .list_bottom{margin-top: 10px; padding-top: 1.25em; border-top: 1px dashed var(--point-blue-6); justify-content: space-between; align-items: center;}
.fixed_menu_wrap .list .write_done_item, .fixed_menu_right_wrap .list .write_done_item{display: flex; align-items: center; margin: 0 -5px;}
.fixed_menu_wrap .list .write_done_item .item, .fixed_menu_right_wrap .list .write_done_item .item{position: relative; width: 3.125em; height: 3.125em; display: flex; align-items: center; flex-direction: column; justify-content: center; background-color: var(--mono-7); color: var(--text-secondary); border-radius: 50%; margin: 0 5px;}
.fixed_menu_wrap .list .write_done_item .item + .item::before, .fixed_menu_right_wrap .list .write_done_item .item + .item::before{content: ""; display: block; width: 10px; height: 1px; background-color: var(--mono-7); position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}
.fixed_menu_wrap .list .write_done_item .item .icon, .fixed_menu_right_wrap .list .write_done_item .item .icon{ position: relative; width: 0.875em; height: 0.875em; margin: 0 auto;}
.fixed_menu_wrap .list .write_done_item .item .icon img, .fixed_menu_right_wrap .list .write_done_item .item .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; opacity: 0;}
.fixed_menu_wrap .list .write_done_item .item .icon img.gr, .fixed_menu_right_wrap .list .write_done_item .item .icon img.gr{opacity: 1;}
.fixed_menu_wrap .list .write_done_item .item .txt, .fixed_menu_right_wrap .list .write_done_item .item .txt{font-size: 10px; margin: 3px auto 0;}
.fixed_menu_wrap .list .write_done_item .item.done, .fixed_menu_right_wrap .list .write_done_item .item.done{background-color: var(--point-blue-2); color: var(--text-reverse);}
.fixed_menu_wrap .list .write_done_item .item.done .icon img, .fixed_menu_right_wrap .list .write_done_item .item.done .icon img{opacity: 1;}
.fixed_menu_wrap .list .write_done_item .item.done .icon img.gr, .fixed_menu_right_wrap .list .write_done_item .item.done .icon img.gr{opacity: 0;}
.fixed_menu_wrap .list .total_price, .fixed_menu_right_wrap .list .total_price{text-align: right;}
.fixed_menu_wrap .list .total_price .prd_num,
.fixed_menu_right_wrap .list .total_price .prd_num,
.fixed_menu_wrap .list .total_price .price,
.fixed_menu_right_wrap .list .total_price .price{font-weight: 700; line-height: 1.375em;}

.fixed_menu_wrap .user_sale, .fixed_menu_right_wrap .user_sale { float: right; margin-top: 5px; }
@media screen and (min-width:1081px) {
  .fixed_menu_wrap .order_prd_box_wrap, .fixed_menu_right_wrap .order_prd_box_wrap{ position: relative; height: 40.5em; overflow-x: hidden; overflow-y: auto;}
  .fixed_menu_wrap .order_prd_list, .fixed_menu_right_wrap .order_prd_list{flex-direction: column;}
  .order_wrap .fixed_menu_wrap .card_inner::after, .order_wrap .fixed_menu_right_wrap .card_inner::after{content: ""; display: block; width: 100%; height: 1.875em;  background-image: linear-gradient(transparent, var(--point-blue-7)); position: absolute; bottom: 0; left: 0;}
  .fixed_menu_wrap .order_prd_list .list + .list, .fixed_menu_right_wrap .order_prd_list .list + .list{margin-top: 10px;}
}
@media screen and (max-width:1080px) {
  .fixed_menu_wrap .card_head .total, .fixed_menu_right_wrap .card_head .total{font-size: 12px;}
  .order_wrap .fixed_menu_wrap .card_inner, .order_wrap .fixed_menu_right_wrap .card_inner{padding: 0 0 1.67em;}
  .order_wrap .fixed_menu_wrap, .order_wrap .fixed_menu_right_wrap{width: 100%; position: relative; top: auto; left: auto;}
  .fixed_menu_wrap .order_prd_box_wrap .order_prd_box, .fixed_menu_right_wrap .order_prd_box_wrap .order_prd_box{overflow: inherit; clip-path: inset(-100% -100% -100% 0);}
  .fixed_menu_wrap .order_prd_list .list, .fixed_menu_right_wrap .order_prd_list .list{width: 90%;}

  .fixed_menu_wrap .list .write_done_item .item, .fixed_menu_right_wrap .list .write_done_item .item{width: 4.125em; height: 4.125em;}
}
@media screen and (max-width:380px) {
  .fixed_menu_wrap .list .list_bottom, .fixed_menu_right_wrap .list .list_bottom{flex-direction: column; align-items: flex-start;}
  .fixed_menu_wrap .list .total_price, .fixed_menu_right_wrap .list .total_price{width: 100%; padding-top: 10px;}
}
/* 주문 -  order_info_wrap */
.order_wrap .order_info_wrap{ position: relative; width: calc(100% - 20.625em); padding-left: 2.18em; margin-left: auto;}
.order_wrap .order_info_wrap .card_inner{ padding: 0; border-radius: 1em 1em 0 0;}
.order_info_wrap .order_write_cont{padding: 3.125em; border-bottom: 1px dashed var(--border-basic);}
@media screen and (max-width:1080px) {
  .order_info_wrap .com_cont_tit{ margin-bottom: 1em;}
}
@media screen and (max-width:380px) {
  .order_info_wrap .radio_box label{min-width: 100%;}
}
/* 주문 - send_wrap */
.order_info_wrap .send_wrap .send_list{ position: relative; display: flex; align-items: baseline;}
.order_info_wrap .send_wrap .send_list + .send_list{margin-top: 2.5em;}
.order_info_wrap .send_wrap .com_cont_tit{width: 6.67em;}
.order_info_wrap .send_wrap .desc{ position: relative; width: calc(100% - 7.5em); display: flex; flex-wrap: wrap;}
.order_info_wrap .send_wrap .desc .input_field{display: flex; flex-wrap: wrap;}
.order_info_wrap .send_wrap .desc .input_field .input_box{margin: 5px;}

.order_info_wrap .send_wrap .com_cate_select{width: 100%;}
.order_info_wrap .send_wrap .com_select_wrap{width: 12.5em;}
.order_info_wrap .send_wrap .sel_etc_input{width: calc(100% - 14.5em);}
.order_info_wrap .send_wrap .direct_write_field{position: absolute; top: 0; left: calc(10em + 10px);}
.order_info_wrap .send_wrap .direct_write_field .input_box{width: 18.75em;}
.order_info_wrap .send_wrap .send_list04 .direct_field{width: 100%;}
@media screen and (max-width:1650px) {
  .order_info_wrap .send_wrap .direct_write_field{width: calc(100% - 10.75em); left: auto; right: 0;}
  .order_info_wrap .send_wrap .direct_write_field .input_box{width: 100%;}
}
@media screen and (max-width:1300px) {
  .order_info_wrap .order_write_cont{padding: 1.7em;}
  .order_info_wrap .send_wrap{margin: -5px;}
  .order_info_wrap .send_wrap .send_list{flex-wrap: wrap;}
  .order_info_wrap .send_wrap .com_cont_tit{width: 100%; margin: 0 5px 0.5em;}
  .order_info_wrap .send_wrap .desc{width: 100%;}
}
@media screen and (max-width:1080px) {
  .order_wrap .order_info_wrap{width: 100%; padding-left: 0;}
  .order_info_wrap .send_wrap .com_cont_tit{margin:0 5px 1em;}
}
@media screen and (max-width:540px) {
  .order_info_wrap .send_wrap .desc .input_field .input_box,
  .order_info_wrap .send_wrap .com_select_wrap,
  .order_info_wrap .send_wrap .sel_etc_input{width: 100%;}
}
@media screen and (max-width:380px) {
  .order_info_wrap .send_wrap .desc .input_field{width: 100%;}
  .order_info_wrap .send_wrap .direct_write_field{position: static;}
}

/* 주문 - caller_wrap */
.caller_wrap {
  display: none;
}

.caller_wrap.on {
  display: block;
}

/* 알림톡 커스텀 정보 입력 부분 css */
.kakao_custom_coupon_load_wrap{display: none;}
.tab_cont.prd_write_box:has(input[type="radio"][value="kakao"]:checked) .kakao_custom_coupon_load_wrap {display: flex; justify-content: space-between}
.order_info_wrap .caller_wrap .com_cont_tit {margin-bottom: 2.5em;}
.order_info_wrap .caller_wrap .write_area {width: calc(100% - 20.69em); padding-right: 3.75em;}
.order_info_wrap .caller_wrap .preview_area {width:20.69em;}
.order_info_wrap .caller_wrap .input_field{display: flex; align-items: center; flex-wrap: wrap; margin-top:2.5em;}
.order_info_wrap .caller_wrap .input_field:first-child {margin-top:0px;}
.order_info_wrap .caller_wrap .input_field_tit {width: 6.67em;  font-weight:600;}
.order_info_wrap .caller_wrap .input_field__cnt {width:calc(100% - 6.67em);}

.web_custom_coupon_wrap .custom_info{padding: 5%; border: 1px solid var(--point-blue-11); border-radius: 10px;}
.web_custom_coupon_wrap .custom_info>p{font-size: 0.95rem; font-weight: 600; margin-bottom: 5%;}
.web_custom_coupon_wrap .custom_info ul{margin-left: 3%;}
.web_custom_coupon_wrap .custom_info li{font-size: 0.9rem; font-weight: 300; margin-bottom: 3%;}
.web_custom_coupon_wrap .custom_info li:nth-last-of-type(1){margin-bottom: 0;}
.web_custom_coupon_wrap .custom_info li>ul{margin-top: 2%;}
.web_custom_coupon_wrap .custom_info li>ul>li{margin-top: 2%}

.web_custom_coupon_wrap .custom_template_select_wrap>.custom_template_select_box{display: flex}
.web_custom_coupon_wrap .custom_template_select_wrap>.custom_template_select_box>input{display: none;}
.web_custom_coupon_wrap .custom_template_select_wrap>.custom_template_select_box>label{border: 1px solid white; border-radius: 10px; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1); transition: all ease 0.2s}
.web_custom_coupon_wrap .custom_template_select_wrap>.custom_template_select_box>label:hover{border: 1px solid var(--mono-5);}
.web_custom_coupon_wrap .custom_template_select_wrap>.custom_template_select_box>input:checked + label{border: 1px solid var(--point-blue-11);}

.web_custom_coupon_wrap .input_field:nth-of-type(1){margin-top: 0;}
.web_custom_coupon_wrap .input_field{margin-top: 2.5em;}

.web_custom_coupon_wrap label{padding: 3%; margin-left: 3%;}

.web_custom_coupon_wrap>div:nth-last-of-type(1){margin-bottom: 2.5em;}

.order_info_wrap .caller_wrap .com_select_wrap {width:100%;}

.order_info_wrap .caller_wrap .input_field__cnt input, .web_custom_coupon_wrap .logo_input,
.web_custom_coupon_wrap .custom_banner_01_url_input, .web_custom_coupon_wrap .custom_banner_02_url_input{border-radius: 0; border: 1px solid var(--input-basic); width: 100%; height: 100%; line-height: 2.5em; padding: 0 10px !important; color: var(--text-primary);}
.order_info_wrap .caller_wrap .input_field__cnt input::placeholder, .web_custom_coupon_wrap .logo_input::placeholder {color: var(--mono-6);}
.order_info_wrap .caller_wrap .preview_area_wrap {width:89%;}
.order_info_wrap .caller_wrap .preview_area_wrap .wrap_inner {position: relative; width:100%; height:100%; border: 4px solid var(--border-basic); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 45px; padding: 7%; /* background:url('/img/common/caller_bg-2b63eeb928a89a1f605c4c0adfb377d4.png') no-repeat top center / cover; padding-top: 1px; aspect-ratio: 138 / 181; */ overflow: hidden}
.order_info_wrap .caller_wrap .preview_area_wrap .wrap_inner_con {
  /*width: 80%;*/ min-height: 390px; background-color: #ABC0D1; border: 15px solid #ABC0D1; border-radius: 30px;
  /*border-radius:10px;*/ /*margin: 12% auto 0;*/ /* min-height:320px; max-height:330px; height:100%; */
  display: flex; flex-direction: column; justify-content: end;
  overflow: hidden;
}
.order_info_wrap .caller_wrap .preview_area_wrap .wrap_inner .preview_webview{height: calc(100% - 2em); border-radius: 30px}
.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap {
  position: relative;
  width:100%;
  height:100%;
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .hadding {
  padding:0.5em;
  background-color: #fde401;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .hadding p {
  font-size:12px;
  font-weight: 500;
  color:#000;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .kakao_template_preview_title_wrap{display: none; padding: 1.5em 1em 0;}
.kakao_template_preview_title_sub{margin-bottom: 2px; font-size: 12px; color : var(--mono-5)}
.kakao_template_preview_title_main{font-size: 16px; font-weight: 700}
.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .kakao_template_preview_title_wrap.on::after{content: ''; display: block; width: 100%; border: 1px solid var(--mono-7); margin-top: 1.5em;}
.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .kakao_template_preview_img_wrap{display: none}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .kakao_template_preview_title_wrap.on{display: block}
.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .kakao_template_preview_img_wrap.on{display: block}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .context {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width:100%;
  /* height:100%; */
  padding:1.5em 1em 0;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .context p {
  font-size: 12px;
  letter-spacing: -0.03em;
  margin-bottom:20px;
  white-space: pre-line;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .context p:last-child {
  margin-bottom:0px;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .context button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:30px;
  font-size:12px;
  color:#282828;
  border-radius:5px;
  background-color: #e6e6e6;
  margin:10px 0;
}

.order_info_wrap .caller_wrap .preview_area_wrap .con_wrap p {line-height:1.25em; color:#000;}

.order_info_wrap .caller_wrap .callery_hint{font-size:14px; color:#999; margin-top:1.25em;}

.go_kakao_profile{padding: 2%; margin-left: 3%;}

@media screen and (min-width:1081px) {
}
@media screen and (min-width:541px) {
}
@media screen and (max-width:1650px) and (min-width:1501px) {
  .order_info_wrap .caller_wrap .preview_area_wrap {width:100%;}
  .order_info_wrap .caller_wrap .write_area {width: calc(100% - 16em); padding-right: 1.75em;}
  .order_info_wrap .caller_wrap .preview_area {width: 16em;}
}

@media screen and (max-width: 1500px) and (min-width: 1081px){
  .order_info_wrap .caller_wrap .write_area {
    width:100%;
    padding:0px;
    margin-bottom:1.25em;
  }
}

@media screen and (max-width: 1230px){
  .order_info_wrap .caller_wrap .input_field_tit {
    width:100%;
    margin:0px 5px 0.6em;
  }

  .order_info_wrap .caller_wrap .input_field__cnt {
    width:100%;
  }

  .order_info_wrap .caller_wrap .callery_hint {
    font-size:12px;
  }

  .order_info_wrap .caller_wrap .preview_area_wrap {
    width:20em;
    margin:0 auto;
  }
}

@media screen and (max-width:760px) {
  .order_info_wrap .caller_wrap .write_area {
    width:100%;
    padding:0px;
  }

  .order_info_wrap .caller_wrap .input_field {
    margin-top:1.5em;
  }

  .order_info_wrap .caller_wrap .preview_area {
    max-width:20em;
    width:100%;
    margin-top:2.5em;
  }
}

@media screen and (max-width:500px){
  .order_info_wrap .caller_wrap .preview_area_wrap {
    width:100%;
  }

  /* .order_info_wrap .caller_wrap .preview_area_wrap .wrap_inner {
    background-size:contain;
  } */

  .order_info_wrap .caller_wrap .preview_area_wrap .wrap_inner_con {
    /*min-height:290px;*/
  }

  .order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .hadding p {
    font-size: 12px;
  }

  .order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .context p {
    font-size:12px;
    margin-bottom:12px;
  }

  .order_info_wrap .caller_wrap .preview_area_wrap .con_wrap .context a {
    margin-top:2em;
  }
}


/* 주문 -  message_wrap */
.order_info_wrap .message_wrap .com_cont_tit{width: 100%;}
.order_info_wrap .message_wrap .write_area{width: calc(100% - 20.69em); padding-right: 3.75em;}
.order_info_wrap .message_wrap .write_area .write_list + .write_list{margin-top: 2.5em;}
.order_info_wrap .message_wrap .input_field{width: 100%;}
.order_info_wrap .message_wrap .input_field .input_box{width: 100%;}
.order_info_wrap .message_wrap .input_field .byte_wrap{position: absolute; font-size: 12px; line-height: 1.17em; color: var(--text-secondary);}
.order_info_wrap .message_wrap .input_field .byte_wrap span{color: var(--point-blue-1);}
.order_info_wrap .message_wrap .message_subject .com_input{padding-right: 4.375em;}
.order_info_wrap .message_wrap .message_subject .byte_wrap{ top: 50%; right: 10px; transform: translateY(-50%);} 
.order_info_wrap .message_wrap .message_cont{margin-top: 10px;}
.order_info_wrap .message_wrap .message_cont .input_box{height: 15.625em;}
.order_info_wrap .message_wrap .message_cont .com_textarea{display: block;}
.order_info_wrap .message_wrap .message_cont .byte_wrap{bottom: 10px; right: 10px;}

.order_info_wrap .message_wrap .file_upload_wrap{width: 100%; height: auto;}
.order_info_wrap .message_wrap .upload_input{padding-top: 6.25em;}
.order_info_wrap .message_wrap .file_upload_wrap .file_box{ width: 100%; margin-top: 10px;}
/* .order_info_wrap .message_wrap .file_upload_wrap + .info_box{width: 25em;} */
.order_info_wrap .message_wrap .file_upload_wrap ~ .tooltip_wrap{display: none; margin-top: 5px;}
.order_info_wrap .message_wrap .tooltip_wrap .tooltip_on_btn .txt{font-size: 12px;}
.order_info_wrap .message_wrap .file_upload_wrap.add_file ~ .tooltip_wrap{display: block;}
.order_info_wrap .message_wrap .file_upload_wrap.add_file + .info_box{display: none;}

.order_info_wrap .message_wrap .preview_area{width: 20.69em;}
.custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 13.54em}
.order_info_wrap .message_wrap .preview_area .preview_list{width: 83%;}
.order_info_wrap .message_wrap .preview_area .preview_list + .preview_list{margin-top: 1.25em;}
.order_info_wrap .message_wrap .preview_area .message_preview_wrap{width:86%; margin-top: 2.5em;}
.order_info_wrap .message_wrap .logo_preview_wrap .desc{margin: -5px;}
.order_info_wrap .message_wrap .logo_preview_wrap .input_field{width: auto; padding: 5px;}
/*.order_info_wrap .message_wrap .letter_preview .preview_box{padding: 2.31em 1.875em;}*/
.order_info_wrap .message_wrap .letter_preview .preview_box .logo_play, .preview_webview_corp_logo_play{display: none; position: absolute; top:10px; left:10px; font-size:0px;width:45px;}


@media screen and (min-width:1081px) {
  .order_info_wrap .message_wrap .com_cont_tit{ margin-bottom: 10px;}
}
@media screen and (min-width:541px) {
  .order_info_wrap .message_wrap .logo_preview_wrap .radio_box label{min-width: 6.28em;}
}
@media screen and (max-width:1650px) and (min-width:1501px) {
  .order_info_wrap .message_wrap .letter_preview .preview_box {padding: 2.31em 1.2em;}

    .order_info_wrap .message_wrap .instagram_preview .letter_preview .preview_box{padding: 0 1.5em;}

  .order_info_wrap .message_wrap .write_area{width: calc(100% - 16em); padding-right: 1.75em;}
  .order_info_wrap .message_wrap .preview_area{width: 16em;}
  .custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 12.15em}
  .order_info_wrap .letter_preview .preview_box .coupon_cont .prd_img{width: 5em; height: 5em;}
  .order_info_wrap .message_wrap .preview_area .preview_list{width: 100%;}
}
@media screen and (max-width:1500px) and (min-width:1081px) {
  .order_info_wrap .message_wrap .write_area{width: 100%; padding-right: 0;}
  .order_info_wrap .message_wrap .preview_area{width: 100%; margin-top: 2.5em;}
  /*.order_info_wrap .message_wrap .letter_preview{max-width: 20em; }*/
  /*.order_info_wrap .message_wrap .preview_area .preview_list{width: 100%;}*/
}
@media screen and (max-width:760px) {
  .order_info_wrap .message_wrap .write_area{width: 100%; padding-right: 0;}
  .order_info_wrap .message_wrap .preview_area{width: 100%; margin-top: 2.5em;} 
  .order_info_wrap .message_wrap .letter_preview{max-width: 20em; }
  .order_info_wrap .message_wrap .preview_area .preview_list{width: 100%;}
}
@media screen and (max-width:540px) {
  .order_info_wrap .message_wrap .logo_preview_wrap .input_field{width: 11.43em; }
  .order_info_wrap .message_wrap .logo_preview_wrap .radio_box label{min-width: 100%;}
  .order_info_wrap .letter_preview .preview_box .coupon_cont .prd_img{width: 4.5em; height: 4.5em;}
}
@media screen and (max-width:380px) {
  .order_info_wrap .message_wrap .logo_preview_wrap .input_field{width: 50%; }
}

/* 메시지 작성 새 레이아웃 */
.order_info_wrap .message_wrap.msg_write_new_layout{display: block;}
.order_info_wrap .message_wrap.msg_write_new_layout .write_area{width: 100%; padding-right: 0;}
.order_info_wrap .message_wrap.msg_write_new_layout .preview_area{width: 100%; margin-top: 2.5em;}
/* 메시지 작성 헤더 */
.msg_write_header_row{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25em; padding-bottom: 1em; border-bottom: 1px solid var(--border-basic);}
.msg_write_main_title{font-size: 1rem; font-weight: 700; color: var(--text-primary);}
.msg_template_load_link{background: none; border: none; color: var(--point-blue-1); font-size: 0.875rem; cursor: pointer; text-decoration: underline; padding: 0; line-height: 1.5;}
.msg_template_load_link:hover{opacity: 0.8;}
/* 문자 내용 섹션 */
.msg_content_section{margin-bottom: 1.25em;}
.msg_content_section .com_cont_tit{font-size: 0.875rem; font-weight: 600; margin-bottom: 0.625em;}
/* 옵션 테이블 */
.msg_options_table{border: 1px solid var(--border-basic); border-radius: 6px; overflow: hidden; margin-bottom: 1.25em;}
.msg_option_row{display: flex; align-items: stretch; border-bottom: 1px solid var(--border-basic); min-height: 3.125em;}
.msg_option_row:last-child{border-bottom: none;}
.msg_option_label{flex: 0 0 6.25em; padding: 0.75em 1em; font-size: 0.875rem; font-weight: 500; color: var(--text-secondary); background-color: var(--bg-secondary, #f8f9fa); display: flex; align-items: center; border-right: 1px solid var(--border-basic); word-break: keep-all;}
.msg_option_ctrl{flex: 1; padding: 0.625em 1em; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5em; min-width: 0;}
.msg_option_ctrl .input_field{width: 100%; margin: 0;}
.msg_option_ctrl .input_field .input_box{width: 100%;}
.msg_option_ctrl .coupon_template_field{width: 100%;}
.msg_option_ctrl .logo_none_field, .msg_option_ctrl .logo_field{width: auto;}
/* 이미지 업로드 영역 */
.msg_img_upload_outer{width: 100%;}
.msg_img_upload_inner{width: 100%; border: 1px dashed var(--border-basic); border-radius: 6px; cursor: pointer; transition: border-color 0.2s;}
.msg_img_upload_inner:hover{border-color: var(--point-blue-1);}
.msg_img_upload_inner .upload_input{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5em 1em; text-align: center;}
.msg_upload_txt{margin-top: 0.5em; font-size: 0.875rem; color: var(--text-secondary);}
.msg_upload_desc{font-size: 0.75rem; color: var(--text-tertiary, #999); margin-top: 0.25em;}
/* 변수 삽입 select */
.msg_var_select_wrap{width: auto;}
.msg_var_select_wrap .select-section select{min-width: 8em;}
/* 반응형 */
@media screen and (max-width: 760px) {
  .msg_option_label{flex: 0 0 5.5em; font-size: 0.8125rem;}
}
@media screen and (max-width: 480px) {
  .msg_option_label{flex: 0 0 4.5em; font-size: 0.75rem; padding: 0.5em 0.625em;}
  .msg_option_ctrl{padding: 0.5em 0.75em;}
}
@media screen and (max-width: 320px) {
  .msg_write_header_row{flex-wrap: wrap; gap: 0.5em;}
  .msg_option_row{flex-wrap: wrap;}
  .msg_option_label{flex: 0 0 100%; border-right: none; border-bottom: 1px solid var(--border-basic);}
  .msg_option_ctrl{flex: 0 0 100%;}
}

/* 주문 - 알림톡 커스텀 웹뷰 */
.preview_webview{width: 87%; background-color: #f5f5f5; border-radius: 30px 30px 0 0; overflow: hidden; position: absolute; top:100%; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in-out;}
.order_info_wrap .send_wrap .send_list.send_custom{display: none}
.custom_web_preview{display: none;}
.custom_web_preview .preview_webview{position: static; transform: none;}
.web_custom_coupon_wrap{display: none;}
.order_info_wrap .tab_cont.prd_write_box:has(input[type="radio"][value="kakao"]:checked) .send_wrap .send_list.send_custom{display: flex}
.tab_cont.prd_write_box:has(input[type="radio"][value="kakao"]:checked):has(input[type="radio"][value="custom"]:checked) .web_custom_coupon_wrap{display: block;}
/*.tab_cont.prd_write_box:has(input[type="radio"][value="kakao"]:checked):has(input[type="radio"][value="custom"]:checked) .custom_web_preview{display: block; position: sticky; top: 5%;}*/
/*.tab_cont.prd_write_box:has(input[type="radio"][value="kakao"]:checked):has(input[type="radio"][value="custom"]:checked) .message_preview_wrap:not(.custom_web_preview){display: none}*/

.custom_web_preview .letter_preview{background-color: var(--bg-basic); border: 4px solid var(--border-basic); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1); border-radius: 2em; font-weight: 300;}
.custom_web_preview .preview_webview{border-radius: 20px; margin: 1em}

.message_wrap .sp-container{z-index: 150}

.preview_webview_close_header{padding: 10px; background-color: var(--white); display: flex; font-size: 12px;}
.preview_webview_close_header>i{font-weight: 900;}
.preview_webview_close_header>div{margin: 0 auto; font-size: inherit}

.preview_webview_header{
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/img/pin/logo_bg-ee078248e4c0092b6fab06977b9ae6ac.jpg);
    height: 35px;
}

.preview_webview_header>img{/* width: 30%; */ max-height: 45%}
/*.preview_webview_header>img.custom_basic_logo{max-height: 45%}*/

.preview_area .preview_webview .custom_user_add_img_warp{margin: 5% 5% 0 5%;}
.preview_area .preview_webview .custom_user_add_img_warp>img,
.custom_banner_01_img_wrap>img,
.custom_banner_02_img_wrap>img
{display: block;}
.custom_banner_01_img_wrap, .custom_banner_02_img_wrap{border-radius: 8px; margin: 5% 5% 0 5%; display: none; overflow: hidden;}
.preview_area .preview_webview .preview_coupon{width: 90%; margin: 0 5% 5% 5%;}

.preview_webview .preview_webview_message{
    background: #fff;
    border-radius: 8px;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, .05);
    margin: 5%;
    position: relative;
    padding: 5%;
    font-size: 15px;
    color: #666;
    line-height: 1.5;
}

.preview_webview_message .preview_webview_message_title{
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin-bottom: 5%;
}

.preview_webview_message .preview_webview_message_content{
    font-size: 13px; white-space: pre-line; word-break: break-all;
}

/* 주문 - 특수문자, 문자 불러오기 */
.character_box_wrap{width: 100%; padding: 1.25em; background-color: var(--mono-9);}
.special_character_box{ display: none; width: 100%; padding-bottom: 1.25em;}
.special_character_box .inner{background-color: var(--bg-basic); display: flex; flex-wrap: wrap;}
.special_character_box .inner > div{ position: relative; width: 10%; border: 0.5px solid var(--mono-9); cursor: pointer;}
.special_character_box .inner > div > div{padding-top: 100%; display: flex; align-items: center; justify-content: center;}
.special_character_box .inner span{font-size: 1.125em; color: var(--text-tertiary); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.special_character_box .inner > div:hover{border-color: var(--point-blue-1); border-width: 2px;}
.special_character_box .inner > div:hover span{color: var(--point-blue-1);}
.character_btn_wrap{justify-content: space-between;}
.character_btn_wrap .special_character_btn{position: relative; font-size: 1em; width: 2.625em; height: 2.625em;}
.character_btn_wrap .special_character_btn .desc {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--mono-6); transition: all 0.2s;}
.character_btn_wrap .special_character_btn .icon{font-size: 1.5em;}
.character_btn_wrap .special_character_btn .txt{font-size: 0.875em; font-weight: 600; opacity: 0;}
.character_btn_wrap .special_character_btn:hover .txt{opacity: 1;}
.character_btn_wrap .special_character_btn:hover .icon{opacity: 0;}
.character_box_wrap .special_character_btn .close{display: none;}
.character_box_wrap.open .special_character_btn .open{display: none;}
.character_box_wrap.open .special_character_btn .close{display: block;}
.character_btn_wrap .words_btn{margin-left: auto; margin-right: 8px;}
.character_btn_wrap .test_btn {margin-left:8px;}

/* 주문 - receive_wrap */
.order_info_wrap .receive_wrap .receive_list + .receive_list{margin-top: 2.5em;}
.order_info_wrap .receive_wrap .receive_info_list{display: none;} 
.order_info_wrap .receive_wrap .receive_list .desc{margin: -5px;} 
.order_info_wrap .receive_wrap .input_field{width: auto;}
.order_info_wrap .receive_wrap .input_field .input_box{width: auto; margin: 5px;}
.order_info_wrap .receive_wrap .excel_field{align-items: center;}
.order_info_wrap .receive_wrap .each_write_field .each_excel_button_wrap{margin: 10px 0;}
.order_info_wrap .receive_wrap .each_write_field .info_box{margin-top: unset; margin-left: 10px}
.order_info_wrap .receive_wrap .etc_btn_wrap{ display: none; margin-left: 0.94em;}
.order_info_wrap .receive_wrap .etc_btn_wrap .btn_basic{margin-right: 5px;}
.order_info_wrap .receive_wrap .etc_btn_wrap .btn_basic input{display: none;}
.order_info_wrap .receive_wrap .etc_btn_wrap .btn_basic label{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.order_info_wrap .receive_wrap .directly_write_field{width: 100%;}
.order_info_wrap .receive_wrap .directly_write_field .input_box{height: 10.3em;}
.order_info_wrap .receive_wrap .directly_write_field textarea::placeholder{line-height: 1.5em;}
.order_info_wrap .receive_wrap .directly_write_field .btn_basic{position: absolute; bottom: -3em; right: 5px;}
.order_info_wrap .receive_wrap .receive_num_wrap{width: 100%; height: 9.375em; overflow-x: hidden; overflow-y: auto; background-color: var(--mono-9); border: 1px solid var(--border-basic);}
.order_info_wrap .receive_wrap .receive_num_wrap::-webkit-scrollbar{width: 0;}
.order_info_wrap .receive_wrap .receive_num_list{ padding: 1.25em; margin: -5px; overflow-y: auto;}
.order_info_wrap .receive_wrap .receive_num_list .list{display: flex; align-items: center; background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 5em; padding: 10px; margin: 5px;}
.order_info_wrap .receive_wrap .receive_num_list .list .num{color: var(--text-secondary); padding-right: 10px; font-weight: 500;}
.order_info_wrap .receive_wrap .receive_num_list .list .close_btn i{ font-size: 1.25em; cursor: pointer; vertical-align: -1px;} 
.order_info_wrap .receive_wrap .receive_total_wrap{ align-items: center; justify-content: space-between; margin-top: 10px;}
.order_info_wrap .receive_wrap .receive_total_wrap .total{font-size: 1.5em; font-weight: 700; color: var(--point-blue-1);}
@media screen and (min-width:1081px) {
  .order_info_wrap .receive_wrap .com_cont_tit{margin-bottom: 1.25em;}
}
@media screen and (max-width:1300px) {
  .order_info_wrap .receive_wrap .directly_write_field .btn_wrap{text-align: right;}
  .order_info_wrap .receive_wrap .directly_write_field .btn_basic{position: static;}
}
@media screen and (max-width:500px){
  .character_btn_wrap {
    /* margin:0px -2px; */
  }

  .character_btn_wrap .test_btn {
    width:calc(50% - 4px);
    margin-left:auto;
  }

  .character_btn_wrap .words_btn,
  .character_btn_wrap .save_btn {
    width:calc(50% - 4px);
    margin:2px;
  }
}

@media screen and (max-width:411px) {
  .order_info_wrap .receive_wrap .input_field{width: 100%;}
  .order_info_wrap .receive_wrap .input_field .input_box{width: 100%; margin: 5px 0;}
  .order_info_wrap .receive_wrap .receive_num_list .list{width: calc(100% - 10px); justify-content: space-between;}
  .order_info_wrap .receive_wrap .etc_btn_wrap{margin-left: 0; margin-bottom: 5px;}
}

/* 주문 - order_means_pay */
.order_wrap .order_means_pay{padding: 0; margin-top: 2.375em;}
.order_wrap .order_means_pay .card_inner{padding: 0;}
.order_means_pay .pay_means_area{width: 66.42%;}
.order_means_pay .bill_area{width: 33.58%; position: relative;}
.order_means_pay .bill_list{position: sticky; top: 20%;}
.order_means_pay .com_cont_tit{margin-bottom: 1.11em;}
.order_means_pay .pay_means_cont{padding: 3.125em;}
.order_means_pay .pay_list{border-bottom: 1px dashed var(--mono-6);}
.order_means_pay .pay_list .input_field{align-items: center;}
.order_means_pay .pay_list .input_field + .input_field{margin-top: 1.25em;}
.order_means_pay .pay_list .input_field label{display: flex; align-items: center;}
.order_means_pay .pay_list .input_field .pay_num{font-weight: 700; padding-left: 10px;}
.order_means_pay .pay_list .input_field .input_box{ width: 18.75em; margin-left: auto;}

.order_means_pay .means_list{border-bottom : 1px dashed var(--mono-6)}
.order_means_pay .means_list .without_bankbook .cont_box .cont .tit{width: 5.25em;}
.order_means_pay .means_list .without_bankbook .cont_box .cont .desc{width: calc(100% - 5.25em);}
.order_means_pay .means_list .without_bankbook .cont_box .cont .input_box{width: 18.75em;}
.order_means_pay .means_list .pay_means_list{border: unset;}
.order_means_pay .means_list .pay_means_list .list{width: 33.3%; border: 1px solid var(--border-basic); align-content: center;}
.order_means_pay .means_list .pay_means_list .list:nth-of-type(2){border-right: unset; border-left: unset;}


.bill_cont{margin-bottom: 1.25em;}
.order_means_pay .bill_area .bill_cont .bill_body{background-color: var(--mono-9);}
.order_means_pay .terms_wrap{background-color: var(--bg-basic); border: 1px solid var(--border-basic); padding: 1.25em; margin: 10px 0 1.25em;}
.order_means_pay .terms_wrap .info_txt{font-size: 0.875em; line-height: 1.57em; color: var(--text-secondary);}
.order_means_pay .terms_wrap .input_field{margin-top: 10px; align-items: center;}
.order_means_pay .terms_wrap .input_field .btn_basic{margin-left: auto; font-size: 0.875em;}  
.order_means_pay .terms_wrap .input_field .btn_basic .txt{margin-left: 0;}
@media screen and (max-width:1650px) {
  .order_means_pay .pay_means_area,
  .order_means_pay .bill_area{width: 50%;}
  .order_means_pay .pay_list .input_field .input_box{width: 100%; margin: 7px 0 0;}
}
@media screen and (max-width:1300px) {
  .order_means_pay .pay_means_cont{padding: 1.7em;}
  .order_means_pay .means_list .without_bankbook .cont_box .cont .input_box{width: 100%;}
}
@media screen and (max-width:760px) {
  .order_means_pay .pay_means_area,
  .order_means_pay .bill_area{width: 100%;}
  .order_means_pay .means_list .pay_means_list .list a{padding: 1.5em 10px;}
}
/*@media screen and (max-width:540px) {
  .order_means_pay .means_list .without_bankbook .cont_box{padding: 1.5em;}
  .order_means_pay .means_list .without_bankbook .cont_box .cont .tit{width: 100%; font-size: 1.33em;}
  .order_means_pay .means_list .without_bankbook .cont_box .cont .bankbook_info{font-size: 1.33em;}
  .order_means_pay .means_list .without_bankbook .cont_box .cont .desc{width: 100%; margin-top: 10px;}
}*/
@media screen and (max-width:350px) {
  .bill_add_list .list{flex-direction: column; align-items: flex-start;}
  .bill_add_list .list .unit.tit + .desc{margin-top: 0.94em; width: 100%; text-align: right;}
}
/* 주문 - 할인쿠폰 */
.order_means_pay #couponSelect{display: none;}

.discount_coupon_total_wrap{justify-content: space-between}

.discount_coupon_total_wrap .input_field{display: flex;}
.discount_coupon_total_wrap .input_field .pay_num{padding-left: 10px;}

.discount_coupon_select_wrap{flex-grow: 0.6}

.discount_coupon_select_wrap>div>button{width: 100%; border: 1px solid var(--input-basic)}

.order_means_pay .pay_list .input_field.discount_coupon_select_wrap .input_box{width: 100%}

.discount_coupon_list_wrap{width: 60vw; min-width: 690px; max-width: 800px; height: 1000%; background-color: white; border: 1px solid black; border-radius: 5px; position: absolute; top: 110%; left: -60%; z-index: 99; overflow-y: scroll; display: none}

.discount_coupon_wrap{width: 85%; border-radius: 10px; margin: 30px auto; display: flex; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); position: relative; cursor: pointer;}
.discount_coupon_wrap.active{box-shadow: 0px 0px 8px rgba(132, 101, 245, 0.6);}
.discount_coupon_wrap::after{content:''; width: 20px; height: 40px; background-color: white; border-right: unset; box-shadow: 3px 0px 4px 0px rgba(0, 0, 0, 0.25) inset; border-radius: 300px 0 0 300px;  position: absolute; top: 50%; transform: translateY(-50%); right: 0; filter: drop-shadow(6px 0px 2px #FFF);}
.discount_coupon_wrap.active::after{box-shadow: 3px 0px 4px 0px rgba(132, 101, 245, 0.6) inset}
.discount_coupon_wrap.disabled{cursor: not-allowed;}
.discount_coupon_wrap.active .discount_coupon_color_wrap{background: var(--btn-basic-hover-bg)}
.discount_coupon_wrap.disabled .discount_coupon_color_wrap{background: var(--mono-5); color: var(--mono-3)}
.discount_coupon_wrap.active .discount_coupon_explanation_wrap div>p{color: #8465F5;}
.discount_coupon_wrap.disabled .discount_coupon_explanation_wrap div>p{color: var(--mono-3);}

.discount_coupon_color_wrap{min-width: 50%; background: linear-gradient(120deg, var(--point-blue-1) 15.46%, var(--point-blue-2) 99.48%); padding: 5%; border-radius: 10px 0 0 10px; color: white; display: flex; flex-direction: column; justify-content: space-between; position: relative}
.discount_coupon_color_wrap>div:nth-of-type(1){display: flex; justify-content: space-between}
.discount_coupon_color_wrap>div:nth-of-type(1)>p{margin-bottom: 1lh; font-size: 1.7rem; font-weight: 800;}
.discount_coupon_color_wrap>div:nth-of-type(1)>span{display: none}
.discount_coupon_color_wrap>div:nth-of-type(2)>p:nth-of-type(1){margin-bottom: 0.5lh}
.discount_coupon_color_wrap>div:nth-of-type(2) p{font-size: 0.8rem; font-weight: 400;}
.discount_coupon_color_wrap::after{content: ''; height: 90%; border: 1px dashed white; position: absolute; top: 5%; right: 1px}

.discount_coupon_explanation_wrap{min-width: 50%; padding: 5% 20px 5% 5%; border-radius: 0 10px 10px 0; color: var(--mono-3)}
.discount_coupon_explanation_wrap p{margin-bottom: 0.5rem; font-size: 0.8rem}
.discount_coupon_explanation_wrap div>p{margin-bottom: 0.9rem; font-size: 0.9rem; font-weight:600;  color: var(--point-blue-1)}
.discount_coupon_explanation_wrap div>i{display: none}
.discount_coupon_explanation_wrap>p:last-of-type{margin-bottom: unset}

@media screen and (max-width:1080px){
  .discount_coupon_select_wrap{flex-grow: 0; width: 100%}

  .discount_coupon_list_wrap{width: 100%; min-width: unset; max-width: unset; left: unset}

  .discount_coupon_wrap::after{width: 15px; height: 30px;}
  .discount_coupon_wrap.disabled .discount_coupon_explanation_wrap div>i{color: var(--mono-3)}

  .discount_coupon_color_wrap{width: 100%; padding: 10%; border-radius: 10px}
  .discount_coupon_color_wrap>div:nth-of-type(1)>p{font-size: 1.3rem; margin-bottom: 2lh}
  .discount_coupon_color_wrap>div:nth-of-type(1)>span{display: block; font-size: 0.85rem; font-weight: 200; text-decoration: underline; cursor: pointer}
  .discount_coupon_color_wrap>div:nth-of-type(2) p{font-weight: 300; text-align: right}
  .discount_coupon_color_wrap::after{display: none}

  .discount_coupon_explanation_wrap{display: none; width: 100%; height: 100%; background-color: white; padding: 6%; border-radius: 10px; position: absolute; top: 0; left: 0; font-size: 10px;}
  .discount_coupon_explanation_wrap p{font-size: inherit}
  .discount_coupon_explanation_wrap div>i{display: block; color: var(--point-blue-1); font-size: 0.9rem}
  .discount_coupon_explanation_wrap.active{display: block}
  .discount_coupon_explanation_wrap.active div{display: flex; justify-content: space-between}
}

/* 주문 - 퀵메뉴 */
.goods_wrap .quick_layer_wrap .inner .flex_cont{justify-content: flex-end;}
.goods_wrap .quick_layer_wrap .total_info_list{display: flex; align-items: center; margin-right: 1.56em; }
.goods_wrap .quick_layer_wrap .total_info_list li{ position: relative; font-size: 1.125em; font-weight: 500; padding: 0 15px; color: var(--text-secondary); display: flex; align-items: center;} 
.goods_wrap .quick_layer_wrap .total_info_list li::after{content: "ㆍ";display: block; position: absolute; top: 50%; right: -7px; transform: translateY(-50%);}
.goods_wrap .quick_layer_wrap .total_info_list li:last-child:after{display: none;}
.goods_wrap .quick_layer_wrap .total_info_list .total_pay{font-size: 1.5em; font-weight: 700; color: var(--text-reverse);}

/*임시저장 버튼*/
.goods_wrap .quick_layer_wrap .tempSaveButton{background-color: #6f6f6f;}
.goods_wrap .quick_layer_wrap .tempSaveButton:hover{background-color: var(--btn-basic-bg);}

@media screen and (max-width:950px) {
  .goods_wrap .quick_layer_wrap .inner{justify-content: space-between;}
  .goods_wrap .quick_layer_wrap .total_info_list{ flex-wrap: wrap; width: calc(100% - 24em); margin-right: 0;}
  .goods_wrap .quick_layer_wrap .total_info_list .prd_num{padding-left: 0;}
  .goods_wrap .quick_layer_wrap .total_info_list .people_num::after{display: none;}
  .goods_wrap .quick_layer_wrap .total_info_list .total_pay{width: 100%; padding: 10px 0 0;}
}
@media screen and (max-width:760px) {
  .goods_wrap .quick_layer_wrap .total_info_list{ width: 80%;}
  .goods_wrap .quick_layer_wrap .btn_basic{width: 20%;}
}
/* 주문 - 사용약관, 발신번호 변경 팝업 */
.popup_field_cont .input_field{align-items: flex-start;}
.popup_field_cont .input_field + .input_field{margin-top: 1.25em;}
.popup_field_cont .input_field label{ width: calc(100% - 1.86em); font-size: 0.875em; line-height: 1.57em; color: var(--text-secondary);}


.order_wrap .terms_list .list{padding: 1em; border: 1px solid var(--border-basic); display: flex; justify-content: space-between; font-size: 0.9em;}
.order_wrap .terms_list .list:nth-of-type(1){border-bottom: unset;}
.order_wrap .terms_list .list:nth-of-type(2),.order_wrap .terms_list .list:nth-of-type(3){border-top: 1px dashed var(--border-basic); border-bottom: unset;}
.order_wrap .terms_list .list:nth-of-type(4){border-top: 1px dashed var(--border-basic);}
.order_wrap .terms_list .list div{align-content: center;}
.order_wrap .terms_list .list>div:has(>span){display: flex; align-items: center; line-height: 1.2lh}
.order_wrap .terms_list .list>div:nth-of-type(1)>span{align-content: center; display: block; margin-right: 0.5em; font-weight: 700;}
.order_wrap .terms_list .list>div:has(>input){display: flex; align-items: center; color: var(--mono-0);}
.order_wrap .terms_list .list>div:has(>input)>input{margin-left: 1em;}
.order_wrap .terms_list .list label{align-content: center; font-size: 16px;}

.order_wrap .terms_list .info_box{margin: unset;}
.order_wrap .terms_list .popup_bottom_btn_wrap .btn_basic{width: 100%;}

.order_terms_all_agree{margin-top: 1.25em; text-align: right;}
@media screen and (max-width:950px){
  .order_wrap .terms_list .list label{font-size: 14px;}
}
@media screen and (max-width:768px){
  .order_wrap .terms_list .list{flex-wrap: wrap;}
  .order_wrap .terms_list .list>div:nth-of-type(1){width: 100%;}
  .order_wrap .terms_list .list>div:nth-of-type(2){margin: 10px 0 0 auto;}
}
/* 주문 - 예약발송 설정 */
.send_date_popup .popup_box{max-width: 380px;}
.send_date_popup .total_reservation{position: relative; display: flex; align-items: center; width: 100%; background-color: var(--mono-9); border-radius: 5px; height: 2.5em;}
.send_date_popup .total_reservation::before{content: ""; display: block; width: 1em; height: 1em; background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/icon_gr_date.png) no-repeat center; position: absolute; top: 50%; transform: translateY(-50%); left: 1em; background-size: 100%;}
.send_date_popup .input_field + .input_field{margin-top: 1.875em;}
.send_date_popup .total_reservation input{background-color: transparent; border-color: transparent;}
.send_date_popup .total_reservation input.date_val{padding-left: 2.31em !important;}
.send_date_popup .input_field .tit{font-size: 1.125em; color: var(--point-blue-2); font-weight: 700; width: 100%; margin-bottom: 10px;}
.send_date_popup .ui-widget.ui-widget-content{width: 100% !important; padding: 1.25em 0.94em; border-radius: 0;}
.send_date_popup .ui-state-active{border-color: var(--point-blue-2); border-radius: 5px;}
.send_date_popup .time_select_list{margin: -5px;}
.send_date_popup .time_select_list .com_select_wrap{width: calc(50% - 10px); margin: 5px;}
.send_date_popup .com_select_wrap .custom-select__dropdown{height: 7em;}
.send_date_popup .info_box{margin-top: 10px;}
.send_date_popup .info_box li{ font-size: 12px; line-height: 1.67em; color: var(--text-secondary);}
/* 주문 - 수신자 확인 */
.receive_popup .popup_box{max-width: 320px;}
.receive_popup .popup_box .info_txt{font-size: 0.875em; line-height: 1.28em;}
.receive_popup .popup_box .info_txt div{display: inline-block;}
.receive_error_popup .popup_box{max-width: 360px;}
.receive_error_popup .receive_error_cont{margin-top: 1.875em;}
.receive_error_popup .receive_error_cont .com_cont_tit{margin-bottom: 10px;}
.receive_error_popup .receive_error_cont .error_box{width: 100%; height: 9.375em; overflow-x: hidden; overflow-y: auto; background-color: var(--bg-basic); border: 1px solid var(--border-basic); padding: 10px 1.25em;}
.receive_error_popup .receive_error_cont .error_box::-webkit-scrollbar{width: 100%;}
.receive_error_popup .receive_error_cont .error_box .list{display: flex; align-items: center;}
.receive_error_popup .receive_error_cont .error_box .list + .list{margin-top: 10px;}
.receive_error_popup .receive_error_cont .error_box .list .cate{font-size: 12px; width: 6.67em; line-height: 1.67em; text-align: center; background-color: var(--point-blue-2); color: var(--text-reverse);}
.receive_error_popup .receive_error_cont .error_box .list .desc{ display: flex; align-items: center; width: calc(100% - 5.71em); font-size: 0.875em; color: var(--text-secondary); padding-left: 5px;}
.receive_error_popup .receive_error_cont .error_box .list .txt{max-width: calc(100% - 15px); display: inline-block; padding-right: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}  
/* 주문 - 발신번호 변경 팝업 */
.num_change_popup .ex_error_txt_field .info_txt.error{ justify-content: center; margin-top: 10px;}
/* 주문 - 문구 불러오기 팝업 */
.special_letter_popup .popup_head{flex-wrap: wrap; padding-bottom: 0;}
.special_letter_popup .tab_cont_menu{width: 100%; display: flex; align-items: center; background-color: var(--mono-9); border: 1px solid var(--border-basic); border-radius: 10px; padding: 5px; margin-top: 3.125em;}
.special_letter_popup .tab_cont_menu li{width: 33.33%; text-align: center; padding: 13px 0; font-size: 0.875em; font-weight: 600; color: var(--text-tertiary); border-radius: 10px;}
.special_letter_popup .tab_cont_menu li.active{background-color: var(--mono-1); color: var(--text-reverse);}
.special_letter_popup .letter_list{width: 100%; border: 1px solid var(--border-basic);}
.special_letter_popup .letter_list .list{position: relative; transition: all 0.2s;}
.special_letter_popup .letter_list .list + .list{border-top: 1px solid var(--border-basic);}
.special_letter_popup .letter_list .list a{ display: block; padding: 1.875em; text-align: center;}
.special_letter_popup .letter_list .list .tit{font-size: 0.875em; font-weight: 700; color: var(--point-blue-2); line-height: 1.71em; margin-bottom: 1em;}
.special_letter_popup .letter_list .list .desc{font-size: 0.875em; color: var(--mono-1); line-height: 1.43em; min-height: 4em;}
.special_letter_popup .letter_list .list .letter_mod_wrap{ display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); align-items: flex-end; justify-content: center;}
.special_letter_popup .letter_list .list:hover .letter_mod_wrap{display: flex; }
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn{background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; padding: 10px 1.625em; border-radius: 5em;}
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn .btn{width: 3.75em; height: 3.75em; border-radius: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; color: var(--text-reverse); transition: all 0.2s;}
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn .btn i{font-size: 1.5em;}
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn .btn .txt{display: none; font-size: 10px; text-align: center; font-size: 10px;}
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn .btn:hover{background-color: var(--point-blue-1);}
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn .del_btn:hover{background-color: var(--mono-1);}
.special_letter_popup .letter_list .letter_mod_wrap .mod_btn .btn:hover .txt{display: block;}
.special_letter_popup .letter_list .letter_mod_wrap .write_info{width: 100%; color: var(--text-reverse); background-color: var(--mono-6); align-items: center; padding: 8px 10px;}
.special_letter_popup .letter_list .letter_mod_wrap .write_info .icon{width: 0.875em; margin-right: 0.44em;}
.special_letter_popup .letter_list .letter_mod_wrap .write_info .txt{width: calc(100% - 1.8em); font-size: 12px;}
/* 알림톡 커스텀 템플릿 불러오기 팝업 */
.custom_template_save_popup .tab_contents{overflow-y: scroll}
.custom_template_save_popup .tab_contents .letter_list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.custom_template_save_popup .tab_contents .letter_list li.list{width: 33%}
.custom_template_save_popup .tab_contents .letter_list .list>div{margin: 1em 0;}
.custom_template_save_popup .tab_contents .letter_list .list .tit{display: flex; justify-content: center; align-items: center; padding: 0.5em;}
.custom_template_save_popup .tab_contents .letter_list .list .tit>img{width: 50%; display: block;}
.custom_template_save_popup .tab_contents .letter_list .custom_template_coupon{background: var(--mono-6); height: 4em; line-height: 4em; vertical-align: center; font-size: 14px;}
.custom_template_save_popup .tab_contents .letter_list .list div.desc{aspect-ratio: 1/1; overflow: hidden;}

.re_catch .popup_head{flex-wrap: wrap; padding-bottom: 0;}
.re_catch .tab_cont_menu{width: 100%; display: flex; align-items: center; background-color: var(--mono-9); border: 1px solid var(--border-basic); border-radius: 10px; padding: 5px; margin-top: 3.125em;}
.re_catch .tab_cont_menu li{width: 33.33%; text-align: center; padding: 13px 0; font-size: 0.875em; font-weight: 600; color: var(--text-tertiary); border-radius: 10px;}
.re_catch .tab_cont_menu li.active{background-color: var(--mono-1); color: var(--text-reverse);}
.re_catch .letter_list{width: 100%; border: 1px solid var(--border-basic);}
.re_catch .letter_list .list{position: relative; transition: all 0.2s;}
.re_catch .letter_list .list + .list{border-top: 1px solid var(--border-basic);}
.re_catch .letter_list .list a{ display: block; padding: 1.875em; text-align: center;}
.re_catch .letter_list .list .tit{font-size: 0.875em; font-weight: 700; color: var(--point-blue-2); line-height: 1.71em; margin-bottom: 1em;}
.re_catch .letter_list .list .desc{font-size: 0.875em; color: var(--mono-1); line-height: 1.43em; min-height: 4em;}
.re_catch .letter_list .list .letter_mod_wrap{ display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); align-items: flex-end; justify-content: center;}
.re_catch .letter_list .list:hover .letter_mod_wrap{display: flex; }
.re_catch .letter_list .letter_mod_wrap .mod_btn{background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; padding: 10px 1.625em; border-radius: 5em;}
.re_catch .letter_list .letter_mod_wrap .mod_btn .btn{width: 3.75em; height: 3.75em; border-radius: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; color: var(--text-reverse); transition: all 0.2s;}
.re_catch .letter_list .letter_mod_wrap .mod_btn .btn i{font-size: 1.5em;}
.re_catch .letter_list .letter_mod_wrap .mod_btn .btn .txt{display: none; font-size: 10px; text-align: center; font-size: 10px;}
.re_catch .letter_list .letter_mod_wrap .mod_btn .btn:hover{background-color: var(--point-blue-1);}
.re_catch .letter_list .letter_mod_wrap .mod_btn .del_btn:hover{background-color: var(--mono-1);}
.re_catch .letter_list .letter_mod_wrap .mod_btn .btn:hover .txt{display: block;}
.re_catch .letter_list .letter_mod_wrap .write_info{width: 100%; color: var(--text-reverse); background-color: var(--mono-6); align-items: center; padding: 8px 10px;}
.re_catch .letter_list .letter_mod_wrap .write_info .icon{width: 0.875em; margin-right: 0.44em;}
.re_catch .letter_list .letter_mod_wrap .write_info .txt{width: calc(100% - 1.8em); font-size: 12px;}

/* 추가 퍼블 */
@media screen and (max-width:1500px) and (min-width:1367px) {
  .order_info_wrap .message_wrap .letter_preview{max-width: 20em;}
  .order_info_wrap .message_wrap .preview_area .preview_list{width:52%;}
  .order_info_wrap .message_wrap .preview_area .preview_list.custom_web_preview{width: 20em;}
  .custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 15.244em}
}
@media screen and (max-width:1366px) and (min-width:1281px){
  .order_info_wrap .message_wrap .letter_preview{max-width: 19em; }
    .order_info_wrap .message_wrap .preview_area .preview_list.custom_web_preview{width: 19em;}
    .custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 14.46em}
}
@media screen and (max-width:1280px) and (min-width:1081px){
    .order_info_wrap .message_wrap .preview_area .preview_list.custom_web_preview{width: 22em;}
    .custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 16.81em}
}
@media screen and (max-width: 760px) {
    .custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 15.213em}
}
@media screen and (max-width: 360px) {
    .order_info_wrap .message_wrap .preview_area .preview_list.custom_web_preview{width: 200px;}
    .custom_web_preview .custom_banner_01_img_wrap, .custom_web_preview .custom_banner_02_img_wrap{max-height: 10.74em}
}
/* goods_optional 선택형 발송 추가 RAONBNP 2020116 */
.goods_optional .com_card_wrap{margin: -1.56em -0.74em;}
.goods_optional .com_card_wrap > .card_row{
  width:calc(100%/3);
  padding: 1.56em 0.74em;
}
.goods_optional .com_card_wrap > .card_row .card_inner{
  background:#fff;
  border:1px solid #eee;
  height:100%;
}
@media (max-width: 1300px) {
  .goods_optional .com_card_wrap > .card_row{
    width:calc(100%/2);
    padding:0.625em;
  }
  .goods_optional .com_card_wrap > .card_row:last-child {
    width:100%;
  }
}
@media (max-width: 540px) {
  .goods_optional .com_card_wrap > .card_row{
    width:100%;
  }
}

/* 카테고리 */
.goods_optional .customize_prd_area .cate_list_wrap {
  width:100%;
}
.goods_optional .customize_prd_area .customize_list .cate_list {
  height:18.2em;
}
.goods_optional .cate_recommend .customize_list .cate_list .list {
  width:25%;
  padding:10px 8px 0px;
}
@media (max-width: 760px) {
  .goods_optional .customize_prd_area .customize_list .cate_list {
    height:19.8em;
  }
  .goods_optional .cate_recommend .customize_list .cate_list .list {
    width:50%;
    padding:10px 8px;
  }
}
@media (max-width: 540px) {
  .goods_optional .customize_prd_area .customize_list .cate_list {
    height:16.4em;
  }
  .goods_optional .cate_recommend .customize_list .cate_list .list {
    width:33.333%;
  }
}


/* 상품가격 */
.customize_prd_area .cate_price_list_wrap .cate_list {
  flex-direction:column;
  flex-wrap:nowrap;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list {
  width:100%;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list.noData {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list label {
  text-align:left;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  border:1px solid #eee;
  border-radius:0.4em;
  padding:0.7em;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list label .icon {
  max-width:1.8em;
  flex:0 0 2em;
  width:1.8em;
  height:1.8em;
  margin:0;
  background:var(--mono-12);
  box-sizing:border-box;
  border:1px solid #ddd;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list .icon::after {
  display:none;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list label .txt {
  --wid:calc(100% - 1.8em);
  max-width:var(--wid);
  flex:0 0 var(--wid);
  text-align:left;
  padding-top:0;
  padding-left:0.5em;
  font-size:1em;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list input[type="checkbox"]:checked + label,
.customize_prd_area .cate_price_list_wrap .cate_list .list input[type="radio"]:checked + label{
  border:1px solid var(--point-blue-1);
}
.customize_prd_area .cate_price_list_wrap .cate_list .list input[type="checkbox"]:checked + label .icon,
.customize_prd_area .cate_price_list_wrap .cate_list .list input[type="radio"]:checked + label .icon {
  background:var(--point-blue-1);
  color:#fff;
}
.customize_prd_area .cate_price_list_wrap .cate_list .list input[type="checkbox"]:checked + label .txt,
.customize_prd_area .cate_price_list_wrap .cate_list .list input[type="radio"]:checked + label .txt {
  color:var(--text-tertiary);
  font-weight:400;
}
@media (max-width: 540px) {
  .customize_prd_area .cate_price_list_wrap .cate_list {
    display:block;
  }
}

/* 선택상품 */
.goods_optional .selected_good_list{
  margin:0.78em 0 2.56em 0;
  border:1px solid #eee;
  padding:1.56em;
  box-sizing:border-box;
  border-radius:0.4em;
}
.goods_optional .selected_good_list .product_list{
  justify-content: center;
}
.goods_optional .selected_good_list .product_list li .cont {
  position:relative;
  border:3px solid rgba(0,0,0,0);
  border-radius:0.8em;
  transition:all 0.3s ease;
  height:100%;
}
.goods_optional .selected_good_list .product_list li.noData .cont {
  border:1px solid #eee;
  text-align:center;
  color:#999;
  position:relative;
  padding-bottom:150%;
}
.goods_optional .selected_good_list .product_list li.noData .cont > p {
  position:absolute;
  width:100%;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.goods_optional .selected_good_list .product_list li .cont:hover {
  border:3px solid var(--point-blue-1);
}
.goods_optional .selected_good_list .product_list li.noData .cont:hover {
  border:1px solid #eee;
}
.goods_optional .selected_good_list .product_list li .buy_icon_wrap .buy_icon {
  width:70%;
}
.goods_optional .selected_good_list .product_list li .buy_icon_wrap .buy_icon .buy_btn {
  width:40%;
  padding-top:40%;
  background-color: var(--point-blue-1);
}
.goods_optional .selected_good_list .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn {
  color:#fff;
}
.goods_optional .selected_good_list .product_list li .buy_icon_wrap .buy_icon .buy_btn .txt {
  display:block;
}
.goods_optional .btn_wrap{
  margin-bottom:2.56em;
}
@media (max-width: 760px) {
  .goods_optional .btn_wrap .btn_basic {
    width:calc(50% - 10px);
  }
}


.goods_optional .product_list li .cont {
  position:relative;
  border:3px solid rgba(0,0,0,0);
  border-radius:0.8em;
  transition:all 0.3s ease;
}
.goods_optional .product_list li .cont:hover {
  border:3px solid var(--point-blue-1);
}
.goods_optional .product_list li .cont.choice{
  border:3px solid var(--point-blue-1);
}
.goods_optional .product_list li .buy_icon_wrap .buy_icon {
  width:70%;
}
.goods_optional .product_list li .buy_icon_wrap .buy_icon .buy_btn {
  width:40%;
  padding-top:40%;
  background-color: var(--point-blue-1);
}
.goods_optional .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn {
  color:#fff;
}
.goods_optional .product_list li .buy_icon_wrap .buy_icon .buy_btn .txt {
  display:block;
}
@media (max-width: 760px) {
  .goods_optional .all_product_row {
    padding-bottom:16em;
  }
}
@media (max-width: 540px) {
  .goods_optional .all_product_row {
    padding-bottom:12em;
  }
}
@media (max-width: 480px) {
  .goods_optional .all_product_row {
    padding-bottom:10em;
  }
}

/* 선택상품 구매 팝업 */
.select_prd_popup .popup_box {
  max-width:1180px;
  padding:1.875em;
}
.select_prd_popup .popup_header {
  position:relative;
  box-sizing:border-box;
  padding-right:3em;
}
.select_prd_popup .popup_header h3 {
  font-size:1.2em;
  font-weight:700;
  line-height:1.6;
}
.select_prd_popup .popup_header h3 > span {
  color:var(--point-blue-1);
}
.select_prd_popup .popup_header p.desc {
  font-size:1em;
  margin-top:0.5em;
  color:#999;
}
.select_prd_popup .popup_header .popup_close {
  position:absolute;
  right:0;
  top:0;
  width:2em;
  height:2em;
  border-radius:50%;
  background:#efefef;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4em;
}
.select_prd_popup .popup_cont {
  padding:1.25em 0;
}
.select_prd_popup .selected_good_list .product_list{
  justify-content: center;
}
.select_prd_popup .selected_good_list .product_list li {
  width:25%;
}
.select_prd_popup .selected_good_list .product_list li .cont {
  position:relative;
  border:3px solid rgba(0,0,0,0);
  border-radius:0.8em;
  transition:all 0.3s ease;
  height:100%;
}
.select_prd_popup .selected_good_list .product_list li.noData .cont {
  border:1px solid #eee;
  text-align:center;
  color:#999;
  position:relative;
  padding-bottom:145%;
}
.select_prd_popup .selected_good_list .product_list li.noData .cont > p {
  position:absolute;
  width:100%;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.select_prd_popup .selected_good_list .product_list li .cont:hover,
.select_prd_popup .selected_good_list .product_list li .cont.on{
  border:3px solid var(--point-blue-1);
}
.select_prd_popup .selected_good_list .product_list li.noData .cont:hover,
.select_prd_popup .selected_good_list .product_list li.noData .cont.on{
  border:1px solid #eee;
}
.select_prd_popup .selected_good_list .product_list li .buy_icon_wrap .buy_icon {
  width:70%;
}
.select_prd_popup .selected_good_list .product_list li .buy_icon_wrap .buy_icon .buy_btn {
  width:40%;
  padding-top:40%;
  background-color: var(--point-blue-1);
}
.select_prd_popup .selected_good_list .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn {
  color:#fff;
}
.select_prd_popup .selected_good_list .product_list li .buy_icon_wrap .buy_icon .buy_btn .txt {
  display:block;
}
.select_prd_popup .btnArea {
  display:flex;
  align-items:center;
  justify-content:center;
}
.select_prd_popup .btnArea .btn_basic {
  font-size:1.1em;
  box-sizing:border-box;
  padding:1em 1em;
  margin:1em 5px;
  width:8em;
}
@media (max-width: 950px) {
  .select_prd_popup .selected_good_list .product_list li {
    width:33.3333%;
    padding:0.94em;
  }
}
@media (max-width: 760px) {
  .select_prd_popup .selected_good_list .product_list li {
    width:50%;
  }
}
@media (max-width: 540px) {
  .select_prd_popup .popup_box {
    padding:0.94em;
  }
  .select_prd_popup .popup_header {
    padding-right:2.4em;
  }
  .select_prd_popup .popup_header h3 {
    font-size:1.1em;
    line-height:1.4;
  }
  .select_prd_popup .popup_header .popup_close {
    width:1.8em;
    height:1.8em;
    font-size:1.2em;
  }
  .select_prd_popup .selected_good_list .product_list li {
    padding:0.42em;
  }
  .select_prd_popup .btnArea .btn_basic {
    width:calc(50% - 10px);
  }
}


/* 선택상품 퀵바 */
.quick-select-prd {
  position:fixed;
  width:90px;
  right:15px;
  bottom:160px;
  z-index:30;
  box-sizing:border-box;
  padding:20px 8px;
  border:1px solid #eee;
  border-radius:0.5em;
  background:#fff;
  text-align:center;
  display:none;
}
.quick-select-prd.scroll {
  display:block;
}

.quick-select-prd .product_list {
  display:block;
  margin:0;
  margin-top:10px;
}
.quick-select-prd .product_list li {
  width:100%;
  padding:0;
  margin-bottom:6px;
}
.quick-select-prd .product_list li:last-child {
  margin-bottom:0;
}
.quick-select-prd .product_list li .thumnail {
  border-radius:0;
}
.quick-select-prd .product_list li .buy_icon_wrap .buy_icon {
  width:100%;
  background:rgba(0,0,0,0);
}
.quick-select-prd .product_list li .buy_icon_wrap .buy_icon .buy_btn {
  width:60%;
  padding-top:60%;
  background-color: var(--point-blue-1);
}
.quick-select-prd .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn {
  color:#fff;
  padding-top:4px;
}
.quick-select-prd .product_list li .buy_icon_wrap .buy_icon .buy_btn .txt {
  display:block;
}
.quick-select-prd .product_list li.noData .cont {
  box-sizing:border-box;
  border:1px solid var(--mono-8);
  padding-bottom:100%;
  position:relative;
}
.quick-select-prd .product_list li.noData .cont > p {
  position:absolute;
  width:100%;
  left:0;
  top:50%;
  transform:translateY(-50%);
  font-size:0.7em;
  font-weight:400;
  color:#999;
  text-align: center;
}
@media (max-width: 760px) {
  .quick-select-prd {
    position:fixed;
    width:100%;
    right:0;
    bottom:0;
    padding:15px;
    border:0;
    border-top:1px solid #eee;
    border-radius:0;
    text-align:left;
    box-shadow:0 0 15px rgba(0,0,0,0.15);
  }
  .quick-select-prd .product_list {
    display:flex;
    align-items:center;
    margin-left:-5px;
    margin-right:-5px;
  }
  .quick-select-prd .product_list li {
    width:25%;
    margin-bottom:0;
    padding-left:5px;
    padding-right:5px;
  }
  .quick-select-prd .product_list li .buy_icon_wrap .buy_icon .buy_btn {
    width:50%;
    padding-top:50%;
  }
}

.goods_optional form > .info {
  padding-top:1.5em;
}
@media (max-width: 1300px) {
  .goods_optional form > .info {
    padding-top:2em;
  }
}


/* MMS란 무엇인가? */
.mms_popup .popup_box{
  max-width:420px;
}
.mms_popup .popup_cont {
  padding:1.5em;
}
.mms_popup .popup_cont p.tit {
  font-size:1.2em;
  font-weight:600;
  margin-bottom:1em;
}
.mms_popup .popup_cont p.info_txt {
  font-size:1em;
  line-height:1.4;
  color:#444;
}

/* =============================================
   이벤트 발송 인입 페이지 (eventsend)
============================================= */

/* 섹션 헤더 */
.es_section_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.875em;
}
.es_section_tit {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary, #222);
}
.es_section_btns {
  display: flex;
  gap: 0.5em;
}

/* 통계 카드 3개 */
.es_stat_cards {
  display: flex;
  gap: 1em;
  margin-bottom: 1.25em;
}
.es_stat_card {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--border-basic, #e5e5e5);
  padding: 1.25em 1.5em;
  display: flex;
  flex-direction: column;
  gap: 0.625em;
}
.es_stat_card_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.es_stat_label {
  font-size: 0.875rem;
  color: var(--text-secondary, #888);
}

/* 캐시충전 배지 */
.es_cash_charge_badge {
  display: inline-block;
  background: var(--point-blue-1, #2664eb);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25em 0.75em;
  border-radius: 20px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
}
.es_cash_charge_badge:hover {
  background: var(--point-blue-2, #1a4fc7);
  color: #fff;
}

/* 통계 수치 */
.es_stat_value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary, #222);
  line-height: 1.2;
}
.es_stat_value--sm {
  font-size: 1.25rem;
}

/* 하단 2컬럼 패널 */
.es_panel_row {
  display: flex;
  gap: 1em;
}
.es_panel {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  border: 1px solid var(--border-basic, #e5e5e5);
  min-height: 24em;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 빈 상태 */
.es_panel_empty {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
}
.es_panel_empty_tit {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary, #222);
}
.es_panel_empty_desc {
  font-size: 0.875rem;
  color: var(--text-secondary, #888);
}

/* 이용 가이드 버튼 */
.es_guide_btn {
  padding: 0.45em 1em;
  border: 1px solid var(--border-basic, #d9d9d9);
  background: #fff;
  border-radius: 5px;
  font-size: 0.875rem;
  color: var(--text-secondary, #555);
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}
.es_guide_btn:hover {
  border-color: var(--point-blue-1, #2664eb);
  color: var(--point-blue-1, #2664eb);
}

/* 이벤트 생성 버튼 */
.es_create_btn {
  padding: 0.45em 1em;
  background: var(--point-blue-1, #2664eb);
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.es_create_btn:hover {
  background: var(--point-blue-2, #1a4fc7);
}

/* 새 이벤트 등록 버튼 */
.es_register_btn {
  padding: 0.6em 1.5em;
  background: var(--point-blue-1, #2664eb);
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.es_register_btn:hover {
  background: var(--point-blue-2, #1a4fc7);
}

/* 반응형 */
@media screen and (max-width: 900px) {
  .es_stat_cards {
    flex-wrap: wrap;
  }
  .es_stat_card {
    flex: 1 1 calc(50% - 0.5em);
  }
}
@media screen and (max-width: 600px) {
  .es_stat_card {
    flex: 1 1 100%;
  }
  .es_panel_row {
    flex-direction: column;
  }
}

/* ──────────────────────────────────────────────
   A variant (신 UI) 한정 주문 페이지 override
   body[data-header-path] 은 header.js attachHeaderData() 가
   신 UI 헤더 로드 시점에만 부착 → 사실상 A variant 한정 selector

   ⚠️ PC 전용 (min-width: 1081px) — 모바일/태블릿 (≤1080px) 에서는 적용 금지.
   기존 unconditional 이었을 때 mobile media query `@media (max-width:1080px)`
   의 `.order_wrap .fixed_menu_wrap { width: 100% }` 룰(specificity 0,2,0)을
   본 룰 specificity (0,3,1) 가 이기면서 모바일에서도 18.625em 폭이 유지되어
   결제 페이지가 2컬럼으로 깨지던 문제 수정. 모바일에서는 본 룰을 비활성화하여
   goods.css L276 의 mobile media query 가 자연 cascade 로 적용되도록 함.
   ────────────────────────────────────────────── */
@media screen and (min-width: 1081px) {
  body[data-header-path] .order_wrap .fixed_menu_wrap,
  body[data-header-path] .order_wrap .fixed_menu_right_wrap {
      width: 18.625em;
  }
  body[data-header-path] .order_wrap .order_info_wrap {
      width: calc(100% - 18.625em);
  }
}

/* list_bottom: write_done_item / total_price 를 2줄로 분리 + 가로 가운데 정렬 */
body[data-header-path] .fixed_menu_wrap .list .list_bottom,
body[data-header-path] .fixed_menu_right_wrap .list .list_bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
body[data-header-path] .fixed_menu_wrap .list .write_done_item,
body[data-header-path] .fixed_menu_right_wrap .list .write_done_item {
    margin-bottom: 10px;
}
/* 좌측/메인 패널: total_price 의 prd_num / price 를 한 줄 좌우 정렬 (space-between) */
body[data-header-path] .fixed_menu_wrap .list .total_price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
body[data-header-path] .fixed_menu_right_wrap .list .total_price {
    text-align: center;
}