._s._crew .s1{ width: 100%; position: relative; overflow: hidden; padding: 230px 0; }
._s._crew .s1 .subtop{ width: 100%; }
/* ._s._crew .s1 .subtop .txtwrap .dotwrap{ margin-left: 10px; } */
._s._crew .s1 .subtop .txtwrap strong{ font-size: 70px; font-weight: 500; letter-spacing: -0.04em; display: block; box-sizing: border-box; padding-bottom: 5px; }
._s._crew .s1 .subcopy{ width: 100%; margin-top: 205px; }
._s._crew .s1 .subcopy b{ font-size: 26px; letter-spacing: -0.04em; font-weight: 600; line-height: 1.4; display: block; }
._s._crew .s1 .subcopy p{ font-size: 20px; letter-spacing: -0.04em; line-height: calc(32 / 20); margin-top: 10px; color: rgba(255,255,255,0.7); }

._s._crew .s1 .freesw{ margin-top: 140px; pointer-events: none; }
._s._crew .s1 .freesw >.swiper-wrapper {
    transition-timing-function: linear !important;
}
._s._crew .s1 .freesw .swiper-slide{ border-radius: 30px; overflow: hidden; }

@media screen and (max-width: 1600px){
    ._s._crew .s1 .subtop .txtwrap strong{ font-size: 4.2vw; }
    ._s._crew .s1 .subcopy b{ font-size: 24px; }
    ._s._crew .s1 .subcopy p{ font-size: 18px; }
}

@media screen and (max-width: 1280px){
    ._s._crew .s1{ padding: 170px 0; }
    ._s._crew .s1 .subtop .txtwrap .dotwrap{ margin-bottom: 5px; margin-left: 5px; }
    ._s._crew .s1 .subcopy{ margin-top: 100px; }
    ._s._crew .s1 .subcopy b{ font-size: 22px; }
    ._s._crew .s1 .subcopy p{ font-size: 16px; }
    ._s._crew .s1 .freesw{ margin-top: 100px; }
    ._s._crew .s1 .freesw .swiper-slide{ border-radius: 25px; }
}

@media screen and (max-width: 820px){
    ._s._crew .s1{ padding: 120px 0; }
    ._s._crew .s1 .subtop .txtwrap strong{ font-size: 8vw; }
    ._s._crew .s1 .subtop .txtwrap .dotwrap{ transform: translateX(-50px); margin-bottom: 0; }
    ._s._crew .s1 .subcopy{ margin-top: 70px; }
    ._s._crew .s1 .subcopy b{ font-size: 18px; }
    ._s._crew .s1 .subcopy p{ font-size: 14px; }
    ._s._crew .s1 .freesw{ margin-top: 70px; }

    ._s._crew .s1 .freesw .swiper-slide{ border-radius: 15px; }
}

@media screen and (max-width: 500px){
    ._s._crew .s1{ padding: 70px 0; }
    ._s._crew .s1 .subtop .txtwrap strong{ font-size: 7.8vw; padding: 4px 0; }
    ._s._crew .s1 .subtop .txtwrap .dotwrap{ transform: translateX(0); }
    ._s._crew .s1 .subcopy{ margin-top: 40px; }
    ._s._crew .s1 .subcopy b{ font-size: 16px; }
    ._s._crew .s1 .subcopy p br.none{ display: none; }
}




