@media all and (max-width:767px) {
    /* header */
    .right_tab { display:none; }
    .icon_list li a { font-size:0; margin-right:5px; gap:0; }
    .t_logo { left:10px; width:52px; height:10px; }
    .mBtn { right:10px; }
    #mheader .mNav { width:80%; }
    .search_area.mobile { padding:10px; }
    .only_m { display:block !important; }
    .only_inline_m { display:inline-block !important; }
    table.only_m { display:table; }
    .only_pc { display:none; }
    .left_tab { left:60px; }
    .left_tab li a { width:auto; padding:0 8px; font-size:12px; letter-spacing:-0.35px; }
	.left_tab li a.font_des { font-size:12px; }
    .icon_list { margin-right:0; }
    .icon_list li .b_icon { width:26px; height:26px; background-size:12px; }
    .top_header { height:50px; }
    .mBtn { top:11px; }
    .tr_flex { top:13px; }
    .ham_log li a { font-size:13px; }
    .ham_log li:after { height:11px; top:5px; }

    .small_tab { flex-wrap:wrap; gap:0 15px; }
    .small_tab li a { padding:10px 0; font-size:14px; }

    .webinar_onair  { padding:50px 0 80px; margin-bottom:50px; }
    .webinar_onair h2 { font-size:30px; margin-bottom:0; }
    .wo_stit { font-size:25px; }
    .wo_list li { font-size:13px; }
    .wo_list { margin-bottom:20px; }

    .mySwiper .swiper-slide { height:300px; }
    .thumb_list { row-gap:40px; }
    .thumb_list li .thumb_tit { font-size:14px; }
    /* .thumb_list li:first-child { display:none; } */
    .tn_list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; }
    .pro_list li .price_list .blue_txt { position:absolute; left:8px; top:8px; background-color:#fff; width:35px; height:35px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:13px; }
    /*.tn_list li .price_list .blue_txt { position:absolute; left:8px; top:8px; color:#ef0000; width:35px; height:35px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:13px; }*/
    .np_list > li .num { width:35px; font-size:15px; }
    .tn_sum { font-size:13px; }
    .item_tit h2 { font-size:25px; }
    .tn_list { margin-top:70px; }
    .sort_item { position:absolute; bottom:-53px; left:0; }
    .sort_item li a { font-size:12px; padding:5px 10px; }
    .thumb_ic { right:10px; }
    .thumb_ic ul { justify-content: end; }


    .cart_inner_btn { width:auto; }
    .cart_inner_btn br { display:none; }
    .cbp_inner { flex-flow:column; gap:5px; }
    .cbp_inner .cart_bottom_btn { margin-left:0; }

    .mySwiper2 { height:360px; }
    .mySwiper2 .swiper-slide { height:360px; }
    .mySwiper3 { height:120px ; }
    .pd_option li p { font-size:14px; }
    .pd_option_price { font-size:14px; }
    .pd_option li { flex-flow:column; align-items:start; gap:10px; }
    .pd_option .qua_wrap { justify-content:space-between; }
    .qua_wrap {  width:100%; }
    .rec_swiper .swiper-slide { align-items:start; }
    .soldout_wrap span  { font-size:20px; }
    .item_tit h2:after { bottom:-23px; }
    .tn_name { font-size:14px; }
    .new_rec { margin-bottom:50px; }
    .main_media { margin-bottom:50px; }
    .me_video { margin-top:-150px; }
    .new_pro { margin-bottom:50px; }
    .event_banner { margin-bottom:50px; }
    .common_banner { margin-bottom:50px; }
    .hot_item { margin-bottom:50px; }
    .mint_webinar { margin-bottom:50px; }
    .swiper_txt { padding-top:50px; }
    .swiper-horizontal > .swiper-scrollbar { width:100% !important; min-width:100%; }
    .mw_list > li { margin-right:0; }
    .mw_tit h2 { font-size:30px; }
    .mw_tit h2 .eng_tit { font-size:15px; }
    .main-pagi { bottom:20px; }
    .mint_webinar { padding:50px 0; }
    .swiper_txt h2 { font-size:30px; }

    .me_video iframe { height:54vw; }
    .main_media > .pr_btn { right:-30px; }
    .f_noti .shop_noti_txt { text-align:justify; font-size:12px; }
    .k_ch { width:25px; height:27px; }
    .f_tit { gap:8px; }
    .f_flex { align-items:center; }

    .big_tab { flex-wrap:wrap; }
    .big_tab li { width:50%; flex:auto; margin-top:-1px; }

    .sort_area { flex-flow:column; }
    .sort_res { margin-bottom:15px; }
    .sort_wrap { flex-flow: column; width:100%; }
    .sort_wrap li { width:100%; margin-bottom:10px;}
    select.sort_select { width:100%; }
    .big_tab li { font-size:15px; }
    .big_tab li:nth-child(2n+0) { border-right:1px solid #eee; }
    .big_tab li a { padding:15px 0; }
    .big_tab.grid4 li:nth-child(2) { border-right:1px solid #eee; }
    .product_tit { font-size:30px; margin-bottom:25px; }
    .cate_tab { margin:25px 0; }

    .pdsum_tab_list li a { font-size:14px; letter-spacing:-0.55px; }
    .de_tb li p { padding:15px; font-size:13px; }
    .de_tb li p:nth-child(1n+0) { width:40%; }
    .de_tb li p:nth-child(2n+0) { width:60%; }
    .devi_list { grid-template-columns: repeat(2, 1fr); }
    .vi_ti { font-size:13px; }
    .product_tb colgroup col:nth-child(1) { display:none; }
    .product_tb thead th:nth-child(1) { display:none; }
    .product_tb tbody td:nth-child(1) { display:none; }
    .product_tb colgroup col:nth-child(3) { width:20%; }
    .product_tb colgroup col:nth-child(4) { width:20%; }

    .aca_img { display:none; }
    .aca_txt { width:100%; }
    .aca_txt h3 { margin-bottom:20px; }
    .aca_list { grid-row-gap:25px; }
    .aca_title h3 { font-size:17px; }
    .aca_title .state_icon { font-size:15px; }
    .aca_sum_list p { font-size:14px; }
    .aca_sum { padding:20px 0; }
    .aca_sum_list li { padding:0 10px; }
    .event_list { grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px; }
    .event_txt h3 { font-size:16px; }
    .event_txt .date { font-size:14px; }
    .event_img.over:after { font-size:18px; }
    .mint_tb thead th { font-size:13px; }
    .mint_tb tbody td { font-size:13px; letter-spacing:-0.55px; }
    .bo_search_wrap li { flex-wrap:wrap; }
    .bo_search_wrap .sort_input  { width:85%; }
    .faq_cate { font-size:15px; width:40%; }
    .faq_sub { font-size:15px; }
    #faq_acc h1 > p { font-size:15px; padding:0 25px; }
    #faq_acc h1 p:before { font-size:16px; }
    .faq_ico { width:20px; height:20px; }
    .faq_a li { font-size:15px; padding-left:20px; }
    .faq_a { padding:20px 15px; }
    .faq_a li:before { font-size:16px; top:-1px; }
    #faq_acc h1 { padding:25px 15px; }
    .media_list { grid-template-columns: repeat(1, 1fr); }
    .media_list h3 { font-size:16px; }

    .ct_list li a { font-size:13px; }

    .mp_my { padding:20px 15px; }
    .mp_my h3 { font-size:16px; }
    .mp_my_list li span { font-size:14px; }
    .mp_my_list li .ml_num { font-size:15px; margin-left:5px; }
    .mp_my_list li { margin-right:25px; }
    .mp_my_list li:after { right:-15px; }
    .mp_box li .ti { font-size:14px; letter-spacing:-0.35px; }
    .mp_box li { padding:20px 5px; }
    .mp_box li .num { font-size:20px; }
    .mp_left_cate.mobile_only li a { font-size:14px; padding:0; }
    .mp_left_cate.mobile_only li { width:50%; margin-right:0; }
    .mp_left_cate.mobile_only { flex-wrap:wrap; padding:15px; }
    .mypage_stit { font-size:16px; margin-bottom:0; }
    .mypage_stit:before { height:15px; }
    .mp_stit { margin-bottom:15px; }
    .rev_tb colgroup col:nth-child(1) { width:12%; }
    .rev_tb colgroup col:nth-child(3), .rev_tb colgroup col:nth-child(4) { width:22%; }
    .mypage_tb { table-layout:auto; }
    .myinfo_tb tbody th { font-size:14px; width:30%; padding:5px; }
    .m_full_input { width:100% !important; }
    .search_area.mobile .key_btn { top:10px; }
    input[type="file"].ipt_box { width:100% !important; }
    .mypage_tb tbody td { font-size:13px; padding:5px; }
    .c_email { margin-top:5px; width:100%; }
    .mypage_grid { margin-bottom:30px; }
    .mp_sebox > div { flex-flow:column; align-items:start; }
    .mp_sebox { padding:15px; }
    .mp_intit { width:100%; margin-bottom:10px; }
    .mp_sebox > div:first-child { border-bottom:1px solid #eee; padding-bottom:20px; }
    .ctd_flex { display:flex; align-items:center; }
    .ctd_flex .cimg_area { top:auto; left:auto; position:relative; }
    .ctd_flex .ctxt_area { padding-top:0; padding-left:15px; margin-bottom:10px; }
    .ctd_desk { padding-left:80px; margin-top:15px; }
    .ctd_desk li { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }
    .ctd_desk li:last-child { margin-bottom:0; }
    .cartbtn_list.ctd { display:flex; margin-top:15px; }
    .cartbtn_list.ctd li { flex:1 1; width:50%; margin-right:8px;  }
    .cartbtn_list.ctd li:last-child { margin-right:0; }
    .cartbtn_list.ctd li a { display:block; }
    .ver_t { vertical-align:top; }
    .cp_wrap_m { background-color:var(--sub); padding:15px; margin-bottom:30px; }
    .cp_wrap_m ul li { display:flex; align-items:center; font-weight:400; justify-content:space-between; margin-bottom:5px; }
    .cp_wrap_m ul li b { position:relative; font-size:16px; font-weight:600; }
    .cp_wrap_m ul li b:after { content:'원'; font-size:13px; margin-left:2px; margin-top:-2px; }
    .cp_wrap_m ul li .blue { color:var(--main); }
    .pay_list { flex-flow:column; align-items:start; gap:0; padding:10px 0; }
    .pay_list li { margin-bottom:5px; }
    .pay_list input { height:auto !important; }
    .order_noti { font-size:16px; word-break:keep-all; }
    .comp_txt { font-size:26px; }
    .myinfo_tb tbody td textarea { width:100%; }

    .f_inner { flex-wrap:wrap; padding:30px 20px; }
    .f_logo { margin-bottom:25px; }
    .f_info { width:100%; flex:auto; }
    .f_info .f_list li { font-size:13px; }
    .f_info .f_list br { display:none; }
    .f_company .f_clist li { font-size:13px; }
    .f_cs .f_cslist li { font-size:13px; }
    .back-top { width:40px; height:40px; right:20px; bottom:20px; }
    .back-top svg { width:18px; }
    .f_clist { flex-wrap:wrap; grid-row-gap:5px; }
    .f_clist li a { font-size:12px; }
    .f_call { font-size:20px; }
    .f_company:after { right:15px; }

    .login_bg { display:block; padding:50px 0; }
    .login_inner { padding-top:0; }
    .log_logo { width:103px; height:50px; text-align:center; margin:0 auto 20px; }
    .lang_flex { justify-content:center; margin-bottom:35px; }
    .ask_mail li { font-size:15px; }
    .loginput_list li > input { font-size:16px; }
    .modal_pop { width:90%; }
    .modal_pop h2  { font-size:22px; }
    .modal_pop p { font-size:14px; }
    .pop_btn { font-size:16px; }
    .log_check li { font-size:13px; }
    .find_list li { font-size:13px; }
    .log_check { gap:10px; }
    .logbtn_area { gap:10px; }
    .logbtn_area > a { font-size:16px; }
    .log_ask { margin-top:50px; }
    .log_ask p { font-size:14px; }

    .join_con { padding:30px 10px 60px; }
    .join_header { top:60px; }
    .join_wrap { padding-top:200px; }
    .join_title h3 { font-size:16px; }
    .step_con li.on p { font-size:12px; }
    .step_con li p { font-size:12px; }
    .step_con li p span { display:block; margin-right:0; }
    .step_con li.on p span { display:block; margin-right:0; }
    .type_nati { grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px; }
    .agree_tit .flex_label { font-size:12px; gap:5px; }
    .agree_tit.blue { padding:20px 10px; }
    .agree_tit { padding:20px 10px; letter-spacing:-0.65px; }
    .ag_wrap .open .ico { width:15px; height:15px; }
    .ag_wrap .open { top:14px; right:10px; gap:5px; }
    .ag_wrap .open p { font-size:10px;letter-spacing:-0.55px; padding:5px 5px; }
    .agree_list { padding:20px 10px; }
    .agree_list ul li p { font-size:12px; }
    .agree_list ul li a { font-size:12px; }
    .step_current { margin-bottom:30px; }
    .certi_con h3 { font-size:28px; word-break:keep-all; }
    .certi_con p { font-size:15px; word-break:keep-all; }
    .m_noflex { flex-flow:column; justify-content:start; align-items:start !important; }
    .jointb_input { width:50%; }
    .short_input { width:22%; }
    .jointb_input { height:35px; }
    .join_tb tbody td select { height:35px; line-height:35px; }
    .jointb_btn { height:35px; }
    .number_flex .jointb_input { width:30% !important; }
    .m_full_btn { width:100%; }
    .filebox { display:flex; flex-flow:column-reverse; gap:5px; }
    .filebox .upload-name { width:100%; border:1px solid #eee; padding:5px; height:35px; font-size:12px; letter-spacing:-0.55px; }
    .filebox label { text-align:center; height:35px; line-height:35px; padding:0; }
    .jointb_info { display:block; padding-left:22px; font-size:12px; position:relative; }
    .info_icon { position:absolute; top:1px; left:0; }
    .check_noflex { flex-flow:column; }
    .check_noflex .jointb_input { width:100%; }
    .email_flex { flex-flow:column; width:100%;}
    .email_flex select { width:100%; }
    .email_flex .jointb_btn { width:100%; }
    .full_select { width:100%; }
    .join_tb tbody th { padding:0 10px; font-size:13px; word-break:keep-all; }
    .join_tb tbody td { padding:10px; font-size:13px; }
    .eng_name { display:flex; flex-flow:column; gap:5px; }
    .eng_name input { width:100%; }
    .m_full_input { width:100%; }
    .hp_input { width:82%; }
    .joinbtn_wrap > a { font-size:16px; height:50px; }
    .join_title p { word-break:keep-all; }
    .join_title p br { display:none; }
    .join_header h1 img { margin-right:-40px; }
    .join_title { margin-bottom:30px; }
    .find_tab { margin-bottom:30px; }
    .int_dotlist.flex > li { gap:10px; }
    .int_dotlist.flex > li .ti { font-size:15px; word-break:keep-all; padding-left:10px; }
    .int_dotlist.flex > li .ti:before { top:9px; }
    .int_h4 { font-size:18px; word-break:keep-all; }
    .int_input { width:100%; }
    .int_box { padding:25px 15px; }
    .loca_input { border:0; border-bottom:1px solid #ddd; width:74%; padding:0; }
    .jointb_label { word-break:break-all; }
    .nati_round  { width:60px; height:60px; background-size:30px; }
    .tbinput_list li { font-size:13px; }
    .doctor_flex .filebox .upload-name { width:100%; height:35px; margin-left:0; }
    .doctor_flex .filebox { flex-flow:column-reverse; flex:auto; width:100%; }
    .doctor_flex .filebox label { width:100%; height:35px; }

    .int_logo { gap:50px; }
    .int_h3 { font-size:17px; }
    .int_h3 br { display:none; }
    .int_logo li:after { width:20px; height:20px; right:-35px; }
    .int_dotlist > li { font-size:14px; padding-left:10px; }
    .int_dotlist > li:before { top:9px; }
    .info_chk li label { font-size:14px; }

    /* review  추가 */
    .detail_review_wrap { flex-flow:column; }
    .review_con_area > ul > li { padding:20px 0; }
    .dr_left_wrap { width:100%; padding-right:0; }
    .r_profile { width:30px; height:30px; }
    .review_contents { padding-left:40px; }
    .r_thumbnail_wrap { width:100%; }
    .r_thumbnail { width:100%; padding-top:70%; height:auto; }
    .r_reco { width:100%; text-align:right; padding-top:15px; }
    .r_reco_con { margin:0 0 0 auto; }

    .thead { display:none; }


    .rqna_title li.reply_wrap { position:relative; top:auto; left:auto; }
    .qna_title { font-size:15px; }
    .rqna_title li { font-size:13px; }
    .answer { font-size:14px; }

    .order_sec  { padding:20px 15px 30px; margin-bottom:15px; overflow:hidden; }
    .prod_box_inner { background-color:#fff; border-radius: 10px; padding:0 10px 10px; margin: 20px 0; border: 1px solid #eee; }
    .prod_area { width:100%; }
    .prd_info { align-items:start; }
    .prod_box_header { display:none; }
    .prod_box_inner { flex-flow:column; }
    .prod_left_box { flex-flow:column; border-bottom:1px solid #eee; }
    .prod_box01 { width:100%; }
    .prod_box02 { width:100%; }
    .prod_box03 { width:100%; }
    .prod_box04 { width:100%; }
    .prod_box05 { width:100%; background-color:var(--sub); color:var(--main); font-size:16px; font-weight:600; }
    .prod_box05 .prod_tit { color:#222; font-weight:500; }
    .prod_box06 { width:100%; flex-flow:row; }

    .goods_order_end_form .prod_box01 { width:100%; }
    .goods_order_end_form .prod_box02 { width:100%; }
    .goods_order_end_form .prod_box03 { width:100%; }
    .goods_order_end_form .prod_box04 { width:100%; }
    .goods_order_end_form .prod_box05 { width:100%; }
    .goods_order_end_form .prod_box06 { width:100%; }

    .pb_style { border-left:0; border-bottom:0; padding:10px; justify-content:space-between;}
    .prod_tit { display:block; }
    .del_wrap { display:flex; gap:5px; flex-flow:row; }
    .cart_price { flex-flow:column; padding:10px 0 0; margin-bottom:0; }
    .cart_price li { width:100%; display:flex; align-items:center; justify-content:space-between; padding:5px 15px; }
    .cart_price li .ti { border-top:0; border-bottom:0; padding:0; font-size:15px; color:#888; font-weight:400; }
    .cart_price li .pr { border-bottom:0; padding:0; font-size:15px; color:#888; font-weight:400; }
    .cart_price li .pr:after { display:none; }
    .cart_price li:nth-child(1) .ti { font-size:16px; color:#222; }
    .cart_price li:nth-child(1) .pr { font-size:18px; color:#222; font-weight:600; }
    .cart_price li:last-child { background-color:var(--sub); border-top:1px solid #eee; padding:20px 15px; margin-top:15px; }
    .cart_price li:last-child .ti { font-size:16px; color:#222; font-weight:500; }
    .cart_price li:last-child .pr { font-size:20px; color:var(--main); font-weight:600; }
    .prod_detail { background-color: #fff; border-radius: 15px; border: 1px solid #eee; padding: 10px 0 0; overflow:hidden; margin: 20px 0 40px 0; }
    .prod_detail .dot_tit { padding:0 15px; padding-bottom:12px; }
    .dot_tit { position:relative; padding-left:0; padding-bottom:15px; }
    .dot_tit:before { display:none; }
    .dot_tit:after { content:''; width:110%; height:1px; background-color:#eee; position:absolute; bottom:0; left:-15px; }
    .mypage_tb { border-top:0; }
    .prod_box_wrap { border-top:0; }
    .truck_icon { margin-bottom:0; }

    .prod_chkbox { left:2px; top:19px; transform:none; }
    .prod_cartbox01 { padding-left:30px; padding-right:30px; }
    .pb_cart_style { flex-flow:column; align-items:start; }
    .cart_qua { width:auto; }
    .prod_cart_txtwrap { flex-flow:row; align-items:center; gap:8px;}
    .coupon_btn { margin: 10px 0; }
    .cart_notice { margin-top:0; }
    .cart_notice br { display:none; }
    .cart_inner_price li { display:block; }
    .cart_inner_price li .pr { display:flex; align-items:Center; justify-content:space-between; }
    .prod_cart_shopname { padding:0 13px; }
    .cart_inner_price li:last-child { background-color:transparent; }
    .cart_inner_price li:nth-child(4) { padding-right:15px; }

    .price_coupon_wrap { align-items:start; flex-flow:column; }

    .qbom_pop { width:95% !important; min-width:95% !important; height:555px !important; }
    .coupon_box_per b { font-size:18px !important; }
    .coupon_box_name { font-size:14px !important; }
    .coupon_box_cate { font-size:13px !important; }
    .coupon_box_desk { font-size:12px !important; }
    .coupon_box_notice .dot_list li { margin-bottom:3px !important; }

    .qna_popup { width:95% !important; min-width:95% !important; height:auto; padding-bottom:20px; }
    .qna_write_noti { font-size:13px; text-align:left !important; padding:10px 0; word-break:keep-all; }
    .qna_write_wrap { padding:0 10px; }
    .qna_write_tb > li:nth-child(1) { padding:10px; font-size:13px; }
    .qna_write_tb > li:nth-child(2) { padding:10px; font-size:13px; }
    .qna_write_tb > li .dot_list li { font-size:13px; }
    .qna_secret { padding:0 10px; }
    .qna_write_info { font-size:13px; margin-top:10px; }
    .qna_write_proname { font-size:14px; }
    .qna_write_tb > li textarea { height:60px !important; }
    .qna_write_tb > li .dot_list li { font-size:12px; margin-bottom:2px; }
    .qna_secret label { font-size:13px; }
    .qna_secret span { font-size:13px; }
    .qna_write_btn input[type="button"] { font-size:15px; height:36px; width:110px;}

    .empty_cart { padding:80px 0; }
    .empty_cart h2 { font-size:18px; }
    .empty_cart_btn { font-size:14px; }

    .coupon_box_notice { padding:20px 10px; }
    .cp_cnum { font-size:16px !important; }
    .cp_btn { font-size:16px; }
    .null_coupon h2 { font-size:16px; }

    .no_mar_t { margin-top:0; }
    .my_point { margin-right:0; margin-bottom:5px; display:block; font-size:16px; }

    .tn_list.grid4 { grid-template-columns: repeat(2, 1fr); margin-top:0; }
    .bo_btn a { font-size:12px; padding:5px 10px; }
    .mil_box { padding:25px; }
    .mil_tit  { font-size:20px; }
    .mil_list li .mil_num span { font-size:13px; }
    .mil_list li .mil_num { font-size:20px; }
    .mil_list { flex-flow:column; align-items:start; }
    .mil_list li:first-child { width:100%; }
    .mil_list li { width:100%; text-align:left; }
    .mil_list li:after { position:relative; display:block; width:100%; height:1px; margin:15px 0; }
    .mile_btn_wrap { display:flex; gap:5px; }
    .wh_button { width:50%; }
    .mp_sebtn { width:100%; }
    .mp_sebtn li { flex:1; text-align:center; }
    .mile_search { display:flex; gap:5px; }
    .mile_search .mp_input { flex:2; }

    .my_coupon_list { grid-template-columns: repeat(1, 1fr); }
    .my_coupon_name { font-size:18px; }

    .my_mtb { border-top:2px solid #222; }
    .mypage_tb thead th { font-size:13px; }
    .my_mtb tbody td { padding:17px 5px }

    .mmileage_head { display:none; }
    .mmileage_body { border-top:2px solid #222; }
    .mmb_tit { display:inline-block; margin-right:8px; color:#222; font-weight:500; }
    .mmileage_body_list { flex-flow:column; padding:12px 0; }
    .mmileage_body_list > li { width:100% !important; padding:7px 5px; text-align:left; color:#666; font-weight:400; }

    .mapp_head { display:none; }
    .mapp_body { border-top:2px solid #222; }
    .mapp_tit { display:inline-block; margin-right:8px; color:#222; font-weight:500; }
    .mapp_body_list { flex-flow:column; padding:12px 0; }
    .mapp_body_list > li { width:100% !important; padding:7px 5px; text-align:left; color:#666; font-weight:400; }

    .morder_head { display:none; }
    .morder_body { border-top:2px solid #222; }
    .morder_tit { display:inline-block; margin-right:8px; color:#222; font-weight:500; }
    .morder_body_list { flex-flow:column; padding:12px 0; }
    .morder_body_list > li { width:100% !important; padding:7px 5px; text-align:left; color:#666; font-weight:400; }

    .mymain_pro { grid-template-columns: repeat(2, 1fr) !important; }
    .mymain_pro li:last-child { display:block; }

    .mapp_btn  { padding:4px 8px; font-size:12px; }

    .order_info .dot_tit {padding-left: 10px !important; padding-bottom: 0 !important;}
    .order_info .dot_tit:after {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background-color: var(--main); position: absolute; top: 50%; transform: translate(0,-50%); left: 0;}
    .order_pop {height: 90% !important;}
    .order_search {width:100%;}

    /* order list mobile */
    .m-none {display:none;}
    .myorder_tb tr {position: relative;}
    .myorder_tb tbody th {width: initial !important;}
    .m-order-01 {float: left; width: 100%; height: auto !important; padding: 0 !important; font-weight: 600 !important; background: #f6f8fa;}
    .m-order-01 br {display:none;}
    .m-order-01 input {margin: 10px 2px !important; background: #fff;}
    .m-order-02 {float: left; width: 80px; height: auto !important; border: 0 !important;}
    .m-order-03 {float: left; width: calc(100% - 80px); height: auto !important; border: 0 !important; padding: 10px 0 5px 0 !important;}
    .m-order-04 {float: left; width: 100%; height: auto !important; text-align: left !important; padding: 0 0 10px 80px !important; border: 0 !important;}
    .m-order-04 br {display:none;}
    .m-order-04 span {background: var(--main); border-radius: 100px; padding: 0 10px; color: #fff; vertical-align: middle; display: inline-block;}
    .order_cancelled {color: #ff0000 !important; background: #fff !important; border: 1px solid #eee;}
    .m-order-04 input {margin-top:0 !important;}
    .m-order-05 {float: left; width: 100%; height: auto !important; text-align: left !important; padding: 0 0 10px 80px !important;}
    .m-order-05 br {display:none;}
    .m-order-05 input {margin-right:5px;}


    .no_cancle_detail {margin: 20px; font-size: 16px;}
    .no_another_info {font-size:13px;}
    .no_cancle_info {font-size: 24px;}
    .no_cancle_info span {font-size: 28px;}

    .cancel_pop {height: auto !important;}
    .refund_pop {height: auto !important;}
    .input_mw {width: 100% !important;}

    .order_group_tit {display: block;}

    .myinfo_tb tbody td select {width:100%;}

    .office_time .info_box {width: 32%;}
    .sub_tit_ment {font-size: 15px; letter-spacing: -0.5px;}
    .office_contact .info_box {width: 95%;}
    .holiday {margin-top: 26px !important;}
    .office_contact .info_box span.etc {margin-left: 0;}

    .ask_table {margin-bottom: 30px !important;}
    .ask_table .dot_tit {margin-bottom:0 !important;}
    .ask_table .dot_tit:after {content: initial !important;}
    .ask_table .mypage_tb colgroup {display:none;}
    .ask_table .mypage_tb tr {display: grid;}
    .ask_table .mypage_tb tr > th {/* width: 100% !important; display: flex; */ border-bottom: 0; height: 30px;}
    .ask_table .mypage_tb tr > td {/* width: 100% !important; display: flex; */ height: 50px; line-height: 40px;}
    .ask_table .mypage_tb tr > td > input {width: 100%}
    .office_call .call_info_box {width: 100%; margin: 0;margin-bottom:15px; padding: 10px;}

    .kakao-btn-r {width: 40px; height: 40px; right: 20px; bottom: 65px;}
    .kakao-btn-r a > img {width: 25px; padding: 7px 0;}

    .popup_drag {
        top: 0px !important;
        left: 0px !important;
    }
    .popup_drag table {
        width:100% !important;
        height:auto !important;
    }
    .popup_drag img {
        width:100% !important;
        height:auto !important;
    }

    .oldorder_tb { border-top:none !important; }
    .oldorder_tb tbody tr:first-child { display:none; }
    .oldorder_tb tbody tr { display:flex; flex-flow:column; border-bottom:1px solid #eee; margin-bottom:25px; }
    .oldorder_tb tbody td { height:auto !important; text-align:left !important; padding:0 !important; border-bottom:0; }
    .oldorder_tb tbody td:nth-child(1) { padding-left:45px !important; }
    .oldorder_tb tbody td:nth-child(2) { margin: 10px 0 0; padding-bottom: 10px !important; border-top:2px solid #222; border-bottom: 1px dashed #cacaca; }
    .oldorder_tb tbody td:nth-child(3) { padding-top: 10px !important; font-size: 14px; color: #000; font-weight: 600; }
    .oldorder_tb tbody td:nth-child(5) { color:#000; padding-bottom: 10px !important; }
    .oldorder_tb tbody td .i_name { display:block; font-size:15px; font-weight:500; padding-top:5px; }
    .oldorder_tb tbody td > .i_name > span:nth-child(2) { margin-left:0; }
    .oldorder_tb tbody td.Ctn b { color:#222; font-weight:600; font-size:14px; }
    .oldorder_tb tbody td.Ctn span { display:block; font-size:14px; margin-top:3px; }
    .oldorder_tb tbody td .i_price { font-size:13px; font-weight:400; }

    .pageing_form { font-size:0; }
    .pageing_form a { font-size:12px; width:25px; height:25px; line-height:25px; }
    .pageing_form .now_page { width:25px; height:25px; line-height:25px; }
    .pageing_form img { width:25px; }
    .pageing_form a img { width:100%; }

    .old_order_search div {display: block; width: 100%;  text-align: left; margin: 5px 0;}
    .old_order_date [type="text"] {width: calc(50% - 36.5px);}
    .old_order_products [type="text"] {width: calc(100% - 50px);}
    .oldorder_tb tbody td:nth-child(n+2) {background: #f6fafb; padding-left: 12px !important;}

    #popup_box {width: 95%; left:0;}

    .canc_flex { flex-flow:column; gap:10px; }
    .canc_txt { text-align:center; }

}

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

    .billing_write_wrap .qna_write_tb > li input[type="text"] {width: 28% !important;}
    .billing_write_wrap .qna_write_tb > li input[type="password"] {width: 28% !important;}
    .billing_write_wrap .qna_write_tb > li:nth-child(1) {width: 100px;}
    .billing_write_wrap .qna_write_tb > li:nth-child(2) { width:calc(100% - 100px) !important;}
    .billing_write_wrap .qna_write_tb > li select {width: 25% !important; padding: 0 0 0 10px !important;}

}