@charset "utf-8";
/* dashboard button */
.not_read_btn{background-color: var(--mono-12); color: var(--point-pink-1); border-color: var(--point-pink-1);}
.read_btn{background-color: var(--mono-12); color: var(--point-blue-1); border-color: var(--point-blue-1);}
/* order button */
/* .order_info_btn .btn_basic{font-size: 0.875em; width: 7.14em; height: 2.25em; border-radius: 5em;} */
/* 테이블 발송 버튼 */
.send_done_btn{background-color: var(--point-blue-5); color: var(--point-blue-1);}
.send_wait_btn{background-color: var(--point-purple-2); color: var(--point-purple-1);}
.send_cancel_btn{background-color: var(--point-pink-2); color: var(--point-pink-1);}
/* 테이블 주문 버튼 */
.order_done_btn{background-color: var(--point-green-2); color: var(--point-green-1);}
.order_cancel_btn{background-color: var(--point-pink-2); color: var(--point-pink-1);}
.pay_done_btn{background-color: var(--point-yellow-3); color: var(--point-yellow-2);}

/* 캐시 사용 내역 테이블 버튼 */
.charge_btn{background-color: var(--point-green-2); color: var(--point-green-1);}
.pay_btn{background-color: var(--point-blue-5); color: var(--point-blue-1);}
.pay_cancel_btn{background-color: var(--point-pink-2); color: var(--point-pink-1);}

.order_note .note_btn{position: relative;}
.order_note .note_btn .desc{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}
.order_note .note_btn .icon{width: 1.5em; height: 1.5em;}
.order_note .note_btn .icon i{font-size: 1.5em;}
.order_note .note_btn .txt{opacity: 0; font-weight: 700;}
.order_note .note_btn:hover .txt{opacity: 1;}
.order_note .note_btn:hover .icon{opacity: 0;}
/* proof button */
.receipt_btn{background-color: var(--point-purple-2); color: var(--point-purple-1);}
.claims_btn{background-color: var(--point-yellow-3); color: var(--point-yellow-2);}
/* 쿠폰 발송 내역 버튼 */

/* member_card_row */
.member_card_row .card_inner{justify-content: space-between;}
.member_card_row .my_member_info_area{position: relative; width: 60.5%; background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 1em; box-shadow: 0px 5px 15px 0px var(--blue-shadow);}
.my_member_info_wrap{ width: 100%; padding: 1.875em;}
.my_member_info_wrap .member_info{align-items: center; margin-bottom: 1.875em;}
.my_member_info_wrap .member_info .member_img{width: 9.125em; height: 9.125em; border-radius: 10px; border: 1px solid var(--mono-8); background-position: center; background-repeat: no-repeat; background-size: 60%;}
.my_member_info_wrap .member_info .info_txt{width: calc(100% - 9.125em); padding-left: 1.25em;}
.my_member_info_wrap .member_info .info_txt .cate{line-height: 1.14em; color: var(--text-secondary); margin-bottom: 10px;}
.my_member_info_wrap .member_info .info_txt .member{font-size: 1.5em; line-height: 1.5em; font-weight: 500;}
.my_member_info_wrap .com_btn_wrap .btn_basic .txt{padding-left: 12px; font-weight: 500;}

.member_card_row .cash_charge_area{width: 39.5%; padding-left: 1.25em; display: flex; flex-direction: column; justify-content: space-between;}
.member_card_row .cash_charge_box{padding: 1.25em;}
.member_card_row .cash_charge_box a{justify-content: flex-end; margin-top: 1.875em;}
.member_card_row .cash_charge_box .amount{padding-right: 0.625em;}
@media screen and (min-width:761px) {
  .my_member_info_wrap .member_info .info_txt .cate{font-size: 0.875em; }
}
@media screen and (max-width:760px) {
  .member_card_row .card_inner{flex-direction: column; justify-content: flex-start;}
  .member_card_row .my_member_info_area{width: 100%;}
  .member_card_row .cash_charge_area{width: 100%; padding: 1.25em 0 0;}
}
@media screen and (max-width:760px) and (min-width:541px) {
  .member_card_row .cash_charge_area{flex-direction: row;}
  .member_card_row .cash_charge_box + .cash_charge_box{margin-top: 0;}
  .member_card_row .cash_charge_box{width: 49%;}
}
@media screen and (max-width:540px) {
  .member_card_row .com_btn_wrap .btn_basic {width: calc(50% - 10px);}
  .my_member_info_wrap .member_info{flex-direction: column;}
  .my_member_info_wrap .member_info .info_txt{width: 100%; padding: 1.25em 0 0; text-align: center;}
}
@media screen and (max-width:380px) {
  .member_card_row .com_btn_wrap .btn_basic {width: calc(100% - 10px);}
}

/* message_card_row */
.message_card_row{position: relative;}
.message_card_row::after{content: ""; display: block; width: calc(100% - 2em); height: 1.875em; position: absolute; bottom: 1.56em; left: 50%; transform: translateX(-50%); background: linear-gradient( transparent, var(--point-blue-9)); border-radius: 0 0 1em 1em;}
.message_card_row .btn_basic.card_more_btn .icon{ background-color: var(--point-blue-7);}

