@media screen and (max-width:1650px){
    /*고객문의 틀*/
    #wrap #container #s1 .s1_inner {width:95%;}
}

/*1460px*/
@media screen and (max-width:1460px){
    /*공통 header 영역*/
    #wrap #container #s1 .s1_inner .header .menu {width:90%; overflow:hidden;}
    #wrap #container #s1 .s1_inner .header .menu a {width:50%; float:left;}
    
    /*고객문의 작성*/
    #wrap #container #s1 .s1_inner #menu1 {width:90%;}
    #wrap #container #s1 .s1_inner #menu1 form .m1_top {flex-flow:wrap column;}
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div {margin-bottom:20px;}
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div:last-child {margin-bottom:0;}
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div label {width:74px; display:inline-block;}
    
    /*고객문의 확인*/
    #wrap #container #s1 .s1_inner #menu2 {width:90%;}
    
}

/*1350px*/
@media screen and (max-width:1350px){
    /*header*/
    #wrap header .h_inner {width:95%;}
    
    #wrap #container #s1 h2 {margin:100px 0; font-size:5.0rem;}
    #wrap #container #s1 .s1_inner .header h3 {font-size:3.0rem;}
    #wrap #container #s1 .s1_inner .header .menu a {font-size:1.7rem;}
    
    #wrap #container #s1 .s1_inner #menu1 form #writing {height:350px;}
    
    /*footer*/
    #wrap footer .f_inner {width:90%;}
}


/*780*/
@media (max-width:780px){
    /*nav*/
    #wrap header .h_inner .h_left nav {display:none;}
    
    /*hambuger*/
    #wrap header .h_inner .h_right .hambuger {display:block;}
    
    #wrap #container #s1 h2 {margin:70px 0; font-size:4.0rem;}
    #wrap #container #s1 .s1_inner .header h3 {font-size:2.5rem;}
    #wrap #container #s1 .s1_inner .header .menu a {font-size:1.5rem; height:45px; line-height:45px;}
    
    /*고객문의 작성*/
    /*label*/
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div label {display:block; margin-bottom:20px;}
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div input:nth-of-type(1) {margin-left:0;}
    
    #wrap #container #s1 .s1_inner #menu1 form #writing {height:250px;}
    
    /*button*/
    #wrap #container #s1 .s1_inner #menu1 form .m1_btm button {position:relative; top:40px;}
    
    /*span*/
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div span {display:block; margin:10px 0;}
    
    /*radio*/
    #wrap #container #s1 .s1_inner #menu1 form .m1_btm div {left:50%; transform:translateX(-50%);}
    
    /*고객문의 확인*/
    #wrap #container #s1 .s1_inner #menu2 {padding:50px 0;}
    /*label*/
    #wrap #container #s1 .s1_inner #menu2 form label {display:block; margin-bottom:20px; text-align:center;}
    #wrap #container #s1 .s1_inner #menu2 form div input:nth-of-type(1) {margin-left:0;}
    /*span*/
    #wrap #container #s1 .s1_inner #menu2 form span {display:block; margin:10px 0;}
    
    
    /*공통*/
    #wrap #container #s1 .s1_inner #menu1 form .m1_top div {
        display:flex; flex-flow:wrap column; align-items:center;
        text-align:center;
    }
    #wrap #container #s1 .s1_inner #menu2 form div {
        display:flex; flex-flow:wrap column; align-items:center;
    }
    #wrap #container #s1 .s1_inner #menu2 form div:nth-of-type(2) {margin:30px 0;}
    #wrap #container #s1 .s1_inner #menu2 form p {text-align:center; margin-bottom:50px;}
    
    
    
    
    
    
    /*footer*/
    #wrap footer {height:400px;}
    #wrap footer .f_inner {padding:40px 0;}
    #wrap footer .f_inner .f_top {font-size:1.5rem;}
    #wrap footer .f_inner .f_top .f_follow .social_link {width:100px;}
    #wrap footer .f_inner .f_top .f_follow .social_link a img {width:22px;}
    #wrap footer .f_inner .f_top .f_about {margin-left:31.51%;}
}














