@charset "utf-8";

/***************/
#mobile #hd_wrapper {padding:0}
#mobile #hd {height:60px !important;line-height:60px !important}
#mobile #hd_wrapper {height:57px !important;line-height:60px !important}
#mobile #hd_sch {height:60px !important;line-height:60px !important}
#mobile #hd_wr {height:57px !important;line-height:60px !important}
#mobile #gnb {line-height:18px !important}
#hd_wrapper {padding:20px}
#gnb_open,
#globe_btn,
#user_btn,
#btn_hduser {height:60px !important}
#btn_hdcate,
#btn_hdsch,
#btn_hdsch2,
#btn_hdcart,
#btn_hduser {height:60px !important;line-height:60px !important}

input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel], textarea {outline:none}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, input[type=tel]:focus, textarea:focus, select:focus {outline:none}

input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel], textarea, select {border:1px solid var(--border-input);background:var(--bg-input);color:var(--body-color);padding-right:15px;padding-left:15px;margin-bottom:5px}
input[type=submit], input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel] {border-radius:5em}
textarea {border-radius:1em}
select {border-radius:5em}
input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel], select {height:45px}

.btn {border-radius:5em !important}
button {border:0;border-radius:5em !important}

.alert {
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:1rem;
  --bs-alert-padding-y:1rem;
  --bs-alert-margin-bottom:1rem;
  --bs-alert-color:inherit;
  --bs-alert-border-color:transparent;
  --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius:var(--bs-border-radius);
  --bs-alert-link-color:inherit;
  position:relative;
  padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom:var(--bs-alert-margin-bottom);
  color:var(--bs-alert-color);
  background-color:var(--bs-alert-bg);
  border:var(--bs-alert-border);
  border-radius:var(--bs-alert-border-radius);
}

.alert-heading {
  color:inherit;
}

.alert-link {
  font-weight:700;
  color:var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right:3rem;
}
.alert-dismissible .btn-close {
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  padding:1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color:var(--bs-primary-text-emphasis);
  --bs-alert-bg:var(--bs-primary-bg-subtle);
  --bs-alert-border-color:var(--bs-primary-border-subtle);
  --bs-alert-link-color:var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color:var(--bs-secondary-text-emphasis);
  --bs-alert-bg:var(--bs-secondary-bg-subtle);
  --bs-alert-border-color:var(--bs-secondary-border-subtle);
  --bs-alert-link-color:var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color:var(--bs-success-text-emphasis);
  --bs-alert-bg:var(--bs-success-bg-subtle);
  --bs-alert-border-color:var(--bs-success-border-subtle);
  --bs-alert-link-color:var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color:var(--bs-info-text-emphasis);
  --bs-alert-bg:var(--bs-info-bg-subtle);
  --bs-alert-border-color:var(--bs-info-border-subtle);
  --bs-alert-link-color:var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color:var(--bs-warning-text-emphasis);
  --bs-alert-bg:var(--bs-warning-bg-subtle);
  --bs-alert-border-color:var(--bs-warning-border-subtle);
  --bs-alert-link-color:var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color:var(--bs-danger-text-emphasis);
  --bs-alert-bg:var(--bs-danger-bg-subtle);
  --bs-alert-border-color:var(--bs-danger-border-subtle);
  --bs-alert-link-color:var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color:var(--bs-light-text-emphasis);
  --bs-alert-bg:var(--bs-light-bg-subtle);
  --bs-alert-border-color:var(--bs-light-border-subtle);
  --bs-alert-link-color:var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color:var(--bs-dark-text-emphasis);
  --bs-alert-bg:var(--bs-dark-bg-subtle);
  --bs-alert-border-color:var(--bs-dark-border-subtle);
  --bs-alert-link-color:var(--bs-dark-text-emphasis);
}

.lang_div {position:relative}
.change_lang {cursor:pointer}
.lang_div p {margin:0 !important;padding:0 !important}
.lang_name {cursor:pointer;margin:0 !important;padding:0 !important}
.flag_list {position:absolute;border:1px solid var(--bs-gray-300);border-radius:5em;padding:10px 0;margin-top:5px;background:var(--body-bg);z-index:9;width:40px}
.flag_list ul li {display:block !important;text-align:center !important;border:0 !important;margin:0 !important;padding:0 5px !important}
.flag_list ul li p {padding:0;margin:0}
.flag_list ul li p img {width:40px !important;height:auto !important;border:1px solid var(--bs-gray-200)}

.full_input {width:100%}

/* btn */
a.btn, .btn {padding:0 10px;text-align:center;font-size:1em;border-radius:0.5em;margin-bottom:10px;height:43px;line-height:43px;white-space:nowrap;
-webkit-transition:background 0.3s ease-out;
-moz-transition:background 0.3s ease-out;
-o-transition:background 0.3s ease-out;
transition:background 0.3s ease-out}
a.btn:hover, .btn:hover {text-decoration:none}

a.btn_sm, .btn_sm {height:33px;line-height:33px}

a.btn01, .btn01 {display:inline-block;color:var(--body-color);border:1px solid var(--bs-gray-300);background:var(--bs-gray-200);text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover, .btn01:focus, .btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;color:var(--body-color);border:1px solid var(--bs-gray-300);background:var(--bs-gray-100);text-decoration:none}
a.btn02, .btn02 {display:inline-block;color:var(--main-bg-color);border:1px solid var(--main-bg);background:var(--main-bg);text-decoration:none;vertical-align:middle}
a.btn02:focus, a.btn02:hover, .btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;color:var(--bs-white);border:1px solid var(--bs-gray-800);background:var(--bs-gray-800);text-decoration:none}
a.btn_login, .btn_login {display:inline-block;color:var(--main-color);border:1px solid var(--main-color);background:var(--body-bg);text-decoration:none;vertical-align:middle}
a.btn_login:focus, a.btn_login:hover, .btn_login:focus, .btn_login:hover {text-decoration:none}
a.btn03, .btn03 {display:inline-block;color:var(--body-color);border:1px solid var(--bs-gray-300);background:var(--body-bg);text-decoration:none;vertical-align:middle}
a.btn03:focus, a.btn03:hover, .btn03:focus, .btn03:hover {text-decoration:none}
button.btn03 {display:inline-block;margin:0;color:var(--bs-gray-100);border:1px solid var(--bs-gray-300);background:var(--body-bg);text-decoration:none}
a.btn04, .btn04 {display:inline-block;color:var(--bs-gray-100);border:1px solid var(--bs-gray-900);background:var(--bs-gray-900);text-decoration:none;vertical-align:middle}
a.btn04:focus, a.btn04:hover, .btn04:focus, .btn04:hover {text-decoration:none}
button.btn04 {display:inline-block;margin:0;color:var(--bs-gray-100);border:1px solid var(--bs-gray-900);background:var(--bs-gray-900);text-decoration:none}

