/*1350px*/
@media screen and (max-width:1350px){
    /*header*/
    #wrap header .h_inner {width:90%;}
    
    /*section1*/
    #wrap #container #s1 {
        width:100%; height:500px;
        background-position:center top;
    }
    #wrap #container #s1 .s1_txt {width:90%;}
    #wrap #container #s1 .s1_txt h2 {font-size:2.8rem;}
    #wrap #container #s1 .s1_txt p {font-size:2.0rem; margin:25px 0 70px;}
    
    /*section2*/
    #wrap #container #s2 {padding:80px 0; height:100%;}
    #wrap #container #s2 p {margin-top:40px;}
    
    /*section3*/
    #wrap #container #s3 {padding-top:30px;}
    #wrap #container #s3 .s3_item .s3_inner {
        width:95%; margin-top:40px; padding:50px 0;
    }
    #wrap #container #s3 .s3_item .s3_inner .s3_img h3 {margin:20px 0;}
    
    /*section4*/
    #wrap #container #s4 {width:90%; margin:0 auto; padding-top:70px;}
    #wrap #container #s4 .s4_txt {margin-bottom:100px;}
    
    /*section5*/
    #wrap #container #s5 {padding-bottom:70px;}
    #wrap #container #s5 .s5_txtBox h2 {margin:40px 0 60px;}
    #wrap #container #s5 .s5_item {width:90%;}
    #wrap #container #s5 .s5_item > div {margin-bottom:50px;}
    #wrap #container #s5 .s5_item > div img {margin-right:100px;}
    
    /*footer*/
    #wrap footer .f_inner {width:90%;}
    #wrap #container #s4 h2 {margin:20px 0 45px;}
}

/*1100*/
@media (max-width:1100px){
    #wrap #container #s3 .s3_item .s3_inner .s3_img {height:400px;}
}

/*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;}
    
    /*section1*/
    #wrap #container #s1 {height:400px;}
    #wrap #container #s1 .s1_txt h2 {font-size:2.5rem !important;}
    #wrap #container #s1 .s1_txt p {
        font-size:1.8rem !important; margin:20px 0 30px;
    }
    
    /*section2*/
    #wrap #container #s2 {padding:60px 0;}
    #wrap #container #s2 img {width:130px;}
    #wrap #container #s2 p {margin-top:40px;}
    
    /*section3*/
    #wrap #container #s3 {padding-top:10px;}
    #wrap #container #s3 .s3_txtBox h2 {font-size:2.5rem !important; margin:25px 0;}
    #wrap #container #s3 .s3_item .s3_inner {
        width:100%; margin-top:40px; padding:50px 0;
    }
    #wrap #container #s3 .s3_item .s3_inner .s3_img h3 {margin:20px 0; font-size:1.5rem; height:30px;}
    #wrap #container #s3 .s3_item .s3_inner .s3_img p {width:95%; line-height:1.4;}
    
    /*section4*/
    #wrap #container #s4 {width:90%; margin:0 auto; padding-top:50px;}
    #wrap #container #s4 h2 {font-size:2.5rem !important; margin:25px 0 50px;}
    #wrap #container #s4 .s4_txt {margin-bottom:60px;}
    
    /*section5*/
    #wrap #container #s5 .s5_txtBox h2 {font-size:2.8rem; margin:10px 0 50px;}
    #wrap #container #s5 .s5_item > div {margin-bottom:30px;}
    #wrap #container #s5 .s5_item > div img {margin-right:80px;}
    
    /*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%;}
}

/*580px*/
@media (max-width:580px){
    /*section3*/
    #wrap #container #s3 .s3_item .s3_inner .s3_img p {font-size:1.3rem;}
    
    .slick-dots li {margin:0 3px;}
}

/*500px*/
@media (max-width:500px){
    #wrap #container #s5 .s5_item > div img {width:30px; margin-right:30px;}
}