/* 공통 */

body{ background-color: #535353; }
body.on ._m .se01{ opacity: 1; }
body.on .sidebanner{ opacity: 1; transform: translateX(0); }


.swiper-button-next, .swiper-button-prev{ color: #175eec; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2)); padding: 30px; box-sizing: border-box; top: auto; bottom: 220px; }
.swiper-button-next{ right: 27.5%; }
.swiper-button-prev{ left: 30.5%; }

@media screen and (max-width: 1280px){
    .swiper-button-next, .swiper-button-prev{ bottom: 170px; }
    .swiper-button-next{ right: 19%; }
    .swiper-button-prev{ left: 23.5%; }
}

@media screen and (max-width: 820px){
    .swiper-button-next, .swiper-button-prev{ bottom: auto; top: 50%; }
    .swiper-button-next{ right: 2.5%; }
    .swiper-button-prev{ left: 2.5%; }
}

.marquee{ width: 100%; position: relative; display: flex; align-items: center; height: 64px; overflow: hidden; white-space: nowrap; margin-bottom: 70px; }
.marquee .absol{ width: 100%; display: flex; align-items: center; }
.marquee .absol img{ max-width: unset; height: 100%; }

@media screen and (max-width: 1280px){
    .marquee{ height: 45px; margin-bottom: 50px; }
    .marquee .absol img{ height: 45px; }
}






/* intro */
._intro{ position: fixed; width: 100%; height: 100vh; box-sizing: border-box; background-color: #185eed; color: #fff; flex-direction: column; justify-content: center; align-items: center; z-index: 9999; word-break: keep-all; overflow: hidden; display: none; }
._intro > h1{ position: absolute; font-size: 15.625vw; color: rgba(255,255,255,0.04); letter-spacing: -0.025em; bottom: -0.3em; font-weight: 700; }
._intro .wrap .rel{ position: relative; width: 100%; }
._intro .wrap .rel .title{ display: flex; align-items: center; justify-content: center; }
._intro .wrap .rel .title > span{ font-size: 101px; letter-spacing: -0.025em; font-weight: 600; padding: 0 30px; box-sizing: border-box; display: block; padding-bottom: 0.1em; }
._intro .wrap .rel .title em{ font-size: 80px; font-weight: 700; letter-spacing: -0.025em; display: block; padding-right: 25px; position: relative; }
._intro .wrap .rel .title em b{ display: block; width: 2px; height: 100%; background-color: rgba(255,255,255,0.4); position: absolute; right: 0; top: 0; animation: type 0.5s linear infinite; }

@keyframes type {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }
    50% {
        background-color: white;
    }
    100% {
        background-color: rgba(255, 255, 255, 0);
    }
}

._intro .wrap .rel .title .searchbtn{ width: 78px; height: 78px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; background-color: #292c6f; margin-left: 70px; position: relative; overflow: hidden; }
._intro .wrap .rel .title .searchbtn img{ filter: brightness(200) saturate(0); }
._intro .wrap .rel .title .searchbtn .circle{ width: 160%; border-radius: 50%; background-color: rgba(255,255,255,0.3); position: absolute; left: 22px; top: 33px; opacity: 1; overflow: hidden; transform: translate(-50%, -50%); z-index: -1; }
._intro .wrap .rel .title .searchbtn .circle::after{ content: ''; display: block; padding-bottom: 100%; }

._intro .wrap .rel .list{ position: absolute; left: 50%; top: calc(100% + 20px); width: 100%; max-width: 500px; border-radius: 23px; border: 1px solid #fff; box-sizing: border-box; background-color: #fff; transform: translateX(-50%); overflow: hidden; padding: 15px 0; display: none; z-index: 2; }
._intro .wrap .rel .list li{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 17px 40px; box-sizing: border-box; width: 100%; color: #9a9a9a; transition-duration: 0.2s; position: relative; overflow: hidden; }
._intro .wrap .rel .list li .circle{ width: 0%; border-radius: 50%; background-color: #292c6f; position: absolute; left: 55px; top: 30px; transition: width .3s ease-in-out, height .3s ease-in-out, opacity .3s; opacity: 0; overflow: hidden; transform: translate(-50%, -50%); z-index: -1; }
._intro .wrap .rel .list li .circle::after{ content: ''; display: block; padding-bottom: 100%; }

._intro .wrap .rel .list li .circle2{ width: 200%; border-radius: 50%; background-color: rgba(255,255,255,0.3); position: absolute; left: 55px; top: 30px; overflow: hidden; transform: translate(-50%, -50%); z-index: 2; }
._intro .wrap .rel .list li .circle2::after{ content: ''; display: block; padding-bottom: 100%; }

._intro .wrap .rel .list li dl{ width: 100%; padding-right: 10px; box-sizing: border-box; }
._intro .wrap .rel .list li dl dt{ font-size: 22px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4; }
._intro .wrap .rel .list li dl dt span{ color: #292c6f; transition-duration: 0.2s; }
._intro .wrap .rel .list li dl dd{ font-size: 16px; letter-spacing: -0.025em; margin-top: 3px; line-height: 1.4; }
._intro .wrap .rel .list li .icon{ flex-shrink: 0; }

._intro .wrap .rel .list li.on{ color: #fff; }
._intro .wrap .rel .list li.on .circle{ width: 200%; opacity: 1; }
._intro .wrap .rel .list li.on dl dt span{ color: #fff; }
._intro .wrap .rel .list li.on .icon img{ filter: brightness(200) saturate(0); }


._intro .wrap .bot_title{ margin-top: 55px; text-align: center; }
._intro .wrap .bot_title dl dt{ display: flex; align-items: center; justify-content: center; }
._intro .wrap .bot_title dl dt em{ display: block; width: 32px; height: 1px; background-color: rgba(255,255,255,0.35); }
._intro .wrap .bot_title dl dt span{ font-family: 'Poppins', sans-serif; font-size: 18px; font-style: italic; letter-spacing: -0.025em; font-weight: 400; display: block; margin: 0 10px; }
._intro .wrap .bot_title dl dd{ font-size: 24px; letter-spacing: -0.025em; font-weight: 600; line-height: 1.4; margin-top: 15px; }

@media screen and (max-width: 1280px){
    ._intro .wrap .rel .title span{ font-size: 80px; }
    ._intro .wrap .rel .title em{ font-size: 60px; }
    ._intro .wrap .rel .title .searchbtn{ width: 68px; height: 68px; }
    ._intro .wrap .rel .title .searchbtn img{ width: 30px; }

    ._intro .wrap .rel .list{ padding: 10px 0; }
    ._intro .wrap .rel .list li{ padding: 13px 35px; }
    ._intro .wrap .rel .list li dl dt{ font-size: 20px; }
    ._intro .wrap .rel .list li dl dd{ font-size: 14px; }

    ._intro .wrap .bot_title{ margin-top: 30px; }
    ._intro .wrap .bot_title dl dt span{ font-size: 16px; }
    ._intro .wrap .bot_title dl dd{ margin-top: 10px; font-size: 20px; }
    
}

@media screen and (max-width: 820px){
    ._intro .wrap .rel .title span{ font-size: 9.7561vw;  }
    ._intro .wrap .rel .title em{ font-size: 7.3121vw; }
    ._intro .wrap .rel .title .searchbtn{ width: 48px; height: 48px; margin-left: 40px; }
    ._intro .wrap .rel .title .searchbtn img{ width: 23px; }

    ._intro .wrap .rel .list{ padding: 10px 0; }
    ._intro .wrap .rel .list li{ padding: 10px 25px; }
    ._intro .wrap .rel .list li dl dt{ font-size: 18px; }


}

@media screen and (max-width: 500px){
    ._intro .wrap .rel .title em{ padding-right: 10px; }
    ._intro .wrap .rel .title span{ padding: 0 10px; padding-bottom: 0.1em; }
    ._intro .wrap .rel .title .searchbtn{ margin-left: 20px; padding: 5px; width: 35px; height: 35px; }
    ._intro .wrap .rel .title .searchbtn img{ width: 18px; }

    ._intro .wrap .rel .list{ top: calc(100% + 10px); border-radius: 15px; }
    ._intro .wrap .rel .list li{ padding: 8px 15px; }
    ._intro .wrap .rel .list li dl dt{ font-size: 16px; }
    ._intro .wrap .rel .list li dl dd{ font-size: 12px; }

    ._intro .wrap .bot_title{ margin-top: 15px; }
    ._intro .wrap .bot_title dl dt span{ font-size: 14px; }
    ._intro .wrap .bot_title dl dd{ font-size: 16px; margin-top: 5px; }
}



._m{ width: 100%; overflow: hidden; position: relative; }

._m .se01{ width: 100%; position: relative; overflow: hidden; min-height: 100vh; padding: 80px 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 1; transition-duration: 0.2s; opacity: 0; height: 100vh; }
._m .se01 .pin{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
._m .se01 .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition-duration: 0.4s; opacity: 0; }
._m .se01 .bg.on{ opacity: 1; }
._m .se01 .bg img{ width: 100%; height: 100%; object-fit: cover; }



._m .se01 .schbx{ position: absolute; bottom: min(160px, 17vh); left: 50%; transform: translateX(-50%); z-index: 10; width: 70%; max-width: 450px;  }
._m .se01 .schbx .inn{ display: flex; background-color: #fff; border-radius: 32.5px; overflow: hidden; padding: 8px 12px; box-sizing: border-box; justify-content: space-between; align-items: center; }
._m .se01 .schbx .compbx{ position: absolute; top: calc(100% + 10px); width: 100%;  box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 5px; padding-right: 15px; display: none; }

._m .se01 .schbx .compbx p{ font-size: 14px; letter-spacing: -0.025em; color: #777777; text-align: center; border-bottom: 1px solid #9d9d9d; box-sizing: border-box; padding: 15px 0; }
._m .se01 .schbx .compbx .list{ width: 100%; padding: 15px 0; height: 10vh; overflow-y: auto; box-sizing: border-box; }
._m .se01 .schbx .compbx .list::-webkit-scrollbar{ width: 5px; background-color: #f0f4f0; }
._m .se01 .schbx .compbx .list::-webkit-scrollbar-thumb{ width: 5px; background-color: #175eec; border-radius: 10px; }
._m .se01 .schbx .compbx .list li{ padding: 5px 22px; font-size: 14px; letter-spacing: -0.025em; position: relative; width: 100%; overflow: hidden; box-sizing: border-box; cursor: pointer; }
._m .se01 .schbx .compbx .list li i{ padding: 0 5px; }
._m .se01 .schbx .compbx .list li i.xi-arrow-right{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(-135deg); }

@media screen and (min-width: 821px){
    ._m .se01 .schbx .compbx .list li:hover{ background-color: rgba(0,0,0,0.03); }
}

._m .se01 .schbx .inn label{ position: relative; display: block; width: 100%; height: 50px; }
._m .se01 .schbx .inn input{ display: block; width: 100%; padding: 0 17px; font-size: 20px; letter-spacing: -0.025em; font-weight: 600; height: 50px; border: none; }
._m .se01 .schbx .inn input::placeholder{ color: #000; }
._m .se01 .schbx .inn label .schtxt{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
._m .se01 .schbx .inn label .schtxt .swiper-slide{ display: flex; align-items: center; padding: 0 17px; font-size: 20px; letter-spacing: -0.025em; font-weight: 600; }


._m .se01 .schbx .inn .submit{ width: 50px; height: 50px; border-radius: 50%; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
._m .se01 .schbx .inn .submit .realbtn{ width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background-color: #175eec; border-radius: 50%; overflow: hidden; z-index: 3; }
._m .se01 .schbx .inn .submit .realbtn img{ filter: brightness(200) saturate(0); }
._m .se01 .schbx .inn .submit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #175eec; border-radius: 50%; opacity: 0; animation: blink 1.6s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; }
._m .se01 .schbx .inn .submit span:last-of-type{ animation-delay: 0.8s; }
._m .se01 .schbx .inn .allsch{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@keyframes blink {
    0% {
        transform: scale(0.5);
        opacity: 0.2;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

._m .se01 .side_swnv{ position: absolute; left: calc(100 / 1920 * 100%); top: 50%; transform: translateY(-50%); z-index: 10; }
._m .se01 .side_swnv .num{ position: relative; }
._m .se01 .side_swnv .num li{ position: relative; margin-bottom: 13px; cursor: pointer; }
._m .se01 .side_swnv .num li:last-of-type{ margin-bottom: 0; }
._m .se01 .side_swnv .num li .progress{ position: relative; width: 33px; height: 33px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); box-sizing: border-box; }
._m .se01 .side_swnv .num li .progress svg{ width: 33px; height: 33px; position: absolute; top: -1px; left: -1px; transform: rotate(-90deg); opacity: 0; }
._m .se01 .side_swnv .num li .progress svg circle{ stroke: #fff; fill: none; }
._m .se01 .side_swnv .num li > span{ font-size: 16px; letter-spacing: -0.025em; color: rgba(255,255,255,0.3); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition-duration: 0.2s; }

._m .se01 .side_swnv .num li.on .progress svg{ opacity: 1; }
._m .se01 .side_swnv .num li.on > span{ color: #fff; }

._m .se01 .visual{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; }
._m .se01 .visual ._inn{ width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; }
._m .se01 .visual ._inn > strong{ font-size: 4.4083vw; letter-spacing: -0.025em; font-weight: 600; display: block; transition-duration: 0.8s; color: #fff; transform: translateY(40px); opacity: 0; transition-delay: .2s; min-width: 3.5em; }
._m .se01 .visual ._inn > strong:first-of-type{ text-align: right; }

    @media screen and (min-width: 1921px){
        ._m .se01 .visual ._inn > strong{ font-size: 100px; }
    }

._m .se01 .visual ._inn > strong span{ display: inline-block;  margin-left: 22px; opacity: 0; transition-duration: 0.8s; }
._m .se01 .visual ._inn .prd_{ display: flex; align-items: center; justify-content: center;  padding: 0 20px; box-sizing: border-box; width: calc(780 / 1920 * 100%); }
._m .se01 .visual ._inn .bx{ width: calc(780 / 1920 * 100%); }
._m .se01 .visual ._inn .prd_._0{ width: 100%; gap: 30px; }
._m .se01 .visual ._inn .bx small{ font-size: 24px; letter-spacing: -0.025em; color: rgba(255,255,255,0.7); text-align: center; display: block; margin-top: 35px; }
._m .se01 .visual ._inn .prd_ li{ transform: translateY(20%); transition-duration: 0.6s; opacity: 0; }

._m .se01 .visual ._inn .prd_ li:nth-of-type(2){ transition-delay: 0.1s; }
._m .se01 .visual ._inn .prd_ li:nth-of-type(3){ transition-delay: 0.2s;}

    ._m .se01 .visual ._inn .prd_ li.up{ margin-top: -50px; }
    ._m .se01 .visual ._inn .prd_ li.down{ margin-top: 50px; }
    ._m .se01 .visual ._inn .prd_ li.minus1{ margin-left: calc(-195 / 956 * 100%); }
    ._m .se01 .visual ._inn .prd_ li.minus2{ margin-left: calc(-120 / 956 * 100%); }
    ._m .se01 .visual ._inn .prd_ li.minus3{ margin-left: calc(-60 / 956 * 100%); }

._m .se01 .visual ._inn .addtxt{ position: absolute; bottom: 0; right: 0; padding: 110px 140px; box-sizing: border-box; color: #fff; text-align: right; }
._m .se01 .visual ._inn .addtxt dl dt{ font-size: 22px; letter-spacing: -0.025em; line-height: 1.4; }
._m .se01 .visual ._inn .addtxt dl dt b{ font-size: 50px; letter-spacing: -0.025em; font-weight: 600; }
._m .se01 .visual ._inn .addtxt dl dd{ font-size: 50px; letter-spacing: -0.025em; font-weight: 600; margin-top: 5px; line-height: 1.4; }
._m .se01 .visual ._inn .addtxt em{ display: block; line-height: 1.4; margin-top: 22px; font-size: 12px; letter-spacing: -0.025em; color: rgba(255,255,255,0.5); }

._m .se01 .visual .swiper-slide h1{ font-size: 34px; font-weight: 600; letter-spacing: -0.045em; text-align: center; color: #fff; position: absolute; left: 2.5%; top: 170px; width: 95%;  }


._m .se01 .visual .swiper-slide.swiper-slide-active ._inn .prd_ li{ transform: translateY(0);  opacity: 1; }
._m .se01 .visual .swiper-slide.swiper-slide-active ._inn > strong span{ transform: rotate(20deg); opacity: 1; }
._m .se01 .visual .swiper-slide.swiper-slide-active ._inn > strong{ transform: translateY(0); opacity: 1; }


._m .se01 .visual ._inn .mob{ display: none; margin-bottom: 20px; }
._m .se01 .visual ._inn .mob h1{ position: static; margin-bottom: 10px; width: 100%; line-height: 1.3; }
._m .se01 .visual ._inn .mob .addtxt{ position: static; padding: 0; width: 100%; }


@media screen and (max-width: 1760px){
    ._m .se01 .visual ._inn .addtxt{ padding: 5vh 2.5%; }
    ._m .se01 .visual ._inn .addtxt dl dt{ font-size: 20px; }
    ._m .se01 .visual ._inn .addtxt dl dt b{ font-size: 35px; }
    ._m .se01 .visual ._inn .addtxt dl dd{ font-size: 40px; margin-top: 0; }
}


@media screen and (max-width: 1280px){
    ._m .se01 .side_swnv{ left: 2.5%; }
    ._m .se01 .side_swnv .num li > span{ font-size: 14px; }
    
    ._m .se01 .visual ._inn .prd_{ padding: 0 30px; box-sizing: border-box; }
    ._m .se01 .visual ._inn .prd_ li{ max-width: 50%; }
    /* ._m .se01 .visual ._inn .prd_._2 li{ max-width: 30%; } */
    ._m .se01 .visual ._inn .prd_._3 li{ max-width: unset; }
    /* ._m .se01 .visual ._inn .prd_._5 li:first-of-type{ max-width: 30%; }
    ._m .se01 .visual ._inn .prd_._5 li:last-of-type{ max-width: 50%; } */

    ._m .se01 .schbx{ max-width: 350px; }
    ._m .se01 .schbx .inn{ padding: 0; padding-left: 10px; }
    ._m .se01 .schbx .inn input{ font-size: 16px; }
    ._m .se01 .schbx .inn label .schtxt .swiper-slide{ font-size: 16px; }

    ._m .se01 .visual ._inn .addtxt dl dt{ font-size: 16px; }
    ._m .se01 .visual ._inn .addtxt dl dt b{ font-size: 24px; }
    ._m .se01 .visual ._inn .addtxt dl dd{ font-size: 30px; }

    ._m .se01 .visual .swiper-slide h1{ font-size: 30px; top: 100px; }
    ._m .se01 .visual ._inn .bx small{ font-size: 18px; margin-top: 15px; }

}

@media screen and (max-width: 820px){
    
    ._m .se01 .side_swnv{ left: 50%; transform: translate(-50%, 0); top: auto; bottom: 140px; }
    ._m .se01 .side_swnv .num{ display: flex; align-items: center; }
    ._m .se01 .side_swnv .num li{ margin-right: 10px; margin-bottom: 0; }

    ._m .se01 .visual ._inn{ width: 90%; margin: 0 auto; padding-bottom: 10vh; }
    ._m .se01 .visual ._inn > strong{ font-size: 5.7vw; min-width: unset; }
    ._m .se01 .visual ._inn > strong:first-of-type{ text-align: left; min-width: unset; }

    ._m .se01 .visual ._inn .prd_{ padding: 0 20px; }
    ._m .se01 .visual ._inn .prd_ li{ max-width: 50%; }
    ._m .se01 .visual ._inn .prd_._2 li{ max-width: 50%; }
    ._m .se01 .visual ._inn .prd_ li img{ max-height: 200px; }
    

    ._m .se01 .schbx{ bottom: 80px; }
    ._m .se01 .schbx .inn input{ font-size: 14px; height: 45px; }
    ._m .se01 .schbx .inn label{ height: 45px; }
    ._m .se01 .schbx .inn label .schtxt .swiper-slide{ font-size: 14px; }
    ._m .se01 .schbx .inn .submit{ width: 45px; height: 45px; }
    ._m .se01 .schbx .inn .submit .realbtn{ width: 30px; height: 30px; }

    ._m .se01 .schbx .compbx .list{ padding: 3px 0; height: 50px; }

    ._m .se01 .visual ._inn .addtxt{ padding: 140px 5%; bottom: auto; right: auto; left: 0; top: 0; text-align: center; width: 100%;  }
    ._m .se01 .visual ._inn .addtxt dl dt{ font-size: 13px; }
    ._m .se01 .visual ._inn .addtxt dl dt b{ font-size: 18px; }
    ._m .se01 .visual ._inn .addtxt dl dd{ font-size: 22px; }

    ._m .se01 .visual .swiper-slide h1{ font-size: 26px;  }
    /* top: 0; padding: 45px 2.5%; box-sizing: border-box; */
    ._m .se01 .visual ._inn .prd_._0{ gap: 10px; }
    ._m .se01 .visual ._inn .bx small{ font-size: 16px; margin-top: 10px; }

}

@media screen and (max-width: 500px){
    ._m .se01 .side_swnv{ bottom: 130px; }
    ._m .se01 .side_swnv .num li > span{ font-size: 12px; }

    ._m .se01 .visual ._inn{ flex-direction: column; padding-bottom: 0; box-sizing: border-box; }
    ._m .se01 .visual ._inn .prd_{ width: 100%; padding: 0; max-height: 150px; }
    ._m .se01 .visual ._inn .prd_ li{ max-height: 140px; }
    ._m .se01 .visual ._inn .prd_ li img{ max-height: 140px; }
    ._m .se01 .visual ._inn > strong{ font-size: 9vw; padding: 10px 0; }

    /* ._m .se01 .visual ._inn .prd_._2 li{ max-width: 25%; } */
    ._m .se01 .visual ._inn .prd_._5 li:last-of-type{ margin-top: 15px; }

    ._m .se01 .schbx .inn input{ font-size: 14px; height: 40px; padding: 0; }
    ._m .se01 .schbx .inn label{ height: 40px; }
    ._m .se01 .schbx .inn label .schtxt .swiper-slide{ padding: 0; font-size: 13px; }
    ._m .se01 .schbx .inn .submit{ width: 40px; height: 40px; }
    ._m .se01 .schbx .inn .submit .realbtn{ width: 25px; height: 25px; }
    ._m .se01 .schbx .inn .submit .realbtn img{ width: 15px; }

    ._m .se01 .schbx .compbx .list li{ padding: 5px; font-size: 13px; }

    ._m .se01 .visual ._inn .addtxt{ opacity: 0.8; padding: 100px 5%; display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; }
    ._m .se01 .visual ._inn .addtxt dl{ margin-top: 5px; }
    ._m .se01 .visual ._inn .addtxt dl dt{ font-size: 16px; }
    ._m .se01 .visual ._inn .addtxt dl dt b{ font-size: 16px; }
    ._m .se01 .visual ._inn .addtxt dl dd{ font-size: 18px; }
    ._m .se01 .visual ._inn .addtxt em{ margin-top: 0; font-size: 10px; }
    ._m .se01 .visual ._inn .bx small{ font-size: 14px; }

    ._m .se01 .visual ._inn .bx{ width: 100%; padding: 20px 0; }
    ._m .se01 .visual ._inn > strong br{ display: none; }
    ._m .se01 .visual .swiper-slide h1{ font-size: 19px; top: 70px; }

    ._m .se01 .visual .swiper-slide ._inn h1,
    ._m .se01 .visual .swiper-slide ._inn .addtxt{ display: none; }

    ._m .se01 .visual ._inn{ padding-bottom: 10vh; box-sizing: border-box; }
    ._m .se01 .visual ._inn .mob{ display: block; }
    ._m .se01 .visual ._inn .mob h1,
    ._m .se01 .visual ._inn .mob .addtxt{ display: block; }
    

}

@media screen and (max-width: 300px){
    ._m .se01 .visual .swiper-slide h1{ font-size: 17px; }

}



._m .se02{ background-color: #fff; color: #000; padding: 170px 0; position: relative; width: 100%; overflow: hidden; word-break: keep-all; }
._m .se02::after,
._m .se02::before{ content: ''; display: block; width: 20%; position: absolute; top: 0; height: 100%; z-index: 5; pointer-events: none; }
._m .se02::after{ right: 0; background: linear-gradient(-90deg, #fff, rgba(255,255,255,0)); }
._m .se02::before{ left: 0; background: linear-gradient(90deg, #fff, rgba(255,255,255,0)); }
._m .se02 .wrap h2{ font-size: 70px; letter-spacing: -0.025em; font-weight: 600; display: block; text-align: center; line-height: 1.4; position: relative; z-index: 8; }
._m .se02 .wrap h2 span{ color: #175eec; }
._m .se02 .container{ width: 100%; position: relative; transform: rotate(-5deg); margin-top: 50px; }
._m .se02 .container .paslists{ overflow: visible; word-break: keep-all; }
._m .se02 .container .paslists .swiper-slide{ width: 100%; position: relative; z-index: 5; }

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
    perspective-origin: bottom;
}

._m .se02 .container .paslists .swiper-slide ._inn{ width: 100%; transform: translate(10%, 0) rotateX(30deg) rotateY(-20deg) rotateZ(20deg) scale(0.7); border-radius: 20px;  transition-duration: 0.6s;  text-align: center; }
/* box-shadow: 15px 15px 20px rgba(0,0,0,0.2);  background-color: #fff; overflow: hidden; */

._m .se02 .container .paslists ._inn img{ width: unset; height: 100%; object-fit: cover; max-height: 500px; filter: drop-shadow(15px 15px 20px rgba(0,0,0,0.2)); border-radius: 20px;  }
._m .se02 .container .paslists ._inn iframe{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition-duration: 0.4s; opacity: 0; pointer-events: none; cursor: pointer; border-radius: 20px; }

._m .se02 .container .paslists .act_view{ transform: rotate(5deg); width: 100%; text-align: center; opacity: 0; transition-duration: 0.4s; pointer-events: none; z-index: 5; margin-top: 80px; }
._m .se02 .container .paslists .act_view .page{ font-size: 16px; letter-spacing: -0.025em; color: #777; display: block; text-align: center; }
._m .se02 .container .paslists .act_view > p{ display: flex; align-items: flex-start; justify-content: center; transform: translateY(-40px); opacity: 0; transition-duration: 0.6s; margin-top: 15px; }
._m .se02 .container .paslists .act_view > p em{ display: block; font-size: 14px; font-family: 'Poppins', sans-serif; letter-spacing: -0.025em; padding: 4px 8px; border-radius: 10px; background-color: #175eec; color: #fff; text-align: center; margin-right: 10px; }
._m .se02 .container .paslists .act_view > p span{ font-size: 24px; letter-spacing: -0.025em; font-weight: 600; text-align: left; }

._m .se02 .container .paslists .act_view .basicbtn{ transform: translateY(-40px); opacity: 0; transition-duration: 0.6s; transition-delay: 0.1s; margin-top: 33px; }
._m .se02 .container .paslists .act_view .basicbtn:hover{ background-color: #000; }
/* ._m .se02 .pas_pagi{ width: auto; position: absolute; left: 50%; bottom: 290px; transform: translateX(-20%); z-index: 15; font-size: 18px; font-weight: 500; letter-spacing: -0.025em; color: #aaa; }
._m .se02 .pas_pagi .swiper-pagination-current{ color: #175eec; } */



._m .se02 .container .paslists .swiper-slide.swiper-slide-active ._inn{ transform: translate(10%, 0) rotateX(20deg) rotateY(-10deg) rotateZ(20deg) scale(1); }

._m .se02 .container .paslists .swiper-slide.swiper-slide-active .act_view{ opacity: 1; pointer-events: unset; }
._m .se02 .container .paslists .swiper-slide.swiper-slide-active .act_view > p{ transform: translateY(0); opacity: 1; }
._m .se02 .container .paslists .swiper-slide.swiper-slide-active .act_view .basicbtn{ transform: translateY(0); opacity: 1; }

._m .se02 .container .paslists .swiper-slide.swiper-slide-active:hover ._inn{ transform: translate(5%, 0) rotateX(0deg) rotateY(0deg) rotateZ(5deg) scale(1); }
._m .se02 .container .paslists .swiper-slide.swiper-slide-active:hover ._inn iframe{ opacity: 1; pointer-events: unset; }

@media screen and (max-width: 1280px){
    ._m .se02{ padding: 120px 0; }
    ._m .se02 .wrap h2{ font-size: 48px; }
    ._m .se02 .container .paslists .act_view > p span{ font-size: 20px; }
    /* ._m .se02 .pas_pagi{ bottom: 230px; font-size: 16px; transform: translateX(-10%); } */
}

@media screen and (max-width: 820px){
    ._m .se02{ padding: 80px 0; }
    ._m .se02::after,
    ._m .se02::before{ width: 25%; }
    ._m .se02 .wrap h2{ font-size: 35px; }
    ._m .se02 .container{ margin-top: 80px; }
    ._m .se02 .container .paslists .act_view{ margin-top: 60px; width: 150%; margin-left: -25%; }
    ._m .se02 .container .paslists .act_view > p{ justify-content: center; }
    ._m .se02 .container .paslists .act_view > p span{ font-size: 20px; line-height: 1.2; display: inline-block; }
    /* ._m .se02 .pas_pagi{ bottom: 160px; font-size: 14px; } */
    ._m .se02 .container .paslists .act_view .basicbtn{ margin-top: 20px; }
    ._m .se02 .container .paslists ._inn img{ max-height: 270px; }
}

@media screen and (max-width: 500px){
    ._m .se02{ padding: 60px 0; }
    ._m .se02::after,
    ._m .se02::before{ width: 10%; }
    ._m .se02 .wrap h2{ font-size: 28px; }
    ._m .se02 .container{ margin-top: 40px; }
    ._m .se02 .container .paslists .act_view{ margin-top: 30px; width: 130%; margin-left: -17%; }
    ._m .se02 .container .paslists .act_view > p span{ font-size: 16px; line-height: 1.2; text-align: center; }
    ._m .se02 .container .paslists .act_view .page{ font-size: 14px; }
    /* ._m .se02 .pas_pagi{ bottom: 140px; transform: translateX(-17%); } */
    ._m .se02 .container .paslists .act_view .basicbtn{ margin-top: 15px; }
    ._m .se02 .container .paslists ._inn img{ max-height: 190px; }
}


._m .se03{ width: 100%; overflow: hidden; position: relative; background-color: #175eec; min-height: 100vh; box-sizing: border-box; margin-top: -1px; padding-top: 100px; display: flex; flex-direction: column; justify-content: flex-end; }
._m .se03 .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 20vh; box-sizing: border-box; }


._m .se03 .wrap{ position: relative; z-index: 2; }
._m .se03 .wrap strong{ font-size: 60px; letter-spacing: -0.025em; text-align: center; display: block; width: 100%; word-break: keep-all; line-height: 1.4;  color: #fff; }
._m .se03 .wrap strong b{ font-weight: 700; }

._m .se03 .wrap .bxwrap{ width: 100%; max-width: 480px; margin: 0 auto; background-color: #fff; border-radius: 50px 50px 0 0; height: 700px; border: 1px solid #000; box-sizing: border-box; border-bottom: none; margin-top: 55px; overflow: hidden; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
._m .se03 .wrap .bxwrap .progress{ width: 100%; max-width: 340px; margin: 0 auto; border-radius: 5px; background-color: rgba(0,0,0,0.1); height: 10px; position: relative; overflow: hidden; flex-shrink: 0; }
._m .se03 .wrap .bxwrap .progress span{ display: block; width: 0%; background-color: #175eec; border-radius: 5px; height: 100%; position: absolute; left: 0; top: 0; }
._m .se03 .wrap .bxwrap .step{ width: 100%; max-width: 340px; margin: 0 auto; margin-top: 50px; text-align: center; height: 100%; overflow: hidden; padding: 0 20px; opacity: 0; pointer-events: none; transition-duration: 0.6s; transform: translateY(20%); }
._m .se03 .wrap .bxwrap .step b{ font-size: 30px; letter-spacing: -0.025em; font-family: 'Poppins', sans-serif; font-weight: 600; }
._m .se03 .wrap .bxwrap .step dl{ margin-top: 25px; }
._m .se03 .wrap .bxwrap .step dl dt{ font-size: 26px; letter-spacing: -0.025em; font-weight: 600; line-height: 1.4; }
._m .se03 .wrap .bxwrap .step dl dd{ font-size: 16px; letter-spacing: -0.025em; color: #777777; line-height: 1.4; margin-top: 5px; }

._m .se03 .wrap .bxwrap .step .lists{ width: 100%; margin-top: 25px; }
._m .se03 .wrap .bxwrap .step .lists li{ width: 100%; }
._m .se03 .wrap .bxwrap .step .lists li input{ visibility: hidden; position: absolute; }
._m .se03 .wrap .bxwrap .step .lists li label{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;  border-radius: 10px; overflow: hidden; background-color: #f0f4f0; color: #000; transition-duration: 0.2s; padding: 15px 0; margin-bottom: 10px; line-height: 1.4; font-size: 18px; letter-spacing: -0.025em; cursor: pointer; font-weight: 500; }
._m .se03 .wrap .bxwrap .step .lists li label svg{ width: 65px; }

._m .se03 .wrap .bxwrap .step .lists li input:checked ~ label{ background-color: #175eec; color: #fff; }
._m .se03 .wrap .bxwrap .step .lists li input:checked ~ label svg .st0{ stroke: #fff; fill: #fff; }
._m .se03 .wrap .bxwrap .step .lists li label i{ display: block; font-size: 70px; margin-bottom: 10px; }
._m .se03 .wrap .bxwrap .step .lists li label em{ font-size: 14px; letter-spacing: -0.025em; }

._m .se03 .wrap .bxwrap .step .lists.grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
._m .se03 .wrap .bxwrap .step .lists.grid li label{ margin-bottom: 0; }

._m .se03 .wrap .bxwrap .step .btns{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 45px; gap: 5px; }
._m .se03 .wrap .bxwrap .step .btns .bx{ position: relative; }
._m .se03 .wrap .bxwrap .step .btns span{ display: flex; align-items: center; justify-content: flex-start; width: 36px; border-radius: 18px; overflow: hidden; background-color: #000; height: 36px; padding: 0 18px; box-sizing: border-box; transition-duration: 0.2s; cursor: pointer; position: absolute; left: 0; top: 0; }
._m .se03 .wrap .bxwrap .step .btns > span{ position: relative; }
._m .se03 .wrap .bxwrap .step .btns span em{ font-size: 17px; letter-spacing: -0.025em; font-family: 'Poppins', sans-serif; color: #fff; }
._m .se03 .wrap .bxwrap .step .btns span .icon{ width: 36px; height: 36px; position: absolute; top: 50%; right: 0; display: flex; align-items: center; justify-content: center; font-size: 17px; background-color: #fff; border-radius: 50%; transform: translateY(-50%); border: 1px solid #000; box-sizing: border-box; padding-bottom: 0.1em; transition-duration: 0.2s; }
._m .se03 .wrap .bxwrap .step .btns span.prev_ .icon{ right: auto; left: 0; }
._m .se03 .wrap .bxwrap .step .btns span.prev_{ justify-content: flex-end; left: auto; right: 0; }

._m .se03 .wrap .bxwrap .step._result > dl{ margin-top: 0; }
._m .se03 .wrap .bxwrap .step._result .results{ min-height: 55%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 15px; }
._m .se03 .wrap .bxwrap .step._result .results > ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; display: none; margin-top: 20px; }
._m .se03 .wrap .bxwrap .step._result .results > ul.on{ display: flex; }
._m .se03 .wrap .bxwrap .step._result .results > ul li{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; border-radius: 10px; border: 1px solid #efefef; box-sizing: border-box; text-align: center; }
._m .se03 .wrap .bxwrap .step._result .results > ul li em{ font-size: 14px; margin-top: 5px; }

._m .se03 .wrap .bxwrap .step._result .results .swiper{ width: 100%; opacity: 0; pointer-events: none; }
._m .se03 .wrap .bxwrap .step._result .results .swiper a{ display: block; width: 100%; height: 100%; }
._m .se03 .wrap .bxwrap .step._result .results .swiper a img{ display: block; margin: 0 auto; }
._m .se03 .wrap .bxwrap .step._result .results .swiper a em{ font-size: 20px; letter-spacing: -0.025em; margin-top: 20px; display: block; text-align: center; font-weight: 600; }
._m .se03 .wrap .bxwrap .step._result .results .swiper.on{ opacity: 1; pointer-events: unset; }
._m .se03 .wrap .bxwrap .step._result .results .swiper:not(.eq1){ position: absolute; left: 0; top: 0; }



._m .se03 .wrap .bxwrap .step:not(._1){ position: absolute; left: 50%; top: 40px; transform: translate(-50%, 20%); }
._m .se03 .wrap .bxwrap .step:not(._1).on{ position: absolute; left: 50%; top: 40px; transform: translate(-50%, 0); }
._m .se03 .wrap .bxwrap .step.on{ opacity: 1; transform: translateY(0); pointer-events: unset; }



@media screen and (min-width: 821px){
    ._m .se03 .wrap .bxwrap .step .btns span.next_:hover .icon{ width: 26px; height: 26px; right: 5px; }
    ._m .se03 .wrap .bxwrap .step .btns span.prev_:hover .icon{ width: 26px; height: 26px; left: 5px; }
    ._m .se03 .wrap .bxwrap .step .btns span:hover{ width: 110px; }
}

@media screen and (max-width: 1280px){
    ._m .se03{ min-height: unset; }
    ._m .se03 .wrap strong{ font-size: 40px; }
    ._m .se03 .wrap .bxwrap{ height: 610px; }
    ._m .se03 .wrap .bxwrap .step{ margin-top: 30px; }
    ._m .se03 .wrap .bxwrap .step b{ font-size: 26px; }
    ._m .se03 .wrap .bxwrap .step dl dt{ font-size: 22px; }
    ._m .se03 .wrap .bxwrap .step .lists li label{ font-size: 16px; padding: 10px 0; }
    ._m .se03 .wrap .bxwrap .step .btns{ margin-top: 20px; }
    ._m .se03 .wrap .bxwrap .step .btns span{ width: 30px; height: 30px; padding: 0 13px; }
    ._m .se03 .wrap .bxwrap .step .btns span .icon{ width: 30px; height: 30px; }
    ._m .se03 .wrap .bxwrap .step .btns span em{ font-size: 14px; }
    ._m .se03 .wrap .bxwrap .step .btns span:hover{ width: 90px; }
    ._m .se03 .wrap .bxwrap .step .btns span.next_:hover .icon{ right: 2px; }
}

@media screen and (max-width: 820px){
    ._m .se03{ padding-top: 70px; }
    ._m .se03 .wrap strong{ font-size: 32px; }
    ._m .se03 .wrap .bxwrap{ margin-top: 30px; height: 590px; border-radius: 40px 40px 0 0; }
    ._m .se03 .wrap .bxwrap .step dl{ margin-top: 15px; }

    ._m .se03 .wrap .bxwrap .step .btns span{ width: 90px; }
    ._m .se03 .wrap .bxwrap .step .btns span.next_ .icon{ width: 26px; height: 26px; right: 2px; }
    ._m .se03 .wrap .bxwrap .step .btns span.prev_ .icon{ width: 26px; height: 26px; left: 2px; }

    ._m .se03 .wrap .bxwrap .step._result .results .swiper a em{ font-size: 16px; margin-top: 10px; }
}

@media screen and (max-width: 500px){
    ._m .se03 .wrap strong{ font-size: 24px; }
    ._m .se03 .wrap .bxwrap{ margin-top: 20px; height: 530px; padding: 20px 15px; border-radius: 25px 25px 0 0; }
    ._m .se03 .wrap .bxwrap .step{ margin-top: 20px; padding: 0; }
    ._m .se03 .wrap .bxwrap .step b{ font-size: 22px; }
    ._m .se03 .wrap .bxwrap .step dl dt{ font-size: 18px; }
    ._m .se03 .wrap .bxwrap .step dl dd{ font-size: 14px; margin-top: 0; }
    ._m .se03 .wrap .bxwrap .step .lists li label{ font-size: 14px; }
    ._m .se03 .wrap .bxwrap .step .btns{ margin-top: 15px; }
    ._m .se03 .wrap .bxwrap .step .btns span{ padding: 0 10px; }

    ._m .se03 .wrap .bxwrap .step:not(._1){ padding: 0 15px; box-sizing: border-box; }

    ._m .se03 .wrap .bxwrap .step._result .results > ul{ width: 100%; gap: 2%; }
    ._m .se03 .wrap .bxwrap .step._result .results > ul li{ width: 32%; margin-bottom: 2%; }

}

@media screen and (max-width: 400px){
    ._m .se03 .wrap .bxwrap .step._result .results > ul li img{ width: 47px; }
    ._m .se03 .wrap .bxwrap .step._result .results > ul li em{ font-size: 12px; }
}




._m .se04{ width: 100%; position: relative; overflow: hidden; background-color: #fff; margin-top: -1px; padding: 150px 0; padding-bottom: 230px; }
._m .se04 .wrap{ width: 80%; }
._m .se04 h3{ font-size: 80px; letter-spacing: -0.025em; line-height: calc(110 / 80); }
._m .se04 h3 b{ font-weight: 700; }

._m .se04 .tabs{ width: 100%; display: flex; justify-content: flex-end; margin-left: auto; margin-top: -50px; max-width: 720px; }
._m .se04 .tabs li{ cursor: pointer; margin-left: 20px; }
._m .se04 .tabs li:first-of-type{ margin-left: 0; }
._m .se04 .tabs li .icon{ text-align: center; border-radius: 35px; overflow: hidden; filter: saturate(0); transition-duration: 0.2s; }
._m .se04 .tabs li .icon::after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 35px; overflow: hidden; box-shadow: inset 5px 5px 10px rgba(0,0,0,0.2); opacity: 0; z-index: 5; }
._m .se04 .tabs li span{ font-size: 18px; letter-spacing: -0.025em; color: #9d9d9d; display: block; font-weight: 600; transition-duration: 0.2s; margin-top: 15px; text-align: center; }

._m .se04 .tabs li:hover .icon,
._m .se04 .tabs li.on .icon{ filter: saturate(1); }
._m .se04 .tabs li.down .icon::after{ opacity: 1; }

._m .se04 .tabs li:nth-of-type(1):hover span,
._m .se04 .tabs li:nth-of-type(1).on span{ color: #fb5c87; }
._m .se04 .tabs li:nth-of-type(2):hover span,
._m .se04 .tabs li:nth-of-type(2).on span{ color: #28b787; }
._m .se04 .tabs li:nth-of-type(3):hover span,
._m .se04 .tabs li:nth-of-type(3).on span{ color: #f4c827; }
._m .se04 .tabs li:nth-of-type(4):hover span,
._m .se04 .tabs li:nth-of-type(4).on span{ color: #6498dd; }
._m .se04 .tabs li:nth-of-type(5):hover span,
._m .se04 .tabs li:nth-of-type(5).on span{ color: #fd7467; }
._m .se04 .tabs li:nth-of-type(6):hover span,
._m .se04 .tabs li:nth-of-type(6).on span{ color: #ff3b5d; }


._m .se04 .contWrap{ position: relative; margin-top: 55px; height: 580px; }
._m .se04 .contWrap .con{ width: 100%; position: relative; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; transform: translateY(40px); transition-duration: 0.8s; }
._m .se04 .contWrap .con.on{ opacity: 1; pointer-events: unset; transform: translateY(0); }
._m .se04 .contWrap .swiper{ overflow: visible; width: 100%;  }
._m .se04 .contWrap .swiper-slide{ overflow: hidden; }
._m .se04 .contWrap .swiper-slide .inn_{ width: 100%; text-align: center; position: relative; padding-top: 40px; display: block; }
._m .se04 .contWrap .swiper-slide .inn_ .bg{ position: absolute; display: block; left: 0; width: 100%; text-align: center; word-break: keep-all; font-size: 9.375vw; font-weight: 600; color: rgba(0,0,0,0.05); letter-spacing: -0.025em; font-family: 'Poppins', sans-serif; top: 50%; transform: translateY(-50%); }
._m .se04 .contWrap .swiper-slide .inn_ .info{ text-align: center; margin-top: 50px; }
._m .se04 .contWrap .swiper-slide .inn_ .info span{ font-size: 16px; letter-spacing: -0.025em; color: #777777; display: block; }
._m .se04 .contWrap .swiper-slide .inn_ .info b{ font-size: 36px; letter-spacing: -0.025em; margin-top: 15px; font-weight: 600; display: block; }
._m .se04 .contWrap .swiper-slide .inn_ .prod{ display: flex; align-items: center; justify-content: center; min-height: 480px; }
._m .se04 .contWrap .swiper-slide .inn_ .prod img{ transition-duration: 0.6s; transition-delay: .4s; filter: drop-shadow(7px 7px 10px rgba(0,0,0,0.15)); }
._m .se04 .contWrap .swiper-slide .inn_ .prod img:nth-of-type(1){ transform: translateX(40px) rotate(10deg); position: relative; z-index: 2; }
._m .se04 .contWrap .swiper-slide .inn_ .prod img:nth-of-type(2){ transform: translateX(-40px) rotate(-10deg); margin-left: -5%; }

._m .se04 .contWrap .swiper .control{ width: 100px; height: 100px; border-radius: 50%; border: 1px solid #000; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 30px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; }
._m .se04 .contWrap .swiper .control._next{ right: calc(140 / 1920 * 100%); }
._m .se04 .contWrap .swiper .control._prev{ left: calc(140 / 1920 * 100%); }

._m .se04 .contWrap .swiper-slide.swiper-slide-active .inn_ .prod img{ transform: translateX(0) rotate(0); }

@media screen and (max-width: 1760px){
    ._m .se04 h3{ font-size: 65px; }
    ._m .se04 .contWrap .swiper .control._next{ right: 2.5%; }
    ._m .se04 .contWrap .swiper .control._prev{ left: 2.5%; }
}

@media screen and (max-width: 1640px){
    ._m .se04 h3{ font-size: 50px; }
    ._m .se04 .tabs li{ width: 12%; }
    ._m .se04 .tabs li span{ font-size: 16px; }
    ._m .se04 .contWrap{ margin-top: 50px; }
    ._m .se04 .contWrap{ height: 520px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .prod{ padding: 0 35%; min-height: 460px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .prod img:nth-of-type(2){ margin-left: -20%; }
    ._m .se04 .contWrap .swiper .control{ width: 90px; height: 90px; }

    ._m .se04 .contWrap .swiper-slide .inn_ .info{ margin-top: 0; }

}

@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1280px){
    ._m .se04{ padding: 120px 0; }
    ._m .se04 .wrap{ width: 75%; }
    ._m .se04 h3{ font-size: 40px; }
    ._m .se04 .tabs{ max-width: 570px; margin-top: 0; }
    ._m .se04 .tabs li span{ font-size: 14px; margin-top: 10px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .info b{ font-size: 28px; margin-top: 10px; }
}

@media screen and (max-width: 1024px){
    ._m .se04 .contWrap{ height: 400px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .prod{ min-height: 460px; }
}

@media screen and (max-width: 820px){
    ._m .se04{ padding: 70px 0; }
    ._m .se04 .wrap{ width: 90%; }
    ._m .se04 h3{ font-size: 32px; } 
    ._m .se04 .tabs{ margin-top: 10px; }
    ._m .se04 .tabs li{ margin-left: 10px; width: unset; }
    ._m .se04 .tabs li span{ font-size: 14px; }
    ._m .se04 .contWrap{ margin-top: 50px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .info{ margin-top: 30px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .info span{ font-size: 14px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .info b{ font-size: 20px; }
    ._m .se04 .contWrap .swiper .control{ width: 70px; height: 70px; font-size: 24px; }
    ._m .se04 .contWrap{ height: 430px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .prod{ min-height: 320px; }
}

@media screen and (max-width: 500px){
    ._m .se04 h3{ font-size: 24px; }
    ._m .se04 .tabs{ flex-wrap: wrap; justify-content: space-between; max-width: 190px; }
    ._m .se04 .tabs li{ width: 32%; margin-left: 0; margin-bottom: 5px; }
    ._m .se04 .tabs li span{ font-size: 12px; margin-top: 5px; }
    ._m .se04 .contWrap{ margin-top: 30px; }
    ._m .se04 .contWrap .swiper .control{ width: 40px; height: 40px; font-size: 20px; }
    ._m .se04 .contWrap{ height: 340px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .prod{ padding: 0 30%; min-height: 280px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .info{ margin-top: 20px; }
    ._m .se04 .contWrap .swiper-slide .inn_ .info b{ font-size: 16px; }
    
}


._m .se05{ width: 100%; position: relative; overflow: hidden; height: 100vh; background-color: #fff; margin-top: -1px; }

._m .se05 em.ad{ display: block; position: absolute; left: 10px; bottom: 10px; color: #efefef; z-index: 10; }

._m .se05 .bg{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; overflow: hidden; left: 0; z-index: 0; }
._m .se05 .bg .marquee{ margin-bottom: 0; height: auto; }
._m .se05 .bg .marquee .absol .mar_ch{ padding: 0 2vw; box-sizing: border-box; }
._m .se05 .bg .marquee h4{ font-size: 10.4167vw; font-weight: 600; letter-spacing: -0.025em; color: rgba(0,0,0,0.05); font-family: 'Poppins', sans-serif; display: block; white-space: nowrap; flex-shrink: 0; }

._m .se05 .video{ width: calc(480 / 1920 * 100%); overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 30px; filter: invert(1); }
._m .se05 .video::after{ content: ''; display: block; padding-bottom: calc(640 / 480 * 100%); }
._m .se05 .video iframe{ width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background-color: #000; }
._m .se05 .video .image{ width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; background-position: center;  z-index: 0; }
._m .se05 .video .image span{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); opacity: 0; }


._m .se05 .filter{ width: calc(480 / 1920 * 100%); border-radius: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; overflow: hidden; backdrop-filter: invert(1); pointer-events: none; }
._m .se05 .filter::after{ content: ''; display: block; padding-bottom: calc(640 / 480 * 100%); }

._m .se05 .txtcon{ position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1; color: #000; pointer-events: none; }
._m .se05 .txtcon h3{ display: flex; max-width: 1540px; width: 100%; font-size: 4.1667vw; letter-spacing: -0.04em; line-height: 1.3; box-sizing: border-box; }
._m .se05 .txtcon h3 span{ display: block; }
._m .se05 .txtcon h3 .blank{ font-size: 4.1667vw; width: 5.7em; flex-shrink: 0; }

._m .se05 .txtcon h3._1{ justify-content: flex-start; }
._m .se05 .txtcon h3._2{ justify-content: flex-end; padding-right: calc(150 / 1540 * 100%); }

._m .se05 ._absol{ position: absolute; left: 9%; top: 50%; font-size: 4.1667vw;  transform: translateY(-1.3em); z-index: 5;}
._m .se05 ._absol .rel{ position: relative; height: 1.3em; line-height: 1.3; overflow: hidden; color: #175eec; font-weight: 600; text-align: right; }

@media screen and (min-width: 1921px){
    ._m .se05 ._absol{ left: 19%; }
}


@media screen and (max-width: 1800px){
    ._m .se05 .txtcon h3._1{ width: 95%; margin: 0 auto; }
    ._m .se05 ._absol{ left: 2.5%; }
}

@media screen and (max-width: 1280px){
    /* ._m .se05 .video{ max-width: 320px; } */

    ._m .se05 .txtcon h3,
    ._m .se05 ._absol,
    ._m .se05 ._absol .rel{ font-size: 5.0667vw; }
    ._m .se05 .txtcon h3 .blank{ width: 6.8em; }
    
}

@media screen and (max-width: 820px){
    ._m .se05 .video{ width: 50%; }
    ._m .se05 .video iframe{ min-height: unset; min-width: unset; height: 100vh; }
    ._m .se05 .filter{ width: 50%; }

    ._m .se05 .txtcon h3,
    ._m .se05 ._absol,
    ._m .se05 ._absol .rel{ font-size: 7.0667vw; }
    ._m .se05 .txtcon h3 .blank{ width: 9.5em; }

    ._m .se05 .txtcon h3._2{ padding-right: 2.5%; }
}


 

._m .se06{ width: 100%; overflow: hidden; position: relative; background-color: #fff; padding: 100px 0; margin-top: -1px; }
._m .se06 h2{ font-size: 80px; letter-spacing: -0.025em; font-family: 'Poppins', sans-serif; line-height: 1.3; }
._m .se06 h2 b{ font-weight: 600; }
._m .se06 .lists{ width: 100%; margin-top: 40px; display: flex; margin-left: 1px; }
._m .se06 .lists li{ position: relative; width: 25%; margin-left: -1px; transition-duration: 0.2s; overflow: hidden; }
._m .se06 .lists li > a{ display: block; width: 100%; height: 100%; box-sizing: border-box; }
._m .se06 .lists li > a .thumb{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0; transition-duration: 0.4s; transform: scale(1.05); }
._m .se06 .lists li > a .thumb::after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); }


._m .se06 .lists li > a .inn{ width: 100%; height: 100%; padding: 35px; position: relative; z-index: 1; box-sizing: border-box; }
._m .se06 .lists li > a .inn em{ font-size: 16px; font-family: 'Poppins', sans-serif; letter-spacing: -0.025em; }
._m .se06 .lists li > a .inn dl{ margin-top: 160px; }
._m .se06 .lists li > a .inn dl dt{ font-size: 26px;  letter-spacing: -0.025em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; line-height: calc(40 / 26); font-weight: 600; }
._m .se06 .lists li > a .inn dl dd{ font-size: 16px; letter-spacing: -0.025em; margin-top: 20px; line-height: calc(26 / 16); color: #444444; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; transition-duration: 0.2s; }

._m .se06 .lists li .lines{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; }
._m .se06 .lists li .lines > div{ position: absolute; background-color:#000; }
._m .se06 .lists li ._t{ width: 100%; height: 1px; left: 0; top: 0; }
._m .se06 .lists li ._r{ width: 1px; height: 100%; right: 0; top: 0; }
._m .se06 .lists li ._b{ width: 100%; height: 1px; right: 0; bottom: 0; }
._m .se06 .lists li ._l{ width: 1px; height: 100%; left: 0; bottom: 0; }

._m .se06 .more{ margin-top: 35px; display: flex; justify-content: center; }

@media screen and (min-width: 821px){
    ._m .se06 .lists li:hover{ color: #fff; }
    ._m .se06 .lists li:hover > a .thumb{ opacity: 1; transform: scale(1); }
    ._m .se06 .lists li:hover > a .inn dl dd{ color: #fff; }
}


@media screen and (max-width: 1280px){
    ._m .se06 h2{ font-size: 50px; }
    ._m .se06 .lists{ margin-top: 30px; }
    ._m .se06 .lists li > a .inn{ padding: 25px; }
    ._m .se06 .lists li > a .inn dl{ margin-top: 80px; }
    ._m .se06 .lists li > a .inn dl dt{ font-size: 20px; }
    ._m .se06 .lists li > a .inn dl dd{ margin-top: 10px; font-size: 14px; }
}

@media screen and (max-width: 820px){
    ._m .se06{ padding: 0; padding-bottom: 70px; }
    ._m .se06 h2{ font-size: 40px; }
    ._m .se06 .lists{ flex-wrap: wrap; margin-top: 15px; }
    ._m .se06 .lists li{ width: 50%; margin-top: -1px; }
    ._m .se06 .lists li > a .inn{ padding: 15px; } 
    ._m .se06 .lists li > a .inn em{ font-size: 14px; }
    ._m .se06 .lists li > a .inn dl dt{ font-size: 16px; line-height: 1.4; }
    ._m .se06 .lists li > a .inn dl dd{ font-size: 12px; line-height: 1.4; }
}

@media screen and (max-width: 500px){
    ._m .se06 h2{ font-size: 30px; }
    ._m .se06 .lists{ flex-wrap: wrap; margin-top: 10px; }
    ._m .se06 .lists li{ width: 100%; }
}