@media screen and (max-width : 1300px) {
    #container{width: 100% !important;}
    #hd_menu{width: 100%; padding:0 5%}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{padding: 0 5% !important;}
    #ft_wr{padding: 3vw 5% !important;}
    .hd_sch_wr{width: 36vw;}
    #hd_sch #sch_str{width: 30vw;}
    #idx_hit, .sct_wrap{width: 100% !important}
    .sod_left{width: 100% !important;}
    .tbl_frm01 table tr{width: 50% !important; display: inline-block;}
    .tbl_frm01 table tr td{width: 82% !important;}
    #sod_frm #od_name, #sod_frm #od_tel, #sod_frm #od_hp, #sod_frm #od_pwd, #sod_frm #od_b_name, #sod_frm #od_b_tel, #sod_frm #od_b_hp, #sod_frm #ad_subject, #sod_frm #od_hope_date{width: 100% !important;}
    .sod_right{width: 100%; display: flex;}
    #sod_bsk_tot, #sod_frm_pay, .btn_confirm{width: calc(100%/3);}
    #sod_frm_pay{margin: 0 0.5vw 3vw 0.5vw;}
    .smt_10 .sct_li{width: calc(100%/3.2) !important;}
}

@media screen and (max-width : 900px) {
    #hd_menu button#menu_open{width: 22vw;}
    #aside{width: 22vw}
    #container .is_index {margin-left: 25vw}
    #sod_bsk_tot, #sod_frm_pay{width: calc(100%/2.027) !important;}
    .sod_right{flex-wrap: wrap;}
    .tbl_frm01 table tr{width: 100% !important;}
    .tbl_frm01 table tr td{width: 85% !important;}
    #sod_bsk_tot{width: 100% !important;}
    .btn_confirm, #sod_frm_pay{width: 49.5%; margin-top: 2vw;}
    .smt_10 .sct_li{width: calc(100%/3.3) !important;}

}