.btn_confirm {text-align:center}

.btn_submit {color:var(--main-bg-color);border:1px solid var(--main-border);background:var(--main-bg);cursor:pointer}
.btn_submit:hover {background:var(--main-bg)}
.btn_close {color:var(--body-color);border:1px solid var(--bs-gray-300);background:var(--bs-gray-200);cursor:pointer}
a.btn_close {text-align:center}

a.btn_cancel {display:inline-block;color:var(--body-color);border:1px solid var(--bs-gray-300);background:var(--bs-gray-200);text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;color:var(--body-color);border:1px solid var(--bs-gray-300);background:var(--bs-gray-200);text-decoration:none;vertical-align:middle}
.btn_cancel:hover {text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;border:0;background:var(--bs-black);color:var(--bs-white);text-decoration:none;vertical-align:middle}
button.btn_frmline {font-size:1em;padding:0 10px}

/* btn_b01 */
a.btn_b01, .btn_b01 {display:inline-block;color:var(--bs-gray-800);border:1px solid var(--bs-gray-300);background:var(--body-bg);text-decoration:none;vertical-align:middle}
a.btn_b01:hover, .btn_b01:hover {background:var(--bs-gray-100)}
a.btn_b02, .btn_b02 {display:inline-block;color:var(--main-bg-color);border:1px solid var(--main-bg);background:var(--main-bg);text-decoration:none;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:var(--main-bg)}
a.btn_b03, .btn_b03 {display:inline-block;color:var(--bs-white);border:1px solid var(--bs-red);background:var(--bs-red);text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:var(--bs-red)}
a.btn_b04, .btn_b04 {display:inline-block;color:var(--bs-gray-800);border:1px solid var(--bs-gray-300);background:var(--body-bg);text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:var(--body-color);background:var(--bs-gray-100)}
a.btn_admin, .btn_admin {display:inline-block;color:var(--bs-white);background:var(--bs-black);border:1px solid var(--bs-black);text-decoration:none;vertical-align:middle}
.btn_admin:hover, a.btn_admin:hover {color:var(--bs-white)}

.btn_block {width:100%;display:block}

/* pc_hd */
#pc_hd_qnb li {display:inline-block;position:relative;text-align:center}
#pc_hd_qnb li a {padding:0 10px;display:block}

#pc_hd_wrapper {position:relative;margin:0 auto;padding:20px 20px 16px 20px;background:#33124B}
#pc_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#pc_hd_wrapper a {color:#ffffff}

#pc_hd_top {min-width:var(--main-min-width);width:100%}

#pc_hd_top_menu {background:var(--main-bg)}

.pc_hd_sch_wr {float:left;width:calc(100% - 680px);padding:0 20px}
#pc_hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#pc_hd_sch {border-radius:5px;overflow:hidden}
#pc_hd_sch #sch_str {float:left;width:calc(100% - 50px);height:45px;padding-left:15px;border-radius:5px 0 0 5px;background:var(--bs-gray-100);border-right:0}
#pc_hd_sch #sch_submit {float:left;width:50px;height:45px;border:0;background:var(--main-bg);color:var(--main-bg-color);border-radius:0 5px 5px 0;cursor:pointer;font-size:14px}

#pc_hd_right {float:right;width:450px;margin-top:5px}
.pc_hd_right {font-size:0.8125em}
.pc_hd_right>li {display:inline-block;margin:0 5px;text-align:center;height:45px}
.pc_hd_right i {font-size:1.5em}
.pc_hd_right .count {display:inline-block;position:absolute;line-height:14px;padding:0 5px;border-radius:3px;background:var(--bs-red);color:var(--bs-white);min-width:16px;height:14px;font-size:0.85em;margin:-5px 0 0 -3px}

#pc_hd_login {background:var(--bs-gray-200);height:45px;line-height:45px;padding:0 20px}
.pc_hd_login {position:relative;text-align:right}
.pc_hd_login>li {display:inline-block;margin:0 5px;text-align:center}
.pc_hd_login>li.join {float:right}
.pc_hd_login>li.login {float:right}
.pc_hd_login>li.logout {float:right}
.pc_hd_login>li.config_btn {float:right}
.pc_hd_login>li.login a {font-weight:700;padding:10px;border-radius:3px}
.pc_hd_login>li.logout a {font-weight:700;padding:10px}
.pc_hd_login i {font-size:1em}
.pc_hd_login .count {display:inline-block;position:absolute;line-height:12px;padding:0 5px;border-radius:10px;background:var(--bs-red);color:var(--bs-white);min-width:16px;height:14px;font-size:0.85em}

#pc_hd_menu {position:relative;background:var(--main-bg);margin:0 auto;padding:15px}
#pc_hd_menu:after {display:block;visibility:hidden;clear:both;content:""}
#pc_hd_menu button#menu_open {width:100%;border:0;background:var(--main-bg);text-align:center;color:var(--main-bg-color);font-size:1.083em}
.pc_hd_menu:after {display:block;visibility:hidden;clear:both;content:""}
.pc_hd_menu .col {text-align:center;border-left:1px solid rgba(255, 255, 255, 0.5)}
.pc_hd_menu .col:first-child {border-left:0}
.pc_hd_menu .col a {display:block;color:var(--main-bg-color);font-size:1.083em}

/* side_menu */
#side_menu {height:100%;position:fixed;top:0;right:0;z-index:120;padding-left:40px}

#quick {position:absolute;top:50%;left:0;width:40px;margin-top:-111px;border:1px solid var(--main-border);background:var(--body-bg);border-right:0;border-radius:5em}
#quick li {position:relative}
#quick li button {width:40px;height:40px;border:0;margin:0;font-size:1.125em;background:var(--body-bg);color:var(--body-color)}
.quick_top li button {height:40px !important;margin:0}
#quick .qk_tit {display:none;position:absolute;top:5px;right:45px;white-space:pre;padding:0 15px;line-height:30px;background:var(--bs-gray-800);color:var(--bs-white);font-size:0.75em;border-radius:1em}
#quick .qk_tit:after {content:"";position:absolute;top:10px;right:-8px;display:inline-block;width:0;height:0;border-style:solid;border-top:5px solid var(--clear-bg);border-bottom:5px solid var(--clear-bg);border-left:5px solid var(--bs-gray-800);color:var(--clear-bg)}
#quick li:hover .qk_tit {display:none}
.quick_top {position:fixed !important;left:unset !important;top:0 !important;right:0 !important;margin-top:0 !important;width:299px !important;background:var(--body-bg);border:0 !important;border-bottom:1px solid var(--bs-gray-300) !important;text-align:center;z-index:20}
.quick_top li {display:inline-block !important}

