main{}

main .sec1{width: 100%;height: 100vh;background-color: #fff;position: relative;}
main .sec1 .s1_swi_group{}
main .sec1 .s1_swi{}
main .sec1 .swiper-slide{z-index: 3  !important;height: calc(100vh - 22px);}
main .sec1 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: 2s;}
main .sec1 .swiper-slide-active.swiper-slide img{transform: scale(1);}
main .sec1 .s1_sd{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 6px; height: 97px;width: 317px;position: absolute;z-index: 3;bottom: -1px;left: 50%;transform: translateX(-50%);}
main .sec1 .s1_sd_bg{position: absolute;top: 0;width: 100%;left: 0;height: 75px;}
main .sec1 .s1_sd_bg img{width: 100%;height: 100%;object-fit: contain;}
main .sec1 .s1_sd_txt_group{position: relative;z-index: 2;padding-bottom: 5px;}
main .sec1 .s1_sd_mouse{position: relative; box-sizing: border-box; width: 28px;height: 42px;border-radius: 50px;border: 2px solid #8E8E8E;}
main .sec1 .s1_sd_hweel{animation: hweel_ani 0.8s infinite ease-in-out alternate; position: absolute;top: 6px; left: 50%;height: 8px;width: 2px;background-color: #8E8E8E;border-radius: 50px;}
main .sec1 .s1_sd_txt{font-size: 16px;font-weight: 700;line-height: 1.4;color: #8E8E8E;}
main .sec1 .s1_sd_txt_group{display: flex;flex-direction: column;align-items: center;justify-content: center;}
main .sec1  .s1_swi_txt_group{width: max-content; position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%); display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
main .sec1  .s1_swi_txt_list_group{}
main .sec1  .s1_swi_txt_list{
    text-align: center; 
    transition: 1s ease; 
    color: #fff;
    opacity: 0; 
    font-size: 38px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: -0.02rem; 
    height: 61px;
    overflow: hidden;
    position: absolute;top: 0;transform: translate(-50%, 50px);white-space: nowrap;left: 50%;}
main .sec1  .s1_swi_txt_list:nth-child(1){position: relative; }
/* main .sec1  .s1_swi_txt_list:nth-child(2){position: relative; } */


main .sec1  .s1_swi_txt_list span{color: #E54361;}
main .sec1 .s1_swi_txt_list.on{
    transform: translate(-50%, 0px);
    opacity: 1;}
main .sec1  .s1_swi_txt_list:nth-child(1).on{overflow: hidden; height: 120px; }
main .sec1  .s1_swi_txt_list:nth-child(2).on{overflow: hidden; height: 120px; }
main .sec1  .s1_swi_txt_list:nth-child(2){top: -50px; }
main .sec1 .s1_nav_group{display: flex;flex-direction: column;gap: 38px;position: absolute;left: 5%;z-index: 3;top: 50%;transform: translateY(-50%);}
main .sec1 .s1_nav_list{display: flex;gap: 10px;cursor: pointer;align-items: center;}
main .sec1 .s1_nav_dot{transition: 1s;transform: scale(0.6); border-radius: 50%;width: 13px;height: 13px;background-color: #fff;}
main .sec1 .s1_nav_txt_group{opacity: 0.4;letter-spacing: -0.02rem; transition: 1s; color: #fff;line-height: 1.5; display: flex;font-size: 14px;font-weight: 700;}
main .sec1 .s1_nav_num{width: 24px;}
main .sec1 .s1_nav_list.on .s1_nav_txt_group{opacity: 1;}
main .sec1 .s1_nav_list.on .s1_nav_dot{transform: scale(1);}
main .sec1 .s1_nav_group::after{content: '';position: absolute; width: 1px;height: 174px;background-color: #fff;left: 6px;top: 8px;opacity: 0.6;}
main .sec1 .add_text{
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6; 
    letter-spacing: -0.36px;
    z-index: 99;
    width: 100%;
}
@keyframes hweel_ani {
    0%{transform: translate(-50%, -10%);}
    100%{transform: translate(-50%, 30%);}
}

main .sec2{height: 100vh;}
main .sec2 .s2_con_group{width: 100vw;display: flex;}
main .sec2 .s2_con_group>div{width: 100vw;height: 100vh;flex: 0 0 auto;}
main .sec2 .s2_con1{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 50px;}
main .sec2 .s2_con1_tit{position: relative;z-index: 3; line-height: 1.6;color: #fff; font-size: 22px;padding: 3px 15px;border-radius: 8px;background-color: #00ABC8;}
main .sec2 .s2_con1_tit span{font-weight: 700;}
main .sec2 .s2_con1_txt_group{text-align: center;line-height: 1.4;letter-spacing: -0.02rem;}
main .sec2 .s2_con1_txt1{color: #282828; font-size: 58px;font-weight: 700;}
main .sec2 .s2_con1_txt2{color: #5B5B5B;font-weight: 200;font-size: 46px;}
main .sec2 .s2_con1_txt2 span{font-weight: 700;color: #E54361;}
main .sec2 .s2_con1_txt3{
    margin-top: 20px;
    color: #757575;
    text-align: center;
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.36px;
}


main .sec2 .s2_con2{box-sizing: border-box;padding-left: 80px; background-color: #F4F4F4; display: flex;flex-direction: column;gap: 20px;justify-content: center;}
main .sec2 .s2_con2_num_group{display: flex;align-items: center;gap: 12px;}
main .sec2 .s2_con2_num{width: 50px;height: 50px;border-radius: 50%;background-color: #149DB4;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;font-weight: 700;}
main .sec2 .s2_con2_num_txt{font-size: 16px;font-weight: 700;letter-spacing: -0.02rem;line-height: 1.1;color: #8E8E8E;border-bottom: 2px solid #8e8e8e;}
main .sec2 .s2_con2_bottom{display: flex;gap: 100px;align-items: center;}
main .sec2 .s2_con2_bottom_txt_group{display: flex;flex-direction: column;gap: 50px;}
main .sec2 .s2_con2_txt{display: flex;flex-direction: column;gap: 14px;line-height: 1.5;letter-spacing: -0.02rem;}
main .sec2 .s2_con2_txt1{font-size: 34px;font-weight: 700;color: #282828;}
main .sec2 .s2_con2_txt2{color: #424242;line-height: 1.6;font-size: 22px;}
main .sec2 .s2_con2_txt2 span{color: #E54361;font-weight: 700;}
main .sec2 .s2_con1_img{margin: -100px 0;max-width: 500px;width: 90%;}
main .sec2 .s2_con2_img{max-width: 50%;}


main .sec3{position: relative;}
main .sec3 .s3_vid{aspect-ratio: 1920/920;}
main .sec3 .s3_vid video{object-fit: cover;width: 100%;height: 100%;}
main .sec3 .s3_bg{position: absolute;z-index: 2;top: 0;right: 0;left: 0;bottom: 0;}
main .sec3 .s3_bg img{width: 100%;height: 100%;object-fit: cover;}
main .sec3 .s3_txt_group{z-index: 4; color: #fff; width: 100%;position: absolute;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 80px;text-align: center;align-items: center;}
main .sec3 .s3_tit{transform: translateY(50px);opacity: 0;transition: 1s ease; }
main .sec3 .s3_tit .n_767{ display: flex;gap: 5px; align-items: center;font-size: 48px;line-height: 1.6;letter-spacing: -0.02rem;font-weight: 700;}
main .sec3 .s3_logo{}
main .sec3 .s3_txt{transform: translateY(50px);opacity: 0;transition: 1s ease; font-size: 22px;line-height: 1.6;}
main .sec3.on .s3_tit{transform: translateY(0);opacity: 1;}
main .sec3.on .s3_txt{transform: translateY(0);opacity: 1;transition-delay: 0.3s;}
main .sec3{}

main .sec4{display: flex;align-items: center; margin-top: -3px;position: relative;z-index: 2;background-color: #fff;}
main .sec4 .s4_swi_group{width: 42%;height: 100%;position: relative;}
main .sec4 .s4_swi .swiper-slide{overflow: hidden;}
main .sec4 .s4_swi .swiper-slide img{transition: 1s ease;transform: scale(1.2); height: 920px;object-fit: cover;}
main .sec4 .s4_swi .swiper-slide-active img{transform: scale(1);}
main .sec4 .s3_swi_prev,
main .sec4 .s3_swi_next{transition: 0.4s ease; cursor: pointer; top: 50%;transform: translateY(-50%);bottom: auto; position: absolute;z-index: 2;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: rgb(0, 0, 0, 0.7);}
main .sec4 .s3_swi_prev:hover,
main .sec4 .s3_swi_next:hover{filter: brightness(0.8);}
main .sec4 .s3_swi_next{right: 0;}
main .sec4 .s4_right_group{box-sizing: border-box;width: 58%; padding-left: 5%; display: flex;flex-direction: column;gap: 65px;}
main .sec4 .s4_right_top{display: flex;flex-direction: column;gap: 20px;}
main .sec4 .s4_right_top_txt_group{display: flex;gap: 26px;}
main .sec4 .s4_right_top_txt{color: #282828; font-size: 32px;line-height: 1.4;letter-spacing: -0.02rem;}
main .sec4 .s4_right_top_txt1{}
main .sec4 .s4_right_top_txt2{font-weight: 700;}
main .sec4 .s4_right_top_txt2 span{color: #E54361;}
main .sec4 .s4_right_btn{cursor: pointer;transition: 0.4s;width: max-content;}
main .sec4 .s4_right_btn:hover{filter: brightness(0.8);}
main .sec4 .s4_right_bottom{width: 721px;max-width: 95%; position: relative;}
main .sec4 .s4_nav_group{display: flex;}
main .sec4 .s4_nav_list{height: 48px;display: flex;align-items: center;justify-content: center; width: 50%;color: #fff;font-size: 20px;letter-spacing: -0.02rem;font-weight: 700;}
main .sec4 .s4_nav_list:nth-child(1){background-color: #282828;}
main .sec4 .s4_nav_list:nth-child(2){background-color: #E54361;}
main .sec4 .s4_right_img_group{position: relative;overflow: hidden;}
main .sec4 .s4_right_img_nonfilter{width: 100%;}
main .sec4 .s4_right_img_filter{max-width: 100%; position: absolute;z-index: 2;right: 0;top: 0;overflow: hidden;width: 50%;height: 100%;}
main .sec4 .s4_right_img_filter img{position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: right;}
main .sec4 .s4_drag_bar{z-index: 3;left: 50%; top: 0; position: absolute;height: 100%;width: 1px;background-color: #fff;transform: translateX(-50%);}
main .sec4 .s4_drag_cir{width: 54px;height: 54px; border-radius: 50%; cursor: grab; position: absolute;z-index: 2; transform: translate(-50%, -50%);left: 50%;top: 50%;}
main .sec4 .s4_drag_txt{white-space: nowrap; transition: 1s ease; color: #fff;font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: -0.02rem; position: absolute;left: 40px;top: 50%;transform: translateY(-50%);display: flex;gap: 6px;align-items: center;}
main .sec4 .s4_drag_txt.on{opacity: 0;pointer-events: none;}
main .sec4{}
main .sec4{}

main .sec5{background: url(/img/main/s5_bg.webp)no-repeat center /cover;}
main .sec5 .s5_con{width: 90%;max-width: 1215px;margin: 0 auto;align-items: center; display: flex;gap: 98px;padding: 140px 0;}
main .sec5 .s5_left{display: flex;flex-direction: column;gap: 90px;}
main .sec5 .s5_tit{color: #fff; font-size: 48px;font-weight: 500;line-height: 1.3;letter-spacing: -0.02rem;}
main .sec5 .s5_tit span{color: #00ABC8;font-weight: 700;}
main .sec5 .s5_left_bottom_group{display: flex;flex-direction: column;gap: 0px;}
main .sec5 .s5_left_bottom2 {position: relative;z-index: 3;}
main .sec5 .s5_left_bottom2 img{cursor: pointer;transition: 0.4s ease;}
main .sec5 .s5_left_bottom2 img:hover{filter: brightness(0.8);}
main .sec5 .s5_left_bottom1{transform: translateY(-30px); animation: floatAni 1.5s ease-in-out infinite alternate;}
main .sec5 .s5_right{position: relative;aspect-ratio: 446/654;height: max-content;}
main .sec5 .s5_right_dot_group{}
main .sec5 .s5_right_dot_group>div{position: absolute;transform: scale(0.7); animation: floatAni2 1s ease-in-out infinite alternate;}
main .sec5 .s5_right_dot_list:nth-child(1){left: 26.4%;top: 6.2%;}
main .sec5 .s5_right_dot_list:nth-child(2){left: 30.4%;top: 31.3%;}
main .sec5 .s5_right_dot_list:nth-child(3){left: 57.1%;top: 43.4%;}
main .sec5 .s5_right_dot_list:nth-child(4){left: 22.1%;top: 53.9%;}
main .sec5{}
main .sec5{}
main .sec5{}
main .sec5{}

@keyframes floatAni {
    0%{transform: translateY(-20px);}
    100%{transform: translateY(20px);}
}
@keyframes floatAni2 {
    0%{transform: scale(0.7);}
    100%{transform: scale(1);}
}

@media screen and (max-width:1350px) {
    main .sec2 .s2_con2_bottom{gap: 50px;}
}

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

    main .sec1 .s1_swi_txt_list{font-size: 20px;height: 32px;}
    main .sec1 .s1_swi_txt_list.on:nth-child(1){font-size: 20px;height: 64px;}
    main .sec1 .s1_swi_txt_list.on:nth-child(2){font-size: 20px;height: 64px;}
    main .sec1  .s1_swi_txt_list:nth-child(2){top: -25px; }
    main .sec1 .s1_swi_txt_logo{width: 160px;}
    main .sec1 .swiper-slide{height: calc(546px - 32px);}
    main .sec1 {height: 546px;}
    main .sec1 .s1_sd_txt{font-size: 12px;}
    main .sec1 .s1_sd{height: 87px;width: 151px;}
    main .sec1 .s1_sd_mouse{width: 21px;height: 32px;}
    main .sec1 .s1_sd_txt_group{gap: 5px;}
    
    
    
    main .sec2 .s2_con_group>div{height: auto;padding: 50px 0;}
    main .sec2{height: auto;}
    main .sec2 .s2_con_group{flex-direction: column;}
    main .sec2 .s2_con2_bottom{flex-direction: column;}
    
    main .sec2 .s2_con2_num_group{max-width: 350px; width: 90%;margin: 0 auto;}
    main .sec2 .s2_con2_bottom{max-width: 350px; width: 90%;margin: 0 auto;align-items: flex-start;gap: 40px;}
    main .sec2 .s2_con2_bottom_txt_group{align-items: center;}
    main .sec2 .s2_con2_img{width: 100%;max-width: unset;}
    .s2_con2_ico{width: 140px;}
    main .sec2 .s2_con2_txt{text-align: center;}
    main .sec2 .s2_con2_txt1{font-size: 24px;}
    main .sec2 .s2_con2_txt2{font-size: 18px;}
    main .sec2 .s2_con2_bottom_txt_group{margin: 0 auto;gap: 20px;}
    
    main .sec2 .s2_con1{gap: 25px;}
    .s2_con1_img{width: 90%;margin: 0 auto;max-width: 300px;}
    main .sec2 .s2_con1_tit{font-size: 16px;}
    
    main .sec2 .s2_con1_txt1{font-size: 32px;}
    main .sec2 .s2_con1_txt2{font-size: 24px;}
    
    main .sec3 .s3_txt_group{gap: 40px;}
    main .sec3 .s3_tit .n_767{font-size: 24px;}
    main .sec3 .s3_txt{font-size: 16px;}

    main .sec4 .s4_right_top_txt{font-size: 20px;}
    .s4_right_top_txt_img{width: 50px;}
    main .sec4 .s4_right_top_txt_group{gap: 20px;}
    main .sec4 .s4_right_btn{width: 160px;}
    main .sec4 .s4_right_group{gap: 50px;}
    
    main .sec4 .s4_right_bottom{width: auto;}
    main .sec4 .s4_right_img_group{width: 100%;aspect-ratio: 338/390;}
    main .sec4 .s4_right_img_nonfilter img{width: 100%;height: 100%;object-fit: cover;object-position: right;}
    main .sec4 .s4_right_img_nonfilter{height: 100%;}
    main .sec4 .s4_drag_txt{top: calc(50% + 54px);left: 20px;font-size: 14px;}
    
    main .sec5 .s5_tit{font-size: 24px;}
    main .sec5 .s5_left{gap: 30px;}
    main .sec5 .s5_left_bottom1{width: 160px;}
    main .sec5 .s5_left_bottom2{width: 211px;}
    main .sec5 .s5_con{gap: 51px;}
    
}

@media screen and (max-width:767px) {
    main .sec2 .s2_con1_txt3{
        display: none;
    }
    main .sec3 .s3_tit{width: 310px;}
    main .sec3 .s3_tit .n_767{display: none;}
    main .sec3 .s3_vid{aspect-ratio: 375/720;}
    main .sec3 .s3_txt{margin: 0 auto;font-size: 15px;}
    
    main .sec4{flex-direction: column;gap: 50px;padding-bottom: 80px;}
    main .sec4 .s4_swi_group{width: 100%;max-height: 500px;}
    main .sec4 .s4_swi .swiper-slide img{height: 500px;width: 100%;object-fit: cover;}
    main .sec4 .s3_swi_prev, main .sec4 .s3_swi_next{width: 40px;height: 40px;}
    main .sec4 .s3_swi_prev img, main .sec4 .s3_swi_next img{width: 16px;height: 16px;}
    main .sec4 .s4_right_top_txt_group{flex-direction: column;align-items: center;}
    main .sec4 .s4_right_group{padding-left: 0;width: 100%;align-items: center;}
    main .sec4 .s4_right_top{align-items: center;text-align: center;}
    main .sec4 .s4_right_bottom{width: 90%;max-width: 500px;}
    main .sec4 .s4_nav_list{height: 40px;font-size: 18px;}
    main .sec4 .s4_drag_txt{left: 0;}

    main .sec5 .s5_con{flex-direction: column;padding: 60px 0;}
    main .sec5 .s5_left{align-items: center;text-align: center;}
    main .sec5 .s5_left_bottom_group{align-items: center;}
    
}

@media screen and (max-width:600px) {
    main .sec1 .s1_nav_group{display: none;}
    
}


main{}
main{}
main{}
main{}
main{}
main{}