@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{padding-left: 18.875em;}
.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: 5em 0 3.125em;}
.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{padding-top: 2.5em; 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;}
.card_row{ position: relative; width: 100%; /*padding: 1.56em 0.94em;/*/ padding: 1.56em 0px;}
.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(https://d26rnxki7j12cd.cloudfront.net/img/common/empty_img.png); background-color: var(--empty-bg);}
.thumb.empty_img{background-size: 25% !important; background-image: url(https://d26rnxki7j12cd.cloudfront.net/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,
.customize_prd_area .customize_list .cate_list .list input[type="radio"]:checked + label .icon{  border-color: var(--point-blue-1);}
.customize_prd_area .customize_list .cate_list .list input[type="checkbox"]:checked + label .icon::after,
.customize_prd_area .customize_list .cate_list .list input[type="radio"]:checked + label .icon::after{display: none;}
.customize_prd_area .customize_list .cate_list .list input[type="checkbox"]:checked + label .txt,
.customize_prd_area .customize_list .cate_list .list input[type="radio"]: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;}
.instagram_preview .letter_preview .preview_box{padding: 0 1.5em}
.letter_preview .preview_box .subject{font-size: 0.94em; line-height: 1.6em; margin-bottom: 5px;}


.letter_preview .preview_box .preview_coupon, .preview_webview .preview_coupon {
  position: relative;
  width: 100%;
  padding:90px 8px 20px;
  margin-bottom: 10px;
  overflow: hidden;
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg.jpg) no-repeat center;
  background-size:cover !important;
}


.letter_preview .preview_box .preview_coupon--, .preview_webview .preview_coupon-- {
  padding:8px 8px 20px;
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg.jpg) no-repeat center bottom;
}

