select {outline: none}

#side_menu {display: none}
#tnb {display: none}


.testText {font-size: 15px; font-family: 'Pretendard';}

#hd {background: #fff;position: sticky;padding: 30px 0 40px;top: 0;z-index: 99}
#logo {    max-width: 110px;    padding: 10px;    margin-top: -30px;    margin-bottom: -40px;}
#logo img {max-width: 100%}
#wrapper {background: #fff}

#hd_wrapper {width: 100%; padding: 0 80px; display: flex;align-items: center;justify-content: space-between}
#container {width: 100%; padding: 0 80px;
min-height: calc(100vh - 161px);
}

.mo-menu-wrap {display: none}

#aside {display: none}

.top-banner {
    background: #f5e9eb;
    text-align: center;
    height: 32px;
    overflow-y: hidden;
}

.banner-slider div {
    outline: none;
}
.banner-slider p {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 32px;
    /*font-size: 13px;*/
    font-size: 0.9em;
    font-family: "Pretendard", sans-serif;
    color: #515151;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.3px;
}
.banner-slider p a {width: 100%}
#gnb {border: 0;margin: 0}
#gnb #gnb_1dul {
    border: 0;
    zoom: 0;
    display: flex;
    justify-content: center;
    gap: 65px;
}
#gnb .gnb_1dli a.gnb_1da{padding: 0 }
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {
    top: 45px;
}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100%}
.gnb_1dli .bg {display: none}

.gnb_1dli.gnb_al_li_plus .gnb_1da {padding: 0 65px 0 0}
.gnb_1da {
    font-family: "Spectral", serif;
    font-weight: 500;
    font-style: normal;
    padding: 0 65px 0 0;
    font-size: 15px;
    transition: color .25s cubic-bezier(.215, .61, .355, 1);
}
.gnb_1da.disabled {pointer-events: none}

#gnb .gnb_1dli:hover > a {color: #e4c5c8;font-weight: 500; font-style: italic;transition: color .25s cubic-bezier(.215, .61, .355, 1);}
#gnb .gnb_1dli:hover .gnb_2da {transition: color .15s cubic-bezier(.215, .61, .355, 1);}
#gnb .gnb_1dli:hover .gnb_2dul a {padding-left: 8px}
.gnb_1dli_on .gnb_1da {background: #fff}
.gnb_1dli_on .gnb_1da:after {display: none}

.head_right_menu {display: flex}
.head_right_menu > div {padding: 16px 11px}
.head_right_menu .hd_cart {}
.head_right_menu .hd_cart a {position: relative;display: block}
.head_right_menu .hd_cart a .cart-cnt {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -2px;
    right: -8px;
    min-width: 17px;
    height: 17px;
    border-radius: 15px;
    padding: 2px;
    background: #f5e9ea;
    color: #000;
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Figtree";
}

.gnb_2dul {background: rgba(255,255,255,0.8); border: 0;padding: 10px 0 6px}
.gnb_2dul .gnb_2dul_box {box-shadow: none;border: none}
.gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before {display: none}

.gnb_2da {font-size: 14px; font-weight: 400;  font-family: "Pretendard"; padding: 2px 0; line-height: 30px;background: transparent}
.gnb_1dli_over .gnb_2da {font-size: 14px; /*padding: 5px;*/}
#gnb .gnb_1dli:hover .gnb_2dul a:hover {color: #e4c5c8;background: transparent}

.gnb_2dli {position: relative}
.gnb_2dli.hasChild {background: transparent url(../img/bar-right.png) no-repeat right 5px center / auto 15px !important;}
.gnb_3dul {display:none;position: absolute; left: 140px; padding: 0 0 6px 2px;background: rgba(255,255,255,0.8);width: 140px;top: 0}
.gnb_2dli:hover > .gnb_3dul {display: block}
.gnb_3dli {padding: 2px 0; line-height: 30px;}
.gnb_3da {font-size: 14px; font-weight: 400;  font-family: "Pretendard"; background: transparent;display: block}
.is_right .shop_select_to_html .menulist {display: none}


#container .is_index {margin: 0}

.frm_input::placeholder {color: #aaa;font-weight: 400}

.mbskin {max-width: 670px; width: 100%; padding:0 50px}
.mb_log_cate h2 {width: 100%;font-size: 18px}
.mbskin .mbskin_box {border: 0}
#mb_login #login_fs .btn_submit {background: #f5e9eb;border: 1px solid #f5e9eb; font-weight: 400; font-size: 16px; text-transform: lowercase; min-height: 56px; padding: 10px;}

#mb_login #login_fs .frm_input {height: 56px;border: 1px solid rgb(240, 240, 240); box-shadow: none;padding-left: 20px;margin: 0 0 8px}
#login_fs {padding: 0; padding-top: 10px}
#login_fs .join {color: #aaa; text-decoration: underline}
#login_info {    padding: 0 0 40px;
    float: left;}
#login_info .login_if_lpl a {color: #aaa;text-transform: lowercase;}

#find_info {max-width: 670px; width: 100%; padding:0 50px;margin: 0 auto}
#find_info .new_win_con {background: #fff;text-align: center}
#find_info .find_title {font-size: 18px; text-transform: uppercase}

.new_win .win_btn {padding-top: 30px}
.new_win .win_btn button {background: #f5e9eb;border: 1px solid #f5e9eb; font-weight: 400; font-size: 16px; text-transform: lowercase; min-height: 56px; padding: 10px;width: 100%}

#find_info #mb_email {height: 56px;border: 1px solid rgb(240, 240, 240); box-shadow: none;padding-left: 20px;margin: 0 0 8px}
#find_info .find_explan {padding: 10px 0;font-size: 14px; line-height: 18px; color: #aaa }

#fregisterform .form_01 div {margin: 0}
.register_form_inner {border: 0}
.register_form_inner ul {padding: 0;}
.register_form_inner label {display: none}

#fregisterform .frm_input {
    height: 56px;border: 1px solid rgb(240, 240, 240); box-shadow: none;padding-left: 20px;width: 100%;
}
#fregisterform .join_title {font-family: Pretendard;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    margin: 10px 0 30px;
}

