@charset "utf-8";
/* com_sub */
.sub_wrap{width: 100%; height: 100%;}
.com_sub_section_wrap{width: 100%; background-color: var(--mono-12); transition: ease all 0.5s;}
.com_sub_section_wrap.fold_lnb{padding-left: 6.25em;}
.com_sub_cont_wrap{ position: relative; width: 90%; /*margin-left: 3.125em;*/ margin: 0 auto; max-width: 1400px; padding: 3em 0;}
.com_sub_section_wrap.fold_lnb .com_sub_cont_wrap{max-width: 1600px;}
.com_sub_cont_tit{width: 100%; padding-bottom: 1.875em;}
.com_sub_cont_tit .tit{font-family: 'GmarketSans'; font-size: 2.25em; line-height: 1.17em; font-weight: 700; }
.com_cont_tit{font-size: 1.125em; font-weight: 700; line-height: 1.11em;}
@media screen and (max-width:1080px) {
  .com_sub_section_wrap{padding-top: 80px;} /* 모바일 lnb 높이값 */
  .com_sub_section_wrap,
  .com_sub_section_wrap.fold_lnb{padding-left: 0;}
  .com_sub_cont_wrap{margin: 0 auto;}
}
@media screen and (max-width:760px) {
  .com_sub_cont_tit{padding: 0 0 1.875em;}
  .com_sub_cont_tit .tit{font-size: 2.5em;}
}

/* card common */
.card_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25em;}
.com_card_wrap{margin: -1.56em -0.94em;}
.com_card_wrap_order{width:90%;margin: 0 auto;}
.card_row{ position: relative; width: 100%; padding: 1.56em 0.94em;}
.card_row .card_inner{background-color: var(--dashboard-row-bg); padding: 1.25em; border-radius: 1em;}
.card_row .scroll_inner{padding-bottom: 0 !important; overflow: hidden;}
.card_row .scroll_cont{padding-bottom: 1.25em !important; overflow-y: auto;}
.card_row .scroll_cont::-webkit-scrollbar { width: 0;}
.card_row .card_head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.94em; }
.card_row .card_head input[type="checkbox"]+ label { color: var(--mono-5); }
.card_row .card_head .card_tit{font-size: 1.25em; font-weight: 600;}
.btn_basic.card_more_btn{ position: relative; padding: 0 8px; padding-left: 9px; height: 1.5em; background-color: transparent; border: 2px solid var(--point-blue-1); color: var(--point-blue-1); border-radius: 5px;}
.btn_basic.card_more_btn .icon{width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: -9px; transform: translateY(-50%); background-color: var(--bg-basic);}
.btn_basic.card_more_btn .icon::after{content: ""; width: 12px; height: 2px; border-radius: 5em; background-color: var(--point-blue-1);}
.btn_basic.card_more_btn .icon::before{content: ""; width: 2px; height: 12px; border-radius: 5em; background-color: var(--point-blue-1); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.btn_basic.card_more_btn .txt{font-size: 12px; font-weight: 700;}

/* card inner style */
.card_row.wh_dashed .card_inner{background-color: var(--bg-basic); border-top: 1px dashed var(--mono-6); border-radius: 0 0 1em 1em; padding: 3.125em;}
.card_row.wh_dashed02 .card_inner{background-color: var(--bg-basic); border-bottom: 1px dashed var(--border-basic); border-top: 1px solid var(--border-basic); border-radius: 0;}
.card_row.wh_shadow .card_inner{background-color: var(--bg-basic); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.05); border-radius: 0; padding: 3.125em;}
.card_row.wh_shadow02 .card_inner{background-color: var(--bg-basic); box-shadow: 0px 5px 5px 0px rgba(8,12,56,0.05);}
/* 상품 썸네일 없을 때 */
.order_thumb.empty_img{background-size: 25% !important; background-image: url(../img/common/empty_img.png); background-color: var(--empty-bg);}
.thumb.empty_img{background-size: 25% !important; background-image: url(../img/common/big_empty_img.png); background-color: var(--empty-bg);}

@media screen and (min-width:1581px) {
  /* .card_row.fix_row{width: 55em; }
  .card_row.fluid_row{width: calc(100% - 55em); transition: ease all 0.5s;} */
}
@media screen and (max-width:760px) {

  .card_top{flex-direction: column; align-items: flex-start;}
  .card_top_select{text-align: right; width: 100%; margin-top: 20px;}
  .btn_basic.card_more_btn{height: 1.875em;}
  .btn_basic.card_more_btn .icon{width: 1.2em; height: 1.2em;}
  .btn_basic.card_more_btn .icon::after{width: 10px;}
  .btn_basic.card_more_btn .icon::before{height: 10px;}
  .card_row.wh_dashed .card_inner{padding: 2em 1.125em;}
  .card_row.wh_shadow .card_inner{padding: 2.5em 1.125em; margin-top: 0;}
}
/* com empty_box */
.empty_box{padding: 10em 0; text-align: center;}
.empty_box .empty_tit{font-size: 1.5em; line-height: 1.2em; font-weight: 700; color: var(--text-tertiary);}
.empty_box .empty_desc{color: var(--text-secondary); line-height: 1.25em; margin-top: 1em;}
.empty_box .btn_wrap{margin-top: 2.5em;}

/* bill_cont_wrap */
.bill_cont_wrap{width: 100%; position: relative; padding-bottom: 1.25em;}
/* .bill_cont.supplier_bill{width: 59.8%; padding-right: 2.8%;}
.bill_cont.recipient_bill{width: 40.2%;} */
.bill_cont .bill_head{display: flex; justify-content: space-between; padding: 0 1.25em 10px;}
.bill_cont .bill_head .bill_tit{line-height: 1.25em; font-weight: 500;}
.bill_cont .bill_head .bill_num{font-weight: 700; line-height: 1.25em;}
.bill_cont{}
.bill_cont .bill_body{ width: 100%; height: calc(100% - 30px); background-color: var(--mono-7); padding: 1.875em 1.25em; border-top: 2px solid var(--mono-1); }
.bill_cont .bill_body .bill_list_tit{font-weight: 600; line-height: 1.25em; padding-bottom: 1em;}
.bill_cont .bill_body .bill_list .list{display: flex; flex-wrap: wrap; justify-content: space-between; color: var(--text-tertiary); font-size: 0.875em; line-height: 1.71em;}
.bill_cont .bill_body .bill_list .list .unit{ padding-right: 1em;}
.bill_cont .bill_body .bill_list .list .desc{font-weight: 700; text-align: right;}
.bill_cont .bill_add_cont{background-color: var(--mono-7); padding: 0 1.25em 1.25em;}
.bill_cont .bill_add_cont .bill_add{ align-items: center; justify-content: space-between; padding: 1.25em 0; border-top: 1px solid var(--mono-6);}
.bill_cont .bill_add_cont .bill_add:last-child{padding-bottom: 0;}
.bill_cont .bill_add_cont .bill_add .unit{font-weight: 600;}
.bill_cont .bill_add_cont .bill_add .desc{font-weight: 700;}
.bill_cont .bill_add_cont .bill_pay .desc{font-size: 1.5em;}