.letter_preview .preview_box .preview_coupon--ACCOMPLISHMENT, .preview_webview .preview_coupon--ACCOMPLISHMENT{
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg02.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--SURVEY, .preview_webview .preview_coupon--SURVEY {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg03.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--WINNING, .preview_webview .preview_coupon--WINNING {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg04.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--BIRTHDAY, .preview_webview .preview_coupon--BIRTHDAY {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg05.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--NEWYEAR, .preview_webview .preview_coupon--NEWYEAR {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg06.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--THANKSGIVING, .preview_webview .preview_coupon--THANKSGIVING {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg07.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--CHRISTMAS, .preview_webview .preview_coupon--CHRISTMAS {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg08.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--CHICKEN, .preview_webview .preview_coupon--CHICKEN {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg09.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--WORKER, .preview_webview .preview_coupon--WORKER {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg10.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--NEWYEAR2, .preview_webview .preview_coupon--NEWYEAR2 {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg11.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--THANKS, .preview_webview .preview_coupon--THANKS {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg12.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--CONSOLATION, .preview_webview .preview_coupon--CONSOLATION {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg13.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--NEW_SEMESTER, .preview_webview .preview_coupon--NEW_SEMESTER {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg14.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--GRADUATION, .preview_webview .preview_coupon--GRADUATION {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg15.jpg) no-repeat center;
}

.letter_preview .preview_box .preview_coupon--CHEERUP, .preview_webview .preview_coupon--CHEERUP {
  background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon_bg16.jpg) no-repeat center;
}

.instagram_preview .letter_preview .preview_box .preview_insta_coupon{
    padding: 50%;
}

.instagram_preview .letter_preview .preview_box .preview_insta_coupon-- {
    background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/instagram_coupon_bg.png) no-repeat center; background-size: cover;
}

.instagram_preview .letter_preview .preview_box .preview_insta_coupon--CONGRATULATION {
    background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/instagram_coupon_bg02.jpg) no-repeat center; background-size: cover;
}

.instagram_preview .letter_preview .preview_box .preview_insta_coupon--ANNOUNCE {
    background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/instagram_coupon_bg03.png) no-repeat center; background-size: cover;
}

.letter_preview .preview_box .preview_coupon .coupon-wrap, .preview_webview .coupon-wrap {
  position: relative;
}

.letter_preview .preview_box .preview_coupon .coupon-wrap::after, .preview_webview .coupon-wrap::after {
  content:"";
  display: block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon-context-bg.png) no-repeat center / cover;
  z-index:0;
  /* border-top-left-radius:12px;
  border-bottom-right-radius:12px; */
}

.letter_preview .preview_box .preview_coupon-- .coupon-wrap::after, .preview_webview .preview_coupon-- .coupon-wrap::after{
  background-image: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon-context-bg-defult.png);
}

.letter_preview .preview_box .preview_coupon .coupon-context, .preview_webview .preview_coupon .coupon-context {
  position: relative;
  width:100%;
  z-index:2;
}

.letter_preview .preview_box .coupon_cont, .preview_webview .preview_coupon .coupon_cont{ /*position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);*/ display: flex; justify-content: center; align-items: center; flex-direction: column; width:100%; height: 100%; margin: 0 auto; padding:10px;}
.letter_preview .preview_box .coupon_cont .prd_img, .preview_webview .preview_coupon .coupon_cont .prd_img{width: 5.25em; height: 8.25em; background-repeat: no-repeat; background-size: 100%; background-position: center;}
.letter_preview .preview_box .coupon_cont .prd_name, .preview_webview .preview_coupon .coupon_cont .prd_name{width: 100%; font-size: 12px; line-height: 1.5em;}
.letter_preview .preview_box .coupon_cont .prd_date, .preview_webview .preview_coupon .coupon_cont .prd_date{font-size: 10px; color: var(--text-secondary); line-height: 1.8em;}
.letter_preview .preview_box .coupon_cont .prd_barcode, .preview_webview .preview_coupon .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:1366px){
  .letter_preview .preview_box .coupon_cont .prd_img {
    width:5em;
    height:5em;
  }
}

@media screen and (max-width:1230px) {
  .letter_preview .preview_box{width: 18em; margin: 0 auto;}
}
@media screen and (max-width:768px) {
  .letter_preview .preview_box{width: 19.6em;}

  .letter_preview .preview_box .preview_coupon .coupon-wrap::after {
    background-image: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon-context-bg_mobile.png);
  }

  .letter_preview .preview_box .preview_coupon-- .coupon-wrap::after {
    background-image: url(https://d26rnxki7j12cd.cloudfront.net/img/common/coupon-context-bg-defult_mobile.png);
  }
}
@media screen and (max-width:540px) {
  .letter_preview .preview_box .preview_coupon {
    background-size:100%;
  }

  .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(--mono-4); color: var(--text-reverse);}
.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{ display: none; 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 !important; position: fixed; top: -100%; left: 0; z-index: 700; 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-blue-1); border-color: var(--point-blue-2); }
.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: unset; bottom: -10px; left: 0; width: 100%; z-index: 1; cursor: pointer}
.product_list li .point_info .info { width: 50%; max-width: 6.25rem; padding-left: 5px;}
.product_list li .point_info .info .txt{ max-width: 5.25rem; color: var(--text-reverse); background-color: var(--point-blue-2); 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.17em; font-weight: 700; color: var(--point-blue-1); margin-right: 6px;}
.product_list li .desc_wrap .price .pay{font-size: 1em; font-weight: 900; margin-right: 6px;}
.product_list li .desc_wrap .price .pay>.num{font-size: 1.17em}
.product_list li .desc_wrap .price .before_price{font-size: 0.87em; 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%;}
}
@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('https://d26rnxki7j12cd.cloudfront.net/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 -0.94em; }
.com_gallery_wrap .card_top { justify-content: left; margin-left: 1em; }
.com_gallery_wrap .product_list li { width: 20%; 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-1); }

/* 이벤트 리스트 페이지 커스텀 */
.com_sub_cont_wrap.goods_event_list.bg_dashedline{background: white;}
.com_gallery_wrap.event_list_wrap .card_top{margin-left: unset;}
.com_gallery_wrap.event_list_wrap .product_list li{width: 25%; margin-bottom: 1.88em;}
.com_gallery_wrap.event_list_wrap .product_list li .cont{border: 1px solid #8D8D8D; border-radius: 10px; overflow: hidden;}
.com_gallery_wrap.event_list_wrap .product_list li .thumnail{padding-top: unset; border: unset; border-radius: 10px 10px 0 0; border-radius: unset}
.com_gallery_wrap.event_list_wrap .product_list li .thumnail .inner{position: static;}
.com_gallery_wrap.event_list_wrap .product_list li .thumnail .inner .img{aspect-ratio: 40 / 23; border: unset; border-radius: 10px 10px 0 0; background-size: cover;}
.com_gallery_wrap.event_list_wrap .product_list li .thumnail .inner img{aspect-ratio: 40 / 23; object-fit: cover;}

/* 이벤트/기획전 썸네일 배너 오버레이 — 홈 .c-cp-banner__slide 룩 미러(흰색 chip/title/body, 값 있을 때만 노출, 타이틀 <br>/\n 줄바꿈 + 최대 2줄). 작은 가로형(40:23) 썸네일에 맞춰 폰트·여백 축소. 이벤트/기획전 카드 컬럼 변화(25%→33%→100%)에 맞춰 1470/850/540 단계로 재조정 */
.product_list li .thumnail .c-cp-banner__overlay{position:absolute; inset:0; display:flex; flex-direction:column; padding:14px 16px; box-sizing:border-box; pointer-events:none; z-index:2;}
.product_list li .thumnail .c-cp-banner__chip{align-self:flex-start; display:inline-flex; align-items:center; height:20px; padding:0 9px; border-radius:13px; background:rgba(255,255,255,.22); color:#fff; font-size:11px; font-weight:700; line-height:1; letter-spacing:-.16px; white-space:nowrap;}
.product_list li .thumnail .c-cp-banner__title{margin:auto 0 0; color:#fff; font-size:16px; font-weight:800; line-height:1.25; letter-spacing:-.32px; word-break:break-all; white-space:pre-line; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.product_list li .thumnail .c-cp-banner__body{margin:5px 0 0; color:#fff; opacity:.9; font-size:11px; font-weight:400; line-height:1.3; letter-spacing:-.16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* ≤1470: 3열(33%) — 카드가 4열보다 약간 커짐 */
@media screen and (max-width:1470px){
  .product_list li .thumnail .c-cp-banner__overlay{padding:16px 18px;}
  .product_list li .thumnail .c-cp-banner__title{font-size:18px; letter-spacing:-.36px;}
}
/* ≤850: 1열(100%) — 썸네일이 콘텐츠 전체 폭으로 커져 홈 배너에 가까운 크기 */
@media screen and (max-width:850px){
  .product_list li .thumnail .c-cp-banner__overlay{padding:24px 26px;}
  .product_list li .thumnail .c-cp-banner__chip{height:24px; padding:0 12px; border-radius:16px; font-size:12px;}
  .product_list li .thumnail .c-cp-banner__title{font-size:22px; line-height:1.3; letter-spacing:-.44px;}
  .product_list li .thumnail .c-cp-banner__body{margin-top:8px; font-size:13px;}
}
/* ≤540: 여전히 1열이지만 모바일 폭이 좁아져 카드가 다시 작아짐 */
@media screen and (max-width:540px){
  .product_list li .thumnail .c-cp-banner__overlay{padding:18px;}
  .product_list li .thumnail .c-cp-banner__chip{height:22px; padding:0 10px; border-radius:14px; font-size:11px;}
  .product_list li .thumnail .c-cp-banner__title{font-size:18px; line-height:1.28; letter-spacing:-.36px;}
  .product_list li .thumnail .c-cp-banner__body{margin-top:6px; font-size:12px;}
}
.com_gallery_wrap.event_list_wrap .product_list li .desc_wrap { padding: 1.2em 1em; display: flex; justify-content: space-between;}
.com_gallery_wrap.event_list_wrap .product_list li .desc_wrap .event_text_wrap{width: calc(100% - 70px);}
.com_gallery_wrap.event_list_wrap .product_list li .desc_wrap .prd_tit{margin: 0 0 1rem;}
.com_gallery_wrap.event_list_wrap .product_list li .desc_wrap .expiration_date{position: static; align-items: center; align-content: center;}
.com_gallery_wrap.event_list_wrap .product_list li .desc_wrap .expiration_date .date_txt{padding: 1.2em; background-color: var(--point-blue-1);}

@media screen and (max-width:1470px){
  .com_gallery_wrap.event_list_wrap .product_list li{width: 33%;}
}

@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:850px) {
  .com_gallery_wrap.event_list_wrap .product_list{width: 100%; margin: 0 auto;}
  .com_gallery_wrap.event_list_wrap .product_list li{width: 100%; padding: unset;}
  .com_gallery_wrap.event_list_wrap .product_list li .desc_wrap .prd_tit{font-size: 1.1em;}
}

@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; }

  .com_gallery_wrap.event_list_wrap .product_list li{padding: unset;}
}


/* 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-blue-11); }
.com_accolist_wrap .tabmenu_wrap ul li.selected { color: var(--white); font-weight: 700; background-color: var(--point-blue-2); }


.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-blue-2); }
.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(https://d26rnxki7j12cd.cloudfront.net/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; }
}


/*** 주문완료 : E ***/