#tabs_con {height:100%;text-align:left}

.side_mn_wr1 {display:none;width:300px;overflow-y:auto;height:100%}
.side_mn_wr2 {display:none;width:300px;overflow-y:auto;height:100%}
.side_mn_wr3 {display:none;width:300px;overflow-y:auto;height:100%}
.side_mn_wr4 {display:none;width:300px;overflow-y:auto;height:100%}
.btn_sm_on i {color:var(--main-color)}

.qk_con {display:none;position:relative;width:300px;height:100%;background:var(--body-bg);border-left:1px solid var(--main-border)}
.qk_con h2.s_h2 {position:relative;margin:0;padding:15px;border-bottom:1px solid var(--bs-gray-200)}
.qk_con h2.s_h2 span {display:inline-block;min-width:20px;padding:2px 8px;border-radius:30px;text-align:center;background:var(--bs-gray-100);color:var(--main-color);font-size:0.7em;font-weight:normal;vertical-align:text-bottom}
.qk_con_wr {padding:40px 0 0 0;height:100%;overflow-y:auto}
.qk_con_wr .btn_side_shop {position:relative;width:100%;height:30px;background:none;border:0;text-align:left}
.qk_con_wr .btn_side_shop span {position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:var(--body-bg);background:var(--bs-red)}
.qk_con_wr .con_close {position:fixed;top:0;right:299px;width:40px;height:40px;font-size:1.125em;color:var(--bs-gray-500);background:var(--body-bg);border:1px solid var(--main-border);border-top:0;border-right:1px solid var(--body-bg);border-radius:5em 0 0 5em !important}
.qk_con_wr .con_close:hover {color:var(--bs-gray-400)}
.qk_con_wr .side_tnb {padding:25px 0}
.qk_con_wr .side_tnb li a {display:block;line-height:28px;color:var(--body-color);padding:5px 25px;border-bottom:1px solid var(--bs-gray-200)}
.qk_con_wr .side_tnb li:hover a {color:var(--main-color)}

.top_btn_side {right:300px !important}

#pc_category {display:none;position:fixed;top:0;left:0;height:100%;overflow-y:auto;border:1px solid var(--bs-gray-300);width:300px;background:var(--body-bg);z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}
#pc_category .sub_cate {display:block}
#pc_category h2 {padding:15px 20px;border-bottom:1px solid var(--bs-gray-300)}
#pc_category ul:after {display:block;visibility:hidden;clear:both;content:""}
#pc_category .cate_li_1_a {padding:15px;display:block;position:relative}
#pc_category .cate_li_2 a {padding:10px 15px 10px 20px;display:block;color:var(--bs-gray-800);background:var(--bs-gray-100);border-bottom:1px solid var(--bs-gray-300)}
#pc_category .cate_li_2 a:before {font-family:"Font Awesome 7 Free";font-weight:600;content:"\f0da";padding-right:10px}
#pc_category .close_btn {position:absolute;top:10px;right:10px;background:var(--body-bg);color:var(--bs-gray-500);border:0;vertical-align:top;font-size:1.25em}
#pc_category_all_bg {display:none;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
#pc_category .no-cate {text-align:center;padding:15px}
/**************/

.register_textarea_box {border:1px solid var(--bs-gray-200);width:100%;height:200px;padding:15px;overflow-y:scroll}

.container_full {width:100% !important}

.cheditor-popup-cframe {height:auto !important}