.bill_cont .bill_info_box{width: 100%; }
.bill_cont .bill_info_box .info_box{width: 100%; background-color: var(--bg-basic); margin-top: 1.25em; display: flex; padding: 1.25em;}
.bill_cont .bill_info_box .tit{font-weight: 600; padding-right: 1.25em; color: var(--text-primary);}
.bill_cont .bill_info_box .info_txt .info{display: flex; font-size: 0.875em;}
.bill_cont .bill_info_box .info_txt .txt{padding-right: 10px; color: var(--text-secondary);}
.bill_cont .bill_info_box .info_txt .info_desc{color: var( --text-tertiary); text-align: left ;}

.bill_cont .bill_body .bill_list .list .tooltip_wrap{font-size: 1.14em;}
.bill_cont .bill_info_box .tooltip_wrap{margin-top: 5px;}

@media screen and (min-width:761px) {
  .bill_cont.supplier_bill{width: 59.8%; padding-right: 2.8%;}
  .bill_cont.recipient_bill{width: 40.2%;}
}
@media screen and (max-width:760px) {
  .bill_cont_wrap .bill_cont{width: 100%;}
  .bill_cont_wrap .bill_cont + .bill_cont{margin-top: 1.25em;}
  .bill_cont_wrap .bill_cont .bill_body{height: auto;}
}
@media screen and (max-width:540px) {
  .bill_cont .bill_add_cont .bill_add{flex-direction: column; align-items: flex-start;}
  .bill_cont .bill_add_cont .bill_add .desc{width: 100%; text-align: right; margin-top: 10px;}

  .bill_cont .bill_info_box .info_box{flex-wrap: wrap; padding: 1em;}
  .bill_cont .bill_info_box .tit{width: 100%; padding: 0 0 5px;}
  .bill_cont .bill_info_box .info_txt{width: 100%;}
  .bill_cont .bill_info_box .info_txt .info{flex-direction: column;}
  .bill_cont .bill_info_box .info_txt .info + .info{margin-top: 5px;}
  .bill_cont .bill_info_box .info_txt .txt{width: 100%; padding: 0;}
  .bill_cont .bill_info_box .info_txt .info_desc{}
}
@media screen and (max-width:300px) {
  .bill_cont .bill_body .bill_list .list .unit{padding-right: 5px;}
}

.bill_add_list .list{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 1.25em 0;}
.bill_add_list .list:first-child{padding-top: 0;}
.bill_add_list .list + .list{border-top: 1px solid var(--border-basic);}
.bill_add_list .list.total .desc{font-size: 1.5em; font-weight: 700;}
.bill_add_list .list .list_tit{width: 100%;}
.bill_add_list .list .list_desc{width: 100%; margin-top: 0.94em;}
.bill_add_list .list .list_desc li{display: flex; align-items: center; justify-content: space-between;}
.bill_add_list .list .unit.tit{font-weight: 600;}
.bill_add_list .list .list_desc li{color: var(--text-tertiary); font-size: 0.875em; line-height: 1.71em;}



/* pagination */
.pagination{ display: flex; align-items: center; justify-content: flex-end; padding-top: 1.875em; width: 100%; text-align: right;}
.pagination > ul{display: flex; align-items: center; justify-content: center;}
.pagination > ul > li{}
.pagination > ul > li > a{ font-weight: 600; color: var(--mono-6); display: flex; align-items: center; justify-content: center; width: 1.375em; height: 1.375em; transition: all 0.2s;}
.pagination > ul > li:hover > a,
.pagination > ul > li.now > a{color: var(--point-blue-3);}
.pagination .move_btn{padding: 0 6px; transition: all 0.2s;}
.pagination .move_btn i{color: var(--mono-6);}
.pagination .move_btn:hover i{color: var(--point-blue-3);}
@media screen and (max-width:540px) {
  .pagination { font-size: 1.2em; }
}

