@charset "utf-8";
.mobile {display: none;}

@media all and (max-width:1024px) {
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
        overflow-x: clip !important;
        overscroll-behavior-x: none;
    }
    *, *::before, *::after {
        box-sizing: border-box;
    }
    img, video, iframe {
        max-width: 100%;
    }
    .mobile {display: block;}
    .pc {display: none;}
    .inner {width: 100%;}
    .top_wrap_ul2 {display: none;}
    .top_wrap {padding-top: 0px;}
    .top_wrap_ul1 {margin-top: 0px;}
    .top_wrap_ul1 img {height:40px;}
    .top_wrap_ul3 {display: none;}
    .top_wrap_ul4 {margin-top: 9px;}
    .top_fixed {padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-bottom: 15px; padding-top: 15px;}
    .sh-side-options {width: 350px;}
    .plus_admin_btn img {width: 100%;}
    .sl_gnb ul {width: 32%; margin-left: 2%; padding-bottom: 18px; padding-top: 18px;}
    .gnb_bt_mt {margin-top: 5px;}
    .sh-side-demos-loop-container {margin-top: 0px;}
    .sl_btn {margin-top: 10px;}
    .gnb_sub_div_ul2 {display: none;}
    .gnb_sub_div_ul1 {float:none; width: 100%; background-color: #fff; background-color: #f9f9f9;}
    .gnb_sub_div_ul1 {padding-left: 0px; padding-right: 0px;}
    .gnb_sub_div_ul1_li1 {float:none; width: 100%; box-sizing: border-box;}
    .gnb_sub_div_ul1_li2 {float: left; margin-top: 20px;}
    .gnb_sub_div_ul1_li3 {width: 50%; margin-top: 12px; margin-right: 20px;}
    .top_wrap_ul4 li {margin-left: 15px;}
    .top_wrap_ul4 .r_gnb_li {margin-left: 30px;}
    .top_kw {
        margin-top: 10px;
        text-align: left;
        color: rgba(255,255,255,0.4);
        position: absolute;
        top: 0px;
        right: auto;
        left:20px;
        width: 150px;
        height: 20px;
        overflow: hidden;
    }
    
    .subs_wrap {padding-left: 20px; padding-right: 20px; margin-top: 20px;}
    #sct_sortlst {right: 20px; top:-5px;}
    
    .event_wrap {margin-top: 30px;}
    .main_list {margin-top: 20px;}
    .best_wrap {margin-top: 0px;}
    .title_div {margin-bottom: 30px !important;}
    .swiper-container-list2 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list1 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list1 .swiper-slide img {border-radius: 10px;}
    .swiper-container-list3 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list4 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list5 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list6 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list7 {padding-left: 20px; padding-right: 20px;}
    .swiper-container-list8 {padding-left: 20px; padding-right: 20px;}
    .swiper-slide-list1 {width: 100% !important;}
    .swiper-slide-list5 {width: 100% !important; opacity: 1;}
    .main_list_tit {font-size: 16px;}
    .fund_li1 {float: none; width: 100%; padding-top: 0px;}
    .fund_li1 img {height: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; border-right: 0px; border-bottom: 1px solid rgba(0,0,0,0.05); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
    .fund_li2 {float:none; width: 100%;}
    .fund_li2 {padding: 30px;}
    
    .fund_wrap {margin-top: 0px; padding-top: 30px;}
    .swiper-wrapper-list5 {
        margin-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .swiper-wrapper-list5 .swiper-slide-active {box-shadow: none;}
    .fund_li2_dl1 {font-size: 24px;}
    .title_div_ico {margin-top: 0px;}
    .fund_btn {width: 100%;}
    .fund_btn_div {margin-top: 50px;}
    
    .fund_li2_dl2_dd1 {float:none;}
    .fund_li2_dl2_dd2 {float: none; margin-top: 10px; margin-left: 0px;}
    .fund_per_wrap_dd1 {float:none;}
    .fund_per_wrap_dd2 {float: none; margin-top: 10px; margin-left: 0px;}
    .fund_bar {margin-top: 20px;}
    .top_search_btn {right: 0px;}
    
    .fun_last {margin-top: 0px;}
    .btm_copy {padding-top: 30px; padding-left: 20px; padding-right: 20px;}
    .btm_copy_ul1 {float:none; width: 100%; text-align: center;}
    .btm_copy_ul1_li1 span {display: block; padding-left: 0px; background-color: #f9f9f9; padding: 15px 20px 15px 20px; margin-bottom: 10px; border-radius: 10px;}
    .btm_copy_ul1_li1 a {padding-left: 5px; padding-right: 5px; display:inline-block;}
    .btm_time {display: none !important;}
    .h10 {height:20px;}
    .btm_copy_ul1_li2 {text-align: center; word-break: keep-all; line-height: 150%;}
    .btm_copy_ul2 {float:none; width: 100%; margin-top: 30px; border-top:1px solid #eee; padding-top: 30px;}
    .btm_copy {padding-bottom: 30px;}
    .cut80 {width: 70%;}
    .latest_cont {margin-top: 20px;}
    .btm_c {padding-top: 30px; padding-bottom: 30px; border:0px; background-color: #f9f9f9; text-align: center; padding-left: 20px; padding-right: 20px;}
    .btm_c_left {float:none; text-align: center;}
    .btm_c_right {float:none; text-align: center; margin-top: 20px; line-height: 150%}
    
    .fund_view_btn {padding-right: 30px; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; width: 300px; height:70px;}
    .swiper-container-sgnb {padding-left: 20px; padding-right: 20px;}
    .top_news {padding-left: 20px;}
    .top_news_txt {
        overflow: hidden; 
        text-overflow: ellipsis;
        white-space: nowrap; 
        width: 70%;
        display: block;
    }
    .gnb_sub_div_ul1 a {margin-right: 0px;}
    .top_news_txt {margin-top: 1px;}
    
    .shop_icons a {padding-bottom: 20px; padding-top: 20px;}
    
    .fund_btn_div_po {top:-70px; background-color: #f9f9f9; padding-bottom: 0px;}
    .fund_view_btn {width:100%; border-radius: 0px; padding-left: 20px; padding-right: 15px;}
    .fun_last {padding-bottom: 30px;}
    .main_list_price_li1 {font-size: 14px;}
    .main_list_price_li2 {font-size: 14px;}
    .main_list_price_li3 {font-size: 14px;}
    .main_list_sub {font-size: 12px;}
    .main_list_cat_li1 {font-size: 12px;}
    #ssch_cate ul li a {font-size: 12px; line-height: 200%;}
    
    .main_tit_d {padding-left: 20px; padding-right: 20px;}
    
    .gnb_lefts {float:none; display: none;}
    .gnb_rights {float:none; width: 100%;}
    
    .main_list_price_li3 strike {margin-top: 0px;}
    .box_wrap {}
    .box_wrap_inner {width: 100%; border:0px;}
    .box_wrap_inner_join {width: 100%; border:0px; padding: 30px;}
    .box_wrap {padding-top: 0px; padding-bottom: 0px;}
    #kcp_cert {height:800px !important;}
    .wrapper-notification.side {width: 100% !important; padding: 20px;}
    .wrapper-alert.right, .wrapper-notification.right {
        left: auto;
        right: 0px !important;
        bottom: 0px !important;;
    }
    
    .pro_f_l {float:none !important; width:100% !important;}
    .pro_f_r {float:none !important; width: 100% !important; padding-left: 0px !important; padding-top: 30px !important; border-top:2px solid #eee !important; margin-top: 30px !important;}
    .contabroll dd {padding-right: 20px; font-size: 16px;}
    .tab_cont_area {padding: 0px; background-color: #fff; border-radius: 0px; margin-top: 30px;}
    .pro_tit {font-size: 20px;}
    .partners {padding: 15px;}
    .partners_ul0 {margin-left: 0px;}
    .partners_ul1 {width: 45%;}
    .partners_ul2 {display: none;}
    .p_info_on2 {right: -5px !important;}
    .p_info_off2 {right: -7px !important;}

    .buy_wrap_ul1 {width: 50%;}
    .buy_wrap_ul2 {width: 50%;}
    
    .swiper-button-next-bn {width: 40px !important; right: 1% !important;}
    .swiper-button-prev-bn {width: 40px !important; left:1% !important;}
    
    .pro_price_per {font-size: 24px;}
    .fund_new_price {font-size: 24px;}
    
    .seller_p_div_d3 {float:none; margin-top: 5px;}
    .pro_txt_div_ul {float:none; width:100%;}
    .pro_txt_div_ul2_li1 {width: 30%;}
    .pro_txt_div_ul2_li2 {width:70%;}
    .video-wrapper_div {margin-top: 0px;}
    .od_forms_left {float:none; width: 100%;}
    .od_forms_right {float:none; width:100%; padding-left: 0px}
    
    .tbl_frm01 th {display: none;}
    .tbl_frm01 td {padding: 5px 0px;}
    
    .order_choice_place label {display: block; width: 100%; margin-bottom: 5px;}
    .tbl_frm01 label {margin-top: 10px;}
    .od_b_zips {width: 30% !important;}
    
    .od_cart_con_1 {position: absolute; bottom:20px; right:20px; float:none; padding: 0px;}
    .od_cart_con_1_cart {bottom:20px; right: 20px;}
    .od_cart_con_1_cart img {width: 50px; height:auto;}
    .od_inp_wrap {margin-bottom: 30px !important;}
    
    .title_div_txt_ss {width: 100%; float:none;}
    .title_div_txt_r {float:none; width:100%; margin-top: 20px; text-align: left; background-color: #f9f9f9; padding: 15px 15px 15px 15px; border-radius: 10px; display: none;}
    .title_div_txt_r span {float:right;}
    .m_txt_left {text-align: left !important; border-left: 0px !important; padding-left: 15px !important; padding-right: 15px !important; width: 60% !important;}
    .m_td {text-align: left; font-size: 11px; margin-top: 5px;}
    .mw20 {width:20%;}
    
    .tbl_head03 td {font-size: 12px !important;}
    .tbl_head03 th {font-size: 12px !important;}
    
    .od_numbers {margin-bottom: 30px; font-size: 16px;}
    .od_inp_tit {font-size: 16px;}
    .od_cart_con_2 {float:none;}
    .od_cart_con_3 {float:none; margin-top: 15px;}
    
    .no_data {font-size: 12px; padding-top: 30px; padding-bottom: 30px;}
    
    .ul_left {float:none;}
    .ul_right {float:none;}
    
    .datepicker {width: 100px;}
    .mw50 {width:50% !important;}
    
    .bbs_subj .cut80 {overflow:inherit;text-overflow:inherit;white-space:inherit; width: 100%;}
    .bbs_subj {width: 60% !important;}
    
    form #stx {width: 175px}
    form .select_btn {padding-left: 10px !important;}
    .subj_ico {display: none;}
    
    .plus_form table th {width: 25%; display: none;}
    .center_btn_divs_box_c {width: 50%;}
    #bo_vc article .cm_wrap {width: 70%;}
    .plus_form table td {width: 75%; border-left: 0px; padding-left: 0px; padding-right: 0px;}
    .bo_vc_w_wr .btn_submit {float:right;}
    #wr_subject {width: 100%;}
    .select_file {width: 100%;}
    
    select[name="sca"] {width: 100%; margin-bottom: 5px;}
    .gaps {margin-left: 0px;}
    
    #wr_link1 {width: 100%;}
    #wr_link2 {width: 100%;}
    
    #wr_3 {width: 100% !important;}
    .pro_price_p {font-size: 24px;}
    .pro_price_st {margin-top: 4px; font-size: 18px; margin-left: 10px;}
    .pro_price_per {margin-right: 10px;}
    
    .main_list_price {margin-top: 10px;}
    .ul_right_ser {float:none; margin-top: 20px;}
    
    #ssch_qid {display: none;}
    label[for="ssch_qid"] {display: none;}
    
    #ssch_qbasic {display: none;}
    label[for="ssch_qbasic"] {display: none;}
    
    #ssch_qexplan {display: none;}
    label[for="ssch_qexplan"] {display: none;}
    
    .ul_left_ser {width: 100%; float:none;}
    .ul_left_chk {float:none; width: 100%;}
    .ul_left_slider {float: none; width: 100%; margin-left: 0px; margin-top: 20px;}
    .ul_pri_div {background-color: #f9f9f9; padding: 20px; border-radius: 10px; width: 100%;}
    .irs--flat .irs-line {background-color: #ccc !important;}
    #ssch_qfrom {width: 100px;}
    #ssch_qto {width: 100px;}
    
    .sod_frm_mobile .sod_opt {padding:0px;}
    .sod_frm_mobile .sod_opt li {margin: 0px;}
    .sod_frm_mobile .odf_list label, .sod_frm_mobile .odf_list strong {display: none;}
    
    .btn_address {
        color: #1E58C6 !important;
        border: 1px solid #1E58C6 !important;
        height: 45px !important;
        border-radius: 6px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        background-color: transparent !important;
    }
    
    #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td {padding: 5px 0px;}
    
    .sod_frm_mobile #sod_frm_taker {padding: 0px; border-top:0px;}
    #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td {line-height: inherit;}
    .samsung_pay{background:url(../../../img/samsungpay.png) no-repeat center center !important;display:inline-block !important;overflow:hidden !important;text-indent:-999px !important;}
    #sod_frm_paysel .inicis_kakaopay em {left: 0px; width: 80px; margin:0 auto; position: inherit;}
    .inicis_kakaopay {background: url(../../../img/kakao.png) no-repeat 50% 50% !important;}
    
    #sod_fin_cancelfrm {width: 400px; margin-left: -200px;}
    
    .video-wrapper_div {margin-left: -20px; margin-right: -20px; border-radius: 0px; padding-bottom: 60.25%;}
    .video-wrapper_div iframe {border-radius: 0px;}
    
    #d_sLightBox_win .inner {width: 100%; top:0%; height:100%;}
    
    #hd_pop {width: 100%; top:0px !important; left:0px !important;}
    .hd_pops {width: 100% !important; top:-20px !important; left:0px !important;}
    .hd_pops_con {width: 100% !important; height:auto !important;}
    .hd_pops_con img {max-width: 100% !important; height:auto !important;}
    
    #sit_inf_open th, #sit_inf_open td {font-size: 11px; padding: 10px;}
    
    .deal .main_list_img{float:none; width: 100%;}
    .deal .main_list_img img {border-bottom: 0px;}
    .deal .right_de {float:none; width: 100%; min-height:auto !important; padding-left: 0px; padding-top: 20px; overflow: inherit;}
    .deal .main_list_sub {display: none;}
    .deal .counts {font-size: 16px !important;}
    .deal .main_list_cat_li2 {right: 0px; top:17px;}
    
    .main_list_price_li3 strike {display: none;}
    .swiper-slide-list7 {margin-top: 0px !important;}
    .time_btn_div {margin-top: 40px;}
    .time_wrap {padding-top: 40px; padding-bottom: 0px; margin-top: 0px;}
    
    .submain_top_bn {margin-top: 0px; margin-bottom: 35px;}
    .submain_top_bn img {border-radius: 0px;}
    
    .sub_wrap_sub {padding-bottom: 30px; margin-bottom: 30px;}
    
    .od_cart_tit_txt {float:none;}
    .od_cart_tit_sub {float:none; margin-top: 5px;}
    
    .deal_list .main_list_img img {}
    .deal_list .right_de {}
    .gnb_sub_div_ul1 {padding-bottom: 0px;}
    .gnb_sub_div_ul1_li3 {display: none;}
    .gnb_sub_div_ul1_li2 {display: none;}
    
    .time_wrap {padding-top: 0px;}
    .time_new_div {margin-top: 0px;}
    .time_wrap .swiper-container-list9 {padding-left: 20px; padding-right: 20px;}
    
    .ul_right_ser .select_inp {width: 88%;}
    .ul_right_ser .select_btn {width: 10%;}
    
    .cate_up {position: fixed; width: 100%; top:-100px; left: 0px; z-index: 99; box-shadow: 0px 10px 10px rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05);}
    .m_mt_sel {margin-top: -10px;}
    .m_mt_sel select {height:45px;}
    
    .type_30_help {background-color: transparent; padding: 0px; text-align: left; margin-bottom: 15px;}
    
    #top_btns {
        right: 20px;
        bottom: 90px;
        border:0px;
    }

    #top_btns.on{
      bottom: 100px;
    }
    
    .star_av_wrap {padding-left: 0px; padding-right: 20px; margin-top: 30px;}
    .star_av_wrap_ul1 {width: 50%;}
    .star_av_wrap_ul2 {width: 50%;}
    
    .review_wrap {margin-top: 30px;}
    .btm_wrap {margin-top: 40px !important;}
    
    .swiper-wrapper-icons {padding-top: 0px;}
    
    .sale_dir_ul1 {float:none; width: 100%; position: relative;}
    .sale_dir_ul2 {float:none; width:100%; margin-top: 30px;}
    .sale_dir {margin-top: 0px; padding-top: 30px; padding-bottom: 0px; margin-bottom: 30px;}
    .sale_txts {font-size: 30px; padding-left: 20px; padding-right: 20px; letter-spacing: -1px;}
    .sale_more_btn {position: absolute; top:-5px; right: 15px; padding: 0px; border:0px;}
    
    .al_plugin {margin-top: 20px;}
    .sale_more_btn {background-color: transparent;}
    .sale_more_btn:hover {padding: 0px; box-shadow: none;}
    .al_plugin {width: 100%;}
    .al_chk_div {float:right; width: auto;}
    .al_chk_div_left {float: right; margin-right: 10px;}
    .al_chk_div span {font-size: 12px;}
    .al_chk_div_right {margin-top: 0px;}
    .al_tit_mobile {float: left;}
    .al_bar {display: none;}
    
    .al_chk_div_list_right {margin-top: 5px;}
    .al_chk_div_list_left {margin-top: 10px;}
    
    .partner_wrap {padding-top: 25px; padding-bottom: 25px; border-top:1px solid #eee; margin-top: 0px;}
    .partner_wrap img {border-radius: 10px;}
    
    /* 배포이후 { */
    .partner_tits_divs {margin-bottom: 15px;}
    /* 다중팝업 CSS */
    .d_popup .wins{display:none;position:absolute;width:90%;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff; border-radius: 10px;}
    .d_popup .wins .inner {padding: 25px; padding-top: 15px;}
    .d_popup .wins .tit {padding-left: 25px; padding-top: 25px; background-color: transparent;}
    
    /* 모바일 구매버튼 고정 */
    .buy_wrap {position: fixed; bottom:0px; left: 0px; width: 100%; background-color: #fff; z-index: 999; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 20px !important;}
    #buy_opt_boxs {transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); position: fixed; bottom:calc(76px + env(safe-area-inset-bottom)); left: 0px; width: 100%; background-color: #fff; z-index: 999; padding-left: 20px; padding-right: 20px; box-shadow: 0px -0px 20px rgba(0,0,0,0.1); padding-bottom: 0px !important; border-top:0px !important;}
    #buy_opt_boxs .opt_sel_div {padding-top: 20px; margin-top: 0px; padding-bottom: 20px;}
    #buy_opt_boxs {border-top:1px solid #eee; padding-bottom: 20px;}
    #buy_opt_boxs #sit_tot_price {}
    #buy_opt_boxs #sit_tot_price dd {margin-top: 0px; margin-bottom: 20px;}
    #buy_opt_boxs #sit_opt_added li:first-child {border-top:0px;}
    .option_select_wrap {margin-top: 0px; padding-top: 20px; border-top:0px;}
    .option_select_wrap .opt_div_wrap_scroll {display: none;}
    
    .option_select_wrap select {margin-bottom: 20px;}
    .opt_down_btn {background-color: #fff; height: 30px; width: 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border:1px solid #eee; border-bottom: 0px; position: absolute; top:-30px; left:20px;}
    .opt_up_btn {background-color: #fff; height: 30px; width: 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border:1px solid #eee; border-bottom: 0px; position: absolute; top:-30px; left:20px; display: none;}
    .buy_opt_boxs_down {bottom:-100% !important;}
    .buy_opt_boxs_down .opt_down_btn {display: none;}
    .type_30_help {margin-top: 0px;}
    .sit_option .opt_ext {display: none;}
    /* } */

    /* 상품 상세 하단 구매 바 */
    #sit_ov_btn.buy_wrap {
        display:flex;
        width:100%;
        min-height:76px;
        margin:0;
        padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important;
        border-top:1px solid #edf0f3;
        box-shadow:0 -5px 18px rgba(22, 34, 50, .08);
        align-items:center;
        gap:8px;
    }
    #sit_ov_btn > .cb {
        display:none;
    }
    #sit_ov_btn .buy_wrap_ul1 {
        float:none;
        width:auto;
        min-width:0;
        margin:0;
        flex:1 1 auto;
    }
    #sit_ov_btn .buy_wrap_ul2 {
        display:flex;
        float:none;
        width:auto;
        margin:0;
        flex:0 0 auto;
        align-items:center;
        gap:8px;
        text-align:left;
    }
    #sit_ov_btn .buy_btn_main {
        width:100%;
        height:56px;
        border:0;
        border-radius:12px;
        background:#f36b21;
        color:#fff;
        font-size:17px;
        font-weight:800;
        box-shadow:0 5px 13px rgba(243, 107, 33, .22);
    }
    #sit_ov_btn .buy_btn_main:hover,
    #sit_ov_btn .buy_btn_main:focus {
        background:#df5913;
    }
    #sit_ov_btn .cart_btn_main,
    #sit_ov_btn .wish_btn_main {
        width:56px;
        height:56px;
        margin:0;
        padding:0;
        border:1px solid #e2e7ec;
        border-radius:12px;
        background:#fff;
        color:#182433;
        box-shadow:none;
    }
    #sit_ov_btn .cart_btn_main svg,
    #sit_ov_btn .wish_btn_main svg {
        width:23px;
        height:23px;
    }
    
    /* 상품탭 상단고정 2022-11-06 { */
    #tab_gnd_wrap {background-color: #f9f9f9; border-radius: 10px; padding-top: 20px; padding-bottom: 20px;}
    #tab_gnd_wrap .swiper-container-prdgnb {padding-left: 20px; padding-right: 20px;}
    #tab_gnd_wrap dd {white-space: nowrap; width: auto !important; padding-right: 0px; font-size: 14px;}
    #tab_gnd_wrap.fixed{padding-top: 20px; padding-bottom: 20px; border-radius: 0px}
    #tab_gnd_wrap.fixed .swiper-container-prdgnb {padding-left: 20px; padding-right: 20px;}
    #tab_gnd_wrap.fixed dd {font-size: 14px; width: auto !important;}
    .rev_re_wrap_ul1 {float:left; width:10%;}
    .rev_re_wrap_ul2 {float:right; width:90%;}
    .c_tabs {margin-top: 20px;}
    
    /* } */
    
    /* 후기관련 업데이드 2022-11-06 { */
    .d_popup_prd .wins{width:90%;}
    .d_popup_prd .wins .inner {padding: 25px; padding-top: 15px;}
    .d_popup_prd .wins .tit {padding-left: 25px; padding-top: 25px; background-color: transparent;}
    .d_popup_prd .wins .close {right: 0px; top:-2px; width:75px; height:75px;}
    .use_mb_id {right:10px;}
    /* } */
    
    /* 판매자 프로필 2022-11-07 { */
    .partner_profiles {position: relative; padding-bottom: 0px; border-bottom:0px}
    .pp_ul1 img {width: 40px; border-radius: 10px; margin-top: 3px;}
    .pp_ul2_li1 {font-size: 15px;}
    .pp_ul2_li3 {position: absolute; top:0px; right: 0px; margin-top: 9px;}
    .pp_ul2 {margin-left: 15px;margin-top: 2px;}
    .pp_ul3 {float:none; margin-left: 0px; width: 100%; clear: both; padding-top: 20px;}
    .pp_info_text {padding: 15px; position:relative;}
    .m_partner_lev {width: 60px; height:auto; position: absolute; top:5px; right:5px;}
    .pp_ul2_li2 {margin-top: 5px;}
    .pp_ul2_li2 span {display: none;}
    .pp_ul4 {float:none; width: 100%; margin-top: 20px; border:0px; border-radius: 0px; padding: 0px}
    .pp_ul4_li1 {text-align: left;}
    .pp_ul4_li2 {text-align: left;}
    .pp_count {text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px;}
    .pp_count button {display: inline-block; width: 25%; margin-left: -3px; margin-right: -3px; box-sizing: border-box; padding-left: 0px; padding-right: 0px;}
    #ssch_cate {margin-top: 20px;}
    .pp_ul4_li2 {margin-top: 5px;}
    .pp_ul4_li2 span {padding: 0px; background-color:transparent;}
    .pp_ul4_li2:hover span {background-color: transparent; color:#3182f6;}
    .use_it_info_box img {width: 15%;}
    .use_it_info_box span {width: 60%; margin-top: 2px;}
    .m_borders {border-left: 0px !important;}
    .pf_use {padding-top: 30px;}
    .pp_ul3_li2 {font-size: 10px}
    .pp_ul3_li2 span {padding: 7px 10px 7px 10px}
    .pp_ul3_inner {margin-bottom: 15px;}
    /* } */
    
    /* 채팅 { */
    .chat_box_ul1 {float: none; width: 100%;}
    .chat_box_ul2 {float:none; width: 100%; margin-top: 15px;}
    
    #chat_btns_pop {
        right: 20px;
        bottom: 150px;
        border:0px;
    }

    #chat_btns_pop.on{
      bottom: 160px;
    }
    
    .chat_page_ul1 {height: auto !important;}
    #chat_page {height:auto !important;}
    /* } */
    

}

/* 배포이후 { */
.opt_sel_div_ul1 {width: 70%;}
.opt_sel_div_ul1_txt {overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width: 90%;display: block;}
/* } */

.m_btm,
.m_btm_spacer {display:none;}

/* 소비자 모바일 하단 네비게이션 */
@media all and (max-width:1024px) {
    .mobile.m_btm {
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        position:fixed;
        right:0;
        bottom:0;
        left:0;
        z-index:998;
        width:auto;
        max-width:none;
        height:66px;
        height:calc(66px + env(safe-area-inset-bottom));
        margin:0;
        padding:4px 8px;
        padding-bottom:calc(4px + env(safe-area-inset-bottom));
        border-top:1px solid #e8ebf0;
        background:rgba(255,255,255,.98);
        color:#737d8c;
        box-shadow:0 -5px 20px rgba(28,39,55,.09);
        box-sizing:border-box;
        font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",sans-serif;
        -webkit-backdrop-filter:blur(14px);
        backdrop-filter:blur(14px);
    }

    .mobile.m_btm_spacer {
        display:block;
        width:100%;
        height:66px;
        height:calc(66px + env(safe-area-inset-bottom));
    }

    .m_btm_item {
        position:relative;
        display:flex;
        min-width:0;
        min-height:54px;
        padding:4px 1px 3px;
        border:0;
        border-radius:10px;
        background:transparent;
        color:#737d8c;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        box-sizing:border-box;
        text-align:center;
        text-decoration:none;
        -webkit-tap-highlight-color:transparent;
    }

    .m_btm_item:hover,
    .m_btm_item:focus,
    .m_btm_item:active {
        color:#3182f6;
        text-decoration:none;
    }

    .m_btm_item:focus-visible {
        outline:2px solid #3182f6;
        outline-offset:-2px;
    }

    .m_btm_item.is-active {
        color:#3182f6;
        font-weight:700;
    }

    .m_btm_item.is-active:before {
        content:"";
        position:absolute;
        top:-4px;
        left:50%;
        width:24px;
        height:3px;
        border-radius:0 0 3px 3px;
        background:#3182f6;
        transform:translateX(-50%);
    }

    .m_btm_item_icon {
        position:relative;
        display:flex;
        width:24px;
        height:24px;
        align-items:center;
        justify-content:center;
    }

    .m_btm_item_icon svg {
        display:block;
        width:23px;
        height:23px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .m_btm_item_label {
        display:block;
        max-width:100%;
        overflow:hidden;
        font-size:11px;
        font-weight:inherit;
        line-height:1.1;
        letter-spacing:-.35px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .m_btm_badge {
        position:absolute;
        top:-5px;
        right:-10px;
        display:flex;
        min-width:17px;
        height:17px;
        padding:0 4px;
        border:2px solid #fff;
        border-radius:10px;
        background:#ff4057;
        color:#fff;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        font-size:9px;
        font-weight:800;
        line-height:13px;
    }
}
.mypage_gnb a {margin-right: 0px;}
.swiper-slide-mgnb {width: auto !important;}

/* 소비자 마이페이지 상단 네비게이션 모바일 카드 */
@media all and (max-width:1024px) {
    .title_div:has(.mypage_gnb) {display:block;min-height:0}
    .mypage_gnb {width:100%!important;margin:0;padding:5px;border-radius:12px}
    .mypage_gnb .swiper-container-mgnb {width:100%;overflow:hidden}
    .mypage_gnb a {padding:8px 10px;font-size:12px!important}
    .title_div_ico.title_div_txt_r {display:flex!important;width:100%;margin-top:10px;padding:9px 12px;border-radius:10px;justify-content:flex-start;text-align:left}
    .title_div_ico.title_div_txt_r .main_color {margin-left:auto}
}

.mobile_gnbs {padding-top: 20px; border-top:1px solid #eee; margin-top: 15px; padding-bottom: 7px; margin-left: -20px; margin-right: -20px;}
.swiper-wrapper-sgnb-m li {width:auto !important;}
/* Noblesse sub navigation mobile refresh - 2026-07-03 */
@media all and (max-width:1024px) {
    .gnb_sub_div {
        background: #fff !important;
        border-top: 1px solid #e7ece8;
        border-bottom: 1px solid #dfe7e1;
        box-shadow: 0 8px 18px rgba(16, 43, 27, 0.04);
    }
    .gnb_sub_div .inner {
        width: 100% !important;
    }
    .gnb_sub_div_ul1 {
        display: block !important;
        min-height: 52px;
        padding: 0 !important;
        background: transparent !important;
    }
    .gnb_sub_div_ul1_li1 {
        width: 100% !important;
        overflow: hidden;
    }
    .swiper-container-sgnb {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .gnb_sub_div_ul1 a.sct_ct_view,
    .gnb_sub_div_ul1_li1 a {
        min-height: 52px;
        font-size: 14px !important;
    }
    .gnb_sub_div_ul1_li3,
    .gnb_sub_div_ul1_li2 {
        display: none !important;
    }
    .subs_wrap {
        margin-top: 28px !important;
        padding-right: 20px;
        padding-left: 20px;
    }
    .title_div_txt {
        font-size: 21px !important;
    }
    #sct_sortlst {
        position: static !important;
        margin-top: 18px;
        text-align: left;
    }
    #ssch_sort a {
        display: inline-block;
        padding: 0 14px 8px 0 !important;
        font-size: 13px;
    }
}

/* 헤더/햄버거 패널 모바일 최적화 - 2026-07-21 */
@media all and (max-width:1024px) {
    .top_fixed > .inner {
        min-height: 66px;
    }
    .top_fixed .top_wrap_ul1 {
        flex: 0 0 150px;
        min-width: 150px;
    }
    .top_fixed .top_wrap_ul1 img {
        height: 58px;
        max-width: 150px;
        width: auto;
    }
    .top_fixed .top_wrap_ul4 {
        gap: 9px;
        margin-top: 0;
    }
    .top_fixed .top_wrap_ul4 > li > a {
        width: 38px;
        height: 38px;
        border-radius: 11px;
    }
    .top_fixed .top_wrap_ul4 > li > a svg {
        width: 19px;
        height: 19px;
    }
    .top_fixed .top_wrap_ul4 .r_gnb_li {
        margin-left: 1px;
        padding-left: 8px;
    }
    .top_fixed .top_wrap_ul4 .r_gnb_li > a.thin-menu {
        width: 38px;
        height: 38px;
    }
    .top_fixed .top_wrap_ul4 .r_gnb_li > a.thin-menu span {
        width: 18px;
    }
    .sh-side-options {
        width: min(400px, calc(100vw - 12px));
        max-width:calc(100% - 12px);
        transform:translateX(100%);
        contain:layout;
    }
    .sh-side-options.open {
        transform:translateX(0);
    }
    .sh-side-demos-container {
        padding: 18px 18px 32px;
    }
    .sh-side-demos-loop-container {
        margin-right: -6px;
        margin-left: -6px;
    }
    .side_shop_menu {
        margin-top: 20px;
        padding-top: 18px;
    }
}

@media all and (max-width:600px) {
    .top_fixed {
        padding: 10px 14px;
    }
    .top_fixed .top_wrap_ul1 {
        flex: 0 0 125px;
        min-width: 125px;
    }
    .top_fixed .top_wrap_ul1 img {
        height: 52px;
        max-width: 125px;
    }
    .top_fixed .top_wrap_ul4 {
        gap: 6px;
    }
    .top_fixed .top_wrap_ul4 > li > a {
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }
    .top_fixed .top_wrap_ul4 > li > a svg {
        width: 18px;
        height: 18px;
    }
    /* 좁은 화면에서는 핵심 동선(알림·마이페이지·장바구니·메뉴)을 남깁니다. */
    .top_fixed .top_wrap_ul4 > li:first-child,
    .top_fixed .top_wrap_ul4 > li:nth-child(2) {
        display: none;
    }
    .top_fixed .top_wrap_ul4 .r_gnb_li {
        padding-left: 5px;
    }
    .top_fixed .top_wrap_ul4 .r_gnb_li > a.thin-menu {
        width: 35px;
        height: 35px;
    }
    .top_fixed .top_wrap_ul4 .r_gnb_li > a.thin-menu span {
        width: 17px;
    }
    .side_shop_menu_head h2 { font-size: 18px; }
    .side_shop_quick a { min-height: 36px; }
}

/* 소비자 사이드 메뉴/헤더 UI 정돈 - 2026-07-24 */
@media all and (max-width:1024px) {
    .sh-side-options {
        width:min(88vw, 380px);
        max-width:none;
        overflow:hidden;
        border-radius:20px 0 0 20px;
        transform:translateX(calc(100% + 24px));
        transition:transform .36s cubic-bezier(.22, 1, .36, 1);
    }
    .sh-side-options.open {
        transform:translateX(0);
        box-shadow:-18px 0 48px rgba(17, 30, 48, .18);
    }
    .close_r {
        top:max(14px, env(safe-area-inset-top));
        right:14px;
        left:auto;
        width:42px;
        height:42px;
        margin:0;
        padding:0;
        border:0;
        border-radius:50%;
        background:#f3f5f7;
        color:#182433;
        align-items:center;
        justify-content:center;
        cursor:pointer;
    }
    .sh-side-options.open .close_r {
        display:flex;
    }
    .close_r svg {
        width:24px;
        height:24px;
        stroke:currentColor;
        stroke-width:2;
    }
    .sh-side-demos-container {
        right:0;
        padding:72px 24px 42px;
        overflow-x:hidden;
        scrollbar-width:thin;
    }
    .sh-side-demos-loop-container[style] {
        margin:0 !important;
        padding:0 !important;
    }
    .sl_prop_name {
        margin-top:0;
        font-size:17px;
        font-weight:700;
        line-height:1.45;
    }
    .sl_prop_point {
        font-size:14px;
    }
    .sl_btn {
        margin-top:18px;
    }
    .sl_btn .on_bt,
    .sl_btn .off_bt,
    .sl_btn .on_bt2,
    .sl_btn .on_bt3 {
        height:52px;
        border-radius:12px;
        font-size:15px;
        font-weight:700;
    }
    .side_shop_menu {
        margin-top:26px;
        padding-top:24px;
    }
    .side_shop_menu_kicker {
        margin-bottom:6px;
        font-size:11px;
    }
    .side_shop_menu_head h2 {
        font-size:22px;
    }
    .side_shop_menu_all {
        padding:7px 0;
        font-size:14px;
    }
    .side_shop_quick {
        gap:8px;
        margin-top:18px;
    }
    .side_shop_quick a {
        min-height:46px;
        border:0;
        border-radius:10px;
        background:#f5f7f9;
        font-size:14px;
    }
    .side_shop_quick a.is_primary,
    .side_shop_quick a:hover {
        border:0;
        background:#edf5ff;
    }
    .side_shop_categories {
        margin-top:18px;
    }
    .side_shop_category_title {
        min-height:52px;
        padding:0;
        font-size:16px;
    }
    .side_shop_category_children {
        gap:4px 12px;
        padding:0 0 16px;
    }
    .side_shop_category_children a {
        width:calc(50% - 6px);
        min-height:32px;
        color:#687789 !important;
        font-size:14px;
        line-height:1.45;
    }

    .sl_gnb {
        margin-top:26px;
        border-top:1px solid #e9edf1;
    }
    .sl_gnb > div:first-child ul {
        display:flex;
        float:none;
        width:100% !important;
        min-height:58px;
        margin:0 !important;
        padding:14px 4px;
        border:0;
        border-bottom:1px solid #e9edf1;
        border-radius:0;
        align-items:center;
        justify-content:flex-start;
        text-align:left;
    }
    .sl_gnb > div:first-child .r_icons {
        min-height:0;
    }
    .sl_gnb > div:first-child .mt_txts {
        margin:0 0 0 12px;
    }
    .sl_gnb .gnb_bt_mt {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        margin:0;
        border-bottom:1px solid #e9edf1;
    }
    .sl_gnb .gnb_bt_mt ul {
        float:none;
        width:100%;
        min-height:82px;
        margin:0;
        padding:15px 4px 13px;
        border:0;
        border-radius:0;
        background:transparent;
    }
    .sl_gnb .gnb_bt_mt ul + ul {
        border-left:1px solid #eef1f4;
    }
    .sl_gnb ul:hover {
        border-color:#e9edf1;
        background:#f8fafc;
    }
    .sl_gnb ul .mt_txts {
        margin-top:7px;
        font-size:14px;
        line-height:1.25;
    }
    .sl_gnb .r_icons svg {
        width:23px;
        height:23px;
        stroke-width:1.8;
    }

    .top_fixed .top_wrap_ul4 > li > a,
    .top_fixed .top_wrap_ul4 .r_gnb_li > a.thin-menu {
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
}