#container .register {max-width: 670px; width: 100%; padding:0 50px;
    position: relative;
    margin: 100px auto 0;
    text-align: center;
}

#fregisterform .btn_submit {margin-left: 0;background: #f5e9eb;border: 1px solid #f5e9eb; font-weight: 400; font-size: 16px; text-transform: lowercase; min-height: 56px; padding: 10px;width: 100%;margin-top: 10px;margin-bottom: 10px}
.form_01 li {margin: 8px 0}




#sit_ov_from {border: 0}

#container .shop-content {padding: 0 0 80px}

.product-wrapper {/*padding-top: 40px*/ padding-top: 0}
.product-page { display: flex;}
.product-page .product-image {width: 58%;flex: 1}
.product-page .product-content {width: 42%;display: block;}

#sit_ov {padding-top: 40px;    height: 80vh !important;
    overflow-y: auto;
    -ms-overflow-style: none;}
#sit_ov::-webkit-scrollbar{
    display:none;
}
.slider-container {
    display: flex;
}

/* 썸네일 슬라이더 */
.swiper.swiper-thumbs {
    width: 140px;
    height: 100%;
    margin-right: 10px;
    order: 0;
    padding-left: 10px;
}
.swiper-thumbs .swiper-slide {
    width: 140px;
    height: 140px; /* 썸네일 높이 */
    opacity: 0.5;
    cursor: pointer;
    flex-shrink: 0;
}
.swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.swiper-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 메인 슬라이더 */
.main-slider-box {
    flex: 1;
    order: 1;
    width: calc(100% - 150px);
    padding:0 150px;
    position: relative;
    height: 80vh;
}
.swiper.swiper-main {width: 100%;height: 100%}
.swiper-main .swiper-slide {text-align: center}
.swiper-main .swiper-slide img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.main-slider-box .swiper-button-next,
.main-slider-box .swiper-button-prev {
    color: black;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    transition: opacity 0.5s ease;
}