/* order_card_row */
.my_order_cont_wrap{height: 23.75em; overflow: auto;}
.order_pd_box{background-color: var(--mono-12); border: 1px solid var(--border-basic); border-radius: 1em; transition: all 0.2s;}
.order_pd_box:hover{border-color: var(--border-hover); box-shadow: 0px 5px 5px 0px var(--blue-shadow);}
.order_pd_box + .order_pd_box{margin-top: 10px;}
/* .order_list{ position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap; padding: 1.25em 1.875em;} */
.order_card_row .order_ck_field label{color: var(--text-secondary);}
.order_card_row .order_ck_field{color: var(--text-secondary);} /* 2310 add*/
.order_list{position: relative;}
.mypage_order_history .order_list { display: flex; }
.order_list a{ position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap; padding: 1.25em 1.875em;}
.mypage_order_history .order_list a { width: 78%; }
.order_list + .order_list::after{content: ""; display: block; width: 96%; height: 1px; background-color: var(--border-basic); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.order_list .order_num{font-size: 1.125em; padding-right: 2.44em; font-weight: 600; }
.order_list .ck_field.order_num { width: 21%; margin-left: 1.87rem; }
.order_list .order_thumb{width: 5em; height: 5em; border-radius: 1em; background-repeat:no-repeat; background-position: center; background-size: cover; }
.order_list .order_txt_box{ position: relative; width: 43%; padding: 0 1.25em; }
.order_list .order_txt_box .subject{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px; line-height: 1.25em;}
.order_list .order_txt_box .info{display: flex; align-items: center;}
.order_list .order_txt_box .info .brand{color: var(--mono-6); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.order_list .order_txt_box .info .date{font-size: 12px;  color: var(--mono-4);}
.order_list .order_txt_box .info .discount{font-size: 1.25em; font-weight: 700; padding-right: 10px; line-height: 1.2em;}
.order_list .order_txt_box .info .order_pay{font-size: 1.25em; font-weight: 700; padding-right: 10px; line-height: 1.2em;}
.order_list .order_txt_box .info .before_price{font-size: 0.875em; line-height: 1.2em;}
.order_list .order_summary_info{width: 30%; display: flex; align-items: center; justify-content: space-between;}
.mypage_order_history .order_list .order_summary_info {  width: 38%; margin: auto; }
.order_list .order_pay_info{ width: calc(100% - 7.14em); padding-left: 1%; padding-right: 18%; text-align: right;}
.mypage_order_history .order_list .order_pay_info{ width: auto; }
.order_list .order_pay_info .order_pay{font-size: 1.5em; font-weight: 600; line-height: 1.21em;}
.order_list .order_pay_info .per_piece{color: var(--mono-5); line-height: 1.14em; margin-top: 10px;}
.order_list .note_btn{position: absolute; top: 50%; right: 1.875em; transform: translateY(-50%);}
@media screen and (min-width:761px) {
  .order_list .order_txt_box .info .brand{font-size: 0.875em;}
  .order_list .order_pay_info .per_piece{font-size: 0.875em;}
}
@media screen and (max-width:1735px) {
  .mypage_order_history .order_list { display: block; }
  .mypage_order_history .order_list a { width: 100%; }
  .order_list .order_num {width: 100%; padding-bottom: 1.11em;}
  .order_list .ck_field.order_num {width: 100%; padding-bottom: 0; padding-top: 1.25em; }
}
@media screen and (max-width:1735px) and (min-width:1201px) {
  .order_list .order_txt_box{width: calc(60% - 5em);}
  .order_list .order_summary_info{width: 40%;}
  .order_list .order_pay_info .order_pay{font-size: 1.25em;}
}
@media screen and (max-width:1200px) {
  .order_list .order_thumb{margin-bottom: 12px;}
  .order_list .order_txt_box{width: calc(100% - 5em);}
  .order_list .order_summary_info, .mypage_order_history .order_list .order_summary_info{width: 100%; padding-top: 2rem; margin-top: 1rem; border-top: 1px dashed var(--point-blue-6);}
  .order_list .order_pay_info{padding-right: 0;}
  .order_list .order_note .note_btn{top: 1.25em; transform: translate(0);}

  .order_info_btn .btn_basic{font-size: 1em;}
}
@media screen and (max-width:760px) {
  .order_list a{padding: 1.67em;}

  .order_list .order_num{font-size: 1.3em;}
  .order_list .order_thumb{width: 6em; height: 6em; margin-bottom: 0;}
  .order_list .order_txt_box{width: calc(100% - 6em); padding: 0; padding-left: 10px;}
  .order_list .order_txt_box .subject{font-size: 1em; min-height: 2.5em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial;}
  .order_list .order_txt_box .info .brand{ font-size: 1em;}
  .order_list .order_txt_box .info .date{ width: calc(100% + 6em);}
  .order_list .order_note .note_btn{top: 10px; right: 10px;}
}
@media screen and (max-width:540px) {
  .order_list .order_note .note_btn{width: 3em; height: 3em;}
  .order_info_btn .btn_basic{width: 6em;}
}
@media screen and (max-width:360px) {
  .order_list .order_txt_box .info{flex-wrap: wrap;}
  .order_list .order_num{font-size: 1em;}
  .order_list .order_summary_info{flex-direction: column; align-items: flex-start;}
  .order_list .order_pay_info{width: 100%; padding: 1em 0 0;}
}
/* ck_pd_box */
@media screen and (min-width:1201px) {
  .ck_pd_box .ck_field{padding-left: 1.875em;}
  .ck_pd_box .order_list a{width: calc(100% - 3.5em);}
  .ck_pd_box .order_list .order_txt_box{width: calc(60% - 5em);}
  .ck_pd_box .order_list .order_summary_info{width: calc(40% - 5em);}
}
@media screen and (max-width:1200px) {
  .ck_pd_box .ck_field{ width: 100%; padding: 1.25em 1.875em 0;}
}

/* all_control_card_row */
.all_control_card_row .card_head{margin-bottom: 0;}
.all_control_card_row .card_head input[type="checkbox"]+ label{color: var(--text-tertiary); font-weight: 600;}

/* proof_card_row */
.proof_table .com_table .cate{width: 11%;}
.proof_table .com_table .date_time{width: 15%;}
.proof_table .com_table .num{width: 9%;}
.proof_table .com_table td.num{font-weight: 600;}
.proof_table .com_table .point{width: 9%;}
.proof_table .com_table td.date_time,
.proof_table .com_table td.point{color: var(--text-secondary);}
.proof_table .com_table .pay{width: 15%;}
.proof_table .com_table td.pay{font-weight: 600; text-align: right; padding-right: 1em;}
@media screen and (max-width:950px) {
  .proof_table .com_table .cate{width: 6em;}
  .proof_table .com_table .date_time,
  .proof_table .com_table .num,
  .proof_table .com_table .point,
  .proof_table .com_table .pay{width: 8em;}
  .proof_table .com_table .subject{width: 20em;}
}

/*---- 주문내역 목록 -----*/
.mypage_order_history .com_card_wrap{margin: -1.25em 0;}
.mypage_order_history .order_card_row{padding: 1.25em 0;}
@media screen and (max-width: 340px) {
  .mypage_order_history .com_load_btn_wrap{flex-direction: column;}
  .mypage_order_history .com_load_btn_wrap .load_btn + .load_btn{margin: 5px 0 0;}
  .mypage_order_history .com_load_btn_wrap .btn_basic{width: 100%;}
}

/*----- 주문내역 상세 -----*/
.mypage_order_details .com_card_wrap{margin: 0;}
.mypage_order_details .card_row{padding: 0.94em 0;}
.mypage_order_details .order_details_head{border-top: 1px solid var( --mono-1);}
.mypage_order_details .order_details_head .card_top{ width: 100%; display: flex; align-items: center; margin-top: 1.25em; padding: 0 1.875em;}
.mypage_order_details .order_details_head .order_date_info{ width: calc(100% - 11.44em);}
.mypage_order_details .order_details_head .order_date_info .info{ position: relative; font-size: 1.25em; line-height: 1.5em;}
.mypage_order_details .order_details_head .order_date_info .info .tit{font-weight: 600; padding-right: 1em;}
.mypage_order_details .card_head .card_tit{ font-size: 1.125em; font-weight: 700;}
@media screen and (max-width:1080px) {
  .mypage_order_details .order_details_head .order_date_info .info{font-size: 1em;}
}
@media screen and (min-width:761px) {
  .mypage_order_details .order_details_head .order_date_info .info + .info::before{content: ""; display: block; width: 1px; height: 1em; background-color: var(--mono-6); margin: 0 1.5em;}
}
@media screen and (max-width:760px) {
  .mypage_order_details .order_details_head .order_date_info{flex-direction: column;}
  .mypage_order_details .order_details_head .card_top{padding: 0; align-items: flex-start;}
}
@media screen and (max-width:760px) and (min-width:541px) {
  .mypage_order_details .order_details_head .card_top{flex-direction: row;}
}
@media screen and (max-width:760px) and (min-width:412px) {
  .mypage_order_details .order_details_head .card_top{flex-direction: row;}
}
@media screen and (max-width:411px) {
  .mypage_order_details .order_details_head .order_date_info{width: 100%; margin-bottom: 10px;}
}

/* 주문내역 상세 : 단계 */
.order_details_step.card_row{padding-top: 0;}
.order_details_step.card_row .card_inner{padding-top: 8.75em;}
.order_details_step .step_list{display: flex; align-items: center; border: 1px solid var(--mono-6); border-radius: 5em;}
.order_details_step .step_list .list{position: relative;  width: 25%; text-align: center; }
.order_details_step .step_list .list .icon{ width: 6.25em; height: 6.25em; position: absolute; top: calc(-100% - 2.25em); left: 50%; transform: translateX(-50%); opacity: 0.05;}
.order_details_step .step_list .list .icon img{display: block; width: 100%;}
.order_details_step .step_list .list .tit{ position: relative; z-index: 1; font-size: 1.25em; font-weight: 500; width: 100%; padding: 12px 0; background-color: var(--bg-basic); border-radius: 5em;}
.order_details_step .step_list .list.now .icon{opacity: 1;}
.order_details_step .step_list .list.now .tit{background-color: var(--point-blue-1); color: var(--text-reverse); font-weight: 700; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);}
@media screen and (max-width:760px) and (min-width:541px) {
  .order_details_step .step_list .list .icon{width: 3.25em; height: 3.25em; top: -3.25em;}
  .order_details_step .step_list .list.now .icon{width: 6em; height: 6em; top: -5em;}
}
@media screen and (max-width:540px) {
  .order_details_step.card_row .card_inner{padding-top: 5.5em;}
  .order_details_step .step_list{font-size: 0.8em; }
  .order_details_step .step_list .list.now .icon{width: 4em; height: 4em; top: -3.25em;}
  .order_details_step .step_list .list .icon{width: 2.25em; height: 2.25em; top: -2.25em;}
}
/* 주문내역 상세: 주문 상품 정보 : sub.css 로 이동됨 */


/* 주문내역 상세: 발송 문구 */
.send_letter .letter_preview{width: 20.31em; padding-right: 3.125em;}
.send_letter .mod_btn{font-weight: 600;}
/* .send_letter .letter_preview .preview_box{ padding: 1.5em; 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;}
.send_letter .letter_preview .preview_box .subject{font-size: 0.94em; line-height: 1.6em; margin-bottom: 5px;}
.send_letter .letter_preview .preview_box .preview_coupon{position: relative; width: 100%; padding-top: 100%; background: url(../img/mypage/coupon_bg.jpg) no-repeat center; margin-bottom: 10px; background-size: 100%;}
.send_letter .letter_preview .preview_box .coupon_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; flex-direction: column; width: 75%; height: 100%; margin: 0 auto;}
.send_letter .letter_preview .preview_box .coupon_cont .prd_img{width: 6.25em; height: 6.25em; background-repeat: no-repeat; background-size: 100%; background-position: center;}
.send_letter .letter_preview .preview_box .coupon_cont .prd_name{width: 100%; font-size: 12px; line-height: 1.5em;}
.send_letter .letter_preview .preview_box .coupon_cont .prd_date{font-size: 10px; color: var(--text-secondary); line-height: 1.8em;}
.send_letter .letter_preview .preview_box .coupon_cont .prd_barcode{margin-top: 5px; }
.send_letter .letter_preview .preview_box .cont_txt{font-size: 0.94em; line-height: 1.4em;}
.send_letter .letter_preview .preview_box .cont_txt .txt{height: 14.6em; overflow: auto;} */
.send_letter .letter_detail{width: calc(100% - 20.31em);}
.send_letter .bill_cont .bill_body{padding: 10px;}
.send_letter .bill_cont .bill_add_cont .bill_add{ align-items: first baseline; justify-content: flex-start; padding: 13px 0;}
.send_letter .bill_cont .bill_add_cont .bill_add:first-child{border-top: 0;}
.send_letter .bill_cont .bill_add_cont .bill_add .unit{width: 7.44em; font-weight: 600;}
.send_letter .bill_cont .bill_add_cont .bill_add .desc{width: calc(100% - 7.44em); color: var(--text-tertiary); line-height: 1.875em; font-weight: 500;}
.send_letter .bill_cont .bill_add_cont .bill_add.thumb_img{align-items: normal; padding: 1.25em 0 0;}
.send_letter .bill_cont .bill_add_cont .bill_add .thumb{width: 20.94em; padding-top: 14.69em; border-radius: 5px; background-repeat: no-repeat; background-size: cover; background-position: center; }
@media screen and (min-width:1231px) {
  .send_letter .bill_cont .bill_body{height: 100%;}
}
@media screen and (max-width:1230px) {
  .send_letter .card_cont_area{flex-direction: column;}
  .send_letter .letter_preview{padding-right: 0; width: 100%;}
  /* .send_letter .letter_preview .preview_box{width: 19em; margin: 0 auto;} */
  .send_letter .letter_detail{width: 100%; padding-top: 1em;}
}
@media screen and (max-width:540px) {
  /* .send_letter .letter_preview .preview_box .coupon_cont .prd_img{width: 5em; height: 5em;} */
  .send_letter .bill_cont .bill_add_cont .bill_add .unit{width: 100%;}
  .send_letter .bill_cont .bill_add_cont .bill_add .desc{text-align: left; width: 100%;}
  .send_letter .bill_cont .bill_add_cont .bill_add .thumb{width: 100%; padding-top: 60%;}
}
@media screen and (max-width:330px) {
  /* .send_letter .letter_preview .preview_box{width: 100%;} */
}
/* 주문내역 상세: 쿠폰 발송 내역 */
.coupon_history .card_head{margin-bottom: 10px;}
.coupon_history .card_head .card_tit{font-size: 1em;}
.coupon_history_filter_wrap .radio_field label{padding: 6px 1em;}
.coupon_history_filter_wrap .radio_field label .num{ margin-left: 5px; font-size: 12px; color: var(--text-secondary); display: flex; align-items: center; justify-content: center; background-color: var(--bg-basic); padding: 3px 7px; border-radius: 5em;}
.coupon_history_table th{padding: 0.97em;}
.coupon_history_table td{padding: 0.94em 0; color: var(--text-secondary);}
.coupon_history_table .ck_box{font-size: 1em; width: 6.82%;}
.coupon_history_table .no{width: 7.62%; }
.coupon_history_table .phone_num{width: 22.54%; color: var(--text-primary);}
.coupon_history_table .coupon_num{width: 11.9%;}
.coupon_history_table .date_time{width: 15.87%;}
.coupon_history_table .state{width: 15.87%;}

.coupon_history_cont_bottom{ position: relative; margin-top: 1.25em;}
.coupon_history_cont_bottom .pagination{ padding-top: 0.875em;}

@media screen and (min-width:541px) {
  .coupon_history_cont_bottom .pagination{position: absolute; width: auto; top: 0; right: 0;}
}
@media screen and (min-width:1571px) {
  .coupon_history_filter_wrap .coupon_state .search_input{padding-right: 3.125em;}
}
@media screen and (max-width:950px) {
  .coupon_history_table .ck_box{ width: 3em;}
  .coupon_history_table .no{width: 3em;}
  .coupon_history_table .phone_num,
  .coupon_history_table .coupon_num,
  .coupon_history_table .date_time{width: 9em;}
  .coupon_history_table .state{width: 8em;}
}

/*---- 캐시 정보, 포인트 정보 ----*/
.cash_point_use_table .com_table .cate{width: 9.56%;}
.cash_point_use_table .com_table .subject{}
.cash_point_use_table .com_table .order_num{width: 17.05%;}
.cash_point_use_table .com_table .date_time{width: 16.47%;}
.cash_point_use_table .com_table .pay{width: 17%;}
.cash_point_use_table .com_table td.pay{text-align: right; padding-right: 1em;}
.cash_point_use_table .com_table td.order_num,
.cash_point_use_table .com_table td.date_time{color: var(--text-secondary);}
.cash_point_use_table .com_table td.pay{font-weight: 600;}
.cash_point_use_table .com_table .pay .icon.charge{color: var(--icon-basic);}
.cash_point_use_table .com_table .pay .icon.cancel{color: var(--point-pink-1);}

@media screen and (max-width:950px) {
  .cash_point_use_table .com_table .cate{width: 6em;}
  .cash_point_use_table .com_table .subject{width: 20em;}
  .cash_point_use_table .com_table .order_num,
  .cash_point_use_table .com_table .date_time,
  .cash_point_use_table .com_table .pay{width: 9em;}
}

/*---- 증빙 요청 내역 ----*/
.my_proof_request_history .proof_invoice_list{margin: -10px; justify-content: flex-end;}
.my_proof_request_history .proof_invoice .invoice_box{ position: relative; padding: 10px; width: 19.375em; }
.my_proof_request_history .proof_invoice .invoice_box::after{ content: ""; display: block; width: 6.25em; height: 6.25em; background-position: center; background-repeat: no-repeat; background-size: 100%; position: absolute; bottom: 2.5em; right: 2.5em;}
.my_proof_request_history .proof_invoice .invoice_box01::after{background-image: url(../img/mypage/proof_invoice_img.png);}
.my_proof_request_history .proof_invoice .invoice_box02::after{background-image: url(../img/mypage/proof_payment_img.png);}

.my_proof_request_history .proof_invoice .invoice_box a{ display: block; width: 100%; height: 100%; padding: 2.5em 2.5em 10.5em; background-color: var(--point-blue-10); border-radius: 1em;}
.my_proof_request_history .proof_invoice .invoice_box:hover a{box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3); transition: all 0.2s;}
.my_proof_request_history .proof_invoice .invoice_box .tit{font-size: 1.75em; font-weight: 700; line-height: 1.28em;}
.my_proof_request_history .proof_invoice .invoice_box .desc{color: var(--text-tertiary); line-height: 1.5em; margin-top: 1.5em; letter-spacing: -1px;}
.my_proof_request_history .proof_table_wrap .card_top{justify-content: flex-end;}
.my_proof_request_history .proof_table_wrap .card_top .card_top_select{margin-top: 0;}