.cutstr {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.cut2str {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.cut3str {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}
.cut4str {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word}

.pull-left {float:left}
.pull-right {float:right}
.clearfix {clear:both}
.text-center {text-align:center}
.text-right {text-align:right}
.text-left {text-align:left}

.fw100 {font-weight:100 !important}
.fw300 {font-weight:300 !important}
.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.fw900 {font-weight:900 !important}
.font-size10 {font-size:var(--font-size-10)}
.font-size11 {font-size:var(--font-size-11)}
.font-size12 {font-size:var(--font-size-12)}
.font-size13 {font-size:var(--font-size-13)}
.font-size14 {font-size:var(--font-size-14)}
.font-size15 {font-size:var(--font-size-15)}
.font-size16 {font-size:var(--font-size-16)}
.font-size17 {font-size:var(--font-size-17)}
.font-size18 {font-size:var(--font-size-18)}
.font-size19 {font-size:var(--font-size-19)}
.font-size20 {font-size:var(--font-size-20)}
.font-size21 {font-size:var(--font-size-21)}
.font-size22 {font-size:var(--font-size-22)}
.font-size23 {font-size:var(--font-size-23)}
.font-size24 {font-size:var(--font-size-24)}
.font-size25 {font-size:var(--font-size-25)}
.font-size26 {font-size:var(--font-size-26)}
.font-size27 {font-size:var(--font-size-27)}
.font-size28 {font-size:var(--font-size-28)}
.font-size29 {font-size:var(--font-size-29)}
.font-size30 {font-size:var(--font-size-30)}
.font-size31 {font-size:var(--font-size-31)}
.font-size32 {font-size:var(--font-size-32)}
.h05 {height:5px}
.h10 {height:10px}
.h15 {height:15px}
.h20 {height:20px}
.h30 {height:30px}
.h40 {height:40px}
.h50 {height:50px}
.h60 {height:60px}
.h70 {height:70px}
.h80 {height:80px}
.h90 {height:90px}
.h100 {height:100px}

.color_red {color:var(--bs-red)}
.color_01 {color:var(--main-color)}
.text_link {text-decoration:underline}
.required_txt {color:var(--main-color);margin-left:10px}

.btn_re_submit {border:1px solid var(--main-border);background:var(--main-bg);color:var(--bs-white) !important;cursor:pointer;border-radius:1em;display:block;margin:0 0 10px 0;padding:15px 0;text-align:center}
.btn_re_submit:hover {background:var(--main-bg)}
.taxsave_print {border:1px solid var(--main-border);background:var(--main-bg);color:var(--bs-white) !important;cursor:pointer;border-radius:1em;display:block;margin:0 0 10px 0;padding:15px 0;text-align:center}

.ct_status200 {width:200px}
.btnblock {display:block;width:100%}

.pointer {cursor:pointer}

.page404 {padding:20px}
.page404 a {color:var(--body-color);text-decoration:underline}
.box404 {background:var(--bs-gray-100);padding:10px}

#side_menu {display:none}
@media (min-width:1200px) {
    #side_menu {display:block}
}

.row img {max-width:100%;height:auto}

.taxsave {margin:0 0 10px 0}

.item_detail {font-size:0.875em}

.sod_card {margin:0 0 10px}
.sod_card table {width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 20px 0}
.sod_card th {padding:5px 0;border:1px solid var(--bs-gray-300);text-align:center}
.sod_card td {padding:5px 10px;border:1px solid var(--bs-gray-300);word-break:break-all}
.sod_card .btn_submit {height:auto;padding:10px 0}

.frm_zip {border:1px solid var(--border-input);background:var(--bg-input);color:var(--body-color);vertical-align:middle;padding:5px;font-size:1.083em;width:150px}
.frm_zip {height:45px;margin:0 0 5px}

.fixed {position:fixed !important;width:100%;top:0;right:0;left:0;z-index:20}

.hidden_mobile {display:none}
.hidden_pc {display:block}
@media (min-width:992px) {
    .hidden_mobile {display:block}
    .hidden_pc {display:none}
}

#pc_gnb {position:relative;background:#33124B;padding:0 15px}
#pc_gnb a{color:#ffffff;font-weight:700}
#pc_gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#pc_gnb .pc_gnb_wrap {margin:0 auto;position:relative}
#pc_gnb .pc_gnb_wrap:hover, #pc_gnb .pc_gnb_wrap:focus, #pc_gnb .pc_gnb_wrap:active {z-index:3}
#pc_gnb #pc_gnb_1dul {font-size:1.083em;padding:0;zoom:1}
#pc_gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#pc_gnb .col {border-left:1px solid rgba(255, 255, 255, 0.5)}
#pc_gnb .col:first-child {border-left:0}
#pc_gnb .pc_gnb_1dli {text-align:center;padding:0;position:relative}
#pc_gnb .pc_gnb_1dli:hover > a {color:var(--main-bg-color);
-webkit-transition:background 2s ease-out;
-moz-transition:background 0.3s ease-out;
-o-transition:background 0.3s ease-out;
transition:background 0.3s ease-out}

.pc_gnb_1dli .bg {position:absolute;top:50%;right:10%;margin-top:-8px;color:var(--main-bg-color)}
.pc_gnb_1dli .bg:before {font-family:"Font Awesome 7 Free";font-weight:900;content:"\f107";position:absolute;margin-top:0;cursor:pointer;color:var(--main-bg-color)}
.pc_gnb_1da {display:block;padding:0;color:var(--main-bg-color);text-decoration:none}
.pc_gnb_1dli.pc_gnb_al_li_plus .pc_gnb_1da {padding-right:25px}
.pc_gnb_2dli:first-child {border:0}
.pc_gnb_2dul {display:none;position:absolute;top:35px;width:100%;padding:0}
.pc_gnb_2dul .pc_gnb_2dul_box {border:1px solid var(--bs-gray-200);border-top:0;padding:0;
-webkit-box-shadow:0 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0 1px 5px rgba(97, 97, 97, 0.2)}
.pc_gnb_2da {display:block;padding:0 10px;line-height:45px;background:var(--body-bg);color:var(--body-color);text-align:left;text-decoration:none}
a.pc_gnb_2da:hover {color:var(--main-color);background:var(--bs-gray-100);
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.pc_gnb_1dli_air .pc_gnb_2da {}
.pc_gnb_1dli_on .pc_gnb_2da {}
.pc_gnb_2da:focus, .pc_gnb_2da:hover {color:var(--bs-white)}
.pc_gnb_1dli_over .pc_gnb_2dul {display:block;left:0}
.pc_gnb_1dli_over2 .pc_gnb_2dul {display:block;right:0}
.pc_gnb_wrap .pc_gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.3em;color:var(--bs-white)}
.pc_gnb_wrap .pc_gnb_empty a {color:var(--bs-white);text-decoration:underline}
.pc_gnb_wrap .pc_gnb_al_ul .pc_gnb_empty, .pc_gnb_wrap .pc_gnb_al_ul .pc_gnb_empty a {color:var(--bs-gray-800)}

#pc_gnb .pc_gnb_menu_btn {background:var(--main-bg);color:var(--main-bg-color);border:0;vertical-align:top;font-size:1.083em}
#pc_gnb .pc_gnb_close_btn {background:var(--body-bg);color:var(--bs-gray-500);width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#pc_gnb .pc_gnb_mnal {padding:0}

#pc_gnb_all {display:none;position:absolute;border:1px solid var(--bs-gray-300);width:100%;background:var(--body-bg);z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}
#pc_gnb_all h2 {padding:15px 20px;border-bottom:1px solid var(--bs-gray-200)}
#pc_gnb_all .pc_gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#pc_gnb_all .pc_gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#pc_gnb_all .pc_gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid var(--bs-gray-200)}
#pc_gnb_all .pc_gnb_al_li .pc_gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;color:var(--main-color)}
#pc_gnb_all .pc_gnb_al_li li {line-height:2em}
#pc_gnb_all .pc_gnb_al_li li a {color:var(--bs-gray-800)}
#pc_gnb_all_bg {display:none;background:rgba(0, 0, 0, 0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

#ctt_con table {margin:0 0 10px}
#ctt_con table {width:100%;border-collapse:collapse;border-spacing:0}
#ctt_con thead th {color:var(--body-color);background:var(--bs-gray-200);padding:8px;border:1px solid var(--bs-gray-300)}
#ctt_con thead td {color:var(--body-color);background:var(--body-bg);padding:8px;border:1px solid var(--bs-gray-200);word-break:break-all}
#ctt_con tbody th {padding:8px;background:var(--bs-gray-100);border:1px solid var(--bs-gray-200)}
#ctt_con tbody td {color:var(--bs-gray-800);padding:8px;border:1px solid var(--bs-gray-200);word-break:break-all}

.cart_title {border-bottom:1px solid var(--bs-gray-300);text-align:right;margin-bottom:20px;padding:0 0 5px 0}
.cart_line {border-bottom:1px solid var(--bs-gray-300);margin-bottom:20px;padding:0 0 15px 0}

@media (max-width:767px) {
  .cart-flex-lg-column-reverse {
    flex-direction:column-reverse !important;
  }
}

.bg-container {background:var(--bs-gray-100)}
.bg-container .col-box {background:var(--body-bg);padding:20px;border-radius:1em}
.cart_after_title {font-size:1.25em;font-weight:500;margin:0 0 10px 0}
.cart_after_box {border:1px solid var(--bs-gray-300);padding:15px;margin-bottom:20px}
.cart_after_box .sod_name {padding:5px 0 0 0}
.cart_after_box .prd_name {font-size:1.25em}
.cart_after_box .btn_wish {border:0;background:var(--body-bg)}
.cart_after_box .btn_wish:hover {text-decoration:underline}

.sod_count {border:3px solid var(--main-border);padding:0 10px;border-radius:30px}
.sod_count input[type="text"] {height:30px;width:40px;border:0}
.sod_count .btn {width:30px;height:30px;line-height:30px;padding:0 5px;border:0;background:var(--body-bg)}

.sod_option2 {line-height:30px}

.sub_total {font-size:1.25em;text-align:right}
.item_load_msg {display:none}

.sod_ws_info {background:var(--bs-gray-100);padding:5px;margin-bottom:15px}

.gnb_ol {position:relative;margin:0px;text-align:center}
.gnb_ol h2 {width:0;height:0;overflow:hidden}

#gnb_ol_before {background:#33124B;padding:11px 15px 1px 15px;text-align:left}
#gnb_ol_before input[type=text], #gnb_ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
#gnb_ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
#gnb_ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
.gnb_ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1em}
.gnb_ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
#gnb_ol_password_lost {border-left:1px solid #777}

