@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;}
.com_btn_wrap .detail_btn{
  width: calc(50% - 9em);
}
/* 상품 추천 */
.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-1); 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: 700; margin-right: 0.67em;}
.product_detail_row .prd_price .price .pay{font-size: 1.875em; font-weight: 700; 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% - 4.8em);} */
.product_detail_row .estimate_btn{width: 8em;}
.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;}

.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{width: 20.625em; position: absolute; top: 0; left: 0;}
.order_wrap .fixed_menu_wrap.btm{top: auto !important; bottom: 0;}
.order_wrap .fixed_menu_wrap.slide_on{position: relative !important; top: 0 !important; }
.order_wrap .fixed_menu_wrap .card_inner{ position: relative; padding:1.25em 0 0;}

.order_wrap .fixed_menu_wrap .card_head{justify-content: flex-end; margin-bottom: 10px;}
.fixed_menu_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{color: var(--text-secondary);}
.fixed_menu_wrap .order_prd_box_wrap .order_prd_box{z-index: 0;}
.fixed_menu_wrap .order_prd_box_wrap::-webkit-scrollbar{width: 0;}
.fixed_menu_wrap .order_prd_list{position: relative;}
.fixed_menu_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{border-width: 2px; border-color: var(--point-blue-2);}
.fixed_menu_wrap .list .list_top{align-items: center;}
.fixed_menu_wrap .list .thumnail{width: 4.375em; height: 4.375em; border-radius: 10px;}
.fixed_menu_wrap .list .order_txt_box{width: calc(100% - 4.375em); padding-left: 10px;}
.fixed_menu_wrap .list .order_txt_box .txt{font-size: 0.875em; line-height: 1.14em; }
.fixed_menu_wrap .list .order_txt_box .txt .brand{color: var(--mono-6);}
.fixed_menu_wrap .list .pay_box{margin-top: 1.125em; justify-content: space-between;}
.fixed_menu_wrap .list .discount{font-size: 12px; font-weight: 700;}
.fixed_menu_wrap .list .pay_info{align-items: center;}
.fixed_menu_wrap .list .before_price{font-size: 10px; margin-right: 10px;}
.fixed_menu_wrap .list .order_price{ font-size: 0.875em; font-weight: 500; color: var(--text-tertiary);}
.fixed_menu_wrap .list .list_bottom{margin-top: 10px; padding-top: 1.25em; border-top: 1px dashed var(--point-blue-6); justify-content: end; align-items: center;}
.fixed_menu_wrap .list .write_done_item{display: flex; align-items: center; margin: 0 -5px;}
.fixed_menu_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{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{ position: relative; width: 0.875em; height: 0.875em; margin: 0 auto;}
.fixed_menu_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{opacity: 1;}
.fixed_menu_wrap .list .write_done_item .item .txt{font-size: 10px; margin: 3px auto 0;}
.fixed_menu_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{opacity: 1;} 
.fixed_menu_wrap .list .write_done_item .item.done .icon img.gr{opacity: 0;} 
.fixed_menu_wrap .list .total_price{text-align: right;}
.fixed_menu_wrap .list .total_price .prd_num,
.fixed_menu_wrap .list .total_price .price{font-weight: 700; line-height: 1.375em;}

.fixed_menu_wrap .user_sale { float: right; margin-top: 5px; }
@media screen and (min-width:1081px) {
  .fixed_menu_wrap .order_prd_box_wrap{ position: relative; overflow-x: hidden; overflow-y: auto;}
  .fixed_menu_wrap .order_prd_list{flex-direction: column;}
  .order_wrap .fixed_menu_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{margin-top: 10px;}
}
@media screen and (max-width:1080px) {
  .fixed_menu_wrap .card_head .total{font-size: 12px;}
  .order_wrap .fixed_menu_wrap .card_inner{padding: 0 0 1.67em;}
  .order_wrap .fixed_menu_wrap{width: 100%; position: relative; top: auto; left: auto;}
  .fixed_menu_wrap .order_prd_box_wrap .order_prd_box{overflow: inherit; clip-path: inset(-100% -100% -100% 0);}
  .fixed_menu_wrap .order_prd_list .list{width: 90%;}

  .fixed_menu_wrap .list .write_done_item .item{width: 4.125em; height: 4.125em;}
}
@media screen and (max-width:380px) {
  .fixed_menu_wrap .list .list_bottom{flex-direction: column; align-items: flex-start;}
  .fixed_menu_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;}
}
/* 주문 -  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;} 
.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{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{display: none;}
@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 .write_area{width: calc(100% - 16em); padding-right: 1.75em;}
  .order_info_wrap .message_wrap .preview_area{width: 16em;}
  .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%; }
}
/* 주문 - 특수문자, 문자 불러오기 */
.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;}

/* 주문 - 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 .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: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%;} 
.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 .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 .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;}
}
/* 주문 - 퀵메뉴 */
.goods_wrap .quick_layer_wrap .inner{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);} 
@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%;}
  .com_btn_wrap .detail_btn{
    width: calc(50% - 4em);
  }
}
/* 주문 - 사용약관, 발신번호 변경 팝업 */
.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);}
/* 주문 - 예약발송 설정 */
.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(../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-yellow-1); 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;}