@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:1340px) {
    /* section3 */
    .section3 .s3_inner {flex-wrap:wrap; width:95%;}
    .section3 .s3_inner > div {
        width:50%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        height:280px;
    }
    .section3 .s3_inner .icon1, .section3 .s3_inner .icon2 {
        margin-bottom:80px;
    }
    /* section4 */
    .section4 .s4_inner {width:95%;}
}
@media (max-width:1280px) {
    /* section4 slick1 */
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 {
        flex-direction:column;
        position:relative;
        height:570px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_txtBox {
        margin-right:0;
        text-align:center;
        position:relative;
        z-index:3;
        top:-177px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox {
        position:absolute;
        left:0; transform:translateX(50%); bottom:271px;
    }
    /* section4 slick2 */
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 {
        flex-direction:column-reverse;
        position:relative;
        height:570px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_txtBox {
        margin-left:0;
        text-align:center;
        position:relative;
        z-index:3;
        top:-130px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_imgBox {
        position:absolute;
        right:0; transform:translateX(28%); bottom:198px;
    }
    /* section4 slick3 */
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 {
        flex-direction:column-reverse;
        position:relative;
        height:570px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_txtBox {
        margin-left:0;
        text-align:center;
        position:relative;
        z-index:3;
        top:-165px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox {
        position:absolute;
        right:0; transform:translateX(28%); bottom:198px;
    }
}
@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:980px) {
    
    /* section7 */
    #wrap #section7 .s7_inner {width:95% !important;}
    #wrap #section7 .s7_inner .itemBox {width:100%;}
    #wrap #section7 .s7_inner .itemBox li {width:100%;}
    #wrap #section7 .s7_inner .itemBox li a {
        width:100%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}
@media (max-width:690px) {
    html {font-size:50%;}

    .section3 {padding:0; padding-bottom:50px;}
    .section3 .s3_inner > div {
        width:100%;
        border-bottom:2px solid #ededed;
        padding-bottom:20px;
    }
    .section3 .s3_inner .icon3 {margin-bottom:80px;}

    .section4 {padding-top:75px;}
    .section4 .slick-dots {top:-2vh;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_txtBox {top:-141px;}

}
@media (max-width:480px) {
    .section2 {
        height:450px;
        position:relative;
        top:-2px;
    }
    .section2 .s2_bgBox {
        border-radius:0;
        width:100%;
        height:100%;
    }
    .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;
    }

    /* section3 */
    .section3 {
        padding-top:50px;
    }
    .section3 .s3_inner > div {height:310px;}
    .section3 .s3_inner div p:nth-of-type(2) {line-height:1.5 !important;}

    /* s:section4 */
    .section4  {padding-top:35px;}
    .section4 .slick-dots {top:0;}
    .section4 .slick-dots li.slick-active {border-bottom:3px solid #7585ff;}
    .section4 .s4_inner .s4_slide_wrap > div > div {height:400px;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox {bottom:318px;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_txtBox {text-align:left;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_txtBox h2 {
        font-size:2.5rem;
        line-height:1.3;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_txtBox p {
        font-size:1.4rem; margin-top:15px;
    }
    /* section4 slick1 anmation1 img */
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox img:nth-of-type(1) {
        width:200px;
        left:106px;
        bottom:-71px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox img:nth-of-type(2) {
        width:69px;
        left:216px;
        bottom:-63px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox img:nth-of-type(3) {
        width:64px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox img:nth-of-type(4) {
        width:26px;
    }
    @keyframes s4_slide1_img4 {
        0% {
          left:200px; top:-75px;
        }
        100% {
          left:200px; top:-85px;
        }
      }
      @keyframes s4_slide1_img3 {
        0% {
          left:252px; top:-60px;
        }
        100% {
          left:183px; top:-21px;
        }
      }
    /* section4 slick1 anmation2 img */
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_txtBox {
        top:-160px; text-align:left;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_txtBox h2 {
        font-size:2.5rem;
        line-height:1.3;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_txtBox p {
        font-size:1.4rem; margin-top:6px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_txtBox p:nth-of-type(1) {
        font-size:1.4rem; margin-top:15px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_imgBox {bottom:355px; right:130px;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_imgBox img:nth-of-type(1) {
        width:500px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_imgBox img:nth-of-type(2) {
        width:28px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex2 .s4_slide2_imgBox img:nth-of-type(3) {
        width:60px;
        left:95px;
        bottom:-129px;
    }
    @keyframes s4_slide2_img1 {
        0% {
            left:-700px; bottom:-470px;
        }
        25%,75% {
            left:-337px; bottom:-315px;
        }
        100% {
            left:33px; bottom:-90px;
        }
    }
    @keyframes s4_slide2_img2 {
        0% {
            left:-270px; bottom:-250px;
            opacity:1;
        }
        25%,65% {
            left:87px; bottom:-98px;
            opacity:1;
        }
        75%,100% {left:87px; bottom:-98px; opacity:0;}
    }
    /* section4 slick1 anmation2 img */

    /* section4 slick arrow */
    .section4 .s4_arrow {width:35px; height:35px;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_txtBox {top:-180px; text-align:left;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_txtBox h2 {font-size:2.5rem; line-height:1.3;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_txtBox p {font-size:1.4rem; margin-top:15px;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox {
        bottom:344px; right:70px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox img:nth-child(1) {
        width:70px; left:103px; bottom:-69px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox img:nth-child(2) {
        width:40px; left:92px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox img:nth-child(3) {
        width:60px; left:130px; bottom:-45px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox img:nth-child(4) {
        width:60px; left:130px; bottom:-45px;
    }
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox img:nth-child(5) {
        width:60px; left:130px; bottom:-45px;
    }

    /* section7 */
    #wrap #section7 .s7_inner h2 {font-size:4.2rem; margin-bottom:2rem;}
    #wrap #section7 .s7_inner .itemBox li {padding:1.5rem 0;}
    #wrap #section7 .s7_inner .itemBox li p {font-size:1.2rem;}
    #wrap #section7 .s7_inner .itemBox li a {font-size:2.5rem;}
    #wrap #section7 .s7_inner .itemBox button {width:40%;}

    /* footer */
    footer {background-size:10%;}

}
@media (max-width:400px) {
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex1 .s4_slide1_imgBox {left:-25px;}
    .section4 .s4_inner .s4_slide_wrap > div .s4_slide_flex3 .s4_slide3_imgBox {right:200px;}
}
@media (max-width:350px) {
    .section4  {padding-top:10px;}
    .section4 .slick-dots {top:14px;}
    .section4 .slick-dots li button {font-size:1.4rem; padding-bottom:6px;}
    .section4 .slick-dots li.slick-active {border-bottom:2px solid #7585ff;}
}