._s._crew .s2{ background-color: #fff; color: #000; padding: 175px 0; }
._s._crew .s2 .wrap{ display: flex; justify-content: space-between; }
._s._crew .s2 .wrap .subtop{ width: 50%; }
._s._crew .s2 .wrap .subtop .txtwrap strong{ padding-right: 0.03em; }
._s._crew .s2 .wrap .subtop .txtwrap .dotwrap{ border-color: #000; margin-left: 0; }
._s._crew .s2 .wrap .subtop > p{ font-size: 26px; letter-spacing: -0.04em; line-height: calc(40 / 26); margin-top: 45px; }
._s._crew .s2 .wrap .subtop > p em{ color: #1462d9; }
._s._crew .s2 .wrap .rbx{ width: 50%; }
._s._crew .s2 .wrap .rbx .crewlist{ width: 100%; }
._s._crew .s2 .wrap .rbx .crewlist li{ margin-bottom: 45px; }
._s._crew .s2 .wrap .rbx .crewlist li:last-of-type{ margin-bottom: 0; }
._s._crew .s2 .wrap .rbx .crewlist li span{ font-size: 16px; letter-spacing: -0.04em; font-weight: 600; display: block; }
._s._crew .s2 .wrap .rbx .crewlist li .box{ margin-top: 20px; border-radius: 25px; background-color: #f2f2f2; padding: 30px; box-sizing: border-box; }
._s._crew .s2 .wrap .rbx .crewlist li .box .row{ display: flex; margin-bottom: 10px; align-items: center; }
._s._crew .s2 .wrap .rbx .crewlist li .box .row:last-of-type{ margin-bottom: 0; }
._s._crew .s2 .wrap .rbx .crewlist li .box .row em{ display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; letter-spacing: -0.04em; margin-right: 30px; border-radius: 22.5px; background-color: #000000; color: #fff; text-align: center; width: 160px; height: 45px; flex-shrink: 0; }
._s._crew .s2 .wrap .rbx .crewlist li .box .row p{ font-size: 18px; letter-spacing: -0.04em; line-height: 1.4; color: #444444; }
._s._crew .s2 .wrap .rbx .crewlist li .box .row p b{ display: inline-block; margin: 0 15px; }

@media screen and (max-width: 1280px){
    ._s._crew .s2{ padding: 120px 0; }
    ._s._crew .s2 .wrap .subtop{ width: 42%; }
    ._s._crew .s2 .wrap .rbx{ width: 58%; }
    ._s._crew .s2 .wrap .subtop > p{ font-size: 20px; margin-top: 20px; }

    ._s._crew .s2 .wrap .rbx .crewlist li .box{ padding: 20px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box .row em{ font-size: 16px; width: 120px; height: 35px; margin-right: 10px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box .row p{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._s._crew .s2{ padding: 70px 0; }
    ._s._crew .s2 .wrap{ display: block; }
    ._s._crew .s2 .wrap .subtop{ width: 100%; }
    ._s._crew .s2 .wrap .rbx{ width: 100%; margin-top: 40px; }
    ._s._crew .s2 .wrap .rbx .crewlist li{ margin-bottom: 30px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box{ margin-top: 10px; padding: 10px; border-radius: 15px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box .row em{ width: 90px; height: 30px; font-size: 14px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box .row p{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._s._crew .s2 .wrap .subtop .txtwrap .dotwrap{ margin-bottom: 0; }
    ._s._crew .s2 .wrap .subtop > p{ font-size: 16px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box .row{ display: block; margin-bottom: 10px; }
    ._s._crew .s2 .wrap .rbx .crewlist li .box .row p{ margin-top: 10px; }
}



._s._crew .s3{ background-color: #fff; color: #000; padding-top: 80px; padding-bottom: 225px; margin-top: -1px; }
._s._crew .s3 .wrap .subtop .txtwrap strong{ padding-right: 0.03em; }
._s._crew .s3 .wrap .subtop .txtwrap .dotwrap{ border-color: #000; margin-left: 0; }
._s._crew .s3 .culwrap{ width: 100%; position: relative; margin-top: 60px; }
._s._crew .s3 .culwrap .cullist{ width: 100%; display: flex; justify-content: space-between; }
._s._crew .s3 .culwrap .cullist li{ width: calc(380 / 1600 * 100%); position: relative; border-radius: 25px; background-color: #f2f2f2; padding: 40px; padding-bottom: 300px; box-sizing: border-box; cursor: pointer; }
._s._crew .s3 .culwrap .cullist li em{ display: block; font-size: 20px; letter-spacing: -0.04em; color: rgba(0,0,0,0.3); }
._s._crew .s3 .culwrap .cullist li strong{ font-size: 30px; font-weight: 700; letter-spacing: -0.04em; margin-top: 35px; display: block; }
._s._crew .s3 .culwrap .cullist li p{ font-size: 18px; letter-spacing: -0.04em; line-height: calc(28 / 18); font-weight: 500; margin-top: 10px; color: #444444; }
._s._crew .s3 .culwrap .cullist li .plusbtn{ position: absolute; bottom: 40px; right: 40px; width: 60px; height: 60px; border-radius: 50%; background-color: #727272; display: flex; align-items: center; justify-content: center;  font-size: 24px; color: #fff; transition-duration: 0.4s; }

@media screen and (min-width: 821px){
    ._s._crew .s3 .culwrap .cullist li:hover .plusbtn{ background-color: #1462d9; transform: rotate(180deg); }
}

._s._crew .s3 .culwrap .pop{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 960px; pointer-events: none; }
._s._crew .s3 .culwrap .pop.on{ pointer-events: unset; }
._s._crew .s3 .culwrap .pop .close{ position: absolute; top: 30px; right: 30px; width: 60px; height: 60px; border-radius: 50%; background-color: #727272; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; }
._s._crew .s3 .culwrap .pop .inn{ display: flex; flex-direction: column; justify-content: space-between; padding: 60px; box-sizing: border-box; border-radius: 25px; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.05); opacity: 1;  }
._s._crew .s3 .culwrap .pop .inn .con{ width: 100%; display: none; justify-content: space-between; flex-direction: column; height: 100%; box-sizing: border-box; }
._s._crew .s3 .culwrap .pop .inn .con.on{ display: flex; }

._s._crew .s3 .culwrap .pop .inn .con .top em{ font-size: 20px; font-weight: 600; letter-spacing: -0.04em; display: block; color: rgba(0,0,0,0.3);  }
._s._crew .s3 .culwrap .pop .inn .con .top strong{ display: block; font-size: 50px; letter-spacing: -0.04em; margin-top: 30px; font-weight: 700; }
._s._crew .s3 .culwrap .pop .inn .con .top p{ font-size: 20px; font-weight: 500; letter-spacing: -0.04em; color: #444444; line-height: 1.4; margin-top: 20px; position: relative; }
._s._crew .s3 .culwrap .pop .inn .con .top p::after{ content: ''; display: block; width: 30px; height: 2px; background-color: #000000; position: absolute; top: calc(100% + 40px); left: 0; }
._s._crew .s3 .culwrap .pop .inn .con .inlist{ margin-top: 170px; }
._s._crew .s3 .culwrap .pop .inn .con .inlist li{ display: flex; align-items: baseline; font-size: 18px; letter-spacing: -0.04em; line-height: 1.4; font-weight: 500; margin-bottom: 7px; }
._s._crew .s3 .culwrap .pop .inn .con .inlist li:last-of-type{ margin-bottom: 0; }
._s._crew .s3 .culwrap .pop .inn .con .inlist li .dot{ width: 7px; height: 7px; border-radius: 50%; background-color: #000000; margin-right: 10px; flex-shrink: 0; transform: translateY(-0.1em); }
._s._crew .s3 .culwrap .pop .inn .con .inlist li em{ display: block; width: 115px; box-sizing: border-box; padding-right: 10px; flex-shrink: 0; }
._s._crew .s3 .culwrap .pop .inn .con .inlist.long li em{ width: 190px; }
._s._crew .s3 .culwrap .pop .inn .con .inlist li p{ color: #444444; }

@media screen and (max-width: 1440px){
    ._s._crew .s3 .culwrap .cullist li{ padding: 30px; padding-bottom: 250px; }
    ._s._crew .s3 .culwrap .cullist li .plusbtn{ right: 30px; bottom: 30px; }
}

@media screen and (max-width: 1280px){
    ._s._crew .s3 .culwrap .cullist li .plusbtn{ right: 15px; bottom: 15px; width: 50px; height: 50px; }
    ._s._crew .s3 .culwrap .cullist li{ padding: 15px; padding-bottom: 150px; border-radius: 15px; }
    ._s._crew .s3 .culwrap .cullist li strong{ font-size: 24px; margin-top: 20px; }
    ._s._crew .s3 .culwrap .cullist li p{ font-size: 16px; }

    ._s._crew .s3 .culwrap .pop .inn{ padding: 40px; }
    ._s._crew .s3 .culwrap .pop .close{ right: 30px; top: 30px; width: 50px; height: 50px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top em{ font-size: 18px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top strong{ font-size: 40px; margin-top: 20px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top p{ font-size: 18px; margin-top: 10px; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist{ margin-top: 120px; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist li{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._s._crew .s3 .wrap .subtop .txtwrap .dotwrap{ margin-bottom: 0; margin-left: 5px; }
    ._s._crew .s3{ padding-top: 50px; padding-bottom: 150px; }
    ._s._crew .s3 .culwrap{ margin-top: 30px; }
    ._s._crew .s3 .culwrap .cullist{ flex-wrap: wrap; }
    ._s._crew .s3 .culwrap .cullist li{ width: 49%; margin-bottom: 10px; padding-bottom: 100px; }
    ._s._crew .s3 .culwrap .cullist li em{ font-size: 16px; }
    ._s._crew .s3 .culwrap .cullist li strong{ font-size: 20px; }
    ._s._crew .s3 .culwrap .cullist li p{ font-size: 14px; }

    ._s._crew .s3 .culwrap .pop .inn{ padding: 20px; }
    ._s._crew .s3 .culwrap .pop .close{ right: 20px; top: 20px; width: 40px; height: 40px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top em{ font-size: 16px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top strong{ font-size: 30px; margin-top: 15px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top p{ font-size: 16px; margin-top: 5px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top p::after{ top: calc(100% + 20px); }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist li{ font-size: 14px; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist.long li em{ width: 145px; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist li em{ width: 90px; }
}

@media screen and (max-width: 500px){
    ._s._crew .s3{ padding-bottom: 100px; }
    ._s._crew .s3 .culwrap{ margin-top: 20px; }
    ._s._crew .s3 .culwrap .cullist li{ width: 100%; padding: 15px; }
    ._s._crew .s3 .culwrap .cullist li .plusbtn{ width: 30px; height: 30px; top: 15px; right: 15px; }
    ._s._crew .s3 .culwrap .cullist li strong{ font-size: 18px; }

    ._s._crew .s3 .culwrap .pop .inn{ padding: 15px; border-radius: 12px; }
    ._s._crew .s3 .culwrap .pop .close{ right: 10px; top: 10px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top em{ font-size: 14px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top strong{ font-size: 24px; }
    ._s._crew .s3 .culwrap .pop .inn .con .top p{ font-size: 14px; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist{ margin-top: 70px; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist li{ flex-wrap: wrap; }
    ._s._crew .s3 .culwrap .pop .inn .con .inlist li p{ width: 100%; margin-top: 5px; }
}




._s._crew .s4{ height: 100vh; box-sizing: border-box; display: flex; align-items: center; margin-top: -1px; }
._s._crew .s4 strong{ font-size: 7.8125vw; font-weight: 600; white-space: nowrap; font-family: 'Mona Sans', sans-serif; letter-spacing: -0.04em; display: block; }

@media screen and (max-width: 820px){
    ._s._crew .s4 strong{ font-size: 12vw; }
}




