@media (max-width:1920px) {
    .section2 {width:100%;}
}
@media (max-width:1600px) {
    .section2 .s2_bgBox .s2_innerBg  {background:rgba(0, 0, 0, 0.3);}
}
@media (max-width:1280px) {
    .section4 .s4_inner {
        width:90%;
    } 
}
@media (max-width:1180px) {
    .section2 .s2_bgBox .s2_txtBox {
        right:50%;
        transform:translateX(50%);
        text-align:center;
        top:7%;
    }
    .section2 .s2_bgBox .s2_mockupBox {
        right:50%;
        transform:translateX(50%);
        width:246px;
        height:486px;
        top:35%;
    }
    .section2 .s2_bgBox .s2_mockupBox .s2_slick img {height:370px;}
}
@media (max-width:780px) {
    .section4  {padding:100px 0 0;}
    .section4 .s4_inner .s4_nav .s4_c1_tab {
        width:25%;
    }
    .section4 .s4_inner .s4_c1_inner .s4_c1_txtBox {margin:50px 0 30px;}
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner {
        position:relative;
        top:-80px;
    }
    .section4 .slick-arrow {
        top:43%;
        width:40px;
        height:40px;
    }
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner > img {
        height:60%;
        border-radius:24px;
    }
}
@media (max-width:690px) {
    html {font-size:50%;}
}
@media (max-width:550px) {
    /* service5 */
    .section1 .service .s5_imgBox {height:400px;}
    .section1 .service .s5_imgBox img:nth-child(1) {
        width:300px;
    }
}
@media (max-width:480px) {
    .section2 {
        height:510px;
        position:relative;
        top:-1px;
    }
    .section2 .s2_bgBox {
        bottom:-100px;
    }
    .section2 .s2_bgBox .parking_line {bottom:-374px;}
    .section2 .s2_bgBox .s2_txtBox {top:7%;}
    .section2 .s2_bgBox .s2_txtBox h2 {font-size:3rem;}
    .section2 .s2_bgBox .s2_txtBox p {display:none;}
    .section2 .s2_bgBox .s2_txtBox .s2_linkBox {margin-top:14px;}
    .section2 .s2_bgBox .s2_txtBox .s2_linkBox > a img {width:20%;}
    .section2 .s2_bgBox .s2_mockupBox {
        top:35%;
        width:660px;
        height:350px;
        border-radius:28px;
        background:none;
        box-shadow:none;
    }
    .section2 .s2_bgBox .slick-list {top:-34px; overflow:inherit;}
    .section2 .s2_bgBox .s2_mockupBox .s2_slick img {
        height:272px; margin:0 10px; transition:.5s;
        border-radius:20px;
    }
    .section2 .s2_bgBox .s2_mockupBox .s2_slick img.slick-center {
        box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.205);
        position:relative; bottom:8px;
    }

    .section4 {padding:50px 0 0;}
    .section4 .s4_inner .s4_nav .s4_c1_tab {width:60%;}
    .section4 .s4_inner .s4_c1_inner .s4_c1_txtBox {margin:30px 0 15px;}
    .section4 .slick-dots {width:95%; top:15px;}
    .section4 .slick-dots li button {font-size:1.4rem;}
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner {
        flex-direction:column;
    }
    .section4 .s4_inner .s4_c1_inner .s4_c1_txtBox h2 {font-size:2.7rem; line-height:1.4;}
    .section4 .s4_inner .s4_c1_inner .s4_c1_txtBox p {font-size:1.7rem; margin-top:10px;}
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner > img {
        height:50%;
        border-radius:20px;
    }
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner .s4_c1_slick_txtBox {
        margin-left:0;
        margin-top:30px;
        text-align:center;
    }
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick > div .s4_c1_slick_inner .s4_c1_slick_txtBox p {
        margin-top:15px; line-height:1.3;
    }
}

@media (max-width:360px) {
    .section4 .s4_inner .s4_c1_inner .s4_c1_slick {padding-top:160px;}
    .section4 .slick-dots li {padding:6px 0;}
}