/* customize_prd_area */
.customize_prd_area .cate_area{margin: -5px;}
.customize_prd_area .customize_list{padding: 5px;}
.customize_prd_area .cate_list_wrap{width: 14em;}
.customize_prd_area .cate_brand_list_wrap{width: calc(100% - 14em);}
.customize_prd_area .customize_list .inner{padding: 1.25em 1.875em; border-radius: 1em;}
.customize_prd_area .customize_list .cate_list_head{padding-bottom: 1.25em;}
.customize_prd_area .customize_list .cate_list_head .txt{font-weight: 900; color: var(--mono-1); }
.customize_prd_area .customize_list .cate_list{height: 13.75em; margin: -5px -10px;}
.customize_prd_area .customize_list .cate_list .list{ position: relative; width: 50%; padding: 5px 10px;}
.customize_prd_area .customize_list .cate_list .list input{display: none;}
.customize_prd_area .customize_list .cate_list .list label{width: 100%; padding: 0; margin: 0 auto; text-align: center;}
.customize_prd_area .customize_list .cate_list .list .icon{ position: relative; width: 3.75em; height: 3.75em; text-align: center; margin: 0 auto; background-color: var(--bg-basic); display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid transparent;}
.customize_prd_area .customize_list .cate_list .list .icon::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(102,102,102,0.03); border-radius: 50%;}
.customize_prd_area .customize_list .cate_list .list .icon img{display: block; width: 1.875em;}
.customize_prd_area .customize_list .cate_list .list .txt{color: var(--text-tertiary); font-size: 0.875em; padding-top: 8px; text-align: center; word-break: break-all;}
.customize_prd_area .customize_list .cate_list .list input[type="checkbox"]:checked + label .icon{  border-color: var(--point-blue-1);}
.customize_prd_area .customize_list .cate_list .list input[type="checkbox"]:checked + label .icon::after{display: none;}
.customize_prd_area .customize_list .cate_list .list input[type="checkbox"]:checked + label .txt{color: var(--sementic-text-hover); font-weight: 700;}
.customize_prd_area .cate_brand_list_wrap .cate_list .list .icon{width: 100%; border-radius: 0;}
.customize_prd_area .cate_brand_list_wrap .cate_list .list .icon::after{border-radius: 0;}
.customize_prd_area .cate_brand_list_wrap .cate_list .list .icon img{width: 3.125em;}
.customize_prd_area .customize_list .cate_list .list .thumb_area{position: relative; display: flex;}
.customize_event .customize_list .cate_list .list .thumb_area{border-radius: 5px;}
.customize_mob_coupon .customize_list .cate_list .list .thumb_area {border-radius: 1em;}
.customize_prd_area .customize_list .cate_list .list.end .thumb_area::after{content: "판매 종료"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; font-family: 'GmarketSans'; font-weight: 700; color: var(--text-reverse); text-align: center; line-height: 1.2em;}
.customize_mob_coupon .customize_list .cate_list .list.end .thumb_area::after{border-radius: 1em;}
.customize_prd_area .customize_list .cate_list .list.end_event .thumb_area::after{content: "종료 된 이벤트"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; font-family: 'GmarketSans'; font-weight: 700; color: var(--text-reverse); border-radius: 5px; text-align: center; line-height: 1.2em;}
@media screen and (max-width:540px) {
  .customize_prd_area .customize_list.cate_list_wrap .cate_list .list{width: 33.3%; padding-bottom: 1.5em;}
  .customize_prd_area .customize_list.cate_list_wrap .cate_list .list .icon{ width: 5em; height: 5em; }
  .customize_prd_area .cate_list_wrap,
  .customize_prd_area .cate_brand_list_wrap{width: 100%;}
}
@media screen and (max-width:360px) {
  .customize_prd_area .customize_list.cate_list_wrap .cate_list .list{width: 50%;}
}

/* letter_preview */
.letter_preview{width: 100%;}
.letter_preview pre{font-family: 'Noto Sans KR'; word-break: break-all; white-space: pre-line;}
.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;}
.letter_preview .preview_box .subject{font-size: 0.94em; line-height: 1.6em; margin-bottom: 5px;}
.letter_preview .preview_box .preview_img{position: relative; width: 100%; background-size: 100%;}
.letter_preview .preview_box .preview_coupon{position: relative; width: 100%; padding-top: 100%; background: url(../img/common/coupon_bg.jpg) no-repeat center; margin-bottom: 10px; background-size: 100%;}
.letter_preview .preview_box .logo_play{position: absolute; top: 1.25em; left: 1.25em; width: 3em; z-index: 1}
.letter_preview .preview_box .logo_play img{display: block;}
.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;}
.letter_preview .preview_box .coupon_cont .prd_img{width: 6.25em; height: 6.25em; background-repeat: no-repeat; background-size: 100%; background-position: center;}
.letter_preview .preview_box .coupon_cont .prd_name{width: 100%; font-size: 12px; line-height: 1.5em;}
.letter_preview .preview_box .coupon_cont .prd_date{font-size: 10px; color: var(--text-secondary); line-height: 1.8em;}
.letter_preview .preview_box .coupon_cont .prd_barcode{margin-top: 5px; }
.letter_preview .preview_box .cont_txt{font-size: 0.94em; line-height: 1.4em;}
.letter_preview .preview_box .cont_txt .txt{height: 13.2em; overflow: auto;}
@media screen and (max-width:1230px) {
  .letter_preview .preview_box{width: 19em; margin: 0 auto;}
}
@media screen and (max-width:540px) {
  .letter_preview .preview_box .coupon_cont .prd_img{width: 5em; height: 5em;}
}
@media screen and (max-width:330px) {
  .letter_preview .preview_box{width: 100%;}
}

/* goods filter */
.goods_filter_wrap{position: relative; margin-bottom: 3.125em;}
.com_toggle_btn{text-align: right;}
.com_toggle_btn .btn_basic{font-size: 0.875em; padding: 9px 1.74em; background-color: var(--btn-basic-bg); color: var(--text-reverse);} /*background-color: var(--mono-4);*/
/* .com_toggle_btn .btn_basic:hover,
.goods_filter_wrap.on .com_toggle_btn .btn_basic{background-color: var(--mono-1);} */
.com_toggle_btn .btn_basic .icon{font-size: 1.14em;}
.com_toggle_btn .btn_basic .txt{ margin-right: 5px;}
.goods_filter_box{position: relative; width: 100%; margin-top: 1.25em; min-width: 280px;} /*2310 mod*/

.goods_filter{border: 1px solid var(--border-basic); border-radius: 1em 1em 0 0; border-bottom: 0;}
.goods_filter_box .goods_filter_head{padding: 2.5em 1.67em 1.67em;}
.goods_filter_box .goods_filter_head .tit{font-size: 2em; font-weight: 700;}
.goods_filter_box .goods_filter_head .close_btn{font-size: 2.5em;}

.goods_filter .filter_group{display: flex; padding: 1.25em 0 0.875em;}
.goods_filter .filter_group .group_tit{ width: 9em; padding-left: 1.875em; font-weight: 600;}
.goods_filter .filter_group .field_wrap{ margin: -10px; width: calc(100% - 9em); }
.goods_filter .filter_group .field_wrap .inner{ width: 100%; display: flex; flex-wrap: wrap;}
.goods_filter .filter_group .field_wrap .ck_input{ position: relative; display: flex; align-items: center; width: 14.28%; padding: 10px;}
.goods_filter .filter_group .field_wrap .ck_input label{color: var(--text-tertiary); width: calc(100% - 1.625em); line-height: 1.2em;}