#gnb_ol_after_hd {position:relative;background:#33124B;padding:10px 15px}
#gnb_ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_ol_after_hd strong {display:block;float:left;color:#fff;padding:0 0 0 15px;line-height:40px}
#gnb_ol_after_hd .btn_admin {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
#gnb_ol_after_hd .profile_img {position:relative;float:left;display:inline-block}
#gnb_ol_after_hd .profile_img img {width:37px;height:37px;border-radius:50%}
#gnb_ol_after_info {position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#212020}
#gnb_ol_after_info i {color:#fff;font-size:1em}

#gnb_ol_after_private {clear:both;background:var(--bs-gray-100);padding:0;list-style:none;border-bottom:1px solid var(--bs-gray-400)}
#gnb_ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_ol_after_private li {position:relative;text-align:left;border-top:1px solid var(--bs-gray-400)}
#gnb_ol_after_private li a {color:#000}
#gnb_ol_after_private i {margin:0 5px 0 0;color:#b9bcbf;font-size:1.2em}
#gnb_ol_after_private strong {position:absolute;top:10px;right:10px}
#gnb_ol_after_memo strong {background:#37bc9b;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
#gnb_ol_after_pt strong {background:#8cc152;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em;font-weight:normal}
#gnb_ol_after_private li#gnb_ol_after_scrap {border-right:0;text-align:left}
#gnb_ol_after_private a {display:block;padding:10px 15px}

#gnb_ol_after_btn {position:absolute;top:15px;right:55px}
#gnb_ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;font-weight:bold}
#gnb_ol_after_logout {background:#3a8afd;color:#fff}

.video-wrap {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:20px}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute;top:0; left:0;width:100%;height:100%}

#pc_gnb {width: 100%;padding:12px 0;height:40px;line-height:40px;}
#pc_gnb .swiper-slide {height:15px;line-height:15px;text-align:center}
#pc_gnb .swiper-slide a {padding:0 10px}

.bo_v_atc table {width:100%;border-collapse:collapse;border-spacing:0}
.bo_v_atc th {padding:10px;font-weight:normal;text-align:center;border:1px solid var(--bs-gray-300);background:var(--bs-gray-100);word-break: normal;
white-space: nowrap;
overflow: visible}
.bo_v_atc td {padding:10px;border:1px solid var(--bs-gray-300);line-height:1.5em;word-break:break-all}

