@charset "utf-8";
@import url(/css/pretendard-219e9b358e726a604e3875f153f9a39f.css);
@import url(/css/gmarketSans-6374b3b0ecc22a04d58d7ccbc7db2a9c.css);
@import url(/css/notosanskr-5e7521d2c3bb29e586aabfde6170dd0e.css);
/* common setting */
* { box-sizing: border-box; word-break: keep-all;}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background-color: #d6d6d6; background-clip: padding-box; }
*::-webkit-scrollbar-track { background-color: #f5f5f5; }

html, body{font-family: 'Pretendard', sans-serif; font-weight: 400; color: var(--mono-0); font-size: 16px; height: 100%;}
@media screen and (max-width:1400px) and (min-width:1081px) {
  html, body { font-size: 15px; }
}
@media (max-width: 950px) { html, body { font-size: 14px; } }
@media (max-width: 320px) { html, body { font-size: 13px; } }

/* font style */
.ft_pretendard{font-family: 'Pretendard';}
.ft_gmk{font-family: 'GmarketSans';}
.ft_noto{font-family: 'Noto Sans KR';}
.ft_bold{font-weight: 700;}
.ft_lighter{font-weight: 200;}
.point-color{color: var(--point-blue-1) !important;}
.point-color02{color: var(--point-blue-2);}
.point-color03{color: var(--point-pink-1);}
.point-color04{color: var(--point-yellow-1);}

/* 백그라운드 색상 변경 페이지 */
/* 스카이블루 */
.all_bg_sky_blue,
.all_bg_sky_blue .lnb .lnb_menu_list .lnb_mark,
.all_bg_sky_blue .lnb .lnb_menu_list .lnb_mark .lnb_mark_deco,
.all_bg_sky_blue .com_sub_section_wrap{background-color: var(--point-blue-7);}
/* 그레이 */
.all_bg_gray,
.all_bg_gray .lnb .lnb_menu_list .lnb_mark,
.all_bg_gray .lnb .lnb_menu_list .lnb_mark .lnb_mark_deco,
.all_bg_gray .com_sub_section_wrap { background-color: var(--mono-9); } /* G */


/* box style */
.wh_box{background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 10px;}
.skyblue_box {background-color: var(--dashboard-row-bg); border-radius: 1em; padding: 1.25em;}

/* content */
#wrap{ position: relative; width: 100%; height: 100%; min-width: 280px; overflow-x: hidden;}
.guide{max-width: 1400px; width: 92%;}
.mob_view{ display: none !important;}
.flex_cont{display: flex; flex-wrap: wrap;}
.box_gradient{background: var(--gradient-blue);}
.box_gradient02{background: var(--gradient-blue02);}

.max_line{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.max_line_2{overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.txt_in10{text-indent: -10px; padding-left: 10px;}
.before_price{text-decoration: line-through; color: var(--mono-6); font-weight: 200;}
.user_sale { font-size: 0.75em; color: #fff; background-color: var(--point-yellow-1); padding: 4px; border-radius: 5px 0; display: inline-block; }

.basic_box_style{ background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 1em;}
.empty{display: flex; align-items: center; justify-content: center; height: 100%;  color: var( --text-tertiary);}
@media screen and (max-width:950px) {
  .pc_view{display: none;}
}

/* com button */
.com_btn_wrap{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: -5px;}
.btn_basic{ border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; cursor: pointer; font-weight: 500; color: var(--text-primary);}/* 기본 버튼 */
.btn_basic:hover{transition: all 0.2s;}
.com_btn_wrap .btn_basic{margin: 5px;}
.btn_basic.w70{ font-size: 0.875em; width: 5em; height: 2.14em;} /* width:70px , height: 30px */
.btn_basic.w70h42{font-size: 0.875em; width: 5em; height: 3em;} /* width:70px , height: 42px */
.btn_basic.w150h42{font-size: 0.875em; width: 9.375em; height: 3em;}
.btn_basic.w80{font-size: 0.875em; width: 5.71em; height: 2.14em;}
.btn_basic.w92{font-size: 0.875em; width: 6.57em; height: 2.14em;} /* w: 92px h: 30px */
.btn_basic.w96{font-size: 0.875em; width: 6.86em; height: 3em;}/* w: 96px h: 42px */
.btn_basic.w100{font-size: 0.875em; width: 7.14em; height: 2.25em;} /* width:100px , height: 36px */
.btn_basic.w124{font-size: 0.875em; width: 8.86em; height: 3em;} /* w: 124px h: 42px */
.btn_basic.w150{width: 9.375em; height: 3.125em;} /* w: 150px h: 50px */
.btn_basic.w200{font-size: 1.25em; width: 10em; height: 3em;} /* w: 200px h:60px */
.btn_basic.w210{width: 13.125em; height: 3.125em;} /* width:210px , height: 50px */
.btn_basic.w230{width: 14.375em; height: 3.75em;} /* width:230px , height: 60px */
.btn_basic.w250{width: 15.625em; height: 3.125em;} /* w: 250px , h: 50px */
.btn_basic.w320{width: 20em; height: 3.125em;}/* w: 320px , h: 50px */
.btn_basic.w350{font-size: 1.25em; width: 17.5em; height: 3em;}
.btn_basic.w400{font-size: 1.25em; width: 20em; height: 3em;}
.btn_basic.h60{ font-size: 1.25em; width: 100%; height: 3em;} /* w: 100% h: 60px*/
.btn_basic.half_btn{width: calc(50% - 10px); height: 3.125em;}
.btn_basic.cancel_btn{ font-size: 1.25em; width: 6.5em; height: 3em;} /* w: 130px h: 60px */
.btn_basic.request_btn{font-size: 1.25em; width: 20em; height: 3em;} /* w: 400px  h: 60px*/
.btn_basic.oval{border-radius: 5em;}
.btn_basic.brd5px{border-radius: 5px;}
.btn_basic.square{font-size: 0.875em; width: 3.57em; height: 3.57em;}

.btn_basic.shadow{box-shadow: 0px 3px 6px 0px var(--blue-shadow);}
.btn_basic[disabled],
.btn_basic.disable{background-color: var(--mono-8) !important; background: var(--mono-8) !important; color: var(--text-secondary) !important;  cursor: default;}

.btn_basic.bk{background-color: var(--mono-1); color: var(--mono-12);}
.btn_basic.bk:hover{background-color: var(--point-blue-1);}
.btn_basic.bk_line{background-color: var(--bg-basic); border-color: var(--mono-1);}
.btn_basic.bk_line:hover{background-color: var(--mono-1); color: var(--text-reverse);}
.btn_basic.bk_line02{background-color: var(--bg-basic); color: var(--mono-1); border-color: var(--mono-1); border-width: 2px;}
.btn_basic.bk_line02:hover{background-color: var(--mono-1); color: var(--text-reverse);}
.btn_basic.blue{background-color: var(--btn-basic-bg); color: var(--btn-basic-txt);}
.btn_basic.blue:hover{background: var(--btn-basic-hover-bg);}
.btn_basic.blue02{background-color: var(--point-blue-1); color: var(--btn-basic-txt);}
.btn_basic.blue02:hover{background: var(--btn-basic-hover-bg);}
.btn_basic.sky_bule01{background-color: var(--point-blue-6); color: var(--point-blue-1);}
.btn_basic.sky_bule01:hover{border-color: var(--point-blue-2);}
.btn_basic.sky_bule02{background-color: var(--point-blue-5); color: var(--point-blue-1);}
.btn_basic.light_green{background-color: var(--point-green-2); color: var(--point-green-1);}
.btn_basic.yellow{background-color: var(--point-yellow-1); color: var(--text-reverse);}
.btn_basic.yellow:hover{background-color: var(--point-yellow-1); }
.btn_basic.purple{background-color: var(--point-purple-2); color: var(--point-purple-1);}
.btn_basic.pink_line{background-color: var(--mono-12); color: var(--point-pink-1); border-color: var(--point-pink-1);}
.btn_basic.blue_line{background-color: var(--mono-12); color: var(--point-blue-1); border-color: var(--point-blue-1);}
.btn_basic.gr{background-color: var(--mono-6); color: var(--text-reverse);}
.btn_basic.gr:hover{background-color: var(--point-blue-2);}
.btn_basic.gr_box{background-color: var(--mono-8); color: var(--mono-6);}
.btn_basic.deep_gr{background-color: var(--mono-4); color: var(--text-reverse);}
.btn_basic.wh{background-color: var(--bg-basic); color: var(--text-primary);}
.btn_basic.wh:hover{font-weight: 700;}

.btn_basic .btn_num{display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; border-radius: 50%; background-color: var(--btn-basic-bg); color: var(--text-reverse); margin-right: 10px; font-weight: 700;}
.btn_basic:hover .btn_num{background: var(--btn-basic-hover-bg);}

.com_load_btn_wrap{display: flex; align-items: center;}
.load_btn{padding: 12px; /*width: 13.07em;*/ font-size: 0.875em;}
.load_btn .txt{white-space: nowrap;}
.load_btn i,
.load_btn img{font-size: 1.14em; padding-right: 5px;}
.load_btn + .load_btn{margin-left: 5px;}

.btn_basic.upload_btn{font-size: 0.875em; width: 5em; height: 2.86em;}
.btn_basic.upload_btn:hover{background-color: var(--mono-7); border-color: #707070; color: var(--mono-1);}
.mod_btn{border-radius: 5px;}
.mod_btn.w70{height: 2.86em;}

.text_btn{color: var(--point-blue-1);}
.text_btn .txt{ display: block; border-bottom: 1px solid transparent; transition: all 0.2s; margin-left: 5px;}
.text_btn:hover .txt{border-color: var(--point-blue-2);}
.text_btn.bk_txt{color: var(--mono-1);}
.text_btn.bk_txt:hover{color: var(--point-blue-1); }
/* img upload btn */
.file_upload_btn{ position: relative; width: 100%; height: 100%; border: 1px dashed var(--border-basic); background-color: var(--bg-basic); transition: all 0.2s; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.file_upload_btn .icon{position: relative; width: 1.875em; height: 1.875em;}
.file_upload_btn .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.file_upload_btn .icon img.hover{opacity: 0;}
.file_upload_btn .txt{font-size: 0.875em; font-weight: 700; color: var(--mono-7);}
.file_upload_btn:hover{border-color: var(--border-hover);}
.file_upload_btn:hover .icon img{opacity: 0;}
.file_upload_btn:hover .icon img.hover{opacity: 1;}
.file_upload_btn:hover .txt{color: var(--point-blue-1);}

@media screen and (max-width:540px) {
  .btn_basic.half_btn{width: 100%;}
  .com_load_btn_wrap{align-items: flex-start; width: 100%;}
  /* .load_btn{width: 100%;} */
  /* .load_btn + .load_btn{ margin: 5px 0 0;} */
  .btn_basic.w400{width: 100%;}
}
/* @media screen and (max-width:360px) {
  .com_btn_wrap{flex-direction: column;}
} */
/* com input */
.input_field{position: relative;}
.input_field.must_field .com_label span{position: relative;}
.input_field.must_field .com_label span::after{content: "\e92b"; font-family: 'xeicon'; color: var(--point-pink-1); font-size: 12px; vertical-align: 3px; padding-left: 3px;}
.space_above_below.must_field .com_label span::after{content: "\e92b"; font-family: 'xeicon'; color: var(--point-pink-1); font-size: 12px; vertical-align: 3px; padding-left: 3px;}
.input_box{ position: relative; height: 2.625em; display: flex; border: 1px solid transparent;}
.com_input{border-radius: 0; border: 1px solid var(--input-basic); width: 100%; height: 100%; line-height: 2.5em; padding: 0 10px !important; color: var(--text-primary);}
.com_input[disabled]{background-color: var(--mono-8); color: var(--text-secondary);}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color: transparent !important; }
.textarea_box{width: 100%; height: 12.5em !important;}
.com_textarea{border: 1px solid var(--border-basic); padding: 1.25em; width: 100%; height: 100%;}
.add_input_btn .com_input{width: calc(100% - 5em);}
.input_btn{margin-left: 0.71em; font-weight: 400;}
.com_label{display: block; font-weight: 700; margin-bottom: 10px;}
.com_input:focus{border-color: var(--input-focus);}
.ex_error_txt_field.error .com_input{border-color: var(--input-error);}
.com_input::placeholder,
.com_textarea::placeholder{color: var(--mono-6);}
.date_input_field .input_box{align-items: center; background-color: var(--mono-9); padding: 0 10px;}
.date_input_field .input_box::before{content: ""; display: block; width: 1em; height: 1em; background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/date_icon.png) no-repeat center; background-size: contain;}
.date_input_field .input_box .com_input{background-color: var(--mono-9); border-color: var(--mono-9);}
.date_input_field .input_box .com_input:focus{border-color: transparent;}
.input_field .info_txt{margin-top: 5px; width: 100%; font-size: 12px; line-height: 1.25em; color: var(--text-secondary); display: flex; align-items: first baseline; font-weight: 600;}
.input_field .popup_info_txt{cursor: pointer; transition: all 0.2s;}
.input_box .popup_info_txt:hover{color: var(--sementic-text-hover);}
.ex_error_txt_field{position: relative;}
.ex_error_txt_field .info_txt .txt{padding-left: 3px; }
.ex_error_txt_field .info_txt.save{color: var(--point-green-1); display: none; justify-content: flex-start; font-weight: 400;}
.ex_error_txt_field .info_txt.error{color: var(--point-pink-1); display: none; justify-content: flex-start; font-weight: 400;}
.ex_error_txt_field.error .info_txt.error{display: flex;}
.ex_error_txt_field.save .info_txt.save{display: flex;}

.file_input_field .info_txt.on{display: none;}
.input_field.plus_minus_field{width: 6.25em; margin: 0 auto; display: flex; align-items: center; border-radius: 5px; border: 1px solid var(--border-basic); padding: 0 10px;}
/* .plus_minus_field .number{display: flex; align-items: center; border-radius: 5px; border: 1px solid var(--border-basic); padding: 0 10px;} */
.plus_minus_field .ellipse_btn{ height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.plus_minus_field .ellipse_btn i{font-size: 0.875em; color: var(--point-blue-2);}
.plus_minus_field .number_input {}
.plus_minus_field .number_input .com_input{border: 0; padding: 0 !important; text-align: center; color: var(--mono-0); font-weight: 500;}

/* Hide Calendar Icon In Chrome */
input::file-selector-button { display: none;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none;}

.input_box.unit_box .unit{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: var(--text-tertiary);}
.input_box.unit_box .com_input{padding-right: 1.875em !important; text-align: right;}/*2310 mod*/

.agree_ck_field .text_btn { float: right; }
@media screen and (max-width:760px) {
  .input_box{height: 3.2em;}
  .input_btn{height: 3.45em !important;}
}
@media screen and (min-width:761px) {
  .agree_ck_field label,
  .agree_ck_field .text_btn{font-size: 0.875em;}
}

/* 업로드 인풋 공통 */
.upload_input{ position: relative; background-color: var(--bg-basic); border: 1px dashed var(--border-basic); width: 100%; padding-top: 100%;}
.upload_input input{width: 100%; height: 100%; color: transparent; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 1; background-color: transparent;}
.upload_input .input_icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center;}
.upload_input .input_icon .icon{ position: relative; width: 1.875em; height: 1.875em; }
.upload_input .input_icon .icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.upload_input .input_icon .icon img.hover{opacity: 0;}
.upload_input .input_icon .txt{font-size: 0.875em; font-weight: 700; color: var(--mono-7); margin-top: 10px;}
.upload_input:hover{border-color: var(--border-hover);}
.upload_input:hover .input_icon .icon img{opacity: 0;}
.upload_input:hover .input_icon .icon img.hover{opacity: 1;}
.upload_input:hover .input_icon .txt{color: var(--point-blue-1);}
.my_profile .input_field_wrap .upload_file_input_field .desc,
.my_profile .input_field_wrap .upload_img_input_field .desc{align-items: flex-start;}
.my_profile .input_field_wrap .upload_img_input_field .upload_input{cursor: pointer;}
/* file_upload_wrap - 이미지를 제외한 파일 */
.file_upload_wrap{width: 6.25em; height: 6.25em;}
.file_upload_wrap .file_box{ position: relative; z-index: 1; display: flex; align-items: center; width: 25em; height: 4.375em; background: var(--mono-9); padding: 10px;}
.file_upload_wrap .file_box .file_icon{width: 3.125em; height: 3.125em; border-radius: 50%; background-color: var(--mono-7); position: relative;}
.file_upload_wrap .file_box .file_icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1.5em; height: 1.5em; display: block;}
.file_upload_wrap .file_box .multi_file_txt{width: calc(100% - 4.625em); padding: 0 10px;}
.file_upload_wrap .file_box .multi_file_txt .txt{line-height: 1.5em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.file_upload_wrap .file_box .multi_file_txt .file_size{font-size: 12px; color: var(--mono-6); line-height: 1.67em;}
.file_upload_wrap .file_box .multi_file_del{width: 1.5em; height: 1.5em;}
.file_upload_wrap .file_box .multi_file_del i{font-size: 1.5em; color: var(--mono-6);}

.upload_file_input_field.save .file_upload_wrap{width: auto; height: auto;}
.upload_file_input_field.save .upload_input{border-style: solid; padding-top: 0; border-color: var(--mono-9);}
.upload_file_input_field.save .upload_input .input_icon{display: none;}
.upload_file_input_field.save .upload_info_txt{display: none;}
@media screen and (max-width:540px) {
  .file_upload_wrap{width: 100%; height: 100%;}
  .upload_file_input_field.save .file_upload_wrap{width: 100%;}
  .file_upload_wrap .file_box{width: 100%;}
}

/* file_img_upload_wrap - 이미지 파일*/
.upload_img_input_field .logo_preview_wrap { width: 100%;}
.file_img_upload_wrap{width: 6.25em;}
.upload_img_input_field .logo_preview{position: relative; margin-right: 1.25em;}
.upload_img_input_field .logo_preview .img_box{display: flex; align-items: center; justify-content: center; background-color: var(--bg-basic); border: 1px solid var(--border-basic);}
.upload_img_input_field .logo_preview .img_box img{display: block; }
.upload_img_input_field .preview_del{position: absolute; top: 0; right: 0;  z-index: 10; background-color: var(--mono-8); border-radius: 5px; padding: 10px; cursor: pointer;}

@media screen and (max-width:540px) {
  .upload_img_input_field .logo_preview{width: 100%; margin-right: 0; margin-bottom: 1em;}
  .upload_img_input_field.save .file_img_upload_wrap{width: 100%; margin-right: 0; margin-bottom: 1em;}
  .my_profile .preview_logo_box .preview_img .logo{width: 10%; left: 1.5em; top: 1.5em;}
}
.input_field .upload_info_txt{margin-top: 1em; margin-left: 10px; color: var(--text-secondary); font-size: 12px; line-height: 1.67em;}

/* 업로드 후 */
.upload_field .save_logo{ position: relative; border: 1px solid var(--border-basic); margin-right: 1.25em;}
.upload_field .save_logo.empty_save_logo{display: none;}
.upload_field.del_img .save_logo.empty_save_logo{display: block;}
.upload_field .save_logo .img_box{width: 15em; height: 15em; display: flex; align-items: center; justify-content: center;}
.upload_field .preview_del{position: absolute; top: 0; right: 0;  z-index: 10; background-color: var(--mono-8); border-radius: 5px; padding: 10px; cursor: pointer;}
.upload_field .save_logo.empty{border: 0;}
@media screen and (max-width:540px) {
  .upload_field .save_logo{ margin-right: 0; margin-bottom: 1em; width: 100%;}
  .upload_field .save_logo .img_box{width: 100%; }
  .upload_field .preview_logo_box{width: 100%; height: 100%;}
}


/* full_search_input */
.full_search_input{margin-bottom: 10px;}
.full_search_input .input_box{width: 100%; height: 3.75em;}
.full_search_input .input_box .com_input{padding: 0 3.125em 0 1.25em !important;}
.full_search_input .input_box .com_input::placeholder{color: var(--mono-1); /*font-size: 1.25em;*/ font-weight: 500;}
.full_search_input .input_box .sch_btn{position: absolute; top: 50%; right: 1.25em; transform: translateY(-50%);}
.full_search_input .input_box .sch_btn i{font-size: 1.875em;}

/* 비밀번호 보이는 버튼 */
.com_show_password_btn{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 1.5em; height: 1.5em; z-index: 1;}
.com_show_password_btn img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; width: 100%;}
.com_show_password_btn img.hide{opacity: 0;}
.com_input.active + .com_show_password_btn img{opacity: 0;}
.com_input.active + .com_show_password_btn img.hide{opacity: 1;}

/* 체크박스 라디오 커스텀 */
.ck_field{display: flex; align-items: center;}
input[type="checkbox"] {-webkit-appearance: none; position: relative; width: 1.625em; height: 1.625em; vertical-align: middle; cursor: pointer; outline: none !important; background-color: var(--chkBox-basic-bg); border: 1px solid var(--chkBox-basic-border); border-radius: 5px;}
input[type="checkbox"]::before { content: "\e92a"; font-size: 1em; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: translate(-50%, -50%); line-height: 1em; color: var(--chkBox-icon);}
input[type="checkbox"]:checked{border-color: var(--chkBox-chk); background-color: var(--chkBox-chk);}
input[type="checkbox"]:checked::before { color: var(--chkBox-chk-icon); }
input[type="checkbox"]+ label{padding-left: 5px; }
.chk_desc{font-size: 0.875em; color: var(--text-tertiar); padding-left: 6px;}
.radio_field_wrap{margin: -5px;}
.radio_field{margin: 5px;}
/* .radio_field + .radio_field{margin-left: 5px;} */
.radio_field input[type="radio"]{display: none;}
.radio_field label{ display: flex; align-items: center; justify-content: center; background-color: var(--mono-6); color: var(--text-reverse); transition: all 0.2s; border-radius: 10px; font-size: 0.875em; padding: 8px 1.43em; min-width: 70px;}
.radio_field label:hover{background-color: var(--mono-4);}
.radio_field input[type="radio"]:checked + label{background-color: var(--point-blue-3); box-shadow: 0px 3px 3px 0px var(--blue-shadow);}

.radio_box{ position: relative; display: inline-flex; align-items: center; cursor: pointer;}
.radio_box.on{border-color: var(--point-blue-1);}
.radio_box input[type="radio"]{ position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit-appearance: none; width: 1.625em; height: 1.625em; vertical-align: middle; cursor: pointer; outline: none !important; background-color: var(--chkBox-basic-bg); border: 1px solid var(--chkBox-basic-border); border-radius: 50%;}
.radio_box input[type="radio"]::before { content: "\e92a"; font-size: 1em; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: translate(-50%, -50%); line-height: 1em; color: var(--chkBox-icon);}
.radio_box input[type="radio"]:checked{border-color: var(--point-blue-1); background-color: var(--point-blue-1);}
.radio_box input[type="radio"]:checked::before { color: var(--chkBox-chk-icon); }
.radio_box label{color: var(--text-tertiary); font-size: 0.875em;  padding: 1em; padding-left: 2.93em; border: 1px solid var(--border-basic); border-radius: 5px; min-width: 11.43em;}
.radio_box input[type="radio"]:checked + label{border-color: var(--point-blue-1);}
/* .radio_box.selected{border-color: var(--border-hover);}
.radio_box.selected label{color: var(--sementic-text-hover); }  */

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

.sel_etc_input{display: none;}

.type_field{display: flex; align-items: center;}
.type_field input[type="radio"] {-webkit-appearance: none; position: relative; width: 1.625em; height: 1.625em; vertical-align: middle; cursor: pointer; outline: none !important; background-color: var(--chkBox-basic-bg); border: 1px solid var(--chkBox-basic-border); border-radius: 5px;}
.type_field input[type="radio"]::before { content: "\e92a"; font-size: 1em; position: absolute; top: 50%; left: 50%; overflow: hidden; font-family: 'xeicon'; transform: translate(-50%, -50%); line-height: 1em; color: var(--chkBox-icon);}
.type_field input[type="radio"]:checked{border-color: var(--chkBox-chk); background-color: var(--chkBox-chk);}
.type_field input[type="radio"]:checked::before { color: var(--chkBox-chk-icon); }
.type_field input[type="radio"]+ label{padding-left: 5px; }

.pay_means_list{border: 1px solid var(--border-basic);}
.pay_means_list .list{width: 100%; text-align: center; transition: all 0.2s; font-weight: 500;}
.pay_means_list .list:nth-child(odd){border-right: 1px solid var(--border-basic);}
.pay_means_list .list:nth-child(n+3){border-top: 1px solid var(--border-basic);}
.pay_means_list .list a{display: block; padding: 1.25em; font-weight: 500;}
.pay_means_list .list:hover{background-color: var(--mono-1); color: var(--text-reverse); box-shadow: 0px 3px 3px var(--shadow); border-color: var(--mono-1); font-weight: 700;}
.pay_means_list .list.on{box-shadow: 0 0 0 3px var(--mono-1) inset;}


/* 블루 보더 체크박스 */
input[type="checkbox"].blue{border-color: var(--point-blue-6);}
input[type="checkbox"]:checked.blue{background-color: var(--point-blue-1); border-color: var(--point-blue-1);}

/* my_setting */
.my_setting a{ position: relative; display: block; width: 1.5em; height: 1.5em;}
.my_setting a img{display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s;}
.my_setting a img.hover,
.my_setting a:hover img{opacity: 0;}
.my_setting a:hover img.hover{opacity: 1; transform: translate(-50%,-50%) rotate(90deg);}

/* header */
.header{ position: relative; z-index: 800; width: 100%; height: 5em; background-color: var(--header-bg); border-bottom: 1px solid var(--point-blue-7); }
.header .guide{ width: 100%; height: 100%; max-width: 100%;}
.header .gnb{ height: 100%; padding-left: 3.125em;}
.gnb > ul{ height: 100%; display: flex; align-items: center; margin: 0 -0.94em;}
.gnb > ul > li{height: 100%;}
.gnb > ul > li > a{ font-size: 1.5em; font-weight: 500; height: 100%; display: flex; align-items: center; padding: 0 0.625em; color: var(--text-secondary); transition: all 0.2s;}
.gnb > ul > li > a:hover,
.gnb > ul > li.select > a:hover{color: var(--sementic-text-hover);}
.gnb > ul > li.select > a{color: var(--sementic-text-select); font-weight: 700;}
.gnb_quick_menu{ display: flex; justify-content: flex-end; position: absolute; top: 50%; right: 5.56em; transform: translateY(-50%);}
.gnb_quick_menu > ul{display: flex; align-items: center; margin: -5px;}
.gnb_quick_menu > ul > li{position: relative; padding: 0 5px;}
.gnb_quick_menu > ul > li > a{display: flex; align-items: center; justify-content: center; width: 3.125em; height: 3.125em; border-radius: 10px; background-color: var(--mono-8 ); border: 1px solid var(--mono-8);}
.gnb_quick_menu > ul > li.gnb_mypage_menu{padding-left: 11px;}
.gnb_quick_menu > ul > li.gnb_mypage_menu::after{content: "\e936"; display: block; font-family: 'xeicon'; color: var(--icon-basic); position: absolute; top: 50%; right: -1.06em; transform: translateY(-50%);}
.gnb_quick_menu > ul > li.gnb_mypage_menu > a{background-color: var(--mono-12); border-radius: 50%;}
.gnb_quick_menu > ul > li .ui_icon{ position: relative; width: 1.5em; height: 1.5em;}
/*.gnb_quick_menu > ul > li.gnb_mypage_menu .ui_icon{width: 1.875em; height: 1.875em;}*/
.gnb_quick_menu > ul > li.gnb_mypage_menu .ui_icon{width: 100%; height: 100%}
.gnb_quick_menu > ul > li.gnb_mypage_menu.gnb_login_menu .ui_icon{width: 1.875em; height: 1.875em; display: flex; justify-content: center; align-content: center}
.gnb_quick_menu > ul > li.gnb_mypage_menu.gnb_login_menu .ui_icon img{max-width: 26px; max-height: 26px}
.gnb_quick_menu > ul > li.gnb_mypage_menu .ui_icon svg{width: 100%; height: 100%}
.gnb_quick_menu > ul > li .count{position: absolute; top: 1px; right: -6px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-reverse); background-color: var(--point-blue-3); width: 0.94em; height: 0.94em;}
.gnb_quick_menu > ul > li .count .num{font-size: 10px;}

/* 로그인 전 */
.gnb_quick_menu > ul > li.gnb_login_menu .ui_icon{width: 1.625em; height: 1.625em;}
.gnb_quick_menu > ul > li.gnb_login_menu::after{display: none;}

.header .my_summary_menu{ display: none; width: 19.375em; position: absolute; top: calc(100% + 10px); right: 0; z-index: 100; background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 1em;}
.header .my_summary_menu .inner{ width: 100%; padding: 1.875em 1.875em 1.125em;}
.header .my_summary_menu .summary_menu_head{position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5em;}
.header .my_summary_menu .my_name{color: var(--text-primary02); font-weight: 500;}
.header .my_summary_menu .my_name .name{font-weight: 700;}
.header .my_summary_menu .move_menu_wrap{margin-top: 1.125em;}
.header .my_summary_menu .move_menu a{display: flex; align-items: center; color: var(--text-tertiary); padding: 12px 0;}
.header .my_summary_menu .move_menu .icon{ display: block; width: 1em;}
.header .my_summary_menu .move_menu .desc{font-size: 0.875em; padding-left: 9px; font-weight: 500; }

/* 검색 */
.gnb_search { position: relative;  width: 100%; height: 3.1em; }
.com_search .search_input_wrap { position: relative; width: 100%; height: 100%;  border: solid 2px var(--point-blue-1); border-radius: 1em; transition: .3s ease-in-out; float: right; }
.com_search .search_input_wrap form { height: 100%; }
.com_search .search_input_wrap .search_input { height: 100%; padding-right: 3.5em; }
.com_search .search_input_wrap .search_input input { display: block; width: 100%; height: 100%; border: none; background-color: transparent; padding-left: 1.5em; padding-right: 0; }
.search_btn { position: absolute; top: 0; right: 0; width: 3.5em; height: 100%; }
.search_btn i { font-size: 1.6em; color: var(--point-blue-1); }

.com_search .search_keywords_wrap  { display: none; position: absolute; top: 4.8em; /*right: 4.375em; 231205 del*/ width: 360px; border: 1px solid  #f5f5f5; background-color: #fff; border-radius: 1.7em; padding: 1.5em; z-index: 1100; }
.com_search.on .search_keywords_wrap  { display: block; -webkit-animation: ani_search_keywords .5s; }
/* .com_search .search_keywords_wrap  > div { padding: 0 0.2em; } */
.com_search .search_keywords_wrap  .title { font-size: 0.75rem; font-weight: 700; color: var(--black); padding: 1.25rem 0 10px; }
.com_search .search_keywords_wrap  .com_list ul {/* padding: 0 1.3em; */max-height: 255px;overflow-y: auto;overflow-x: hidden; color: var(--text-tertiary); }
.com_search .search_keywords_wrap  .com_list ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.com_search .search_keywords_wrap  .com_list .prd_tit { line-height: 1.5em; padding: 0.25em 0; }

.com_search .search_keywords_wrap  .rcmd_prd { border-top: solid 1px var(--mono-8); margin-top: 1.25rem; }
.com_search .search_keywords_wrap  .rcmd_prd ul li:last-child { margin-bottom: 0; }
.com_search .search_keywords_wrap  .rcmd_prd ul li a {position: relative;/* height: 6.5em; */}

.com_search .order_thumb_box{display: flex; align-items: center; margin-bottom: 10px; }
.com_search .order_thumb_box .order_thumb{width: 5em; height: 5em; background-position: center; border-radius: 1em; background-repeat: no-repeat; background-size: cover;}
.com_search .order_thumb_box .thumb_txt{width: calc(100% - 5em); padding-left: 1.5em; }
.com_search .order_thumb_box .thumb_txt .brand{color: var(--mono-6); line-height: 1.5em;}
.com_search .order_thumb_box .thumb_txt .prd_name{font-size: 1.125em; line-height: 1.33em; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all; }
.com_search .order_thumb_box .price_box{font-size: 0.875em; padding-top: 1.14em; line-height: 1.5em;}
.com_search .order_thumb_box .price_box p{padding-right: 10px;}
.com_search .order_thumb_box .price_box .discount{font-weight: 700;}
.com_search .order_thumb_box .price_box .price{font-weight: 700;}


.com_search .search_keywords_wrap .search_filter_box .inner { width: 100%; padding: 0; display: block; }
/* .com_search .com_toggle_btn { position: fixed; width: 4.375em; line-height: 4.375em; text-align: center; bottom: 1em; left: 1em; background-color: var(--point-blue-2); border-radius: 50%; z-index: 650; }*/
.com_search .com_toggle_btn i { color: var(--white); font-size: 1.75em; }



@media(min-width:1081px){
  .search_filter_btn.mob_btn { display: none !important; }
  .mob_lnb_wrap .com_search .search_filter_wrap { display: none; }

  @keyframes ani_search_keywords{
    0% { opacity: 0; }
    100%{ opacity: 1; }
  }
}

@media(max-width:1080px){
  .com_search.header_search .search_filter_wrap { display: none; }
  .com_search .com_toggle_btn, .search_filter_btn.mob_btn { display: block !important; }
  .search_con_wrap { width: 100%; }
  .com_search .search_keywords_wrap .search_filter_box .inner { padding: 7.5em 0 1.75em; display: flex; }

  .com_search .search_keywords_wrap  .search_keywords ul { height: auto; }
}

/* lnb */
.lnb{ position: fixed; top: 0; left: 0; z-index: 900; width: 18.875em; height: 100%; transition: ease all 0.5s;}
.lnb .summary{display: none;}
.lnb .lnb_nav_toggle_btn{width: 2.25em; height: 2.25em; background-color: var(--mono-12); box-shadow: 0px 4px 5px 0px var(--shadow); border-radius: 50%; display: flex; align-content: center; justify-content: center; position: absolute; top: 6.25em; right: -1.125em; z-index: 1; cursor: pointer; opacity: 0; transition: all 0.2s;}
.lnb .lnb_nav_toggle_btn svg{width: 16px; height: 100%; display: block}
.lnb .lnb_nav_toggle_btn svg g>*{stroke : var(--point-blue-1)}
.lnb_menu_wrap{width: 100%; height: 100%; overflow-y: auto;}
.lnb_menu_wrap::-webkit-scrollbar{width: 0;}
.lnb:hover .lnb_nav_toggle_btn{opacity: 1;}
.lnb .lnb_nav_toggle_btn img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center;}
.lnb .lnb_top{ width: 100%; position: relative; padding: 4.375em 0;}
.lnb .lnb_top .logo{display: flex; align-items: center; justify-content: center;}
.lnb .lnb_menu_list{position: relative;}
.lnb .lnb_menu_list ul li{width: 100%; position: relative;}
.lnb .lnb_menu_list ul li a{padding: 0 2.5em; height: 4.375em; display: flex; align-items: center;}
.lnb .lnb_menu_list ul li .lnb_tit{color: var(--lnb-text); font-weight: 700; transition: all 0.2s;}
/* .lnb .lnb_menu_list ul li:hover .lnb_tit,
.lnb .lnb_menu_list ul li.mouseover .lnb_tit{ color: var(--lnb-hover);} */
.lnb .lnb_menu_list ul li .lnb_icon{position: relative; width: 1.5em; height: 1.5em; margin: 0 2.25em 0 2.06em;}
.lnb .lnb_menu_list ul li .lnb_icon svg{width: 23px; height: 100%; transition: all 0.3s ease}
.lnb .lnb_menu_list ul li .lnb_icon svg path{transition: all 0.3s ease}
.lnb .lnb_menu_list ul li .lnb_icon .icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; width: 100%; height: 100%;}
.lnb .lnb_menu_list ul li .lnb_icon .icon.on{display: none;}
.lnb .lnb_menu_list ul li:hover .lnb_icon .icon,
.lnb .lnb_menu_list ul li.mouseover .lnb_icon .icon{display: none;}
.lnb .lnb_menu_list ul li:hover .lnb_icon .icon.on,
.lnb .lnb_menu_list ul li.mouseover .lnb_icon .icon.on{display: block;}
.lnb .lnb_menu_list .lnb_mark{ width: calc(100% - 2.5em); height: 4.375em; border-radius: 5em 0 0 5em; background-color: var(--lnb-select-bg); position: absolute; right: 0; transition: 0.2s; box-sizing: content-box; margin: 0!important; visibility: hidden;} /* 2310 mod */
.lnb .lnb_menu_list:has(>ul>li.mouseover)>div.lnb_mark{visibility: visible;}
.lnb .lnb_menu_list:has(>ul>li.none)>div.lnb_mark{visibility: hidden;}
.lnb .lnb_menu_list:has(>ul>li.mouseover):has(>ul>li.select)>div.lnb_mark{visibility: visible;}
.lnb .lnb_menu_list:has(>ul>li.select):has(>ul>li.none)>div.lnb_mark{visibility: hidden;}
.lnb .lnb_menu_list .lnb_mark .lnb_mark_deco{position: absolute; right: 0; width: 3.75em; height: 3.75em; background-color: var(--lnb-select-bg);}
.lnb .lnb_menu_list .lnb_mark .lnb_mark_deco::after{content: ""; display: block; width: 100%; height: 100%; }
.lnb .lnb_menu_list .lnb_mark .lnb_mark_deco.top{top: -3.75em;}
.lnb .lnb_menu_list .lnb_mark .lnb_mark_deco.top::after{border-radius:0 0 50% 0;}
.lnb .lnb_menu_list .lnb_mark .lnb_mark_deco.bottom{bottom: -3.75em;}
.lnb .lnb_menu_list .lnb_mark .lnb_mark_deco.bottom::after{border-radius:0 50% 0 0;}

/* 사이드바 svg 색 공통 */
.lnb .lnb_menu_list ul li .lnb_icon svg path{stroke: white}
.lnb .lnb_menu_list ul li:hover .lnb_icon svg path{stroke: var(--point-blue-1)}
.lnb .lnb_menu_list ul li.mouseover .lnb_icon svg path{stroke: var(--point-blue-1)}

/* 메인, 주문 및 이벤트 페이지 커스텀 사이드바*/
.lnb .lnb_menu_list ul li#tab_goodsList .lnb_icon svg path{fill: white}
.lnb .lnb_menu_list ul li#tab_goodsMulti .lnb_icon svg path{fill: white}
.lnb .lnb_menu_list ul li#tab_bulkPin .lnb_icon svg path:nth-of-type(1){fill: white}
.lnb .lnb_menu_list ul li#tab_eventSend .lnb_icon svg circle{stroke: white}
.lnb .lnb_menu_list ul li#tab_mediaSend .lnb_icon svg path{fill: white}
.lnb .lnb_menu_list ul li#tab_event .lnb_icon svg{transform: rotate(90deg)}
.lnb .lnb_menu_list ul li#tab_goodsList:hover .lnb_icon svg path{fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li#tab_goodsMulti:hover .lnb_icon svg path{fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li#tab_bulkPin:hover .lnb_icon svg path:nth-of-type(1){fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li#tab_eventSend:hover .lnb_icon svg circle{stroke: var(--point-blue-1)}
.lnb .lnb_menu_list ul li#tab_mediaSend:hover .lnb_icon svg path{fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li.mouseover#tab_goodsList .lnb_icon svg path{fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li.mouseover#tab_goodsMulti .lnb_icon svg path{fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li.mouseover#tab_bulkPin .lnb_icon svg path:nth-of-type(1){fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li.mouseover#tab_eventSend .lnb_icon svg circle{stroke: var(--point-blue-1)}
.lnb .lnb_menu_list ul li.mouseover#tab_mediaSend .lnb_icon svg path{fill: var(--point-blue-1)}
.lnb .lnb_menu_list ul li#tab_bulkPin .lnb_icon svg path:nth-of-type(n+2){fill: white}
.lnb .lnb_menu_list ul li.mouseover#tab_bulkPin .lnb_icon svg path:nth-of-type(n+2){fill: var(--point-blue-1)}

/* 메인 커스텀 사이드바 */
.main_wrap .lnb .lnb_nav_toggle_btn svg g>*{stroke: var(--mono-1)}
.main_wrap .lnb .lnb_menu_list ul li:hover .lnb_icon svg path{stroke: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_icon svg path{stroke: black}
.main_wrap .lnb .lnb_menu_list ul li#tab_goodsList:hover .lnb_icon svg path{fill: black}
.main_wrap .lnb .lnb_menu_list ul li#tab_goodsMulti:hover .lnb_icon svg path{fill: black}
.main_wrap .lnb .lnb_menu_list ul li#tab_mediaSend:hover .lnb_icon svg path{fill: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover#tab_goodsList .lnb_icon svg path{fill: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover#tab_goodsMulti .lnb_icon svg path{fill: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover#tab_bulkPin .lnb_icon svg path:nth-of-type(1){fill: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover#tab_bulkPin .lnb_icon svg path:nth-of-type(n+2){fill: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover#tab_eventSend .lnb_icon svg circle{stroke: black}
.main_wrap .lnb .lnb_menu_list ul li.mouseover#tab_mediaSend .lnb_icon svg path{fill: black}

/* 마이페이지 커스텀 사이드바*/
.mypage_wrap .lnb .lnb_menu_list ul li .lnb_icon svg:not(:has(mask)) path{fill: white}
.mypage_wrap .lnb .lnb_menu_list ul li#tab_kakao_profile svg>g>path:nth-of-type(2){fill: var(--point-blue-1); stroke: unset}
.mypage_wrap .lnb .lnb_menu_list ul li#tab_ai_report svg rect{stroke: white}
.mypage_wrap .lnb .lnb_menu_list ul li#tab_ai_report svg circle{stroke: white}
.mypage_wrap .lnb .lnb_menu_list ul li#tab_ai_report svg circle:nth-last-of-type(1){fill: white}
.mypage_wrap .lnb .lnb_menu_list ul li#tab_cash .lnb_icon svg>g>path{fill: white;}
.mypage_wrap .lnb .lnb_menu_list ul li#tab_cash .lnb_icon svg g>path{fill: none;}
.mypage_wrap .lnb .lnb_menu_list ul li:hover .lnb_icon svg:not(:has(mask)) path{fill: var(--point-blue-1)}
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_icon svg:not(:has(mask)) path{fill: var(--point-blue-1)}
.mypage_wrap .lnb .lnb_menu_list ul li:hover .lnb_icon svg:not(:has(mask)) path{stroke: var(--point-blue-1)}
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_icon svg:not(:has(mask)) path{stroke: var(--point-blue-1)}
.mypage_wrap .lnb .lnb_menu_list ul li:hover#tab_kakao_profile svg>g>path:nth-of-type(2){fill: white;}
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover#tab_kakao_profile svg>g>path:nth-of-type(2){fill: white;}
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover#tab_ai_report svg rect{stroke: var(--point-blue-1)}
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover#tab_ai_report svg circle{stroke: var(--point-blue-1)}
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover#tab_ai_report svg circle:nth-last-of-type(1){fill: var(--point-blue-1)}

/* 인스타 커스텀 사이드바 */
.lnb .lnb_menu_list ul li#tab_IG_comment .lnb_icon svg path{stroke: unset}
.lnb .lnb_menu_list ul li#tab_IG_guide .lnb_icon svg path{fill: unset}

/* 고객센터 커스텀 사이드바 */
.cs_wrap .lnb .lnb_menu_list li svg g path{stroke: white}
.cs_wrap .lnb .lnb_menu_list li#tab_faq svg g path:nth-last-of-type(1){fill: white}
.cs_wrap .lnb .lnb_menu_list li#tab_blog svg g path{fill: white}
.cs_wrap .lnb .lnb_menu_list li:hover svg g path{stroke: var(--point-blue-1)}
.cs_wrap .lnb .lnb_menu_list li#tab_faq:hover svg g path:nth-last-of-type(1){fill: var(--point-blue-1)}
.cs_wrap .lnb .lnb_menu_list li#tab_blog:hover svg g path{fill: var(--point-blue-1)}
.cs_wrap .lnb .lnb_menu_list li.mouseover svg g path{stroke: var(--point-blue-1)}
.cs_wrap .lnb .lnb_menu_list li.mouseover#tab_faq svg g path:nth-last-of-type(1){fill: var(--point-blue-1)}
.cs_wrap .lnb .lnb_menu_list li.mouseover#tab_blog svg g path{fill: var(--point-blue-1)}

/* lnb_sign_list */
.lnb_sign_list{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 1.875em; left: 50%; transform: translateX(-50%); width: 100%;}
.lnb_sign_list > div{width: calc(50% - 10px); padding: 5px;}
.lnb.fold_lnb .lnb_sign_list > div{width: 80%;}
.lnb_sign_list > div a{display: flex; align-items: center; justify-content: center; width: 100%; padding: 1em 0; background-color: rgba(0, 0, 0, 0.2); color: var(--text-secondary); border-radius: 10px;}
.lnb_sign_list > div a:hover { background-color: var(--black); transition: all 0.3s; }

.lnb_sign_list svg {width:16px; height: 100%}
.lnb_sign_list svg:not(:has(mask)) path{fill: white}
.lnb_sign_list svg g path{stroke: white}
.lnb_sign_list > div .icon img{vertical-align: -1px;}
.lnb_sign_list > div .txt{font-weight: 500;margin-left: 10px;}

.goods_wrap .lnb_sign_list > div a, .cs_wrap .lnb_sign_list > div a { color: var(--white); }

@media screen and (max-width:1080px) {
  .lnb_sign_list { width: 90%; position: static;  transform: translateX(0); padding: 0; margin: 0 auto; justify-content: space-between; }
  .lnb_sign_list > div{width: 50%; padding: 2px;}
}

/* lnb_family_list */
.lnb_family_list{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 5.875em; left: 50%; transform: translateX(-50%); width: 100%;}
.lnb_family_list > div{width: calc(50% - 10px); padding: 5px;}
.lnb.fold_lnb .lnb_family_list > div{width: 80%;}
.lnb_family_list > div a{display: flex; align-items: center; justify-content: center; width: 100%; padding: 1em 0; background-color: rgba(0, 0, 0, 0.2); color: var(--text-secondary); border-radius: 10px;}
.lnb_family_list > div a:hover { background-color: var(--black); transition: all 0.3s; }

.lnb_family_list > div .icon img{vertical-align: -1px;}
.lnb_family_list > div .txt{font-weight: 500;margin-left: 10px;}

.goods_wrap .lnb_family_list > div a, .cs_wrap .lnb_family_list > div a { color: var(--white); }

@media screen and (max-width:1080px) {
  .lnb_family_list { width: 90%; position: static;  transform: translateX(0); padding: 0; margin: 0 auto; justify-content: space-between; }
  .lnb_family_list > div{width: 50%; padding: 2px;}
}

/* fold_lnb */
.lnb.fold_lnb{width: 6.25em;}
.lnb.fold_lnb .lnb_nav_toggle_btn .open{display: none;}
.lnb.fold_lnb .lnb_nav_toggle_btn .summary{display: block;}
.lnb.fold_lnb .lnb_nav_toggle_btn svg{transform: rotate(180deg)}
.lnb.fold_lnb .logo .open{display: none;}
.lnb.fold_lnb .logo .summary{display: flex;}
.lnb.fold_lnb .lnb_menu_list ul li a{padding: 0; justify-content: center; width: 100%;}
.lnb.fold_lnb .lnb_menu_list ul li .lnb_tit{display: none;}
.lnb.fold_lnb .lnb_menu_list ul li .lnb_icon{margin: 0;}
.lnb.fold_lnb .lnb_menu_list .lnb_mark{width: calc(100% - 10px);}

.lnb.fold_lnb .lnb_sign_list{flex-direction: column;}
.lnb.fold_lnb .lnb_sign_list li{width: calc(100% - 10px);}
.lnb.fold_lnb .lnb_sign_list .txt{display: none;}

/* mob lnb */
.mob_lnb_wrap{ position: absolute; top: 0; left: 0; width: 100%; z-index: 700; }
.mob_lnb_bar{display: none;width: 100%; height: 80px;}
.mob_lnb_bar .inner{width: 95%; height: 100%; margin-left: 1.4em; display: flex; justify-content: space-between; align-items: center;}
.mob_lnb_bar .logo{width: 40%; min-width: 70px; max-width: 117px;}

.mob_lnb_right_wrap { display: flex; align-items: center; }
.mob_lnb_right_wrap .com_search .com_toggle_btn{ min-height: 40px; align-content: center;}
.mob_lnb_right_wrap .com_search+div{ margin-left: 10px; }

/* 모바일 상단바 장바구니 (com_search 우측 / 햄버거 좌측) — 바 검색 아이콘(.com_search .com_toggle_btn i)과 동일: 흰색 + 1.75em xeicon (기획 2.1) */
.mob_lnb_right_wrap .mob_cart{ position: relative; display: flex; align-items: center; justify-content: center; min-height: 40px; margin-left: 10px; color: var(--white); text-decoration: none; }
.mob_lnb_right_wrap .mob_cart svg{ display: block; width: 26px; height: 26px; }
.mob_lnb_right_wrap .mob_cart .count{ position: absolute; top: -3px; right: -8px; display: flex; align-items: center; justify-content: center; min-width: 1.15em; height: 1.15em; padding: 0 3px; border-radius: 999px; font-size: 10px; line-height: 1; color: var(--point-blue-1); background-color: var(--white); box-sizing: border-box; }
.mob_lnb_right_wrap .mob_cart + .mob_lnb_toggle_btn{ margin-left: 10px; }

.mob_lnb_toggle_btn{ display: flex; align-items: flex-end; justify-content: center; flex-direction: column; position: relative; cursor: pointer; width: 3.2em; min-height: 40px; padding-right: 0.6em; margin-right: 0.6em;}
.mob_lnb_toggle_btn .lnb_btn_bar{ background-color: var(--bg-basic); width: 100%; height: 3px; border-radius: 5em; transition: all 0.3s;}
.mob_lnb_toggle_btn .lnb_btn_bar.top{width: 75%; margin-bottom: 10px;}

.mob_lnb_wrap.on .mob_lnb_bar .mob_lnb_toggle_btn{align-items: center;}
.mob_lnb_wrap.on .mob_lnb_bar .mob_lnb_toggle_btn .lnb_btn_bar.top{ margin-bottom: 0; transform: rotate(45deg);}
.mob_lnb_wrap.on .mob_lnb_bar .mob_lnb_toggle_btn .lnb_btn_bar.bottom{width: 75%; transform: rotate(-45deg); margin-top: -3px;}

.mob_lnb_bar.fixed{position: fixed; top: 0; left: 0; animation: ani_dropdown .5s cubic-bezier(.215,.61,.355,1); z-index: 1000}
@keyframes ani_dropdown {
  0%{-webkit-transform: translateY(-100%); transform: translateY(-100%);}
  100%{-webkit-transform: translateY(0); transform: translateY(0);}
}

.mob_lnb_menu{ z-index: 900; width: 100%; min-width: 280px; position: fixed; top: 79px; right: -100%; overflow: hidden; transition: all 0.5s; }
.mob_lnb_menu .mob_lnb{width: 100%; height: 100%; overflow-y: auto; padding: 1em 0 4.5em ; position: absolute; top: 0; right: -100%;}
.mob_lnb_menu .mob_lnb::-webkit-scrollbar{width: 0;}
.mob_lnb > ul{ width: 87%; margin-left: auto; padding: 4.5em 0;}
.mob_lnb > ul > li{ position: relative; font-size: 1.33em; line-height: 1.2em; }
.mob_lnb_wrap.on .mob_lnb_menu{right: 0; height: 100%; }
.mob_lnb_wrap.on .mob_lnb_menu .mob_lnb{right: 0; }

.mob_lnb > ul > li + li{}
.mob_lnb > ul > li > div{ position: relative; display: flex; align-items: center; cursor: pointer; color: var(--text-reverse); padding: 1.5em 2.19em; border-radius: 5em 0 0 5em;}
.mob_lnb > ul > li > div .lnb_icon{position: relative; width: 1.5em; height: 1.5em; margin-right: 1.65em;}
.mob_lnb > ul > li > div .lnb_icon svg{width: 24px; height: 100%}
.mob_lnb > ul > li > div .lnb_icon svg path{fill: white;}
.mob_lnb > ul > li > div .lnb_icon.partnership svg path{fill: none; stroke: white;}
.mob_lnb > ul > li.select > div .lnb_icon svg path{fill: currentColor;}
.mob_lnb > ul > li.select > div .lnb_icon.partnership svg path{fill: none; stroke: currentColor;}


.mob_lnb > ul > li > div .lnb_icon .icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mob_lnb > ul > li > div .lnb_icon .icon.on{opacity: 0;}
.mob_lnb > ul > li > div .txt{font-weight: 700;}
.mob_lnb > ul > li > ul{ display: none; padding: 0.94em 0; border-radius: 3.125em;}
.mob_lnb > ul > li > ul > li{}
.mob_lnb > ul > li > ul > li > a{ display: block; line-height: 2.875em; transition: all 0.2s; color: var(--text-reverse); padding-left: 5.81em; font-weight: 600;}

.mob_lnb > ul > li.select{}
.mob_lnb > ul > li.select > div{background-color: var(--lnb-select-bg); }
.mob_lnb > ul > li.select > div .lnb_icon .icon{opacity: 0;}
.mob_lnb > ul > li.select > div .lnb_icon .icon.on{opacity: 1;}
/* .mob_lnb > ul > li.select > div{color: var(--sementic-text-select);} */
/* .mob_lnb > ul > li > ul > li > a:hover{color: var(--point-blue-1);} */
.mob_lnb > ul > li > ul > li > a span{display: inline-block;}

.mob_lnb > ul > li.select > div .lnb_mark_deco{position: absolute; right: 0; width: 3.125em; height: 3.125em; background-color: var(--lnb-select-bg);}
.mob_lnb > ul > li.select > div .lnb_mark_deco::after{content: ""; display: block; width: 100%; height: 100%;}
.mob_lnb > ul > li.select > div .lnb_mark_deco.top{top: -3.125em;}
.mob_lnb > ul > li.select > div .lnb_mark_deco.top::after{border-radius: 0 0 5em 0;}
.mob_lnb > ul > li.select > div .lnb_mark_deco.bottom{bottom: -3.125em;}
.mob_lnb > ul > li.select > div .lnb_mark_deco.bottom::after{border-radius:0 5em 0 0;}
.mob_lnb > ul > li.select.mob_main > div .lnb_mark_deco.bottom::after {background-color: var(--lnb-bk-bg); }

@media screen and (max-width:1080px) {
  .header{display: none;}
  .lnb{display: none;}
  .mob_lnb_bar{display: block;}
}

/* lnb 백그라운드 색상 */

/* 메인 */
.main_wrap .lnb,
.main_wrap .lnb .lnb_menu_list .lnb_mark .lnb_mark_deco::after,
.main_wrap .mob_lnb_bar,
.main_wrap .mob_lnb_menu .mob_lnb,
.main_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco.top::after{background-color: var(--lnb-bk-bg);}
.main_wrap .mob_lnb > ul > li.select > div,
.main_wrap .lnb .lnb_menu_list ul li:hover .lnb_tit,
.main_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_tit{ color: var(--lnb-bk-hover);}
.main_wrap .mob_lnb > ul > li > ul,
.main_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco::after{background-color: var(--mono-1); }
.main_wrap .mob_lnb > ul > li > ul > li > a:hover{color: var(--point-blue-1);}

/* 마이페이지 */
.mypage_wrap .lnb,
.mypage_wrap .lnb .lnb_menu_list .lnb_mark .lnb_mark_deco::after,
.mypage_wrap .mob_lnb_bar,
.mypage_wrap .mob_lnb_menu .mob_lnb,
.mypage_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco.top::after{background-color: var(--point-blue-1);}
.mypage_wrap .mob_lnb > ul > li.select > div,
.mypage_wrap .lnb .lnb_menu_list ul li:hover .lnb_tit,
.mypage_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_tit{ color: var(--point-blue-1);}
.mypage_wrap .mob_lnb > ul > li > ul,
.mypage_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco::after{background-color: var(--point-blue-1); }
.mypage_wrap .mob_lnb > ul > li > ul > li > a:hover{color: var(--point-blue-1);}

/* 마이페이지 캐시정보, 포인트정보 svg */
.mypage_wrap .cash_charge_box svg{width: 20px; height: 100%}
.mypage_wrap .cash_charge_box svg:not(:has(mask)) path{fill : var(--point-blue-1);}
.mypage_wrap .cash_charge_box svg>*:not(mask){fill : var(--point-blue-1); stroke : var(--point-blue-1)}


  /* 주문 및 이벤트 */
.goods_wrap .lnb,
.goods_wrap .lnb .lnb_menu_list .lnb_mark .lnb_mark_deco::after,
.goods_wrap .mob_lnb_bar,
.goods_wrap .mob_lnb_menu .mob_lnb,
.goods_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco.top::after{background-color: var(--lnb-bl-bg);}
.goods_wrap .mob_lnb > ul > li.select > div,
.goods_wrap .lnb .lnb_menu_list ul li:hover .lnb_tit,
.goods_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_tit{ color: var(--lnb-bl-hover);}
.goods_wrap .mob_lnb > ul > li > ul,
.goods_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco::after{background-color: var(--point-blue-1); }
.goods_wrap .mob_lnb > ul > li > ul > li > a:hover{color: var(--mono-1);}

/* 고객센터 */
.cs_wrap .lnb,
.cs_wrap .lnb .lnb_menu_list .lnb_mark .lnb_mark_deco::after,
.cs_wrap .mob_lnb_bar,
.cs_wrap .mob_lnb_menu .mob_lnb,
.cs_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco.top::after{background-color: var(--point-blue-1);}
.cs_wrap .mob_lnb > ul > li.select > div,
.cs_wrap .lnb .lnb_menu_list ul li:hover .lnb_tit,
.cs_wrap .lnb .lnb_menu_list ul li.mouseover .lnb_tit{ color: var(--point-blue-1);}
.cs_wrap .mob_lnb > ul > li > ul,
.cs_wrap .mob_lnb > ul > li.select > div .lnb_mark_deco::after{background-color: var(--point-blue-1); }
.cs_wrap .mob_lnb > ul > li > ul > li > a:hover{color: var(--mono-1);}


/* cash_charge_box */
.cash_charge_box{ position: relative; padding: 0.94em 1.25em; color: var(--text-reverse); border-radius: 1em; box-shadow: 0px 5px 15px 0px var(--shadow);;}
.cash_charge_box + .cash_charge_box{margin-top: 10px;}
.cash_charge_box .tit{display: inline-flex; align-items: center;}
.cash_charge_box .tit .txt{padding-left: 10px; font-weight: 500;}
.cash_charge_box .btn_basic{margin-left: auto;}
.cash_charge_box a{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 1.25em;}
.cash_charge_box .amount{font-size: 1.5em; line-height: 1.25em; font-weight: 500;}

.big_cash_charge_box{padding: 1.875em 3.125em;}
.big_cash_charge_box .cash_total_info{padding-right: 3.9%;}
.big_cash_charge_box .tit .txt{font-size: 1.125em; padding-left: 5px; font-weight: 500;}
.big_cash_charge_box .amount{font-size: 1.875em; margin-top: 0.5em; font-weight: 500;}
.big_cash_charge_box .cash_accumulate_wrap{ width: 32%; display: flex; justify-content: center; flex-direction: column;}
.big_cash_charge_box .cash_accumulate_wrap .cash_accumulate{width: 100%; align-items: center; justify-content: space-between; padding: 0 1.25em; font-weight: 500;}
.big_cash_charge_box .cash_accumulate_wrap .cash_accumulate .tit{color: rgba(255,255,255,0.7); }
.big_cash_charge_box .cash_accumulate_wrap .cash_accumulate .num{font-size: 1.125em;}
.big_cash_charge_box .cash_accumulate_wrap .cash_accumulate + .cash_accumulate{padding-top: 1em; margin-top: 1em; border-top: 1px solid rgba(255,255,255,0.5);}
.big_cash_charge_box .com_btn_wrap{margin-left: auto; justify-content: flex-end;}
.big_cash_charge_box .btn_basic{margin-left: 5px;}
.big_cash_charge_box .btn_basic .icon{display: flex; align-items: center; padding-right: 0.94em;}

@media screen and (max-width:1630px) {
  .big_cash_charge_box .btn_basic{width: 9em;}
}
@media screen and (max-width:1300px) and (min-width:651px) {
  .big_cash_charge_box .cash_total_info{width: 50%;}
  .big_cash_charge_box .cash_accumulate_wrap{width: 50%;}
  .big_cash_charge_box .com_btn_wrap{width: 100%; margin: 1em 0 0;}
  .big_cash_charge_box .btn_basic{width: calc(50% - 10px);}
}
@media screen and (max-width:650px) {
  .big_cash_charge_box{padding: 1.5em;}
  .big_cash_charge_box .cash_total_info{width: 100%; padding: 0 0 1.5em }
  .big_cash_charge_box .cash_accumulate_wrap .cash_accumulate{padding: 0;}
  .big_cash_charge_box .cash_accumulate_wrap{width: 100%;}
  .big_cash_charge_box .btn_basic{width: calc(50% - 10px);}
  .point_information .big_cash_charge_box .btn_basic{width: 100%;}
  .big_cash_charge_box .com_btn_wrap{width: 100%; margin: 1em 0 0; flex-direction: row;}
}

/* accordion_cont */
.accordion_cont_wrap{ position: relative; height: 16.69em; overflow: auto;}
.accordion_cont{background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 1em;}
.accordion_cont + .accordion_cont{margin-top: 10px;}
.accordion_cont.empty{padding: 3em 0;}
.accordion_cont .accordion_head{padding: 0.94em; display: flex; align-items: baseline; cursor: pointer;}
.accordion_cont .accordion_head .noti_btn{}
.accordion_cont .accordion_head .subject{ position: relative; line-height: 1.43em; width: calc(100% - 12.71em); padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.accordion_cont .accordion_head .date_time{ display: flex; align-items: center; color: var(--text-secondary); font-size: 12px;}
.accordion_cont.open .accordion_head .subject{white-space: initial; overflow: initial;}
.accordion_cont .accordion_body{ display: none; padding: 1.25em; border-top: 1px solid var(--border-basic);}
.accordion_cont .accordion_body .content{ line-height: 1.43em; color: var(--text-tertiary);}
.accordion_cont .accordion_body .answer{background-color: var(--mono-9); padding: 1.25em; margin-top: 1.875em;}
.accordion_cont .accordion_body .answer .answer_tit{font-size: 1.125em; line-height: 1.17em; font-weight: 700; margin-bottom: 10px; color: var(--text-primary);}
.accordion_cont .accordion_body .answer .answer_txt{line-height: 1.43em; }
.accordion_cont.open .accordion_head .date_time{display: none;}
.accordion_cont.open .accordion_head .subject{ width: calc(100% - 4.375em); padding-right: 15.2%; }
.accordion_cont.open .accordion_head .subject::after{content: "\e945"; font-family: 'xeicon'; color: var(--text-secondary); position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

@media screen and (min-width:761px) {
  .accordion_cont .accordion_head .subject,
  .accordion_cont .accordion_body .content,
  .accordion_cont .accordion_body .answer .answer_txt{ font-size: 0.875em;}
}
@media screen and (max-width:540px) {
  .accordion_cont .accordion_head{flex-wrap: wrap;}
  .accordion_cont .accordion_head .subject{width: calc(100% - 5em);}
  .accordion_cont .accordion_head .date_time{width: 100%; justify-content: flex-end; margin-top: 5px; }
}

/* tab content */
.tab_contents .tab_cont { display: none; }
.tab_contents .tab_cont.active { display: block; }
.tab_contents .tab_cont_menu > li{cursor: pointer;}

/* com table */
.com_table_wrap { background-color: var(--bg-basic); border: 1px solid var(--border-basic); border-radius: 10px 10px 0 0;}
.com_table { width: 100%; table-layout: fixed; }
.com_table thead { border-bottom: 1px solid var(--border-basic); }
/* .com_table thead th{background-color: var(--bg-basic);} */
.com_table tbody tr {transition: all 0.2s;}
.com_table tbody td { border-bottom: 1px solid var(--border-basic); transition: all 0.2s;}
.com_table tbody tr:hover{box-shadow: 0px 3px 6px 0 var(--blue-shadow);}
.com_table th, .com_table td { line-height: 1.25em; text-align: center; word-break: keep-all; }
.com_table td{padding: 0.94em 0;}
.com_table td.subject{text-align: left; line-height: 1.25em; padding: 0;}
.com_table td.subject a{display: flex; align-items: center; padding: 1.22em 0;}
.com_table td.subject .brand{color: var(--mono-6); margin-right:4px; }
.com_table td.subject .subject_txt{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.com_table th { font-size: 0.875em; font-weight: 600; padding: 1.15em; color: var(--text-primary02);}
.com_table tbody tr.empty{display: table-row;}
.com_table tbody tr.empty td{padding: 5em 0;}

/* 높이값 고정 테이블 */
.com_table_wrap.add_min_hei{height: 14.375em; overflow-x: auto;}
.com_table_wrap.add_min_hei .com_table{border-collapse: collapse; }
.com_table_wrap.add_min_hei .com_table th { position: sticky; top: 0px; background-color: var(--bg-basic);}
.com_table_wrap.add_min_hei tr.thead:hover{box-shadow: inherit;}

@media screen and (max-width:950px) {
  .com_table_wrap{overflow-x: auto;}
  .com_table { min-width: 150%;}
}
@media screen and (max-width:760px) {
  .com_table th{font-size: 1em;}
}

/* com_select_wrap */
.com_select_wrap{display: flex; align-items: center; width: 25em; height: 2.625em;}
.com_select_wrap .select-section{ position: relative; width: 100%; height: 100%; border: 1px solid var(--border-basic);}
.com_select_wrap .custom-select{ position: relative; height: 100%;}
.com_select_wrap .custom-select .custom-select__option--value{ position: relative; z-index: 20; width: 100%; height: 100%; text-align: left; padding: 0 10px; font-weight: 500; color: var(--sementic-text-select);}
.com_select_wrap .custom-select .custom-select__option--value::after{content: "\e941"; font-family: 'xeicon'; color: var(--mono-6); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 12px;}

.com_select_wrap .custom-select.custom-select--active .custom-select__option--value::after{content: "\e944";}
.com_select_wrap .custom-select__dropdown{position: absolute; top: calc(100% + 5px); left: -1px; width: calc(100% + 2px); max-height: 9.375em; overflow-y: auto; background-color: var(--bg-basic); border: 1px solid var(--border-basic); z-index: 30;}
.com_select_wrap .custom-select__dropdown::-webkit-scrollbar{width: 0;}
.com_select_wrap .custom-select__dropdown .custom-select__option{padding: 10px 1em; width: 100%; text-align: left; color: var(--sementic-text-select); }
.com_select_wrap .custom-select__dropdown .custom-select__option:last-child{border-radius: 0 0 1.875em 1.875em;}
.com_select_wrap .custom-select__dropdown .custom-select__option:hover{color: var(--point-blue-1);}

/* txt_select_field */
.txt_select_field{display: flex; align-items: center; font-size: 0.875em;}
.txt_select_field label{color:var(--text-tertiary); display: block; margin-right: 10px;}
.txt_select_wrap{width: 3.42em; height: auto !important;}
.txt_select_wrap .select-section{border: 0;}
.txt_select_wrap .custom-select .custom-select__option--value{color: var(--point-blue-1); padding: 0; text-align: right; padding-right: 1.5em;}
.txt_select_wrap .custom-select .custom-select__option--value::after{color: var(--point-blue-1); right: 0;}
.txt_select_wrap .custom-select.custom-select--active .custom-select__option--value{color: var(--point-blue-1);}
.txt_select_wrap .custom-select__dropdown{border-radius: 10px;}
.txt_select_wrap .custom-select__dropdown .custom-select__option{text-align: left;}

.show_rows_wrap .custom-select__dropdown .custom-select__option{text-align: right;}
@media screen and (max-width:760px) {
  .com_select_wrap{height: 3.2em;}
  .txt_select_field{justify-content: flex-end; font-size: 1em;}
}

/* toast_wrap */
.toast_wrap{ display: none; position: fixed; top: 10.8%; left: 50%; transform: translateX(-50%); z-index: 50; background-color: var(--toast-bg); border: 1px solid var(--toast-border); color: var(--toast-txt); border-radius: 10px; min-width: 435px;}
.toast_wrap .toast{padding: 1.25em; display: flex; align-items: center; padding-right: 3.625em;}
.toast_wrap .toast i{font-size: 1.875em; padding-right: 10px;}
.toast_wrap .toast .txt{font-size: 1.25em; }
.toast_wrap .toast .close_btn{margin-left: 10px; cursor: pointer; position: absolute; top: 50%; right: 1.25em; transform: translateY(-50%);}
.toast_wrap .toast .close_btn i{color: var(--mono-1); font-size: 1.75em; padding-right: 0;}
.toast_wrap .toast .cart_move{ font-size: 0.875em; color: var(--text-tertiary); margin-left: 2.86em;}
.toast_wrap .toast .cart_move a{display: inline-block; border-bottom: 1px solid var(--mono-4); white-space: nowrap;}
@media screen and (max-width:540px) {
  .toast_wrap{min-width: 90%;}
  .toast_wrap .toast .txt{font-size: 1em;}
}
/* img_crop_guide */
.img_crop_guide{position: relative; width: 100%; padding-bottom: 1.25em;}
.img_crop_guide .box{width: 100%; display: flex; align-items: center; justify-content: center;}
.img_crop_guide .box .icon{width: 2.125em; position: relative;}
.img_crop_guide .box .icon img{display: block; width: 100%; transition: all 0.2s;}
.img_crop_guide .box .desc{font-size: 0.875em; line-height: 1.43em; text-align: left; position: relative;}
.img_crop_guide .box .desc .txt{padding-left: 1em; white-space: nowrap; transition: all 0.2s;}

/* tooltip_wrap */
.tooltip_wrap{position: relative;}
.tooltip_wrap .tooltip_on_btn{display: flex; align-items: center; transition: all 0.2s; cursor: pointer;}
.tooltip_wrap .tooltip_on_btn i,
.tooltip_wrap .tooltip_on_btn .txt{font-size: 0.875em; color: var(--text-secondary); padding-right: 5px;}
.tooltip_wrap .tooltip_on_btn .txt{font-weight: 600;}
.tooltip_wrap .tooltip_on_btn:hover i,
.tooltip_wrap .tooltip_on_btn:hover .txt{color: rgba(0,79,152,0.7);}
.tooltip_box{ display: none; background-color: var(--bg-basic); border: 1px solid var(--mono-6); border-radius: 1.875em; padding: 1.875em; position: absolute; top: calc(100% + 5px); left: 0; z-index: 100; text-align: left; color: var(--mono-1);} /*2310 mod*/
.tooltip_wrap.right .tooltip_box{left: auto; right: 0;}
.tooltip_box .tooltip_close{ color: var(--point-blue-1); position: absolute; top: 1.25em; right: 1.25em; cursor: pointer;}
.tooltip_box .tooltip_close i{font-size: 1.25em;}
.tooltip_box .tooltip_cont .tooltip_tit{font-size: 0.875em; line-height: 1.29em; font-weight: 700; margin-bottom: 1.43em;}
.tooltip_box .tooltip_cont .tooltip_txt{font-size: 12px; line-height: 1.5em;}
.tooltip_box .tooltip_cont .tooltip_txt .desc a:hover{color: var(--point-blue-1);}
.tooltip_box.w220{width: 13.75em;}
.tooltip_box.pay_date{ left: auto; right: 85%;}
.tooltip_wrap.on .tooltip_box{display: block;}
@media screen and (max-width:540px) {
  .tooltip_box.w220{width: 120%;}
  .tooltip_wrap .tooltip_on_btn .txt{font-size: 12px;}
}


/* datepicker */
.ui-widget.ui-widget-content{background-color: var(--bg-basic); border-radius: 1em; border: 1px solid var(--border-basic); padding: 1.875em 1.75em; z-index: 30 !important; }
.search_filter_box .ui-widget.ui-widget-content{}
.ui-datepicker .ui-datepicker-header{padding: 0; margin-bottom: 1.56em; }
.ui-widget-header{border: 0; background-color: var(--bg-basic); width: 100%; }
.ui-datepicker .ui-datepicker-title{line-height: 1em; margin: 0;}
.ui-datepicker-multi .ui-datepicker-group table{width: 100%; margin: 0;}

/* .ui-widget-header .ui-icon::after{content:"\e93b"; font-family: 'xeicon';} */
.ui-datepicker th{font-size: 0.875em; padding: 0.7em 0; color: var(--text-secondary);}
.ui-datepicker td span, .ui-datepicker td a{ width: 2.14em; margin: 0 auto; padding: 0.5em 0; text-align: center;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background-color: transparent; border-color: transparent; color: var(--mono-4);}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: var(--point-blue-9); border-color: var(--point-blue-9); border-radius: 5px; color: var(--text-tertiary);}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 50%; transform: translateY(-50%);}
.ui-datepicker .ui-datepicker-prev{left: 0;}
.ui-datepicker .ui-datepicker-prev::after{content: "\e93b"; font-family: 'xeicon'; color: var(--mono-6); font-weight: 400; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

.ui-datepicker .ui-datepicker-next{right: 0;}
.ui-datepicker .ui-datepicker-next::after{content: "\e93e"; font-family: 'xeicon'; color: var(--mono-6); font-weight: 400; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
/* .ui-datepicker-multi .ui-datepicker-buttonpane{display: none;} */
/* .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus, */
.ui-datepicker-next.ui-datepicker-next-hover,
.ui-datepicker-prev.ui-datepicker-prev-hover{background-color: transparent; border: 0; cursor: pointer;}

.ui-datepicker-next.ui-datepicker-next.ui-state-hover::after,
.ui-datepicker-prev.ui-state-hover::after{color: var(--text-primary02);}
@media screen and (min-width:1080px) {
  .ui-datepicker-multi-2 .ui-datepicker-group:nth-child(1){padding-right: 3%;}
  .ui-datepicker-multi-2 .ui-datepicker-group:nth-child(2){padding-left: 3%;}
}
@media screen and (min-width:1571px) {
  .ui-widget.ui-widget-content{ /*top: 20em !important;*/ transform: translateX(0) !important;  margin-top: 0 !important; right: 9% !important; left: auto !important; width: 44em !important;}
}

@media screen and (max-width:1570px) and (min-width: 1081px) {

  .ui-widget.ui-widget-content{/* top: 23em !important;*/ transform: translateX(0) !important; margin-top: 0 !important; right: 9% !important; left: auto !important; width: 44em !important;}
}
@media screen and (max-width:1080px) {
  .ui-widget.ui-widget-content{width: 92% !important;}
}

/* quick_layer_wrap */
/* 2310 mod : s */
.quick_layer_wrap{position: fixed; bottom: 0; width: 100%; z-index: 200; min-width: 280px; padding-left: 18.875em; }
.quick_layer_wrap.fold_lnb { padding-left: 6.25em; }
.quick_layer_wrap.blue{background-color: var(--point-blue-2);}
.quick_layer_wrap.bk{background-color: var(--mono-1);}
.quick_layer_wrap .inner{ max-width: 1400px; width: 90%; padding: 1.56em 0; margin: 0 auto; /*margin-left: 3.125em;*/}
.quick_layer_wrap.fold_lnb .inner { max-width: 1600px; }
.quick_layer_wrap .inner .flex_cont { justify-content: space-between; }
/* 장바구니: 견적서 출력 + 선택상품 주문 버튼을 우측에 묶어 정렬(양쪽정렬 X, 견적서가 주문 왼쪽).
   data-mypage="cart" 로 카트 페이지만 한정 — quick_layer_wrap 은 구매/멀티 등 타 페이지 공용이라 전역 변경 금지. */
[data-mypage="cart"] .quick_layer_wrap .inner .flex_cont { justify-content: flex-end; gap: 10px; }
.com_sub_section_wrap.fold_lnb .quick_layer_wrap .inner{max-width: 1600px; width: 85%;}
@media screen and (max-width:1080px) {
  .quick_layer_wrap, .quick_layer_wrap.fold_lnb { padding-left: 0; }
}
/* 2310 mod : e */

/* 신 LNB 대시보드(≥1025, body 좌 var(--lnb-width) 시프트)에서 하단 고정바 우측 오버플로 방지
   — 바를 LNB 폭만큼 안쪽으로 (step12 §2). 구 레이아웃(.c-lnb 없는 페이지)·모바일(≤1024 드로어)은 무영향. */
@media (min-width: 1025px) {
  body:has(.c-lnb:not(.c-lnb--guest)) .quick_layer_wrap,
  body.is-dashboard .quick_layer_wrap {
    left: var(--lnb-width, 248px);
    width: calc(100% - var(--lnb-width, 248px));
    padding-left: 0;
  }
}

/* popup */
.popup_wrap{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 900; min-width: 280px;}
.popup_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; margin: 0 auto; background-color: var( --popup-bg); border: 1px solid var(--popup-border); border-radius: 10px; }
.expansion_popup .popup_box{height: 90%; max-height: 750px;}
.middle_expansion_popup .popup_box{ height: 80%; max-height: 750px;}
.popup_wrap .popup_box .popup_cont::-webkit-scrollbar{width: 0;}
.popup_box.big_box{max-width: 1000px;}
.popup_box.middle_box{max-width: 695px;}
.popup_box.middle_box01{max-width: 600px;}
.popup_box.middle_box02{max-width: 460px;}
.popup_box.middle_box03{max-width: 400px;}
.popup_box.middle_box04{max-width: 380px;}
.popup_head{ position: relative; display: flex; justify-content: space-between; padding: 1.875em;}
.popup_head .popup_tit .tit{font-size: 1.5em; font-weight: 700; line-height: 1.2em;}
.popup_close{font-size: 1.875em; cursor: pointer;}
.popup_cont{padding: 1.25em 1.875em 3.125em; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;}
.popup_cont .popup_cont_txt_box{width: 100%; height: 25em; overflow-y: auto;}
.popup_cont .popup_cont_txt_box p{line-height: 1.5em; color: var(--text-tertiary);}
.popup_cont .popup_cont_txt_box .tit{font-weight: 700; font-size: 1.125em; margin-bottom: 1.5em;}
.popup_cont .popup_cont_txt_box .txt + .txt{margin-top: 1em;}
.popup_cont .popup_cont_txt_box .txt a:hover{color: var(--point-blue-1);}
.popup_cont .description{font-size: 12px; line-height: 1.67em; color: var(--text-secondary); margin-top: 10px;}
.popup_cont .cont_section + .cont_section{margin-top: 1.875em;}
.popup_cont .cont_section .tit{font-size: 1.125em; font-weight: 700; color: var(--point-blue-2); padding-bottom: 10px;}
.popup_cont .input_section .input_box .unit{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-weight: 500; color: var(--text-tertiary);}
.popup_cont .input_section .input_box .com_input{ text-align: right; padding-right: 3.125em !important; font-weight: 500;}

.popup_bottom_btn_wrap{align-items: center; border-top: 1px solid var(--border-basic);}
.popup_bottom_btn_wrap .btn_basic{ width: 50%; font-weight: 600; padding: 1.2em 0;}
.popup_bottom_btn_wrap .btn_basic + .btn_basic{border-left: 1px solid var(--border-basic); border-radius: 0;}


.popup_cont .pay_means_list{border: 1px solid var(--border-basic);}
.popup_cont .pay_means_list .list{width: 100%; text-align: center; transition: all 0.2s; font-weight: 500;}
.popup_cont .pay_means_list .list a{display: block; width: 100%; padding: 1.35em 0;}
.popup_cont .pay_means_list .list:hover{background-color: var(--mono-1); color: var(--text-reverse); box-shadow: 0px 3px 3px var(--shadow); border-color: var(--mono-1); font-weight: 700;}
.popup_cont .pay_means_list .list:nth-child(even){border-left: 1px solid var(--border-basic);}
.popup_cont .pay_means_list .list:nth-child(n + 2){border-top: 1px solid var(--border-basic);}

/* notice popup - 공통 */
.notice_popup .popup_box{max-width: 323px; padding: 0;}
.notice_popup .popup_cont{padding: 1.875em;}
.notice_popup .popup_cont .info_txt{ line-height: 1.43em;}
.notice_popup .popup_close_btn{width: 100%; border-top: 1px solid var( --border-basic);}
.notice_popup .popup_close_btn .popup_close{text-align: center; padding: 1.25em; color: var(--point-blue-1); font-size: 1em; width: 100%; font-weight: 600;}
.notice_popup .popup_close_btn.check_btn_wrap .popup_close + .popup_close{border-left: 1px solid var(--border-basic);}
.notice_popup .popup_close_btn.check_btn_wrap .popup_close{width: 50%;}
.notice_popup .popup_close_btn .cancel_btn{color: var(--text-primary);}
@media screen and (max-width:540px) {
  .popup_head{padding: 1.25em;}
  .popup_cont{padding: 1.25em 1.25em 2.5em;}
}
@media screen and (min-width:541px) {
  .notice_popup .popup_cont .info_txt{font-size: 0.875em;}
}

.popup_cont h3{margin-bottom: 0.5em; font-weight: 800}

/* 팝업 새로운 버전 */
.new_popup_box

/* 메인 공지사항 팝업 */

/* 전자거래 명세서 팝업 */
.ets_order_prd_table th{font-weight: 600;}
.ets_order_prd_table td{ padding: 1.5em 0; font-size: 0.875em; line-height: 1.2em;}
.ets_order_prd_table td.date{color: var(--text-secondary);}

.ets_order_prd_table .use_total_point{display: flex; justify-content: space-between; padding: 1.25em 0;}
.ets_order_prd_table .use_total_point .txt{ color: var(--text-tertiary);}
.ets_order_prd_table .use_total_point .point_num{font-weight: 600; color: var(--mono-1);}
.ets_order_prd_table .total_sum{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--mono-6); padding-top: 1.25em}
.ets_order_prd_table .total_sum .txt{font-weight: 600;}
.ets_order_prd_table .total_sum .price_num{font-size: 1.5em; font-weight: 700;}

.card_row.ets_order_prd_table{padding: 0;}
.ets_order_prd_table .ck_field{margin-bottom: 10px; justify-content: flex-end;}
.ets_order_prd_table .com_table tbody tr:hover{box-shadow: initial;}

.ets_download_popup .signature{margin-top: 2.5em; text-align: right; position: relative; padding-right: 3.125em; font-weight: 500;}
/*.ets_download_popup .signature::after{content: ""; display: block; width: 3.75em; height: 3.75em; background: url(https://d26rnxki7j12cd.cloudfront.net/img/common/ceo_stamp.png) no-repeat center; background-size: cover; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}*/
.ets_download_popup .signature .desc{font-size: 0.875em; line-height: 1.71em;}
.ets_order_prd_table .com_table .date{width: 16.11%;}
.ets_order_prd_table .com_table .subject{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ets_order_prd_table .com_table .quantity{width: 16.44%;}
.ets_order_prd_table .com_table .subject{width: 20%;}
.ets_order_prd_table .com_table .prd_price{width: 24.33%;}
.ets_order_prd_table .com_table .total_price{width: 24.33%;}
.ets_order_prd_table .com_table td.total_price{text-align: right; padding-right: 1em;}
@media screen and (max-width:950px) {
  .ets_order_prd_table .com_table .quantity{width: 6em;}
  .ets_order_prd_table .com_table .date,
  .ets_order_prd_table .com_table .prd_price,
  .ets_order_prd_table .com_table .total_price,
  .ets_order_prd_table .com_table .details,
  .ets_order_prd_table .com_table .discount_price{width: 8em;}
  .ets_order_prd_table .com_table .subject{width: 12em;}
}

/* 마이페이지 견적서 작성 */
@media screen and (min-width:541px) {
  .my_estimate_cate .com_btn_wrap .btn_basic:nth-child(1),
  .my_estimate_cate .com_btn_wrap .btn_basic:nth-child(2){width: calc(20% - 10px);}
  .my_estimate_cate .com_btn_wrap .btn_basic:nth-child(3),
  .my_estimate_cate .com_btn_wrap .btn_basic:nth-child(4){width: calc(30% - 10px);}
}

/* 모바일 쿠폰 견적서 */
.estimate_popup .bill_cont{width: 100%;}
.estimate_popup .bill_cont .bill_head{justify-content: flex-start; padding: 0 0 10px;}
.estimate_popup .bill_cont .bill_body{padding: 0;}
.estimate_popup .bill_list{width: 50%; padding: 1.25em;}
.estimate_popup .ets_order_prd_table .total_sum{border-top: 0;}
.estimate_popu .ets_order_prd_table .com_table .quantity{width: 10%;}
.estimate_popup .ets_order_prd_table .com_table .details a{word-break: break-all; color: var( --text-secondary); overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ets_order_prd_table .com_table .subject{text-align: center;}
.estimate_popup .com_table td.subject .brand{color: var(--text-primary); display: block;}
.estimate_popup .description_wrap{justify-content: space-between;}
.estimate_popup .site_url{margin-top: 10px;}
.estimate_popup .site_url li{display: flex; font-weight: 600;}
.estimate_popup .site_url li + li::before{content: ""; display: block; width: 1px; height: 1em; background-color: var(--mono-5); margin: 0 1em;}
.estimate_popup .stamp { margin-right: 1.8em; }
.estimate_popup .stamp::before{content: ""; display: block; width: 3.75em; height: 3.75em; background: url(/img/common/ceo_stamp-1a9dbdb7f74d5a40a69a637153b663b1.png) no-repeat center; background-size: cover; position: absolute; top: 80%; right: 0; transform: translateY(-80%);}
@media screen and (max-width:760px) {
  .estimate_popup .bill_list{width: 100%;}
  .estimate_popup .description_wrap{flex-direction: column;}
  .estimate_popup .site_url{flex-direction: column;}
  .estimate_popup .site_url li + li::before{display: none;}
}

/* 사용방법 팝업 */
.how_to_use_popup .use_step{position: relative;}
.how_to_use_popup .use_step .step + .step{margin-top: 2.5em;}
.how_to_use_popup .use_step .tit{ display: inline-flex; align-items: center; font-weight: 600; color: var(--text-reverse); background-color: var(--point-pink-1); padding: 10px 1em; border-radius: 10px 0 10px 0;}
.how_to_use_popup .use_step .tit .num{display: flex;}
.how_to_use_popup .use_step .tit .num::after{content: ""; display: block; width: 1px; height: 1em; background-color: var(--bg-basic); margin: 0 5px;}
.how_to_use_popup .img{background-color: var(--point-blue-7); padding: 2.5em 1.25em; border-radius: 1em; margin-top: -1.125em;}
.how_to_use_popup .img img{display: block; width: 100%;}
@media screen and (max-width:950px) {
  .how_to_use_popup .mob_view{display: block !important;}

}
/* 멤버 관련 팝업 - 로그인, 비밀번호 */
.member_sign_popup{background-color: var(--point-blue-7); top: -100%; display: block;}
.member_sign_popup .popup_box{border: 0; border-radius: 1em;}
.member_sign_popup .popup_box .popup_head{justify-content: center; padding-top: 4.375em;}
.member_sign_popup .popup_head .popup_tit .tit{color: var(--mono-0);}
.member_sign_popup .popup_box .popup_head .popup_close{position: absolute; top: 0.67em; right: 0.67em;}
.member_sign_popup .popup_cont{text-align: center; padding: 1.875em 0 4.375em; max-width: 320px; width: 90%; margin: 0 auto;}
.member_sign_popup .popup_cont .input_field{text-align: left; margin-bottom: 1.25em;}
.member_sign_popup .popup_cont .input_field label{font-size: 0.875em; font-weight: 500; }
.member_sign_popup .popup_cont .sign_btn{padding-top: 1.25em;}
.member_sign_popup .popup_cont .sign_btn .btn_basic{width: 100%;}
.member_sign_popup .popup_cont .info{padding-top: 2.5em; margin-top: 2.5em; border-top: 1px solid var(--border-basic);}
.member_sign_popup .popup_cont .info .info_txt{font-size: 0.875em; color: var(--text-secondary); line-height: 1.71em;}

/* 약관 팝업 */
.agree_popup .btn_basic{width: 100%;}

/* 이미지 업로드 팝업 img_upload_popup */
.img_upload_popup .popup_box{width: auto; font-size: 16px;}
.img_upload_popup .popup_box{ }
.img_upload_popup .popup_cont{padding: 3.125em 3.125em 1.875em; display: flex; }
.img_upload_popup .popup_footer{text-align: center; padding-bottom: 3.125em;}
.img_upload_popup .img_file_wrap{width: 21.25em; padding: 1.875em 1.25em 0; border: 1px solid var(--border-basic);}
.img_upload_popup .img_file_preview_wrap{ display: none; width: calc(100% - 21.25em); padding-left: 1.875em;}

.img_upload_popup.active .popup_box{width: 695px;}
.img_upload_popup.active .img_file_preview_wrap{display: block;}
.img_upload_popup_coupon.active .img_file_preview_wrap{ position: relative; }
.img_upload_popup_coupon.active .img_file_preview_wrap .img_preview_wrap { position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 1.875em); }

.img_upload_popup .img_crop_guide .hover{opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.img_upload_popup .img_crop_guide:hover .basic{opacity: 0;}
.img_upload_popup .img_crop_guide:hover .hover{opacity: 1;}

.img_upload_popup .rectangular_size_wrap{ width: 100%; margin-bottom: 10px;}
.img_upload_popup .rectangular_size_wrap .mark{width: calc(50% - 10px); height: calc(100% - 10px); background-color: var(--mono-1); border-radius: 10px; position: absolute; top: 5px; left: 5px; transition: all 0.2s;}
.img_upload_popup .rectangular_size_wrap .inner{position: relative; background-color: var(--mono-9); border: 1px solid var(--border-basic); border-radius: 10px; padding: 5px; display: flex; align-items: center;}
.img_upload_popup .rectangular_size{ position: relative; z-index: 1; width: 50%; height: 2.5em; display: flex; align-items: center; justify-content: center;}
.img_upload_popup .rectangular_size input{display: none;}
.img_upload_popup .rectangular_size label{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--text-tertiary); font-weight: 600;}
.img_upload_popup .rectangular_size input:checked + label{color: var(--text-reverse); }

.img_upload_popup .preview .canvas_bg:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 10; border-radius: 5px;}
.img_upload_popup .preview .crop_box { position: relative; width: 300px; height: 300px; }
.img_upload_popup .preview .canvas_wrap { position: absolute; left: 0; top: 0; width: 300px; height: 300px; }
/* .img_upload_popup .preview .brd { border-color: #ef9e17; } */
.img_upload_popup .preview .canvas_crop_wrap { padding: 1.25em; background-color: var(--mono-9); border: 1px solid var(--border-basic);  width: 100%; height: 250px; }
.img_upload_popup .img_file_preview_wrap .preview .canvas_crop_wrap + .canvas_crop_wrap{height: 262px;}
.img_upload_popup .preview .canvas_crop_wrap + .canvas_crop_wrap {margin-top: 1.25em;}

.img_upload_popup .preview .canvas_wrap .canvasIn_wrap { width: 270px; height: 185px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px dashed var(--mono-4); z-index: 20; }
.img_upload_popup .preview .canvas_wrap .canvasIn_wrap canvas { cursor: pointer; }
.img_upload_popup .preview .sticker {font-size: 12px; font-weight: 700; margin-bottom: 10px;}
.img_upload_popup .preview canvas { /*width: 300px; height: 300px;*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.img_upload_popup .img_file_preview_wrap .preview canvas{position: static; transform: translate(0);}
.img_upload_popup .com_btn_wrap{margin: 1.875em -1.25em 0; border-top: 1px solid var(--border-basic);}
.img_upload_popup .upload_btn{width: 50%; margin: 0; border:0; border-radius: 0;}
.img_upload_popup .upload_btn + .upload_btn{border-left: 1px solid var(--border-basic);}



.img_upload_popup .apply_preview_wrap .preview{width: 100%;}
.img_upload_popup .apply_preview_wrap .preview .crop_box{display: flex; align-items: center; width: 100%;}
.img_upload_popup .apply_preview_wrap .preview .canvas_wrap{position: relative; display: flex; flex-direction: column;}
.img_upload_popup .apply_preview_wrap .preview #coupon_canvas_crop{ transform: translate(0);}
.img_upload_popup .apply_preview_wrap .preview .coupon_img{ position: relative; width: 100%; padding-top: 110%; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.img_upload_popup .preview .coupon_preview_box .canvas_crop_box{transform: scale(0.15); position: absolute; top: 18px; left: 17px; transform-origin: 0 0; z-index: 1;}

.img_upload_popup .img_preview_wrap.square .preview .canvas_wrap .canvasIn_wrap{width: 200px;}
/* .img_upload_popup .img_preview_wrap.square .preview canvas:not(#coupon_canvas_crop){position: relative;} */
/* .img_upload_popup .img_preview_wrap.square .apply_preview_wrap .preview #coupon_canvas_crop{ transform: translate(-50%,-50%);} */
.img_upload_popup .img_file_preview_wrap .img_preview_wrap .preview .canvas_wrap .canvas_crop_box{display: flex; width: 100%; height: calc(100% - 22px); align-items: center; justify-content: center;}
.img_upload_popup .img_preview_wrap.square .preview .canvas_wrap .canvas_crop_box{width: 135px; overflow: hidden; margin: 0 auto;}

@media(max-width:700px){
  .img_upload_popup .popup_cont { display: block; }
  .img_upload_popup .popup_cont > div { width: 100%; }
  .img_upload_popup .preview .crop_box { margin: 0 auto; }
  .img_upload_popup .img_file_preview_wrap .preview .canvas_crop_wrap + .canvas_crop_wrap { display: none; }
  .img_upload_popup_coupon.active .img_file_preview_wrap .img_preview_wrap { position: static; width: 100%; transform: translateY(0); }
}

/* 사업자 미리보기 팝업 */
.business_license_popup .img_crop_guide{ display: flex; align-items: center; background-color: var(--mono-9); border: 1px solid var(--border-basic); border-radius: 10px; padding: 0; margin-bottom: 1.875em;}
.business_license_popup .img_crop_guide .box{padding: 1.25em 0;}
.business_license_popup .mouse_control_img{ width:100%;height:100%; overflow:hidden;}
.business_license_popup  .img_box{ width:100%; height:100%; transition: transform .3s;}
.business_license_popup #slide img{ width:auto; height:auto; max-width:100%; pointer-events: none;}
@media screen and (max-width:540px) {
  .business_license_popup .img_crop_guide{flex-direction: column;}
}

/* 사업자 등록증 에러 팝업 */
.eid_error_info_popup .popup_bottom_btn_wrap .btn_basic{width: 100%;}

/* 2310 mod : s */
/* com_info_box - textarea 팝업 */
.com_info_box .popup_cont .info_box { height: 100%; }
.com_info_box .popup_cont .info_box textarea{width: 100%; min-height: 100%; border: 0; text-align : left; line-height: 1.5em; color: var(--text-tertiary);}
.terms_agree_basic_popup .popup_cont .info_box { height: auto; }
.terms_agree_basic_popup .popup_cont .info_box textarea{min-height: 15em;}

/* 서명 */
.sign_area { position: relative; text-align: center; color: var(--mono-6);}
.sign_date { font-size: 1.2em; font-weight: 700; color: var(--text-tertiary); padding: 1.7em 0; text-align: right; }
.sign_wrap .inner { display: flex; align-items: center; justify-content: flex-end; }
.sign_wrap .input_field .tit { color:var(--text-secondary); line-height: 4em; }
.sign_wrap .input_field .name_input { width: 7.7em; height: 3em; background-color: var(--bg-basic); margin-left: 1.3em; }
.sign_area { width: 3em; height: 4em; line-height: 4em; position: relative; }
.sign_area .sign_image { position: absolute; width: 4em; height: 4em; top: 0; left: 50%; transform: translateX(-50%); }
.sign_area .sign_image img { vertical-align: middle; }
.sign_drawing_wrap { position: relative; width: 100%; height: 0; padding-top: 55%; background-color: var(--mono-8); }
.sign_drawing_wrap canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 서명 미완료 팝업 */
.unfinish_sign_popup.notice_popup .popup_close_btn{width: 50%; border-top: 0;}


/* 2310 mod : e */

/* 오류페이지 */
.error_page_wrap { position: relative; height: 100vh; }
.error_page_wrap .error_page { width: 100%; display: flex; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.error_page_wrap .error_page .error_img img {}
.error_page_wrap .error_page .error_desc { margin: 3em 0 3em 3em; }
.error_page_wrap .error_page .error_desc > p { font-size: 1.875em; line-height: 1.5em; color:var(--mono-4); word-break: keep-all; }
.error_page_wrap .error_page .error_desc .tit { font-size: 3.125rem; font-weight: bold; color: var(--point-blue-1);  }
.error_page_wrap .error_page .error_desc .com_btn_wrap { margin-top: 5em; }

@media(max-width:767px){
  .error_page_wrap .error_page { display: block; text-align: center; }
  .error_page_wrap .error_page .error_img img { width: 70%; margin: 0 auto; }
  .error_page_wrap .error_page .error_desc { margin: 3em 0; }
  .error_page_wrap .error_page .error_desc > p { font-size: 1.3em; }
}

/*결제수단 - 무통장입금*/
.without_bankbook{display: none; margin-top: 2.5em;}
.without_bankbook .com_cont_tit { padding-bottom: 10px; }
.without_bankbook .cont_box{background-color: var(--point-blue-7); padding: 1.875em;}
.without_bankbook .cont_box .cont{align-items: center;}
.without_bankbook .cont_box .cont + .cont{margin-top: 1.25em;}
.without_bankbook .cont_box .cont .tit{ width: 25%;}
.without_bankbook .cont_box .cont .desc{width: 75%;}
.without_bankbook .cont_box .cont .bankbook_info{font-weight: 700; line-height: 1.2em;}
.without_bankbook .cont_box .cont .input_box{width: 100%;}

@media screen and (max-width:540px) {
  .without_bankbook .cont_box{padding: 1.5em;}
  .without_bankbook .cont_box .cont .tit{width: 100%; font-size: 1.33em;}
  .without_bankbook .cont_box .cont .bankbook_info{font-size: 1.33em;}
  .without_bankbook .cont_box .cont .desc{width: 100% !important; margin-top: 10px;}
}


/* footer */
.footer { background-color: #191A1A; }
.footer .copy_wrap { width: 100%;; display: flex; justify-content: space-between; padding: 3.125em 0 5em; }
.footer .copy_wrap .copy p{ margin-top: 1em; line-height: 1.5em; font-size: 0.75em; }
.footer .copy_wrap .txt01 { color: var(--point-blue-2); font-weight: 600; margin-top: 2.5rem; }
.footer .copy_wrap .txt02 { color: var(--mono-5); }
.footer .copy_wrap .txt03 { color: var(--white); font-weight: 600; }
.footer .copy_wrap .txt04 { color: var(--mono-4); }
.footer .family_site_select { position: relative; width: 12.5rem; font-size: 0.875em; }
.footer .family_site_select .select_handle,
.footer .family_site_select .family_list li a { font-weight: bold; color: #aaa; padding: 0 1.125em; }
.footer .family_site_select .select_handle { background-color: #191A1A; border: solid 1px var(--mono-6); border-radius: 10em; height: 2.75rem; display: flex; align-items: center; cursor: pointer; position: relative; z-index: 2; box-shadow: 0 0.3em 0.375em rgba(45, 45, 45, 1); }
.footer .family_site_select .select_handle::before { font-family: xeicon; content: '\e945'; font-size: 1.5em; font-weight: 400; position: absolute; right: 0.8em; top: 50%; transform: translateY(-50%); }
.footer .family_site_select .family_list { position: absolute; width: 100%; left: 0; bottom: calc(100% - 3.125em); background-color: #45454e; border-radius: 1.5em; z-index: 1; padding-bottom: 3.125em; height: 0; overflow: hidden; transition: all 0.5s; }
.footer .family_site_select .family_list li { line-height: 2.3em; }
.footer .family_site_select .family_list li a { display: block; transition: all 0.3s; }
.footer .family_site_select .family_list li:first-child { margin-top: 0.875em; }
.footer .family_site_select .family_list li:last-child { margin-bottom: 0.875em; }
.footer .family_site_select .family_list li:hover a { color: var(--point-yellow-1); }
.footer .family_site_select.active .select_handle::before { content: '\e942'; }
.footer .blog_kakao_wrap{margin-top: 15px;}
.footer .blog_kakao_wrap a img{width: 35px;}
.footer .scroll_top_btn { position: absolute; right: 0; bottom: 0; width: 5em; height: 5em; border-radius: 10em 10em 0 0; background-color: var(--point-blue-2); transition: all 0.2s; }
.footer .scroll_top_btn:hover { box-shadow: 0 -0.3em 0.375em rgba(0, 0, 0, 0.5); }
.footer .scroll_top_btn i { font-size: 0.875em; color: #fff; }
.footer .ft_term_wrap { margin-top: 1.25em; display: flex; align-items: center}
.footer .ft_term_wrap button{ position: relative; color: var(--white); }
.footer .ft_term_wrap span { display: block; width: 1px; height: 0.75em; background-color: var(--mono-7); margin: 0.25em 1em;  }

/* .footer_popup .info_box { height: 100%; } */
.footer_popup .popup_bottom_btn_wrap .btn_basic { width: 100%; }

@media(max-width:768px){
  .footer .copy_wrap { display: block; padding: 3.125em 0; }
  .footer .family_site_select { margin-top: 2em; }
  .footer .ft_term_wrap span { display: block; width: 1px; height: 0.75em; background-color: var(--mono-7); margin: 0.25em 0.5em;  }
}
@media(max-width:479px){
  .footer .ft_term_wrap{justify-content: space-evenly}
  .footer .ft_term_wrap button{flex-basis: 0}
}


/* 이미지 업로드 팝업 img_upload_popup */
.img_upload_popup2 .popup_box{width: auto; font-size: 16px;}
.img_upload_popup2 .popup_box{ }
.img_upload_popup2 .popup_cont{padding: 3.125em 3.125em 1.875em; display: flex; }
.img_upload_popup2 .popup_footer{text-align: center; padding-bottom: 3.125em;}
.img_upload_popup2 .img_file_wrap{width: 31.25em; padding: 1.875em 1.25em 0; border: 1px solid var(--border-basic);}
.img_upload_popup2 .img_file_preview_wrap{ display: none; width: calc(100% - 31.25em); padding-left: 1.875em;}

.img_upload_popup2.active .popup_box{width: 1100px;}
.img_upload_popup2.active .img_file_preview_wrap{display: block;}
.img_upload_popup2_coupon.active .img_file_preview_wrap{ position: relative; }
.img_upload_popup2_coupon.active .img_file_preview_wrap .img_preview_wrap { position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 1.875em); }

.img_upload_popup2 .img_crop_guide .hover{opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.img_upload_popup2 .img_crop_guide:hover .basic{opacity: 0;}
.img_upload_popup2 .img_crop_guide:hover .hover{opacity: 1;}

.img_upload_popup2 .rectangular_size_wrap{ width: 100%; margin-bottom: 10px;}
.img_upload_popup2 .rectangular_size_wrap .mark{width: calc(50% - 10px); height: calc(100% - 10px); background-color: var(--mono-1); border-radius: 10px; position: absolute; top: 5px; left: 5px; transition: all 0.2s;}
.img_upload_popup2 .rectangular_size_wrap .inner{position: relative; background-color: var(--mono-9); border: 1px solid var(--border-basic); border-radius: 10px; padding: 5px; display: flex; align-items: center;}
.img_upload_popup2 .rectangular_size{ position: relative; z-index: 1; width: 50%; height: 2.5em; display: flex; align-items: center; justify-content: center;}
.img_upload_popup2 .rectangular_size input{display: none;}
.img_upload_popup2 .rectangular_size label{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--text-tertiary); font-weight: 600;}
.img_upload_popup2 .rectangular_size input:checked + label{color: var(--text-reverse); }

.img_upload_popup2 .preview .canvas_bg:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 10; border-radius: 5px;}
.img_upload_popup2 .preview .crop_box { position: relative; width: 459px; height: 325px; }
.img_upload_popup2 .preview .canvas_wrap { position: absolute; left: 0; top: 0; width: 459px; height: 325px; }
/* .img_upload_popup2 .preview .brd { border-color: #ef9e17; } */
.img_upload_popup2 .preview .canvas_crop_wrap { padding: 1.25em; background-color: var(--mono-9); border: 1px solid var(--border-basic);  width: 100%; height: 400px; }
.img_upload_popup2 .img_file_preview_wrap .preview .canvas_crop_wrap + .canvas_crop_wrap{height: 262px;}
.img_upload_popup2 .preview .canvas_crop_wrap + .canvas_crop_wrap {margin-top: 1.25em;}

.img_upload_popup2 .preview .canvas_wrap .canvasIn_wrap { width: 450px; height: 300px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px dashed var(--mono-4); z-index: 20; }
.img_upload_popup2 .preview .canvas_wrap .canvasIn_wrap canvas { cursor: pointer; }
.img_upload_popup2 .preview .sticker {font-size: 12px; font-weight: 700; margin-bottom: 10px;}
.img_upload_popup2 .preview canvas { /*width: 300px; height: 300px;*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.img_upload_popup2 .img_file_preview_wrap .preview canvas{position: static; transform: translate(0);}
.img_upload_popup2 .com_btn_wrap{margin: 1.875em -1.25em 0; border-top: 1px solid var(--border-basic);}
.img_upload_popup2 .upload_btn{width: 50%; margin: 0; border:0; border-radius: 0;}
.img_upload_popup2 .upload_btn + .upload_btn{border-left: 1px solid var(--border-basic);}



.img_upload_popup2 .apply_preview_wrap .preview{width: 100%;}
.img_upload_popup2 .apply_preview_wrap .preview .crop_box{display: flex; align-items: center; width: 100%;}
.img_upload_popup2 .apply_preview_wrap .preview .canvas_wrap{position: relative; display: flex; flex-direction: column;}
.img_upload_popup2 .apply_preview_wrap .preview #coupon_canvas_crop{ transform: translate(0);}
.img_upload_popup2 .apply_preview_wrap .preview .coupon_img{ position: relative; width: 100%; padding-top: 110%; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.img_upload_popup2 .preview .coupon_preview_box .canvas_crop_box{transform: scale(0.15); position: absolute; top: 18px; left: 17px; transform-origin: 0 0; z-index: 1;}

.img_upload_popup2 .img_preview_wrap.square .preview .canvas_wrap .canvasIn_wrap{width: 200px;}
/* .img_upload_popup2 .img_preview_wrap.square .preview canvas:not(#coupon_canvas_crop){position: relative;} */
/* .img_upload_popup2 .img_preview_wrap.square .apply_preview_wrap .preview #coupon_canvas_crop{ transform: translate(-50%,-50%);} */
.img_upload_popup2 .img_file_preview_wrap .img_preview_wrap .preview .canvas_wrap .canvas_crop_box{display: flex; width: 100%; height: calc(100% - 22px); align-items: center; justify-content: center;}
.img_upload_popup2 .img_preview_wrap.square .preview .canvas_wrap .canvas_crop_box{width: 135px; overflow: hidden; margin: 0 auto;}

@media(max-width:700px){
  .img_upload_popup2 .popup_cont { display: block; }
  .img_upload_popup2 .popup_cont > div { width: 100%; }
  .img_upload_popup2 .preview .crop_box { margin: 0 auto; }
  .img_upload_popup2 .img_file_preview_wrap .preview .canvas_crop_wrap + .canvas_crop_wrap { display: none; }
  .img_upload_popup2_coupon.active .img_file_preview_wrap .img_preview_wrap { position: static; width: 100%; transform: translateY(0); }
}

/* 인스타그램 fixed 아이콘 */
.custom-floating-icon {
  position: fixed;
  right: 40px;       /* 우측 여백 (채널톡과 동일하게 맞춤) */
  bottom: 30px;      /* 하단 여백 (채널톡 아이콘보다 아래에 위치시키려면 값을 작게 조정) */
  z-index: 10000;    /* 채널톡보다 앞에 보이게 하거나 위치를 잡기 위한 우선순위 */
  width: 56px;       /* 아이콘 크기 */
  height: 56px;
  cursor: pointer;
}

.custom-floating-icon img {
  width: 100%;
  height: auto;
}

.home_click_instagram > img, .custom-floating-icon img{
  border-radius: 20px;
}

@media {max-width:768px} {
  .custom-floating-icon {
    width: 44px;
    height: 44px;
    right: 0;
    left: 14px;
    bottom: 70px;
  }

  .custom-floating-icon img{
    border-radius: 18px;
  }
}