/*.main-slider-box:hover .swiper-button-next,*/
/*.main-slider-box:hover .swiper-button-prev {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/
.main-slider-box .swiper-button-next:after, .main-slider-box .swiper-button-prev:after {font-size: 28px}

.product-img-list {}
.product-img-list li{margin-top: 140px}
.product-img-list li img {max-width: 100%}

.product-page .product-content #sit_ov_wrap {position: sticky; top: 130px;padding: 0 30px}
.product-page .product-content .sit_btn_wish {
    float: right;
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: 0px;
    line-height: 24px;
    color: #8c9195;
    font-size: 24px;
    border:0;
    text-align: center;
    border-radius: 0;
    font-weight: normal;
}

.product-page .product-content #sit_ov_wrap .item_cust_price {font-size: 14px;
    line-height: 14px;
    color: #aaa;
    text-decoration: line-through;}
.product-page .product-content #sit_ov_wrap .item_price {font-size: 17px;line-height: 20px;margin-bottom: 16px; padding: 7px 0}
.product-page .product-content #sit_ov_wrap .item_price .discountRate {   color: #C5808C;
    margin-right: 5px;
    font-weight: 500;}
.product-page .product-content #sit_inf_explan {padding: 50px 0;line-height: 20px}

.product-page #sit_tot_price span {display: none}
.product-page #sit_tot_price strong {font-weight: 400}

.product-page .product-content #sit_ov_wrap .cart-btn-pink {
    background:#f5e9eb; font-size: 15px; font-weight: 400; height: 60px; line-height: 60px;

    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 10px;

    border-radius: 0px;
    border: 0;
    color: #000;
}
.product-page .product-content .product-info {padding-top: 70px}
.product-page .product-content .product-info-item {
    border-bottom: 1px solid #eee;
    padding: 13px 0;
    position: relative;
}

.product-page .product-content .product-info-title {
    cursor: pointer;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-page .product-content .product-info-content {
    display: none;
    margin-top: 10px;
    color: #555;
}

.product-page .product-content .product-info-content.item-detail {
    padding: 20px 0;
    white-space: pre-line;
}

.product-page .product-content .toggle-btn img {
    width: 20px;
    height: 20px;
    transition: transform 0.3s;
}


.product-page .product-content #sit_opt_added .sit_opt_del {padding: 5px}
.product-page .product-content #sit_opt_added .sit_opt_del img{height: 100%}

.left-product-detail {padding-top: 100px}
.left-product-detail img {max-width: 100%}

.sit_use_top {border: 0;margin-bottom: 45px}
#sit_rel {border: 0}
#sit_rel > h2 {font-size: 18px;text-align: center;margin-bottom: 60px}
.scr_10 .sct_txt {font-size: 14px;font-weight: 400;margin: 10px 0 4px}
.scr_10 .sct_cost {font-size: 14px; font-weight: 400}

#sit_use_list {padding: 120px 0;max-width: 1000px; margin: 0 auto}
#sit_use_list > p {text-align: center;font-size: 18px;margin-bottom: 60px}
#sit_use_wbtn {top: 15px;right: 50%; transform: translate(50%,0)}
#sit_use_wbtn a {font-weight: 400; border-radius: 45px;background:#E4C5C8;padding: 0 80px}
#sit_use .sit_empty {font-size: 14px}

.sit_use_con {display: block}
.sit_use_li {padding: 30px 0; padding-left: 0;border-bottom: 1px solid #f1f1f1;}
.sit_thum {position: relative; top: auto; left: auto; display: block; margin-bottom: 20px;display: flex; flex-wrap: wrap; gap: 5px}
.sit_thum img {background: #f9f9f9; border-radius: 5px}

.sit_use_dl .sit_use_star {margin-bottom: 10px}
.sit_use_dl .sit_use_tit { font-weight: 400; }
.sit_use_p {margin-top: 0}

.od_prd_list .total_prc {font-size: 16px; font-weight: 400}

#sod_bsk_act .btn_submit {background: #f5e9eb;border: 1px solid #f5e9eb; font-weight: 400; font-size: 16px; text-transform: lowercase; min-height: 56px; padding: 10px;border-radius: 0;width: 100%}

#sod_bsk_list {display: flex;padding-top: 30px;justify-content: center;gap: 80px;max-width: 1210px;
    margin: 0 auto;
    width: 100%;}
#sod_bsk #sod_bsk_tot {border: 0;min-width: 300px}
#sod_bsk #sod_bsk_tot ul {display: flex; flex-direction: column}
#sod_bsk #sod_bsk_tot ul li {width: 100%;background: #fff;color: #000;border: 0}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width: 100%;background: #fff}
#sod_bsk_act {margin-top: 40px}
.tbl_head03 thead th {font-size: 14px; font-weight: 400}

#sod_frm {max-width: 1200px; width: 100%; margin: 0 auto}

#display_pay_button .btn_submit {border: 0;background: #E4C5C8;font-size: 16px; font-weight: 400}

#sod_frm_taker .order_choice_place {border: 1px solid #FAF5F6; background: #FAF5F6;margin: 10px 0}
.tbl_head03 {flex: 1}
.mbskin .btn_submit {font-weight: 400; font-size: 14px}

.sod_right #od_tot_price {border: 1px solid #FAF5F6; background: #FAF5F6}

#sod_frm .tbl_frm01 td input {border: 1px solid rgb(240, 240, 240); box-shadow: none;padding-left: 20px;margin: 0 0 8px}
#sod_frm .tbl_frm01 td textarea {border: 1px solid rgb(240, 240, 240); box-shadow: none;padding:10px !important;margin: 0 0 8px;resize: none}
#sod_frm .tbl_frm01 td input[type=radio] {margin-bottom: 0}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td {padding: 0 10px}
#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01 {padding-top: 20px !important;}
#sod_frm .tbl_frm01 th {width: 120px}
#sod_frm .tbl_frm01 td .btn_address {margin-bottom: 8px}

#sod_fin {max-width: 1200px; width: 100%; margin: 0 auto}

#sod_fin_no {font-size: 14px; font-weight: 400; background: #FAF5F6;border: 1px solid #FAF5F6; color: #C48894}
#sod_fin_no strong {font-weight: 400}
#sod_fin_list .sod_name .sod_opt:before {
    content: "option";
    display: inline-block;
    margin: 1px 5px 2px 0;
    padding: 3px;
    border-radius: 3px;
    background: #f5e9eb;
    line-height: 1em;
    color: #C6868D;
}

#sod_bsk_tot2 {border: 1px solid #e3e5e8}
#sod_bsk_tot2 li.sod_fin_tot {  background: #f5e9eb;  color: #C6868D; border-top: 1px solid #e3e5e8 }
#sod_bsk_tot2 li.sod_fin_tot strong {font-weight: 400;  color: #C6868D;}

#sod_frm #sod_frm_pt_alert {color: #000}

.cart-title {
    font-size: 20px; line-height: 30px;text-align: center;margin-bottom: 40px;margin-top: 30px;
}

#sit_ov_soldout {font-weight: 400;color: #000}

.bubble-box {
    padding-left: 20px;
    display: flex;
    justify-content: center;
    gap: 100px;
}
.bubble:nth-child(1) {margin-bottom: 200px}
.bubble:nth-child(2) {margin-top: 200px}


.bubble{
    width: 98px;
    height: 52px;
    box-sizing: border-box;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    background: #ffffff;           /* 말풍선 배경색 */
    color: #222;                   /* 글자색 */
    border: 1px solid #cfcfcf;     /* 말풍선 테두리 */
    border-radius: 8px;
    position: relative;
    /* 선택사항: 살짝 그림자 */
    /*box-shadow: 0 2px 6px rgba(0,0,0,0.06);*/
}
.bubble::before{
    content: "";
    position: absolute;
    top: -12px;                     /* 말풍선 밖으로 나오는 정도 */
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #cfcfcf; /* 테두리 색 (위의 border와 같게) */
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 0;
}
/* 꼬다리 - 내부(배경색) 삼각형으로 테두리 안쪽 채우기 */
.bubble::after{
    content: "";
    position: absolute;
    top: -10px;                     /* ::before 보다 2px 아래로 위치시켜 안쪽 삼각형 생성 */
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #ffffff; /* 말풍선 배경색과 같게 */
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 1;
}