@media screen and (min-width:1501px) {
  .my_proof_request_history .proof_invoice{margin-top: -4.7em;}
}
@media screen and (max-width:950px) {
  .my_proof_request_history .proof_invoice .invoice_box{width: 50%;}
}
@media screen and (max-width:540px) {
  /* .my_proof_request_history .proof_invoice .invoice_box{width: 100%;} */
  .my_proof_request_history .proof_invoice_list{margin: -5px;}
  .my_proof_request_history .proof_invoice .invoice_box{padding: 5px;}
  .my_proof_request_history .proof_invoice .invoice_box::after{width: 4em; height: 4em;}
  .my_proof_request_history .proof_invoice .invoice_box a{padding: 1.5em 1.5em 6em;}
  .my_proof_request_history .proof_invoice .invoice_box .tit { font-size: 1.5em; }
}

/* 증빙 요청 신청 폼 */
.my_proof_request_history_form .com_card_wrap{margin: -10px 0;}
.my_proof_request_history_form .card_row{padding: 10px 0;}
.my_proof_request_history_form .card_head{margin-bottom: 10px;}
.my_proof_form .card_head .card_tit{font-size: 1.125em; font-weight: 700;}
.my_proof_form .input_field_wrap{margin: -1.25em;}
.my_proof_form .input_field{width: 50%; padding: 1.25em;}
.proof_request_breakdown .add_field{width: 100%; margin-bottom: 2.5em;}
.proof_request_breakdown .card_head .card_tit{font-size: 1em;}
.proof_request_breakdown .com_btn_wrap{margin-top: 3.75em;}
.proof_request_breakdown .proof_table td{padding: 10px 0;}
.proof_request_breakdown .proof_table .brand_tit{width: 8.58%;}
.proof_request_breakdown .proof_table td.brand_tit{color: var(--mono-6);}
.proof_request_breakdown .proof_table .subject{}
.proof_request_breakdown .proof_table .fixed_price{width: 8.92%;}
.proof_request_breakdown .proof_table td.fixed_price{ font-weight: 200; color: var(--mono-6);}
.proof_request_breakdown .proof_table .discount_rate{width: 6.33%;}
.proof_request_breakdown .proof_table td.discount_rate{font-weight: 700; color: var(--point-blue-1);}
.proof_request_breakdown .proof_table .discount_price{width: 8.92%;}
.proof_request_breakdown .proof_table td.discount_price{font-weight: 500;}
.proof_request_breakdown .proof_table .send_num{width: 12%;}
.proof_request_breakdown .proof_table .amount{width: 12.92%; }
.proof_request_breakdown .proof_table .amount .num{word-break: break-all;}
.proof_request_breakdown .proof_table td.amount{font-weight: 700; text-align: right; padding-right: 1em;}
@media screen and (max-width:1640px) {
  .proof_request_breakdown .proof_table .subject{ width: 20%; }
}
@media screen and (max-width:1250px) {
  .proof_request_breakdown .proof_table .amount{width: 12em; }
  .proof_request_breakdown .com_table_wrap{overflow-x: auto;}
  .proof_request_breakdown .com_table { min-width: 150%;}
  .proof_request_breakdown .proof_table .subject{ width: auto; }
}
@media screen and (max-width:950px) {
  .my_proof_form .input_field_wrap{margin: -1.8em 0;}
  .my_proof_form .input_field{width: 100%; padding: 1.8em 0;}
  .my_proof_form .input_field.mob_view, .my_estimate_cate .input_field.mob_view{display: block !important;}
  .proof_request_breakdown .proof_table .subject{width: 16em;}
  .proof_request_breakdown .proof_table .brand_tit,
  .proof_request_breakdown .proof_table .fixed_price,
  .proof_request_breakdown .proof_table .discount_rate,
  .proof_request_breakdown .proof_table .discount_price{width: 7em;}
  .proof_request_breakdown .proof_table .send_num{width: 8em;}

}
@media screen and (max-width:540px) {
  .proof_request_breakdown .com_btn_wrap .btn_basic{width: calc(50% - 10px);}
}