.goods_filter .brand_group .bookmark_btn_wrap{width: 1.25em; height: 1.25em; top: 15px; right: 15px;}
.goods_filter .brand_group .field_wrap .ck_input{align-items: baseline;}
.goods_filter .brand_group .field_wrap .ck_input input{display: none;}
.goods_filter .brand_group .field_wrap .ck_input label{ width: 100%; text-align: center; padding: 0;}
.goods_filter .brand_group .field_wrap .ck_input label .icon{ position: relative; width: 100%; height: 3.75em; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; padding: 3px 0;}
.goods_filter .brand_group .field_wrap .ck_input label .icon::after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(102,102,102,0.03);}
.goods_filter .brand_group .field_wrap .ck_input label .icon .img{ width: 50%;}
.goods_filter .brand_group .field_wrap .ck_input label .icon .img img { max-height: 40px; }
.goods_filter .brand_group .field_wrap .ck_input label .txt{margin-top: 6px; word-break: break-all;}
.goods_filter .brand_group .field_wrap .ck_input input[type="checkbox"]:checked + label .icon{  border-color: var(--point-blue-1);}
.goods_filter .brand_group .field_wrap .ck_input input[type="checkbox"]:checked + label .icon::after{display: none;}
.goods_filter .brand_group .field_wrap .ck_input input[type="checkbox"]:checked + label .txt{color: var(--sementic-text-hover); font-weight: 700;}
.goods_filter_footer{ position: relative; display: flex; justify-content: space-between; background-color: var(--point-blue-1); border-radius: 0 0 1em 1em; padding: 1em 1.875em;}
.goods_filter_footer .ck_list{ align-items: center; width: 80%;}
.goods_filter_footer .ck_list .list{color: var(--text-reverse); line-height: 1.2em; display: flex; align-items: center; font-size: 0.875em; margin-right: 12px;}
.goods_filter_footer .ck_list .list .del_btn{cursor: pointer;}
.goods_filter_footer .ck_list .list .del_btn i{vertical-align: -1px; }
.goods_filter_footer .reset_btn{color: var(--text-reverse);}
.goods_filter_footer .reset_btn i{padding-right: 5px;}
@media screen and (min-width:1401px) {
  .goods_filter .filter_group .field_wrap .ck_input label{letter-spacing: -2px;}
}
@media screen and (min-width:951px) {
  .goods_filter{height: auto !important;}
  .goods_filter .filter_group + .filter_group{border-top: 1px solid var(--border-basic);}
}
@media screen and (max-width:1730px) {
  .goods_filter .filter_group .field_wrap .ck_input{width: 20%;}
}
@media screen and (max-width:1200px) {
  .goods_filter .filter_group .field_wrap .ck_input{width: 25%;}
}
@media screen and (max-width:950px) {
  .goods_filter_wrap{margin-bottom: 1.25em;}
  .com_toggle_btn.mob_view{display: block !important;}
  .com_toggle_btn.mob_view.fixed{position: fixed; top: 8.5em; right: 6%; z-index: 100; animation: ani_dropdown .5s cubic-bezier(.215,.61,.355,1);}
  @keyframes ani_dropdown {
    0%{-webkit-transform: translateY(-100%); transform: translateY(-100%);}
    100%{-webkit-transform: translateY(0); transform: translateY(0);}
  }
  .com_toggle_btn .btn_basic{border-radius: 50%; padding: 0; width: 4.17em; height: 4.17em;}
  .com_toggle_btn .btn_basic .icon{font-size: 1.67em;}
  .com_toggle_btn .btn_basic .icon i{vertical-align: -2px;}
  .goods_filter_box{display: block; position: fixed; top: 0%; left: 0; z-index: 9999; height: 100%; background-color: var(--mono-9); margin-top: 0; overflow: hidden;}
  .goods_filter_wrap.open .goods_filter_box{top: 0;}
  .goods_filter_box .goods_filter_head{display: flex !important; justify-content: space-between;}
  .goods_filter{ width: 100%; overflow-y: auto; padding: 0 1.67em 4.3em; border: 0; border-radius: 0;}
  .goods_filter::-webkit-scrollbar{width: 0;}
  .goods_filter .filter_group{background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 1.67em; padding: 1.67em; flex-direction: column;}
  .goods_filter .filter_group + .filter_group{margin-top: 10px;}
  .goods_filter .filter_group .group_tit{width: 100%; padding-left: 0; font-size: 1.33em; margin-bottom: 1.25em;}
  .goods_filter .filter_group .field_wrap{width: 100%; margin: -5px;}
  .goods_filter .filter_group .field_wrap .ck_input{width: 50%; padding: 5px;}

  .goods_filter_footer{border-radius: 0; position: absolute; bottom: 0; left: 0;  z-index: 20; width: 100%; background-color: var(--mono-9); padding: 1.67em; justify-content: center;  box-shadow: 0px -3px 3px rgba(0,0,0,0.05);}
  .goods_filter_footer .ck_list{display: none;}
  .goods_filter_footer .btn_basic{font-size: 1.33em; padding:  4.2% 0;}
  .goods_filter_footer .reset_btn{background-color: var(--bg-basic); border-color: var(--mono-1); color: var(--mono-1); width: 29%;}
  .goods_filter_footer .reset_btn i{display: none;}
  .goods_filter_footer .sch_btn{display: inline-flex !important; width: 69%; margin-left: 2%;}

}



/* goods : common */
.cont_align_list{display: flex; align-items: center; }
.cont_align_list .list{position: relative;}
.cont_align_list .list a{ display: flex; font-size: 0.875em; color: var(--text-secondary); padding: 0 10px;}
.cont_align_list .list.now a{color: var(--point-blue-1); font-weight: 700;}
.cont_align_list .list.now a::before{content:"\e928"; font-family: 'xeicon'; font-size: 1.14em; color: var(--point-blue-1); padding-right: 5px;}

.bookmark_btn_wrap, .share_btn_wrap{width: 2.5em; height: 2.5em; border-radius: 50%; background-color: var(--mono-6); position: absolute; top: 10px; right: 10px; z-index: 10; display: flex; align-items: center; justify-content: center; transition: all 0.2s; cursor: pointer;}
.bookmark_btn_wrap.white_ver, .share_btn_wrap.white_ver { background-color: var(--white); border: 1px solid var(--mono-6);  }
.bookmark_btn_wrap img{display: block; width: 45%;}
.bookmark_btn_wrap .on, .share_btn_wrap .on { display: none; }
.bookmark_btn_wrap:hover{background-color: rgba(0,79,152,0.3);}
.share_btn_wrap:hover { background-color: var(--point-yellow-1); border-color: var(--point-yellow-1); }
.bookmark_btn_wrap:hover .on, .share_btn_wrap:hover .on { display: block; }
.bookmark_btn_wrap:hover .off, .share_btn_wrap:hover .off { display: none; }
.bookmark_btn_wrap.add{background-color: rgba(0,79,152,0.5);}