#player {
    width: 320px;
    /*border: 1px solid #ccc;*/
    padding: 10px;
    font-family: "Pretendard", sans-serif;

    position: absolute;
    top: 50px;
    left: 0px;
}

.controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px 10px;
    background: rgb(245, 233, 234);
    border-radius: 8px;
    padding: 5px 10px;
}

.controls button {
    flex: 1;
    margin: 0 2px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    background: transparent;
}
.controls button svg {width: 24px}
.controls button.big svg {width: 36px}
#playlist {
    max-height: 250px;
    overflow-y: auto;
    display: block; /* toggle로 숨김/보임 */
    padding-right: 10px;
}

#playlist::-webkit-scrollbar {width: 8px;height: 10px;}
#playlist::-webkit-scrollbar-track {background: transparent;}
#playlist::-webkit-scrollbar-thumb {background-color: #D7D8DB;border-radius: 10px;background-clip: padding-box;}
#playlist::-webkit-scrollbar-thumb:hover {background: #888;background-clip: padding-box;}


.track {
    display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
}

.track img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 4px;
}

.track:hover {
    background: #f5f5f5;
    border-radius: 3px;
}

.track.active {
    background: rgba(17, 17, 17, 0.05);
    border-radius: 5px;
}

.volume-control {
    position: relative;
    display: inline-block;
}
.volumeBarBox {
    position: absolute;
    top: 25px;
    bottom: auto;
    right: 50%;
    transform: translateX(50%);
    transition: 300ms;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    width: 24px;
    height: 120px;
    box-shadow: rgba(17, 17, 17, 0.2) 0px 0px 8px 0px;
    border-radius: 4px;
    margin: 12px 0px;
    padding: 24px 0px;
    background-color: rgb(245, 233, 234);
}
#volumeBar {
    transform: translateX(-50%) rotate(-90deg);
    transform-origin: center;
    width: 100px;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 32px;
    margin-left: 12px;
}


/* 크롬용 커스텀 스타일 */
#volumeBar::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #555;
    cursor: pointer;
    transform: translateY(-3px);
}

#volumeBar::-webkit-slider-runnable-track {
    height: 6px;
    background: #ccc;
    border-radius: 3px;
}
#playlist .music-info {display: flex; flex-direction: column; gap: 2px;width: calc(100% - 100px)}
#playlist .music-title {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-family: "Pretendard";
    height: 20px;
    font-weight: 700;
    color: #111;
}
#playlist .music-artist {
    opacity: 0.7;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-family: "Pretendard";
    color: #111;
    line-height: 16px;
}
#playlist .music-time {width: 50px; flex: 1}
#playlist .music-time p {text-align: right;
    font-size: 13px;
    line-height: 1.2;
    opacity: 0.7;}


