@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,
#user_btn,
#btn_hduser {height:60px !important}
#btn_hdcate,
#btn_hdsch,
#btn_hdsch2,
#btn_hdcart,
#btn_hduser {height:60px !important;line-height:60px !important}

#container_title.fixed {top:60px}

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(--body-color);border:1px solid var(--bs-gray-300);background:var(--body-bg);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;color:#ffffff}
#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:0.5em;overflow:hidden}
#pc_hd_sch #sch_str {float:left;width:calc(100% - 50px);height:45px;padding-left:15px;border-radius:5em;background:var(--bs-gray-100)}
#pc_hd_sch #sch_submit {float:left;width:45px;height:45px;border:0;background:var(--main-bg-color);color:var(--bs-gray-900);cursor:pointer;font-size:1.25em}

#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:1em;background:var(--bs-red);color:var(--bs-white);min-width:16px;height:14px;font-size:0.875em;margin:-5px 0 0 -3px}

#pc_hd_login {background:#33124B;padding:5px 20px;font-size:0.875em;color:#ffffff}
#pc_hd_login a {color:#ffffff}
.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:0 10px;border-radius:1em;display:inline-block}
.pc_hd_login>li.logout a {font-weight:700;padding:0 10px;display:inline-block}
.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.875em}

#pc_hd_menu {position:relative;background:var(--main-bg);margin:0 auto;padding:10px 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}
}

#ctt_con table {width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 10px}
#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}

.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%}

.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}
.bo_v_atc .content_box2 {border:2px solid var(--main-bg);padding:15px}

.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 .tags2 li {display:inline-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}
.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%)}
.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:var(--bs-gray-700);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(--bs-gray-900);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:var(--bs-gray-700);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}

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

.left_upso {border:2px solid var(--main-border)}
.left_upso .mb_mimg1 {background: linear-gradient(to right, #9050fb, #fd5494)}
.left_upso .mb_mimg1 img {width:100%}
.left_upso .mb_1 {display:block;background: linear-gradient(to right, #9050fb, #fd5494);color:#ffffff;padding:10px;font-weight:700}
.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;font-weight:700;color:var(--main-bg-color);background:var(--main-bg);margin:0 0 10px 0;clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}

.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}

.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_1 .tag_item{background:var(--bs-gray-700);color:var(--bs-gray-100)}

#main-img{width:100%}
.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}
.upso_box_list .line_0 .tag_item {line-height:18px}
.upso_box_list .upso_box_list_inner {padding:5px;font-size:0.9375em;line-height:26px}
.upso_box_list .upso_box_list_inner_txt {padding:5px 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;font-size:0.9375em}
.upso_box_list .mb_1 {font-weight:700;padding:5px 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_txt{margin-left:10px}
.upso_box_list .mb_today_btn1{display:inline-block;background:#FFE5E5;color:#CC4C4C;position:relative;padding:0 3px;height:20px;line-height:20px;font-size:0.9375em}
.upso_box_list .mb_today_btn1::after{content:'';position:absolute;right:-10px;top:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #FFE5E5}
.upso_box_list .mb_today_btn2{display:inline-block;background:#D8F3EC;color:#1F4F4A;position:relative;padding:0 3px;height:20px;line-height:20px;font-size:0.9375em}
.upso_box_list .mb_today_btn2::after{content:'';position:absolute;right:-10px;top:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #D8F3EC}
.upso_box_list .mb_today_btn3{display:inline-block;background:#E6D9F7;color:#3A2E5C;position:relative;padding:0 3px;height:20px;line-height:20px;font-size:0.9375em}
.upso_box_list .mb_today_btn3::after{content:'';position:absolute;right:-10px;top:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #E6D9F7}

.rank_no{position:absolute;top:0;left:0;width:65px;height:65px;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:65px solid #ff3b30;border-right:65px 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:75px;height:75px;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:75px solid #ff3b30;border-right:75px 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}

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

.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}