@media screen and (max-width:760px) {
  .cont_align_list.pc_view{display: none;}
  .cont_align_list.mob_view{display: flex !important;}

  .cont_align_list .txt_select_wrap{width: 7em;}
  .cont_align_list .txt_select_wrap .custom-select .custom-select__option--value{color: var(--text-secondary); text-align: left;}
  .cont_align_list .txt_select_wrap .custom-select__dropdown .custom-select__option{text-align: left;}
  .cont_align_list .com_select_wrap .custom-select .custom-select__option--value::after{content:"\e942"; color: var(--mono-6); border: 1px solid var(--mono-7);}
  .cont_align_list .com_select_wrap .custom-select.custom-select--active .custom-select__option--value::after{content:"\e945"}
}



/* product_list */
.product_list{display: flex; flex-wrap: wrap; margin: -1.875em -0.94em;}
.product_list li{ width: 20%; padding: 1.875em 0.94em;}
.product_list li a {position: relative;}
.product_list li .cont{position: relative;}
.product_list li .link{position: relative; display: block;}
.product_list li .thumnail{ position: relative; overflow: hidden; width: 100%; padding-top: calc(100% - 2px); border-radius: 10px 10px 0 0; border: 1px solid var(--mono-8); border-bottom: 1px dashed var(--mono-8);}
.product_list li .thumnail .inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product_list li .thumnail .inner .img{width: 100%; height: 100%; background-color: var(--bg-basic);}
.product_list li .thumnail .inner .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block;}
.product_list li .expiration_date{position: absolute; bottom: 10px; right: 10px;}
.product_list li .expiration_date .date_txt{font-size: 12px; color: var(--text-reverse); background-color: var(--point-blue-11); padding: 4px 10px; border-radius: 5em;}
.product_list li .buy_icon_wrap{ opacity: 0; position: absolute; z-index: 5; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s;}
.product_list li .buy_icon_wrap .buy_icon{width: 80%; margin: 0 auto; padding: 10px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; border-radius: 5em;}
.product_list li .buy_icon_wrap .buy_icon .buy_btn{ position: relative; width: 33.33%; padding-top: 33.33%; background-color: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%;}
.product_list li .buy_icon_wrap .buy_icon .buy_btn .btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}
.product_list li .buy_icon_wrap .buy_icon .buy_btn .txt{font-size: 10px; color: var(--text-reverse); margin-top: 5px; text-align: center; display: none;}
.product_list li:hover .buy_icon_wrap{opacity: 1;}
.product_list li .buy_icon_wrap .buy_icon .buy_btn:hover{background-color: var(--point-blue-1);}
.product_list li .buy_icon_wrap .buy_icon .buy_btn:hover .txt{display: block;}
.product_list li .point_info{display: flex; align-items: center; flex-wrap: wrap; padding: 0 5px; position: absolute; top: -12px; left: 0; width: 100%; z-index: 1;}
.product_list li .point_info .info { width: 50%; max-width: 5.25rem; padding-left: 5px;}
.product_list li .point_info .info .txt{ max-width: 5.25rem; color: var(--text-reverse); background-color: var(--point-blue-1); display: block; font-size: 12px; padding: 4px 6px; border-radius: 5px 0 5px 0; text-align: center; }

.product_list li .desc_wrap{padding: 1.56em 10px 0.94em;}
.product_list li .desc_wrap .brand{ display: flex; font-size: 0.875em; color: var(--mono-6);}
.product_list li .desc_wrap .brand .txt{display: block;}
.product_list li .desc_wrap .prd_tit{line-height: 1.5em; margin: 5px 0 1rem; min-height: 3em;}
.product_list li .desc_wrap .price{display: flex; align-items: center; flex-wrap: wrap;}
.product_list li .desc_wrap .price .discount{font-size: 1.25em; font-weight: 700; color: var(--point-blue-1); margin-right: 10px;}
.product_list li .desc_wrap .price .pay{font-size: 1.25em; font-weight: 700; margin-right: 10px;}
.product_list li .desc_wrap .price .before_price{font-size: 0.875em; line-height: 1.25rem; }

.product_empty_row { padding: 6.25em 0 0; }

@media screen and (max-width:1730px) and (min-width:951px) {
  .product_list li .buy_icon_wrap .buy_icon{ padding: 6px 4px;}
  .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn img{width: 35%; margin: 0 auto; }
  .product_list li .expiration_date { bottom: 1.2rem; }
}
@media screen and (max-width:1280px) {
  .product_list li{width: 25%;}
  .product_list li .point_info{position: static; margin-top: 10px;}
}
@media screen and (max-width:950px) {
  .product_list li{width: 33.33%;}
  .product_list li .expiration_date .date_txt{font-size: 10px;}
  .product_list li .point_info .info .txt{font-size: 10px;}
  .product_list li .buy_icon_wrap .buy_icon{ padding: 4px;}
  .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn img{width: 25%; min-width: 10px; margin: 0 auto; }
}
@media screen and (max-width:760px) {
  .all_product_row .card_top{flex-direction: row; align-items: center;}
  .all_product_row .card_top_select{width: auto; margin-top: 0;}
  .product_list{margin: -10px -6px;}
  .product_list li{width: 50%; padding: 10px 6px;}
  .product_list li .bookmark_btn_wrap{top: 6px; right: 6px; width: 2em; height: 2em; }
  .product_list li .buy_icon_wrap .buy_icon .buy_btn .btn img { width: 45%; }
  .product_list li .buy_icon_wrap .buy_icon .buy_btn .txt { margin-top: 2px; }
}


/* 주문 목록 : S */
@media screen and (max-width:540px) {
  .com_sub_cont_wrap.goods_product_list { padding-top: 3em; }
}

/* 주문 목록 : E */