.main-section.first {padding-bottom: 100px}
.main-section + .main-section{padding-top: 90px}

.categoryTopDepth {color: #aaa;font-family: "Pretendard";font-size: 14px; font-weight: 400}

.smt_40 {border: 0}
.owl-carousel.owl-drag .owl-item {display: flex;justify-content: center; width: calc((100% - 30px) / 4)}
.sct_99 .sct_img a {display: block; aspect-ratio: 1 / 1.49}

#smb_my {padding-top: 70px; display: flex; justify-content: center;padding-bottom: 80px}

#sod_ws {padding: 30px 16px 80px; max-width: 1200px; margin: 0 auto}
#sod_ws .wish_title{font-size: 20px; line-height: 30px;text-align: center;margin-bottom: 40px}
#sod_ws .list_02 ul {display: flex; gap: 60px 8px;flex-wrap: wrap}
#sod_ws li .info_link {font-weight: 400}

#sod_ws .list_02 li{float: none; width: calc((100% - 24px) / 4); margin: 0}
#sod_ws .list_02 li .sod_ws_img {width: 100%}
#sod_ws .list_02 li .sod_ws_img a {display: block}


#smb_my_wish .smb_my_tit {font-weight: 400; font-size: 16px}
#smb_my_wish .smb_my_price {font-weight: 400; font-size: 14px}

.new_win .win_total {color: #000}
.new_win .win_ul li {border: 1px solid #ddd;}
.new_win .win_ul .selected {border: 1px solid #000; background: #000}
.new_win .win_ul li a {color: #000}
.new_win .win_ul {padding: 0}

.new_win .new_win_con2 {padding: 0 20px}
.memo-explan {padding: 10px 0 0}

#point .point_status {background: #fff; color: #000;font-weight: 400}
#point .point_all .full_li {border: 0 !important;}
#point .point_all {background: #f5e9eb; border: 1px solid #f5e9eb}
#point .point_all .full_li span {font-weight: 400; font-size: 16px}
.point_list .point_num {font-size: 14px; font-weight: 400;color: #000}
.point_list .point_tit {font-size: 14px; font-weight: 400}
.point_list .point_date1 {font-size: 12px; font-weight: 400}


#sit_rel {}
#sit_rel ul li.sct_li {width: calc((100% - 30px) / 4)}









/* 메인 */
.main-section.banner-section {height: calc(100vh - 180px)}
.main-section.banner-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #111}
/*.main-section.banner-section .swiper-pagination-main {width: 100px; left: auto; right: 20px;  top: 20px;}*/
.main-section.banner-section .swiper-pagination-bullet-active {background: #333}

.main-section.banner-section .swiper-slide img {width: 100%; height: 100%; object-fit: cover}
.main-section.banner-section .swiper-slide.pc {display: block}
.main-section.banner-section .swiper-slide.mobile {display: none}

.main-section.banner-section.pc-banner {display: block}
.main-section.banner-section.mo-banner {display: none}

.main-section.no-padding { margin-left: -80px;  margin-right: -80px;}
.main-section.item-section .smt_40 {padding: 0}
.main-section.item-section .smt_40 .sct_li {margin: 0}
.main-section.item-section .smt_40 .sct_txt {text-align: center; font-size: 14px; font-weight: 400; font-family: "Pretendard";}
.main-section.item-section .smt_40 .sct_cost {text-align: center; font-size: 14px; font-weight: 400; font-family: "Pretendard";  margin-top: 4px;}
.main-section.item-section .smt_40 .sct_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.main-section.item-section .smt_40 .sct_img:has(img:nth-child(2)) {
    position: relative;
    display: inline-block;
}

.main-section.item-section .smt_40 .sct_img:has(img:nth-child(2)) img {
    display: block;
    transition: opacity 0.5s ease-in-out;
}

.main-section.item-section .smt_40 .sct_img:has(img:nth-child(2)) img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.main-section.item-section .smt_40 .sct_img:has(img:nth-child(2)):hover img:nth-child(2) {
    opacity: 1;
}

.main-section.item-section .smt_40 .sct_img:has(img:nth-child(2)):hover img:nth-child(1) {
    opacity: 0;
}

.main-section.sub-section {}
.main-section.sub-section .sub-section-wrap {display: flex; align-items: center;justify-content: center; gap: 100px}
.main-section.sub-section .sub-section-wrap .img-box {}
.main-section.sub-section .sub-section-wrap .img-box img{max-width: 50vw}
.main-section.sub-section .sub-section-wrap .txt-box {}
.main-section.sub-section .sub-section-wrap .txt-box .subj{font-size: 26px; padding: 20px 0; line-height: 32px;font-weight: 400; letter-spacing: 0.3px}
.main-section.sub-section .sub-section-wrap .txt-box .cont{font-size: 16px; line-height: 24px; letter-spacing: 0.3px;font-weight: 400;white-space: pre-line}

.common-page-title {padding-top: 30px; margin-bottom: 40px; font-size: 20px;line-height: 30px;  text-align: center;}

.lists-row .sct_img img {width: 100%; height: 100%; object-fit: cover}

.withdrawal.mo-block {display: none}


.item-icon-wrap {padding: 5px 0;
    display: flex;
    gap: 4px;}

.item-icon-wrap .icon-label {
    color: #333;
    font-size: 11px;
    padding: 3px 5px;
    font-weight: 500;
}
.item-icon-wrap .icon-label.icon-label1 {background: #FFEEEE;}
.item-icon-wrap .icon-label.icon-label2 {background: #F7F1DE;}
.item-icon-wrap .icon-label.icon-label3 {background: #F9DED2;}

#ft {display: none}
#footer-moabel {min-height: 193px;padding: 20px 80px;position: relative}
#footer-moabel .footer-copyright {flex: 1}
#footer-moabel .footer-copyright-new {position: absolute; bottom: 20px}
#footer-moabel .footer-top{display: flex;justify-content: space-between;}
#footer-moabel .footer-top .footer-menu ul {display: flex;gap: 22px;}
#footer-moabel .footer-top .footer-menu ul li a {  font-family: "Spectral", serif;font-size: 15px;font-weight: 500}
#footer-moabel .footer-top .footer-sns {flex: 1; display: flex; justify-content: end}
#footer-moabel .footer-top .footer-sns svg {height: 20px}
#footer-moabel .footer-top .footer-logo {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    z-index: 99999;
    display: none;
}
#footer-moabel .footer-top .footer-logo img {
    width: 100%;
}
#footer-moabel .footer-info {display: flex; justify-content: end;margin-top: 20px}
#footer-moabel .footer-info > div {border: solid 1px #DBDBDB; padding: 16px 32px;border-radius: 8px;display: flex; gap: 30px}
#footer-moabel .footer-info > div ul li {line-height: 18px; font-family: "Pretendard";font-weight: 400;font-size: 13px }

.footer-new {
    position: relative;
    margin: 0 auto 0;
    display: block;
    z-index: 1;
    font-size: 10px;
    padding: 50px 30px 50px;
}
.footer-new .footer-inner {display: flex}
.footer-new .footer-inner .ft-inner {flex: 1}
.footer-new .footer-inner .ft-inner .ft-subj {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 15px;
}
.footer-new .footer-inner .ft-inner ul  {}
.footer-new .footer-inner .ft-inner ul li{    font-size: 11px;
    line-height: 20px;}
.footer-new .footer-inner .ft-inner ul li a {}

.footer-new .footer-inner .ft-inner1 {}
.footer-new .footer-inner .ft-inner2 {}
.footer-new .footer-inner .ft-inner3 {}
.footer-new .footer-inner .ft-inner4 {flex: 2;text-align: right;}
.footer-new .footer-inner .ft-inner4 ul li {font-size: 10px}


.section-subject {text-align: center;/*font-size: 28px;*/ font-size:24px;font-family: "Spectral", serif;    font-weight: 500;
    font-style: normal;}

.mo-item-content {display: none}

.mo-item-info-box {display: none}

#ssch_frm {margin-bottom: 40px}
#ssch_frm .ssch_scharea .btn_submit {border: 1px solid #E4C5C8;
    background: #f5e9eb;}
#ssch_sort li:hover a {color:#e4c5c8;}
#ssch_sort_all li:hover a {color:#e4c5c8;}
#ssch_frm .ssch_option {border-bottom: 0;}
#ssch_cate {display: none}
#ssch_sort_all {display: none}
#ssch_frm .ssch_option {display: none}
#ssch_frm .ssch_scharea {border-bottom: 0}


.main-section .all-item-btn {display: flex; justify-content: end; gap: 10px;align-items: center;padding: 10px 0}
.main-section .smt_10 {display: flex; flex-wrap: wrap;    gap: 20px 10px;margin: 0}
.main-section .smt_10 .sct_li {    width: calc((100% - 30px) / 4);float: unset; margin: 0}
.main-section .smt_10 .sct_li .sct_img a img {width: 100%; height: auto}
.main-section .smt_10 .sct_op_btn {display: none}
.main-section .smt_10 .sct_txt {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: "Pretendard";
    display: block;
    margin: 5px 0;
    padding: 0;
    border: 0;
    text-align: left;
}
.main-section .smt_10 .sct_cost {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: "Pretendard";
    margin-top: 4px;
    margin: 5px 0;
    text-align: left;
}
.main-section .smt_10 .sct_cost .discountRate {
    color: #C5808C;
    margin-right: 5px;
    font-weight: 500;
}

.board-subject {
    padding-top: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
}

#bo_w {padding-top: 30px;max-width: 900px; margin: 0 auto }



.responsive-help {display: none}

@media all and (max-width: 1300px) {
    #sod_bsk_list {flex-wrap: wrap; max-width: 100%}
    #sod_bsk_list .tbl_head03 {flex: unset;width: 100%}
    #sod_bsk_list .tbl_head03.tbl_wrap thead {display: none}
    #sod_bsk_list .mo-none {display: none}
     .od_prd_list .td_chk {padding: 0}
     .od_prd_list .td_prd {padding-left: 100px}
     .od_prd_list .td_prd .sod_img {left: 0;}
    #sod_bsk_list #mod_option_frm {
        width: 100%;
        margin-left: 0;
        transform: translate(-50%, 0);
    }
    #sod_bsk_list .mo-item-info-box {display: block}
    #sod_bsk_list .mo-item-info-box p {        padding-top: 10px;
        font-size: 14px;
        font-weight: 500;}
    #sod_bsk #sod_bsk_tot li {padding:15px }

    .sod_frm_mobile .sod_list .total_img img {width: auto;height: 50px}

    .sod_frm_mobile .sod_list .total_price {border: 1px solid #FAF5F6;
        background: #FAF5F6;}

    .sod_frm_mobile .sod_list .total_price strong {color: #000}
    .sod_frm_mobile .sod_list .li_op_wr {padding-left: 70px}

    .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong {color: #edb0b7;
        font-weight: 700;}

    .sod_frm_mobile .odf_list .dlv_slt {
        border: 1px solid #FAF5F6;
        background: #FAF5F6;
    }

    #sod_fin_list .tbl_head03.tbl_wrap thead {display: none}
    #sod_fin_list .mo-none {display: none}

    #sod_fin_list .mo-item-info-box {display: block}
    #sod_fin_list .mo-item-info-box p {        padding-top: 10px;
        font-size: 14px;
        font-weight: 500;}

    #sod_fin .sod_left {width: 100%}
}

@media all and (max-width: 1200px) {
    a, button {
        -webkit-tap-highlight-color: transparent;
    }

    #hd, #wrapper, #ft {min-width: 100%}
    #ft_copy {width: 100%}

    .footer-menu {display: none}

    #hd {padding: 10px 0}

    #hd_wrapper {padding: 0 20px;justify-content: center;position: relative}
    .mo-menu-wrap {
        display: block;}
    .mo-menu-wrap .menu-open-btn {position: absolute;
        left: 20px;
        top: 50%;
        transform: translate(0, -50%);width: 24px; height: 24px; background: transparent; border: none}
    .mo-menu-wrap .menu-open-btn img{height: 100%}
    .mo-menu-wrap .mo-menu-list {position: fixed; width: 60%; top: 0;left: -999px;        background: #fff;
        height: 100%; transition: all .5s; z-index: 999999;padding: 40px 20px}
    .mo-menu-wrap .mo-menu-list.on {left: 0}

    .mo-menu-wrap .mo-menu-list ul {display: flex; flex-direction: column; gap: 20px; }
    .mo-menu-wrap .mo-menu-list ul li a {display: flex; justify-content: space-between;align-items: center}
    .mo-menu-wrap .mo-menu-list ul li img {height: 20px}
    .mo-menu-wrap .mo-menu-list .depth2 {display: none}
    .mo-menu-wrap .mo-menu-list .depth2 ul {
        padding: 20px 5px;
        gap: 15px;
        font-size: 13px;
        font-weight: 300;
    }
    .mo-menu-wrap .mo-menu-list .depth2 ul li {}

    .mo-menu-wrap .mo-menu-bottom {position: absolute; bottom: 40px}
    .mo-menu-wrap .mo-menu-bottom ul {gap: 10px}
    .mo-menu-wrap .mo-menu-bottom ul li a {font-size: 12px}

    .mo-menu-wrap .back-dark {display: none}
    .mo-menu-wrap .back-dark.on {display: block; width: 100%; height: 100%; position: fixed;top:0; left: 0; background: rgba(0,0,0,0.5);z-index: 999998}

    #logo {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        height: 100%;
        padding: 0;
    }
    #logo img {height: 50px}

    #gnb {display: none}
    .head_right_menu {
        /*display: none*/
        position: absolute;
        right: 20px;

    }
    .head_right_menu > div {padding: 16px 7px}
    .head_right_menu > div.hd_heart {display: none}
    .head_right_menu > div a svg {width: 20px}

    .footer-new {padding: 30px 10px}
    .footer-new .footer-inner {display: flex;flex-wrap: wrap}
    .footer-new .footer-inner .ft-inner {flex: auto; width: 100%}
    .footer-new .footer-inner .ft-inner4 {flex:auto; text-align: left}

    .footer-new .footer-inner .ft-inner+.ft-inner {padding-top: 20px}

    .product-page {flex-wrap: wrap}
    .product-page .product-image {width: 100%}
    .main-slider-box {padding: 0;width: 100%;height: 70vh}
    .product-page .product-content #sit_ov_wrap {padding: 0}
    .product-page .product-content {width: 100%}

    .left-product-detail {display: none}
    .mo-item-content {display: block;padding: 40px 0}
    .mo-item-content img {max-width: 100%}

    #sit_use_wbtn {position: relative;top: unset;right: 50%; text-align: center}

    #sit_ov { height: auto !important;
        overflow-y: hidden;
        padding-right: 0px;}

    #ssch h2 {font-size: 16px}
    #ssch h2 .ssch_result_total {font-size: 14px}
    .tooltip_icon {display: none}
}
@media all and (max-width: 1023px) {
}


@media all and (max-width: 991px) {


    .main-section.banner-section .swiper-slide.pc {display: none}
    .main-section.banner-section .swiper-slide.mobile {display: block;}

    .main-section.sub-section .sub-section-wrap {flex-wrap: wrap}
    .main-section.sub-section .sub-section-wrap .img-box img {width: 100%;max-width: 100%}

    #container {padding: 0 10px}

    .main-section.banner-section.pc-banner {display: none}
    .main-section.banner-section.mo-banner {display: block;padding-top: 0}
    .main-section.no-padding {
        margin-left: -10px;
        margin-right: -10px;
    }

    .main-section.item-section .smt_40 .sct_img img {height: 100%}

    .main-section.sub-section .sub-section-wrap {gap: 20px}

    .section-subject {font-size: 20px}

    .main-section.sub-section .sub-section-wrap .txt-box .subj {font-size: 20px;padding: 10px 0}
    .main-section.sub-section .sub-section-wrap .txt-box .cont {font-size: 14px;line-height: 20px}

    #smb_my {    flex-wrap: wrap;
        padding-top: 30px;padding-bottom: 0}
    #smb_my_ov {    margin: 0 0 50px;
        width: 100%;}
    #smb_my_ov h3 {display: none}
    #smb_my_ov .op_area {display: none}
    #smb_my .withdrawal {display: none}
    #smb_my .withdrawal.mo-block {display: block;padding: 100px 0 0;}

    #smb_ws_act {display: flex;gap: 10px;justify-content: center}
}

@media all and (max-width: 768px) {
    #sct_location {padding: 20px 0}
    .categoryTopDepth {font-size: 11px}
    .shop_select_to_html .category_title {font-size: 11px;line-height: 17px;vertical-align: top;padding: 0 10px}
    #sct_location .go_home {padding: 0 10px}

    .sct_99 {gap: 60px 5px}
    .sct_99 .col-row-4 {width: calc((100% - 5px) / 2)}

    .sct_99 .sct_op_btn {top: 10px; right: 10px}
    .sct_99 .sct_btn.list-99-btn {bottom: 10px; right: 10px}

    .mbskin {    padding: 0 10px; margin-top: 50px}
    #container .register{ padding: 0 10px; margin-top: 50px}

    #smb_my #smb_my_list thead {display: none}
    #smb_my #smb_my_list .mo-none {display: none}

    #smb_my_list {width: 100%}

    #smb_my #smb_my_list .mo-item-info-box {display: block}



    #sod_v {padding-top: 50px}
    #sod_v thead {display: none}
    #sod_v .mo-none {display: none}
    #sod_v .mo-item-info-box {display: block}
    #sod_ws .list_02 ul {gap: 30px 8px}
    #sod_ws .list_02 li {
        width: calc((100% - 8px) / 2);
    }
    #sod_ws .list_02 li .sod_ws_img img {width: 100%;height: auto}

    #sod_ws_act {display: flex; gap: 10px; justify-content: center;padding:20px 0}
    #sod_ws li .wish_info {height: auto}

    #ssch_frm .ssch_scharea .ssch_input {    width: calc(100% - 105px);}
    #sit_rel {padding: 35px 0px}
    #sit_rel .bx-controls-direction {
        top: 30px;
        right: 0;
    }
    #sit_rel > h2 {margin-bottom: 35px}

    .main-section .smt_10 {gap: 20px 5px}
    .main-section .smt_10 .sct_li {width: calc((100% / 2) - 2.5px)}
    .main-section .smt_10 .sct_li:nth-child(7) {display: none}
    .main-section .smt_10 .sct_li:nth-child(8) {display: none}
    .main-section .smt_10 .sct_txt {font-size: 13px}
    .main-section .smt_10 .sct_cost {font-size: 13px}

    .main-section .all-item-btn {gap: 5px}
}