/* estimate_cate_wrap 공통 */
.estimate_cate_wrap .com_card_wrap{margin: -10px;}
.estimate_cate_wrap .card_row{padding: 10px;}
.estimate_cate_wrap .card_row .card_head .card_tit{font-size: 1.125em;}
.estimate_cate_wrap .customize_prd_area{width: 47.33%;}
.estimate_cate_wrap .customize_prd_add_area{width: 52.67%;}
.estimate_cate_wrap .cate_result{padding: 1.25em; border-radius: 1em;}
.estimate_cate_wrap .cate_result .scroll_cont{height: 25em;}
.my_estimate_cate.estimate_cate_wrap .customize_prd_add_area .cate_result .scroll_cont{height: 17em;}

/* cate_result_cont */
.estimate_cate_wrap .cate_result_cont{margin-top: 1.875em;}
.estimate_cate_wrap .cate_result_cont .txt_select_field{justify-content: flex-end; margin-bottom: 10px;}
.estimate_cate_wrap .cate_result_cont .order_list a{padding: 1.25em;}
.estimate_cate_wrap .cate_result_cont .order_list .order_thumb{width: 4.375em; height: 4.375em;}
.estimate_cate_wrap .cate_result_cont .order_list .order_thumb img{display: block; border-radius: 1em;}
.estimate_cate_wrap .cate_result_cont .order_list .order_txt_box{ width: calc(100% - 4.375em);}
.estimate_cate_wrap .cate_result_cont .order_list .order_txt_box .subject{display: flex; align-items: center; margin-bottom: 1.25em;}
.estimate_cate_wrap .cate_result_cont .order_list .order_txt_box .brand{color: var(--mono-6); padding-right: 5px;}
.estimate_cate_wrap .cate_result_cont .order_list .order_txt_box .subject_name{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.estimate_cate_wrap .cate_result_cont .order_list .order_pay_info{width: 100%; padding: 0; align-items: center;}
.estimate_cate_wrap .cate_result_cont .order_list .order_pay_info .discount{font-size: 0.875em; font-weight: 700; color: var(--point-blue-1);}
.estimate_cate_wrap .cate_result_cont .order_list .order_pay_info .order_pay{font-size: 0.875em; font-weight: 700; }
.estimate_cate_wrap .cate_result_cont .order_list .order_pay_info .before_price{font-size: 10px;}
.estimate_cate_wrap .cate_result_cont .order_list .order_pay_info p{padding-right: 10px;}
.estimate_cate_wrap .cate_result_cont .order_note .add_btn:hover{background-color: var(--point-blue-2); color: var(--text-reverse);}
@media screen and (min-width:761px) {
  .estimate_cate_wrap .cate_result_cont .order_list .order_txt_box{ padding: 0 10px; }
}
@media screen and (min-width:541px) {
  .estimate_cate_wrap .cate_result_cont .order_list .order_txt_box{width: calc(100% - 7.5em); }
}
@media screen and (min-width:361px) {
  .estimate_cate_wrap .cate_result_cont .order_note .add_btn { top:50%; transform: translateY(-50%); }
  .my_estimate_cate.estimate_cate_wrap .cate_result_cont .order_note .add_btn { top:35%; transform: translateY(-35%); }
}
@media screen and (max-width:540px) {
  .estimate_cate_wrap .cate_result_cont .order_list .order_txt_box .subject{margin-bottom: 10px; flex-direction: column; align-items: flex-start;}
}
@media screen and (max-width:360px) {
  .estimate_cate_wrap .cate_result_cont .order_list .order_txt_box{padding-top: 2.2em;}
}
/* customize_prd_add_area */
.estimate_cate_wrap .customize_prd_add_area .customize_prd_add_wrap{padding: 1.875em; border: 0; border-radius: 0;}
.estimate_cate_wrap .customize_prd_add_area .cate_result_cont{margin-top: 1.25em; }
.my_estimate_cate .date_input_field {margin-top: 1.25em; }
.estimate_cate_wrap .customize_prd_add_area .cate_result {border-color: var(--mono-9); padding: 10px; border-radius: 0;}
.estimate_cate_wrap .customize_prd_add_area .bill_cont{margin-top: 1.875em; border-top: 2px solid var(--mono-1); }
.estimate_cate_wrap .customize_prd_add_area .bill_cont .bill_add_cont .bill_add{}
.estimate_cate_wrap .customize_prd_add_area .bill_cont .bill_add_cont .bill_add:first-child{border-top: 0;}
.estimate_cate_wrap .customize_prd_add_area .com_btn_wrap{margin-top: 1.875em;}
.estimate_cate_wrap .customize_prd_add_area .plus_minus_input_box{padding-right: 1.875em;}
@media screen and (min-width:541px) {
  .estimate_cate_wrap .customize_prd_add_area .cate_result_cont .order_list .order_txt_box{width: calc(100% - 15.625em);}
}
@media screen and (max-width:1735px) and (min-width:541px) {
  .estimate_cate_wrap .order_list .order_note .note_btn{top: 50%; transform: translateY(-50%);}
}
@media screen and (max-width:1600px) {
  .estimate_cate_wrap .order_pd_box{font-size: 0.9em;}
}
@media screen and (max-width:1300px) {
  .estimate_cate_wrap .customize_prd_area,
  .estimate_cate_wrap .customize_prd_add_area{width: 100%;}
  .my_estimate_cate.estimate_cate_wrap .customize_prd_add_area .cate_result .scroll_cont{height: 25em;}
}
@media screen and (max-width:540px) {
  .estimate_cate_wrap .customize_prd_add_area .customize_prd_add_wrap{padding: 1.25em;}
  .estimate_cate_wrap .customize_prd_add_area .plus_minus_input_box{width: 100%; padding-right: 0; padding-top: 10px;}
  .estimate_cate_wrap .customize_prd_add_area .plus_minus_field{ width: 100%; margin: 0; margin-left: auto;}
  .estimate_cate_wrap .customize_prd_add_area .ellipse_btn { width: 10%; }
  .estimate_cate_wrap .customize_prd_add_area .number_input{ width: 80%; }
  .estimate_cate_wrap .customize_prd_add_area .com_btn_wrap .btn_basic {width: calc(50% - 10px);}
  .my_proof_request_history_choice .customize_prd_add_area .com_btn_wrap .btn_basic{width: 100%;}
  .estimate_cate_wrap .customize_prd_add_area .bill_cont .bill_add_cont .bill_add{flex-direction: row;}
  .estimate_cate_wrap .customize_prd_add_area .bill_cont .bill_add_cont .bill_add .desc{width: auto; margin-top: 0;}
}
@media screen and (max-width:380px) {
  .estimate_cate_wrap .customize_prd_add_area .bill_cont .bill_add_cont .bill_add .desc{width: 100%; margin-top: 10px;}
}

/*---- 회원정보 ----*/
.my_profile .card_row .card_head .card_tit{font-size: 1.125em; font-weight: 700;}
.my_profile .input_field_wrap{background-color: var(--bg-basic); border: 1px solid var(--border-basic);}
.my_profile .input_field_wrap .input_field{align-items: center;}
.my_profile .input_field_wrap .input_field + .input_field{border-top: 1px solid var(--border-basic);}
.my_profile .input_field_wrap .input_field .tit{width: 10em; font-weight: 700; padding-left: 1.875em;}
.my_profile .input_field_wrap .input_field .desc{ display: flex; align-items: center; width: calc(100% - 10em); color: var(--text-tertiary); padding: 1.25em 0;}
.my_profile .input_field_wrap .input_field .desc .upload_btn{font-weight: 600;}
.my_profile .input_field .save_logo{ position: relative; border: 1px solid var(--border-basic); margin-right: 1.25em;}
.my_profile .input_field .save_logo.empty_save_logo{display: none;}
.my_profile .input_field.del_img .save_logo.empty_save_logo{display: block;}
.my_profile .input_field .save_logo .img_box{width: 15em; height: 15em; display: flex; align-items: center; justify-content: center;}
.my_profile .input_field .preview_del{position: absolute; top: 0; right: 0;  z-index: 10; background-color: var(--mono-8); border-radius: 5px; padding: 10px; cursor: pointer;}
.my_profile .input_field .save_logo.empty{border: 0;}
.my_profile .preview_logo_box{width: 12.81em; background-color: var(--mono-9); border: 1px solid var(--border-basic); padding: 10px;}
.my_profile .preview_logo_box .txt{font-weight: 700; font-size: 12px; margin-bottom: 5px; color: var(--mono-0);}
.my_profile .preview_logo_box .preview_img{position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; padding-top: 110%;}
.my_profile .preview_logo_box .preview_img .logo{ position: absolute; top: 1em; left: 1em; width: 3em; height: 1.125em; }
.my_profile .preview_logo_box .preview_img .logo img{display: block;}

.my_profile .input_field_wrap .business_license .desc a{color: var(--mono-0); transition: all 0.2s; border-bottom: 1px solid transparent; font-weight: 500;}
.my_profile .input_field_wrap .business_license .desc a:hover{border-color: var(--point-blue-1); color: var(--point-blue-1);}
@media screen and (max-width:760px) {
  .my_profile .input_field_wrap .input_field .tit,
  .my_profile .input_field_wrap .input_field .desc{width: 100%; padding: 1em;}
}
@media screen and (max-width:540px) {
  .my_profile .input_field .save_logo{ margin-right: 0; margin-bottom: 1em; width: 100%;}
  .my_profile .input_field .save_logo .img_box{width: 100%; }
  .my_profile .input_field .preview_logo_box{width: 100%; height: 100%;}
}

/* 정보 수정 */
.my_profile_mod .input_field_wrap .input_field.pw .desc{flex-wrap: wrap;}
.my_profile_mod .input_field_wrap .input_field .desc .ex_error_txt_field{width: 25em; margin-right: 10px;}
.my_profile_mod .input_field_wrap .input_field .desc .input_box{width: 25em; margin: 10px 0; margin-right: 10px;}
.my_profile_mod .input_field_wrap .input_field .desc .ex_error_txt_field .input_box {width: 100%;}
.my_profile_mod .input_field_wrap .com_select_wrap{width: 100%; height: 100%;}
.my_profile_mod .input_field_wrap .marketing_agree label{font-size: 0.875em; color: var(--text-secondary); line-height: 1.2em;}
.my_profile_mod .input_field_wrap .marketing_agree label .agree{color: var(--mono-1);}
.my_profile_mod .input_field_wrap .marketing_agree .text_btn{margin-left: 1.25em; font-size: 12px;}
.my_profile_mod .com_btn_wrap{margin-top: 1.25em; justify-content: flex-end;}

.my_profile_mod .ex_error_txt_field .info_txt.save,
.my_profile_mod .ex_error_txt_field .info_txt.error{margin-top: -5px;}

@media screen and (max-width:1200px) and (min-width:541px) {
  .my_profile_mod .input_field_wrap .input_field .desc .input_box{width: 50%;}
  .my_profile_mod .input_field_wrap .input_field .desc .ex_error_txt_field{width: 50%;}
}
@media screen and (max-width:540px) {
  .my_profile_mod .input_field_wrap .input_field .desc{flex-wrap: wrap;}
  .my_profile_mod .input_field_wrap .input_field .desc .ex_error_txt_field{ width: 100%; margin-right: 0;}
  .my_profile_mod .input_field_wrap .input_field .desc .input_box{width: 100%; margin-right: 0;}
  .my_profile_mod .input_field_wrap .marketing_agree .text_btn{margin-left: 1.5em;}
  .my_profile .preview_logo_box .preview_img .logo{width: 10%; left: 1.5em; top: 1.5em;}
}
@media screen and (max-width:300px) {
  .my_profile_mod .input_field_wrap .marketing_agree label{width: calc(100% - 2em);}
}
/*---- 1:1 문의 ----*/
.my_inquiry .accordion_cont_wrap{height: auto;}
.my_inquiry .card_row .card_head{justify-content: flex-end;}
.my_inquiry .accordion_cont .accordion_head{padding: 0.94em 1.875em;}
.my_inquiry .accordion_cont .accordion_body{padding: 1.25em 1.875em;}
.my_inquiry .btn_basic .icon{padding-right: 0.94em;}
@media screen and (min-width:761px) {
  .my_inquiry .inquiry_list{margin-top: -4.5em;}
}
@media screen and (max-width:760px) {
  .my_inquiry .inquiry_list .btn_basic.sky_bule01 { width: 30%; }
  .my_inquiry .accordion_cont .accordion_head { padding: 0.94em 1.3em; }
  .my_inquiry .accordion_cont .accordion_body{padding: 1.25em 1.3em;}
}


/*---- 메시지 조회 ----*/
.my_message .accordion_cont_wrap{height: auto;}

/*---- 장바구니 ----*/
.my_cart{padding-bottom: 9.375em;}
.my_cart .com_card_wrap{margin: -0.94em}
.my_cart .card_row{ padding: 0.94em;}
.my_cart .all_control_card_row{padding-bottom: 2.81em;}
.my_cart .before_price { margin-right: 10px; }
.cart_card_row .card_inner .card_head .ck_field label{font-weight: 700;}
.cart_card_row .order_list .order_summary_info{text-align: right; justify-content: flex-end; align-items: flex-end;}
.cart_card_row .order_list .order_summary_info .use_info .list{font-size: 0.875em; color: var(--text-secondary); line-height: 1.43em;}
.cart_card_row .order_cont_wrap + .btn_wrap{margin-top: 1.25em; text-align: right;}

@media screen and (max-width:400px) {
  .my_cart + .quick_layer_wrap .btn_wrap{width: 47%;}
  .my_cart + .quick_layer_wrap .btn_basic{width: 100%;}
}

/* 즐겨찾기 */
.my_bookmark .com_card_wrap{margin: -1.875em -12px;}
.my_bookmark .card_row{ padding:1.875em 12px;}
.my_bookmark .card_row:not(.all_control_card_row){width: 33.33%;}
.my_bookmark .card_row:not(.all_control_card_row) input[type="checkbox"]{width: 1.25em; height: 1.25em;}
.my_bookmark .card_row:not(.all_control_card_row) input[type="checkbox"]::before{font-size: 12px;}
.my_bookmark .customize_prd_area .customize_list{ width: 100%; padding: 0;}
.my_bookmark .customize_prd_area .customize_list .scroll_cont{height: 33em; margin: -5px;}
.my_bookmark .customize_prd_area .customize_list .cate_list{ margin: 0; height: auto; align-items: flex-start;}

.my_bookmark .customize_prd_area .customize_list .cate_list .list{padding: 5px; height: auto;}
.my_bookmark .customize_prd_area .customize_list .cate_list .list .icon{height: auto; padding: 1.5em 0;}
.my_bookmark .customize_list .cate_list .list input{display: block;}
.my_bookmark .list input{position: absolute; top: 10px; left: 10px; z-index: 10;}

.my_bookmark .customize_mob_coupon .customize_list .cate_list .order_pd_box{width: 100%; padding: 0;}
.my_bookmark .customize_mob_coupon .order_list .order_thumb{border-radius: 0;}
.my_bookmark .customize_mob_coupon .order_list a{padding: 0.94em;}
.my_bookmark .customize_mob_coupon .order_list input{position: absolute; top: 1.25em; left: 1.25em; z-index: 10;}
.my_bookmark .customize_mob_coupon .order_list .note_btn{ top: 1.25em; right: 1.25em; transform: translateY(0); width: auto; height: auto;}
.my_bookmark .customize_mob_coupon .order_list .note_btn i{font-size: 1em;}
.my_bookmark .customize_mob_coupon .order_note .note_btn .btn_icon{color: var(--mono-6);}
.my_bookmark .customize_mob_coupon .customize_list .cate_list .list .order_note .note_btn .icon::after{display: none;}
.my_bookmark .customize_mob_coupon .order_list .order_pay_info{width: 100%; padding-right: 0;}
.my_bookmark .customize_mob_coupon .order_list .order_pay_info .order_pay{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.my_bookmark .customize_mob_coupon .order_list .order_pay_info .order_pay{font-size: 1.25em;}
.customize_event .list{position: relative;}
.customize_event .list img {display: block; width: 100%;}
.my_bookmark .customize_prd_area .customize_list .cate_list .list.empty{width: 100%;}
@media screen and (min-width:761px) {
  .my_bookmark .customize_mob_coupon .order_list .order_txt_box{width: calc(100% - 5em); padding: 0; padding-left: 1em;}
}
@media screen and (max-width:950px) {
  .my_bookmark .card_row:not(.all_control_card_row){width: 100%;}
  .my_bookmark .customize_prd_area .customize_list .scroll_cont{height: 24em;}
}
.card_cont_area{
  margin: 1% 0;
}
@media screen and (max-width:768px) {
  .card_cont_area{
    margin: 5% 0;
  }
}