/* 주문내역 상세: 주문 상품 정보 */
.order_details_prd_info .card_inner{align-items: flex-start;}
.order_details_prd_info .card_cont_area{width: 50%; display: flex; flex-direction: column;}
.order_details_prd_info .card_head{ margin-bottom: 1.25em;}
.order_details_prd_info .order_info{padding: 1.875em;}
.order_details_prd_info .order_info .order_thumb_box{display: flex; align-items: center;}
.order_details_prd_info .order_info .order_thumb_box .order_thumb{width: 6.25em; height: 6.25em; background-position: center; border-radius: 1em; background-repeat: no-repeat; background-size: cover;}
.order_details_prd_info .order_info .order_thumb_box .thumb_txt{width: calc(100% - 6.25em); padding-left: 1.875em; }
.order_details_prd_info .order_info .order_thumb_box .thumb_txt .brand{color: var(--mono-6); line-height: 1.5em;}
.order_details_prd_info .order_info .order_thumb_box .thumb_txt .prd_name{font-size: 1.125em; line-height: 1.33em;}
.order_details_prd_info .order_info .order_thumb_box .price_box{font-size: 0.875em; padding-top: 1.14em; line-height: 1.5em;}
/* .order_details_prd_info .order_info .order_thumb_box .price_box p + p{padding-left: 10px;} */
.order_details_prd_info .order_info .order_thumb_box .price_box p{padding-right: 10px;}
.order_details_prd_info .order_info .order_thumb_box .price_box .discount{font-weight: 700;}
.order_details_prd_info .order_info .order_thumb_box .price_box .price{font-weight: 700;}
.order_details_prd_info .order_info .buy_info_box{ justify-content: space-between; margin-top: 1.875em; padding-top: 1.875em; border-top: 1px dashed var(--point-blue-6);}
.order_details_prd_info .order_info .buy_info_box .buy_info{color: var(--text-tertiary); font-size: 0.875em; line-height: 1.71em;}
.order_details_prd_info .order_info .buy_info_box .buy_num{text-align: right; font-size: 1.125em; line-height: 1.22em; font-weight: 700;}
.order_details_prd_info .order_info .buy_info_box .buy_num .total_num{margin-top: 10px;}
.order_details_prd_info .bill_cont .bill_body{padding: 1.875em 1.875em 0.9em;}
.order_details_prd_info .bill_cont .bill_add_cont{padding: 0 1.875em 1.875em;}
@media screen and (min-width:1301px) {
  .order_details_prd_info .order_info{height: 100%;}
  .order_details_prd_info .bill_cont .bill_body{height: auto;}
  .order_details_prd_info .order_prd_info_area{padding-right: 1.5em;}
  .order_details_prd_info .bill_cont_area{padding-left: 1.5em;}
}
@media screen and (max-width:1300px) {
  .order_details_prd_info .card_inner{flex-direction: column;}
  .order_details_prd_info .card_cont_area{width: 100%;}
  .order_details_prd_info .bill_cont_area{padding-top: 1.5em;}
}
@media screen and (max-width:540px) {
  /* .order_details_prd_info .order_info .order_thumb_box{flex-direction: column;} */
  /* .order_details_prd_info .order_info .order_thumb_box .thumb_txt{width: 100%; padding: 10px 10px 0;} */
  .order_details_prd_info .order_info .order_thumb_box .order_thumb{width: 5em; height: 5em;}
  .order_details_prd_info .order_info .order_thumb_box .thumb_txt{width: calc(100% - 5em); padding-left: 10px;}
  .order_details_prd_info .order_info .buy_info_box{flex-direction: column;}
  .order_details_prd_info .order_info .buy_info_box .buy_num{margin-top: 10px;}
}
@media screen and (max-width:411px) {
  .order_details_prd_info .order_info .order_thumb_box .price_box .before_price{ width: 100%;}
}




/** common : gallery skin : S **/

/* tabmenu */
.tab_cont_list { display: none; }
.tab_cont_list:first-child { display: block; }
.tab_wrap { align-items: normal; }
.tab_wrap .tab_btn { font-size: 1.25em; color: var(--mono-6); font-weight: 500; margin-right: 1em; }
.tab_wrap .tab_btn.selected { color: var(--mono-3); font-weight: 700; border-bottom: 3px solid var(--point-blue-1); padding-bottom: 0.25em; }

/* list */
.bg_dashedline { background: url('../img/common/bg_dashedline.png') left top repeat-y; background-size: 100%; }
.bg_dashedline .card_row { padding: 0; }

.com_gallery_wrap .product_list { margin: 0; }
.com_gallery_wrap .card_top { justify-content: left; margin-left: 1em; }
.com_gallery_wrap .product_list li { width: 25%; padding: 0 0.94em; }
.com_gallery_wrap .product_list li .thumnail { padding-top: 80%; border-radius: 5px;}
.com_gallery_wrap .product_list li .thumnail .inner .img { background-size: cover; background-position: left top;  background-color: var(--mono-9); }
.com_gallery_wrap .product_list li .desc_wrap { padding: 1em 0 2.5em; }
.com_gallery_wrap .product_list li .desc_wrap .prd_tit { min-height: auto; font-weight: 600; margin-bottom: 10px; }
.com_gallery_wrap .product_list li .desc_wrap .brand .txt { min-height: 3.5em; color: var(--mono-5); line-height: 1.4em; }
.com_gallery_wrap .product_list li .desc_wrap .event_date { font-size: 12px; color: var(--point-blue-2); }

@media screen and (max-width:1080px) {
  .bg_dashedline { background: none; }
  .com_gallery_wrap .card_top { margin-left: 0; }
  .com_gallery_wrap .product_list li { width: 33.3%; }
}
@media screen and (max-width:760px) {
  .com_gallery_wrap .card_top { flex-direction:row; }
}
@media screen and (max-width:540px) {
  .com_gallery_wrap .product_list li { width: 50%; padding: 0; }
  .com_gallery_wrap .product_list > li:nth-child(odd) { padding-right: 0.5em; }
  .com_gallery_wrap .product_list > li:nth-child(even) { padding-left: 0.5em; }
}


/* detail */
.com_gallery_wrap .view_head { position: relative;}
.com_gallery_wrap .view_head .btn_wrap { position: absolute; display: flex; right: 1.875em; top: 50%; transform: translateY(-50%); }
.com_gallery_wrap .view_head .btn_wrap div{ position: static; margin-left: 5px; }
.com_gallery_wrap .view_head .title_wrap { padding: 1.875em; background-color: var(--mono-9); border-top: 2px solid var(--mono-1); border-bottom: 2px dashed  var(--mono-6); }
.com_gallery_wrap .view_head .title_wrap .tit {width: 90%; font-size: 1.5em; font-weight: 600; }
.com_gallery_wrap .view_head .title_wrap .date { color: var(--mono-5); margin-top: 0.625em;}
.com_gallery_wrap .card_cont_area > img { width: 100%; }
@media screen and (max-width:760px) {
  .com_gallery_wrap .view_head .btn_wrap { position: static; justify-content: end; }
}