.bo_v_atc .wr_schedules ul {float:left;width:calc(100% / 7)}
.bo_v_atc .wr_schedules .date{padding:5px;font-weight:normal;text-align:center;border:1px solid var(--bs-gray-300);background:var(--bs-gray-100);font-size:0.75em}
@media (min-width:992px) {
.bo_v_atc .wr_schedules .date{padding:5px;font-weight:normal;text-align:center;border:1px solid var(--bs-gray-300);background:var(--bs-gray-100);font-size:0.875em}
}
.bo_v_atc .wr_schedules .time{padding:5px;text-align:center;border:1px solid var(--bs-gray-300);line-height:1.5em;word-break:break-all;min-height:70px;font-size:0.875em}
.bo_v_atc .wr_catchcopy {padding:5px 15px;margin:0 0 5px 0;background:#33124b;color:#ffffff;font-weight:700}
.bo_v_atc .wr_name {padding:10px 20px;margin:0 0 5px 0;background:linear-gradient(to right, #9050fb, #fd5494);color:#ffffff;font-weight:700}
.bo_v_atc .wr_name a {color:#ffffff}

.bo_v_atc .h4_title1 {display:inline-block;padding:0px 15px;margin:0 0 5px 0;background:var(--bs-gray-900);color:var(--bs-gray-100);border-radius:5em;font-size:0.875em}
.bo_v_atc .h4_title2 {display:inline-block;padding:0px 15px;margin:0 0 5px 0;background:var(--main-bg);color:var(--main-bg-color);border-radius:5em;font-size:0.875em}
.bo_v_atc .content {line-height:1.7em}
.bo_v_atc .content_box1 {border:2px solid var(--bs-gray-900);padding:15px;white-space:normal;word-break:break-all}
.bo_v_atc .content_box2 {border:2px solid var(--main-bg);padding:15px;white-space:normal;word-break:break-all}

.bo_v_atc .tags_title {margin:0 0 5px 0}
.bo_v_atc .wr_tags_box {height:20px;overflow:hidden}
.bo_v_atc .tags1 li {display:inline-block}
.bo_v_atc .tags1 li a {color:#ffffff;display:block}
.bo_v_atc .tags2 li {display:inline-block}
.bo_v_atc .tags2 li a {color:#ffffff;display:block}
.bo_v_atc .tags1 .wr_tags {font-weight:500;padding:2px 10px;font-size:0.875em;background:#FF5A3F;color:var(--main-bg-color);margin:0 5px 5px 0;border-radius:5em;white-space:normal;word-break:break-all}
.bo_v_atc .tags2 .wr_tags2 {font-weight:500;padding:2px 10px;font-size:0.875em;background:var(--bs-gray-700);color:var(--bs-gray-100);margin:0 5px 5px 0;border-radius:5em;white-space:normal;word-break:break-all}

.bo_v_upso table {width:100%;border-collapse:collapse;border-spacing:0}
.bo_v_upso th {padding:10px;font-weight:normal;text-align:center;border:1px solid var(--bs-gray-400);background:var(--bs-gray-600);color:#ffffff;word-break: normal;
white-space: nowrap;
overflow: visible}
.bo_v_upso td {padding:10px;border:1px solid var(--bs-gray-400);line-height:1.5em;word-break:break-all}

#bo_gall  .row img {width: 100%;height: auto}
.gall_img{display:block;width:100%;aspect-ratio:3/4;/* overflow:hidden; */position:relative;}
.gall_img img{width:100%;height:100%;object-fit:cover;transition: transform 0.3s ease;position:relative;border-radius:0.5em 0.5em 0 0;z-index:1;}
/* .gall_img:hover img{transform: scale(1.1)} */
.wr_over_box{position:relative}
.wr_over{position:absolute;left:0;bottom:0;width:100%;height:50%;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 10px 5px;font-size:.875em;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,0) 100%);z-index:2;}
.wr_over img {border-radius:0.5em 0.5em 0 0}
.wr_size {padding:2px 0;color:#fff001}

.wr_tags_box li {display:inline-block}
.wr_tags {padding:2px 10px;font-size:0.875em;background:#FF5A3F;color:var(--main-bg-color);margin:0 5px 5px 0;border-radius:5em;white-space:normal;word-break:break-all}

.wr_status_ishime {
display: flex;
justify-content: space-between;
margin:0 -10px -5px -10px;background:var(--bs-gray-900);color:#fff001;height:22px;line-height:22px}
.wr_status_ishime li {display:inline-block}
.wr_status_ishime .wr_status {padding:0 10px;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.wr_status_ishime .wr_ishime {background:#ff0000;color:#ffffff;padding:0 5px;height:22px;line-height:22px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.wr_schedules_time{padding:0 10px;font-size:0.875em;background:#603390;color:var(--bs-gray-100);height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.wr_schedules_time2{margin-top:5px;padding:0;font-size:0.875em;border:1px solid var(--main-color);border-radius:5em;color:var(--main-color);height:25px;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.wr_area{padding:0 10px;font-size:0.875em;background:var(--main-bg);color:var(--bs-gray-100);height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.wr_entrydate {font-size:0.875em;background:rgba(51, 18, 75, 0.9) !important;color:var(--bs-gray-100) !important;margin:0 5px 5px 0;border-radius:5em;text-align:center;white-space:normal;word-break:break-all}
.upso_mb_1_sub{padding:2px 10px;font-size:0.875em;background:#603390;color:var(--bs-gray-100);line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.latest_info {font-size:.875em;color:var(--bs-gray-100);background:var(--bs-gray-900);padding:5px 10px;}
.wr_over_ribon{position:absolute;left:-5px;top:5px;font-size:.875em;color:#fff;background:#ff0000;height:22px;line-height: 22px;padding:0 10px;z-index:3}

.date_red {color:#ff0000}
.date_blue {color:#0000ff}

.left_upso {border:2px solid #603390}
.left_upso .mb_mimg1 {background: #603390}
.left_upso .mb_mimg1 img {width:100%}
.left_upso .mb_1 {display:block;background: #603390;color:#ffffff;padding:10px}
.left_upso .left_upso_info {padding:10px;line-height:1.8em}
.left_upso .left_upso_info .mb_tel {margin:10px 0}
.left_upso .left_upso_info .mb_tel a {color:var(--main-bg-color) !important}
.mb_tel_bg {background:var(--main-bg) !important;color:var(--main-bg-color) !important;font-weight:700;display:block;font-size:1.25em}
.left_upso .left_upso_info .mb_line {margin:10px 0}
.mb_line_bg {background:#06C755 !important;color:var(--main-bg-color) !important;font-weight:700}
.left_upso .left_upso_info .mb_kakao {margin:10px 0}
.mb_kakao_bg {background:#FEE500 !important;color:#3C1E1E !important;font-weight:700}
.mb_kakao_bg_btn {line-height:30px;height:80px;padding:10px;margin:0}
.left_upso .left_upso_info .mb_telegram {margin:10px 0}
.mb_telegram_bg {background:#229ED9 !important;color:#ffffff !important;font-weight:700}
.left_upso .left_upso_info .mb_caution {margin:10px 0}
.left_upso .left_upso_info .mb_caution_bg {background:#FF5A3F;color:var(--main-bg-color);font-weight:700}
.left_upso .left_upso_info .mb_ryoukin a {font-weight:700}
.mb_price_kr img {width:20px;height:20px;vertical-align:middle}

.title_bg0 {font-weight:700;padding:10px 15px;margin:0 0 10px 0;background: linear-gradient(to right, #9050fb, #fd5494);color:#ffffff}
.title_bg {font-weight:700;padding:10px 15px;margin:0 0 10px 0;background:var(--main-bg);color:var(--main-bg-color)}
.title_bg1{display:block;width:100%;padding:10px 15px;margin:0 0 10px 0;font-weight:700;color:var(--main-bg-color);background:var(--main-bg)}
.title_bg2 {font-weight:700;padding:10px 15px;margin:0 0 10px 0;background:#33124B;color:#ffffff}

.main_title_bg {font-weight:700;padding:10px 0;margin:0 0 10px 0;text-align:center;font-size:1.25em;line-height:1.25em}
.main_title_bg span {display:block;font-weight:500;margin-top:5px;font-size:0.75em}

.mb_img1 img {width:100%}

.upso_info_pc {margin-top:10px}
.upso_info_pc .tags1 li {display:inline-block}
.upso_info_pc .tags1 .wr_tags {padding:0 10px;font-size:0.8125em;background:#FF5A3F;color:var(--main-bg-color);margin:0 5px 5px 0;border-radius:5em;white-space:normal;word-break:break-all}

.top-right {display: flex;flex-direction: column;justify-content: center; /* 세로 중앙 */}

.shop_top_gnb_title{font-weight:700;margin-bottom:15px;padding:10px 15px;background:linear-gradient(to right,#9050fb,#fd5494);color:#fff}
.shop_top_cgnb{font-size:1em;padding:0 15px;text-align:center}
.shop_top_cgnb .col{flex:0 0 auto;width:33.3333333333%;border-left:0;margin-bottom:10px}
.shop_top_cgnb .col a{display:block;background:#603390;border-radius:.5em;padding:5px 0;color:#fff}

.shop_top_gnb{font-size:1em;padding:0;text-align:center}
.shop_top_gnb .col{flex:0 0 auto;width:33.3333333333%;border-left:0;margin-bottom:10px}
.shop_top_gnb .col a{display:block;background:#603390;border-radius:.5em;padding:5px 0}
.shop_top_gnb a{color:var(--bs-gray-100)}

@media(min-width:992px){
.shop_top_gnb{font-size:1em;padding:10px 20px;background:#603390;text-align:center;margin-bottom:0}
.shop_top_gnb .col{flex:1 0 0%;border-left:1px solid rgba(255,255,255,.5);margin-bottom:0}
.shop_top_gnb .col:first-child{border-left:0}
.shop_top_gnb .col a{color:var(--bs-gray-100);padding:0}
}

.sns_wrap{display:flex;gap:12px}
.sns_item{display:flex;align-items:center;justify-content:center;text-decoration:none}
.sns_item.active.line{font-size:60px;color:#06C755}
.sns_item.active.x{font-size:65px;color:#000}
.sns_item.active.tiktok{font-size:60px;color:#000}

.tag_wrap{display:flex;flex-direction:column;gap:5px}
.tag_line{display:flex;flex-wrap:wrap;gap:5px}
.tag_item{padding:0 10px;border-radius:5em;font-size:.875em;white-space:nowrap}

.line_0 .tag_item{background:#FF5A3F;color:var(--main-bg-color)}
.line_0 .tag_item a{display:block;color:#ffffff}
.line_1 .tag_item{background:var(--bs-gray-700);color:var(--bs-gray-100)}
.line_1 .tag_item a{display:block;color:#ffffff}

#main-img{width:100%;border-radius:0.5em}
.video-view{width:100%;margin:0 0 20px 0}

.btn_radius {border-radius:0.5em !important}
.btn0 {margin:0 !important}

.hd_popular {height:25px;line-height:25px;overflow:hidden}

#regionModal{display:none;position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;align-items:center;justify-content:center;overscroll-behavior:contain}
#regionModal.active{display:flex}
#regionModal .commonModal{position:relative;background:#fff;width:90%;max-width:800px;border-radius:1em;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;padding:15px}
#regionModal #modalTitle{flex-shrink:0;font-weight:700;padding:5px 15px;background:var(--bs-gray-500);color:var(--bs-gray-100)}
#regionModal #modalContent{flex:1;margin-top:10px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;word-break:break-word}
#regionModal .closeModal{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px}
#regionModal .closeModal button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent;color:#fff;border:none;padding:0;line-height:1}
#regionModal .closeModal i{font-size:20px;line-height:1}

.area_wrap{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}
.area_btn{display:inline-block;padding:5px 8px;background:#eee;border-radius:5px;font-size:12px;text-decoration:none;color:#333}

#commonModal{display:none;position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;align-items:center;justify-content:center;overscroll-behavior:contain}
#commonModal.active{display:flex}
#commonModal .commonModal{position:relative;padding:15px;background:#fff;width:90%;max-width:800px;border-radius:1em;margin:0;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
#commonModal #modalTitle{flex-shrink:0;font-weight:700;padding:5px 15px;background:var(--bs-gray-500);color:var(--bs-gray-100)}
#commonModal #modalContent{flex:1;margin-top:10px;line-height:15px;white-space:pre-line;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#commonModal button{background:transparent;color:#fff;border:none;padding:0}
#commonModal .closeModal{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px}
#commonModal .closeModal button{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#commonModal .closeModal i{font-size:20px;line-height:1}

.search_wr_img1{width:100%;max-width:120px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}
.search_wr_img1 img{width:100%;height:100%;object-fit:cover}

.upsoinfo a {color:#FB5496}

/* .rank_no {position:absolute;top:10px;left:10px;width:80px;height:80px;z-index:5} */

.upso_total {margin-bottom:15px;line-height:1.7em}
.upso_total hr {border:0;height:1px;background:var(--bs-gray-500);display:block}
.upso_total table {width:100%;border-collapse:collapse;border-spacing:0;margin:0;text-align:center}
.upso_total th {padding:5px;background:var(--bs-gray-500);color:var(--bs-gray-800);border:1px solid var(--bs-gray-400)}
.upso_total td {background:var(--bs-gray-200);color:var(--bs-gray-800);padding:8px;border:1px solid var(--bs-gray-400);word-break:break-all}

.upso_box {}
.upso_box_list {border:1px solid var(--bs-gray-500);margin-bottom:15px;padding:5px}
.upso_box_list .line_0 .tag_item {line-height:18px}
.upso_box_list .upso_box_list_inner {padding:5px 5px 0 5px;font-size:0.9375em;line-height:26px}
.upso_box_list .upso_box_list_inner_txt {padding:5px 10px 0 10px;font-size:0.9375em;line-height:26px}
.upso_box_list .mb_1_sub {padding:5px 10px;background:var(--bs-gray-200);color:var(--bs-gray-700);line-height:20px;height:50px;font-size:0.9375em;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.upso_box_list .mb_1 {font-weight:700;padding:10px;margin:0;background:linear-gradient(to right, #9050fb, #fd5494);color:#ffffff}
.upso_box_list .mb_1 a {color:#ffffff}

.upso_box_list .mb_4 {padding:5px 10px;margin:0}
.upso_box_list .mb_4 .line_0 {background:#FF5A3F;color:var(--main-bg-color)}
.upso_box_list .mb_4 .line_1 {background:var(--bs-gray-700);color:var(--bs-gray-100)}

.upso_box_list .mb_today {background:#FFEEFF;font-weight:700;padding:5px 15px;font-size:1em;text-align:center}
.upso_box_list .mb_today span{font-size:1.3em;color:var(--main-color)}

.upso_box_list .gall_li_img {position:relative}
.upso_box_list .op_1 {position:absolute;right:0;z-index:9}
.upso_box_list .op_1 img {border-radius:5em}

.rank_no{position:absolute;top:0;left:0;width:60px;height:60px;z-index:10;color:#fff;font-weight:700;display:flex;align-items:flex-start;justify-content:flex-start;padding:5px 0 0 8px;font-size:1.5em}
.rank_no::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:60px solid #ff3b30;border-right:60px solid transparent;z-index:-1}
.rank_no span{font-size:12px;margin-left:2px;margin-top:6px;opacity:.9}
.rank_10{padding:5px 0 0 5px}
@media(min-width:992px){
.rank_no{position:absolute;top:0;left:0;width:70px;height:70px;z-index:10;color:#fff;font-weight:700;display:flex;align-items:flex-start;justify-content:flex-start;padding:5px 0 0 10px;font-size:2em}
.rank_no::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:70px solid #ff3b30;border-right:70px solid transparent;z-index:-1}
.rank_10{padding:3px 0 0 5px}
}
.rank_1::before{border-top-color:#d4af37}
.rank_2::before{border-top-color:#c0c0c0}
.rank_3::before{border-top-color:#cd7f32}
.rank_4::before{border-top-color:#757575}
.rank_5::before,
.rank_6::before,
.rank_7::before,
.rank_8::before,
.rank_9::before,
.rank_10::before{border-top-color:#9e9e9e}
.rank_1,.rank_2,.rank_3,.rank_4,.rank_5,.rank_6,.rank_7,.rank_8,.rank_9,.rank_10{
  color:#fff;
  font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,0.5);
}

.review_box li {padding:10px;border:1px solid var(--bs-gray-500);margin-bottom:15px}
.review_wr_img1{width:100%;max-width:120px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}
.review_wr_img1 img{width:100%;height:100%;object-fit:cover}

.review_box .wr_name {font-size:0.875em;background:var(--bs-gray-500);padding:5px 10px;margin-bottom:5px}
.review_box .wr_content {line-height:1.7em}
.review_box .rv_area {margin:0 0 5px}
.review_box .rv_shop_name {margin:0 0 5px}

.area_box {border:2px solid #33124B;padding:5px 5px 0 5px;margin-bottom:10px}
.area_box .btn {height:30px;line-height:30px;font-size:0.875em;border-radius:3px}

.upso_area {margin-bottom:10px}
.upso_area .btn {height:30px;line-height:30px;font-size:0.875em;border-radius:3px}

.filter_group{margin-bottom:10px}
.filter_title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filter_buttons{display:flex;flex-wrap:wrap;gap:8px}
.btn_filter{display:inline-block;padding:5px 10px;font-size:0.875em;border-radius:20px;border:1px solid #ddd;background:#fff;color:#333;text-decoration:none;transition:all .2s}
.sort_group .btn_filter.active{background:#33124B;color:#fff;border-color:#33124B}
.price_group .btn_filter.active{background:#fd5494;color:#fff;border-color:#fd5494}
.btn_filter:hover{opacity:0.85}

.city_box { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.city_btn { padding:5px 10px; border:1px solid #ccc; background:#fff; cursor:pointer; border-radius:5em; font-size:0.875em; }
.city_btn.active0 { background:#33124B; color:#fff; border-color:#33124B; }
.city_btn.active { background:#fd5494; color:#fff; border-color:#fd5494; }

.mb_img_wrap,.mb_mimg_wrap{position:relative;overflow:hidden;}
.fade_img.base{position:relative;width:100%;height:auto;display:block;opacity:1;}
.fade_img:not(.base){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.fade_img{opacity:0;transition:opacity 1s ease;}
.fade_img.active{opacity:1;}

.mb_3_box { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;background:#E6D9F7;padding:10px}
.mb_3_btn { padding:5px 10px; border:1px solid #ccc; background:#fff; cursor:pointer; border-radius:5em; font-size:0.875em; }
.mb_3_btn.active0 { background:#33124B; color:#fff; border-color:#33124B; }
.mb_3_btn.active { background:#fd5494; color:#fff; border-color:#fd5494; }

.girllist_search_box { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;background:#E6D9F7;padding:10px}
.girllist_search_btn { padding:5px 10px; border:1px solid #ccc; background:#fff; cursor:pointer; border-radius:5em; font-size:0.875em; }
.girllist_search_btn.active0 { background:#33124B; color:#fff; border-color:#33124B; }
.girllist_search_btn.active { background:#fd5494; color:#fff; border-color:#fd5494; }

.list_schedules li {float:left;width:calc(100% / 7);padding:0;margin:0;border:1px solid #33124B;border-left:0;background:#ffffff;}
.list_schedules li:first-child {border-left:1px solid #33124B}
.list_schedules .date{font-weight:normal;text-align:center;font-size:0.75em}
.list_schedules .date a {padding:10px 5px;display:block;color:#33124B}
@media (min-width:992px) {
.list_schedules .date{font-weight:normal;text-align:center;font-size:0.875em}
}
.list_schedules a.date_active {background:#33124B;color:#fff}

#cate_tnb {text-align:center;padding:10px}
#cate_tnb a {border:1px solid var(--bs-gray-500);display:block;padding:10px 5px;border-radius:5em;}

.cate_sns {text-align:center;padding:10px}
.cate_sns a {font-size:1.5em;padding:10px 5px}

.ft_sns {text-align:center;padding:10px}
.ft_sns a {font-size:1.25em;padding:10px 5px}

@media (min-width: 992px) {
  .row-cols-lg-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }
}

.left_slide .swiper-slide {padding:10px 15px 20px 15px}
.left_slide .swiper-pagination {bottom:0px !important}
.left_slide .swiper-pagination-bullet-active {background:#333333}

.cf_search_txt {padding:20px 0;line-height:25px}

.mb_ryoukin_add img {max-width:100%}

.bigimg img {height:32px !important}
#ft_company img {height:16px !important}

/* 헤더 우측 60px 위치에 wrap 자체를 배치 (버튼 폭만큼 차지) */
.globe_wrap {
    position: absolute;
    top: 0;
    right: 60px;
    width: 60px;
    height: 60px;
}
#globe_btn {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    color: var(--bs-white);
    font-size: 1.6em;
    line-height: 60px;
    padding: 0;
    cursor: pointer;
    text-align: center;
}
.globe_menu_layer {
    position: absolute;
    top: 100%;
    right: 30px;
    transform: translateX(50%);   /* 버튼 중앙에 레이어 중심 정렬 */
    min-width: 65px;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    padding: 5px 0 10px 0;
    z-index: 9999;
    color: #333;
    margin-top: 6px;
    line-height: 40px !important;
}
.globe_menu_layer .bigimg { margin: 0; }
.globe_menu_layer .bigimg a { margin: 0; }
/* 화살표(꼭지) — 레이어 가로 중앙(=버튼 중앙) */
.globe_menu_layer::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    transform: rotate(45deg);
}