/** common : gallery skin : E **/


/*** 고객센터 : S ***/

/* common : accordion list skin : S */
.com_accolist_wrap {}
.com_accolist_wrap .card_head{ display: block; margin-bottom: 0.94em; }
.com_accolist_wrap .card_head .head_row .card_tit { margin-bottom: 0.5em; }
.com_accolist_wrap .card_head .head_row + .head_row { margin: 2em 0 2.5em; }
.com_accolist_wrap .accolist_search .search_wrap { width: 100%; display: flex; justify-content: center; padding: 1.875em; background-color: var(--mono-9); }
.com_accolist_wrap .accolist_search .com_select_wrap { display: block; width: 30%; min-width: 150px; height: 3.75rem;}
.com_accolist_wrap .accolist_search .com_select_wrap .select-section {  background-color: var(--white); }
.com_accolist_wrap .accolist_search .full_search_input{ width: 60%; height: 3.75rem; margin: 0; }
.com_accolist_wrap .accolist_search .full_search_input .input_box .com_input { font-size: 1.25em; color: var(--mono-1); }
.com_accolist_wrap .accolist_search .full_search_input .input_box .com_input::placeholder { color: var(--mono-5); font-size: 1em; }

.com_accolist_wrap .tabmenu_wrap ul{ display: flex; flex-wrap: wrap; }
.com_accolist_wrap .tabmenu_wrap ul li{ width: 25%; line-height: 3.75em; color: var(--mono-1); text-align: center; font-weight: 500; border: 1px solid var(--mono-7); margin: -1px 0 0 -1px; padding: 5px; cursor: pointer;  text-wrap: nowrap; overflow: hidden; text-overflow:ellipsis; }
.com_accolist_wrap .tabmenu_wrap ul li:hover { background-color: var(--point-yellow-3); }
.com_accolist_wrap .tabmenu_wrap ul li.selected { color: var(--white); font-weight: 700; background-color: var(--point-yellow-1); }


.com_accolist_wrap .card_head .card_top_select .txt_select_field{ justify-content: end; }

.com_accolist_wrap .accordion_cont_wrap { height: auto; border-top: 2px solid var(--mono-1); }
.com_accolist_wrap .accordion_cont { border: 0; border-radius: 0; border-bottom: 1px dashed var(--mono-6); }
.com_accolist_wrap .accordion_cont + .accordion_cont{ margin: 0; }
.com_accolist_wrap .accordion_cont .accordion_head { position: relative; display: block; padding: 1.25em; }
.com_accolist_wrap .accordion_cont .accordion_head .subject{ width: 100%; padding: 0; padding-right: 8%; font-weight: 600; margin-top: 0.5em; }
.com_accolist_wrap .accordion_cont .accordion_head::after {content: "\e941"; font-family: 'xeicon'; font-size: 1.25em; color: var(--mono-5); position: absolute; top: 50%; right: 1em; transform: translateY(-50%);}
.com_accolist_wrap .accordion_cont.open .accordion_head::after { content: "\e944"; }
.com_accolist_wrap .accordion_cont.open .accordion_head .subject::after { display: none; }
.com_accolist_wrap .accordion_cont .accordion_head .cate { font-size: 0.875em; color: var(--mono-6); }

.com_accolist_wrap .accordion_cont .accordion_body{ background-color: var(--mono-9); border-top: 1px dashed var(--mono-6); }

@media screen and (min-width:761px) {
  .com_accolist_wrap .accordion_cont .accordion_head .subject { font-size: 1rem; }
}
@media screen and (max-width:760px) {
  .com_accolist_wrap .accolist_search .desc { width: 30%; }
  .com_accolist_wrap .accolist_search .search_wrap { padding: 1em; }
  .com_accolist_wrap .accolist_search .full_search_input { width: 70%; }
  .com_accolist_wrap .tabmenu_wrap ul li { font-size: 0.9rem; }
  .com_accolist_wrap .accolist_search .com_select_wrap  { width: 100%; min-width: auto; }
  .com_accolist_wrap .accolist_search .full_search_input .input_box .com_input { padding: 0 3em 0 0.5em !important; height: 3.75rem; }
}


/* common : accordion list skin : E */


/* 1:1문의 접수 */
.inquiry_form_row .card_inner{max-width: 700px; margin: 2.5em auto;}
.inquiry_form_row .input_field + .input_field{margin-top: 1.875em;}
.inquiry_form_row .inquiry_type_field .com_label{margin-bottom: 0.875em;}
.inquiry_form_row .inquiry_content_field{margin-top: 2.375em;}
.inquiry_form_row .info_txt{color: var(--text-secondary); font-size: 12px; margin-top: 10px; line-height: 1.5em;}
.inquiry_form_row .com_btn_wrap{margin-top: 3.75em;}

@media screen and (max-width:760px) {
  .inquiry_form_row.card_row.wh_shadow .card_inner{padding: 1.56em 0.94em;}
  .inquiry_form_row .radio_field_wrap .radio_field{width: calc(33.33% - 10px);}
  .inquiry_form_row .radio_field_wrap .radio_field label{padding: 8px;}
}

/* 사용방법 */
/* .cs_wrap .card_row { padding: 0; } */
.cs_wrap .tab_wrap .tab_btn.selected { border-color: var(--point-yellow-1); }
.cs_wrap .com_gallery_wrap .card_cont_area { margin-top: 2em; }
.cs_wrap .com_gallery_wrap .card_cont_area img { width: auto; }

/* 제휴문의 */
.cs_wrap .cs_inquiry_form { background: url(../img/cs/cs_inquiry_bg.png) left 400px no-repeat; background-size: 60%;}
.cs_wrap .cs_inquiry_form .flex_cont { justify-content: flex-end; }
.cs_wrap .cs_inquiry_form .inquiry_form_row .card_inner { margin-top: 1em; }
.cs_wrap .cs_inquiry_form .card_tit { font-size: 1.25em; font-weight: 700; color: var(--mono-3); }
.cs_inquiry_form_row { width: 50%; max-width: 500px; float: right; }
.cs_inquiry_form_row .file_upload_wrap { width: 100%; }
.cs_inquiry_form_row .upload_file_input_field.save .file_upload_wrap { width: 100%; }
.cs_inquiry_form_row .upload_file_input_field .upload_input { padding-top: 6.25em; }
.cs_inquiry_form_row .upload_file_input_field.save .upload_input{padding: 0;}
.cs_inquiry_form_row .file_upload_wrap .file_box { width: 100%; }
.cs_inquiry_form_row .radio_field_wrap { justify-content: flex-start !important; }
.cs_inquiry_form_row .btn_basic.yellow{ width: 100%;; }
.cs_inquiry_form_row .agree_wrap, .cs_inquiry_form_row .com_btn_wrap { margin-top: 2em; }

@media screen and (max-width:1300px) {
  .cs_wrap .cs_inquiry_form { background-size: 40%; }
  .cs_inquiry_form_row { width: 60%; max-width: none; }
}
@media screen and (max-width:780px) {
  .cs_wrap .cs_inquiry_form { background: none; }
  .cs_inquiry_form_row { width: 100%; float: none;}
  .cs_inquiry_form_row .inquiry_type_field .radio_field_wrap { width: 100%; }
  .cs_inquiry_form_row .inquiry_type_field .radio_field { width: calc(33% - 10px); }
  .cs_inquiry_form_row .inquiry_type_field .radio_field label { padding: 8px 0; }

}

/*** 고객센터 : E ***/



/*** 주문완료 : S ***/
.order_compl { position: relative; min-height: 50vh; }
.order_compl .compl { width: 100%; display: flex; justify-content: center; }

.order_compl .left  { text-align: center; margin-right: 5rem;}
.order_compl .left > p { font-size: 1.5em; color: var(---mono-3); font-weight: bold; line-height: 1.4em; opacity: 0.5; margin-top: 1.25em; }

.order_compl .right { max-width: 390px; }
.order_compl .order_details_prd_info { background-color: var(--white); max-height: 22.5em; overflow-y: auto; padding: 1.875em; border-radius: 1rem; }
.order_compl .order_details_prd_info::-webkit-scrollbar{width: 0;}
.order_compl .order_details_prd_info .order_info { margin-bottom: 10px; padding: 1.25rem; }
.order_compl .order_details_prd_info .order_info .order_thumb_box .order_thumb { width: 4.375rem; height: 4.375rem; }
.order_compl .order_details_prd_info .order_info .order_thumb_box .thumb_txt { width: calc(100% - 4.375rem); font-size: 0.875rem; padding-left: 10px; }
.order_compl .order_details_prd_info .order_info .order_thumb_box .thumb_txt .prd_name { font-size: 1em; }
.order_compl .order_details_prd_info .order_info .order_thumb_box .price_box { font-size: 1em; justify-content: space-between; align-items: center; }
.order_compl .order_details_prd_info .order_info .order_thumb_box .price_box .before_price{ font-size: 10px; margin-right: 10px; }
.order_compl .order_details_prd_info .order_info .buy_info_box { padding-top: 1.25rem; margin-top: 1.25rem; }
.order_compl .order_details_prd_info .order_info .buy_info_box .buy_info {  color: var(--point-blue-1); background-color: var(--point-blue-5); display: block; text-align: center; width: 6.25rem; line-height: 2.25rem; border-radius: 3.125em; }
.order_compl .order_details_prd_info .order_info .buy_info_box .buy_info.immediately { color: var(--point-green-1); background-color: var(--point-green-2); }
.order_compl .order_details_prd_info .order_info .buy_info_box .buy_num .total_num { margin-top: 0; line-height: 2.25rem; }

.order_compl .order_details_prd_info .card_cont_area { width: 100%; }

.order_compl .order_prd_info .bill_body { background-color: var(--white); border: 0; padding: 1.875em; margin-top: 1.875em; border-radius: 1em; }
.order_compl .order_prd_info .bill_list_tit { font-weight: 700; border-bottom: 1px dashed var(--mono-8); padding-bottom: 10px; margin-bottom: 1.25em; }
.order_compl .order_prd_info .bill_list li{ font-size: 0.875em; display: flex; justify-content: space-between; line-height: 2em; }
.order_compl .order_prd_info .bill_list .unit { color: var(--mono-5); }
.order_compl .order_prd_info .bill_list .desc { color: var(--mono-4); }

.order_compl .com_btn_wrap .btn_basic { margin-top: 5em; }

@media screen and (min-width: 1231px) {
  .order_compl .order_details_prd_info .order_prd_info_area{ padding: 0; }
}
@media screen and (max-width:780px) {
  .order_compl .compl { display: block; }
  .order_compl .left { margin: 0 auto; }
  .order_compl .right { margin: 3em auto; }
  .order_compl .order_details_prd_info .order_info .buy_info_box .buy_num { margin-top: 0; }
  .order_compl .com_btn_wrap .btn_basic{ width: calc(50% - 20px); margin-top: 0; }
}
#mobileNav {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--btn-basic-hover-bg);
  padding: 50px;
  transition: left 0.3s ease;
  z-index: 99;
}

#mobileNav a {
  display: block;
  color: white;
  text-decoration: none;
  margin-bottom: 15px;
  font-size: 20px;
}
.nav_sub1 {
  margin-top: 100px;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: column;
}
.nav_sub2{
  display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    gap: 30px;
}
.nav_sub3{
  display: flex;
    flex-direction: column;
    gap: 6px;
}

.nav_sub4 {
    padding: 0px 6px;
    color: rgb(237, 237, 237);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    text-wrap: nowrap;
}
.nav_sub5{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 54px;
}
.nav_sub6 {
  width: 100%;
  max-width: 100%;
}
.nav_sub7 {
  display: flex;
  -webkit-box-pack: start;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-flow: row;
  gap: 24px;
}
.nav_sub8 {
  font-family: SUIT;
  color: rgb(231, 231, 231);
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  font-size: 16px;
}
.nav_sub9 {
    padding: 0px 6px;
    color: rgb(237, 237, 237);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    text-wrap: nowrap;
}
@media (max-width: 1024px){
  .nav_sub4 {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
  }

  .nav_sub9 {
      display: flex;
      flex-direction: row;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: start;
      justify-content: flex-start;
      width: 100%;
  }
}

.com_toggle_btn .btn_basic_nav {
  font-size: 1em;
  padding: 9px 1em;
  background-color: var(--text-reverse);
  color: var(--btn-basic-bg);
}
/*** 주문완료 : E ***/