/* main */
.sec3_cont{ position: relative;display: flex;flex-direction: column;align-items: center; gap: 50px;}
.popup_btn{width: 105px;height: 60px;border: 1px solid #000;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;}

section{height: 100vh;position: relative;}
.main_cont{width: 100%;height: 100%;max-width: 1440px;margin: 0 auto;}
.md{font-weight: 500;}



.s1_cont{display: flex;}
.s1_cont>div{width: 50%;}

.s1_left{display: flex;align-items: center;}
.s1_left_txt{font-size: 48px;line-height: 65px;font-weight: 200;position: relative;}
.s1_left_txt::after{content: '';position: absolute;top: -20px;left: -7px;width: 85px;height: 1px;background-color: #ff0066;}

.sec1.active .s1_t1,.sec1.active  .s1_t2{display: block; opacity: 0;transform: translateY(20px);transition: 0.4s;}
.sec1.active .s1_t1{animation: s1_first 0.6s ease-out 1 forwards;}
.sec1.active .s1_t2{animation: s1_first 0.6s ease-out 0.4s 1  forwards;}
@keyframes s1_first {
    0%{opacity: 0;transform: translateY(20px);}
    100%{transform: translateY(0);opacity: 1;}
}

/* .sec1.active .s1_t1{opacity: 1;transform: translateY(0);transition-delay: 0.6s;} */
/* .sec1.active .s1_t2{transition-delay: 0.8s;transform: translateY(0);opacity: 1;} */
.sec1.active{}

.s1_right{}
.s1_swi_con{width: max-content;margin: 0 auto; box-sizing: border-box; height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 63px;}
.s1_swi_tit_group{font-size: 95px;font-family: 'GmarketSans', sans-serif; text-transform: uppercase;}
.s1_swi_tit1{position: relative;width: max-content;}
.s1_swi_tit1_wrap{color: #000;position: relative;z-index: 2;transition: 0.8s;}
.s1_swi_tit1_wrap_bg{position: absolute;width: 0;transition: 0.8s; height: calc(100% + 10px);background-color: #FF0266;top: -5px;left: -7.5px;}
.s1_right_swi{height: 100%;}
.s1_right_swi .swiper-slide{height: 100%;}
.s1_swi_tit3,.s1_swi_tit4{color: #FF0266;}

.tfani{transform: translateY(20px);opacity: 0;transition: 0.8s;}

.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active{}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_tit1_wrap{color: #fff;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_tit1_wrap_bg{width: calc(100% + 20px);}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .tfani{transform: translateY(0);opacity: 1;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_tit2{transition-delay: 0.4s;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_tit3{transition-delay: 0.6s;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_tit4{transition-delay: 0.8s;}

.s1_swi_s1_btn_group{display: flex;gap: 55px;}
.s1_swi_s1_btn{cursor: pointer; display: flex;gap: 8px;align-items: center;overflow: hidden;height: 24px; font-size: 18px;font-family: 'GmarketSans', sans-serif;}
.s1_swi_s1_btn_txt{transition: 0.4s; display: flex;flex-direction: column;height: 24px;}
.s1_swi_s1_btn_txt>div{height: 24px;display: flex;align-items: center;flex: 0 0 auto;}

.s1_swi_s1_btn:hover .s1_swi_s1_btn_txt{transform: translateY(-24px);}
.s1_btn_hover{color: #FF0266;}

.s1_swi_s1_btn_img{position: relative;}
.s1_swi_s1_btn_img>img{position: relative;z-index: 1;}
.s1_swi_s1_btn_img_hover{position: absolute;top: 0;left: 0;transition: 0.4s; opacity: 0;z-index: 2;}

.s1_swi_s1_btn:hover .s1_swi_s1_btn_img_hover{opacity: 1;}

.s1_swi_s1_btn{transition: 0.8s;transform: translateY(20px);opacity: 0;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_s1_btn{transform: translateY(0);opacity: 1;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_s1_btn:nth-child(2){transition-delay: 0.2s;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_s1_btn:nth-child(3){transition-delay: 0.4s;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .s1_swi_s1_btn:nth-child(4){transition-delay: 0.6s;}


.fixed_line{height: 100%;width: 1px;background-color: #EEEEEE;position: fixed;top: 0;}
.fixed_line1{left: 50%;transform: translateX(-50%);}
.fixed_line2{}

.swi1_s2_cont{background-color: #fff;height: 100%;width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.swi1_s2_cont_group{width: max-content;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: 30px;}
.swi1_s2_btn{ position: relative;  display: flex;gap: 30px;align-items: center;cursor: pointer;padding: 0 15px;}
.swi1_s2_btn_img{max-width: 414px;position: relative;z-index: 2;}
.swi1_s2_btn_arr{position: relative;}
.swi1_s2_btn_arr>img{position: relative;z-index: 1;}
.swi1_s2_btn_arr_hover{position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;transition: 0.4s;}
.swi1_s2_btn_bg{background: linear-gradient(45deg,  #d6d6d6, #fff); position: absolute;top: 0;left: 0;width: 100%;height: 100%; transform: scaleX(0);transform-origin: bottom right; transition: transform 0.4s ease-out;}

.swi1_s2_btn:hover .swi1_s2_btn_arr_hover{opacity: 1;}
.swi1_s2_btn:hover .swi1_s2_btn_bg{transform: scaleX(1); transform-origin: bottom left; }

.swi1_s2_btn{transition: 0.8s;transform: translateY(20px);opacity: 0;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .swi1_s2_btn{transform: translateY(0);opacity: 1;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .swi1_s2_btn:nth-child(1){}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .swi1_s2_btn:nth-child(2){transition-delay: 0.2s;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .swi1_s2_btn:nth-child(3){transition-delay: 0.4s;}
.sec1.active .s1_right_swi .swiper-slide.swiper-slide-active .swi1_s2_btn:nth-child(4){transition-delay: 0.6s;}




.sec_bg_vid{position: absolute;z-index: 0;top: 0;right: 0;left: 0;bottom: 0;}
.sec_bg_vid img{height: 100%;object-fit: cover;width: 100%;}
.sec_bg_vid video{height: 100%;object-fit: cover;}
.sec_filter{position: absolute;top: 0;z-index: 1; right: 0;left: 0;bottom: 0;background-color: #000000;opacity: 0.4;}
.section_cont{position: relative;z-index: 2;display: flex;width: 100%;height: 100%;}

.section_cont>div{width: 50%;display: flex;}

.sec_left{}
.sec_left_txt{color: #fff;font-size: 84px;line-height: 94px;font-weight: 100;}

.s2_txt2,.s2_txt1{transform: translateY(40px);opacity: 0;transition: 0.6s;}
.sec2.active .s2_txt1,.sec2.active  .s2_txt2{opacity: 1;transform: translateY(0);}
.sec2.active .s2_txt1{transition-delay: 0.4s;}
.sec2.active .s2_txt2{transition-delay: 0.6s;}


.sec2_con .sec_left{padding-top: 302px;}

.section_cont>div.sec_right{display: flex;justify-content: center;flex-direction: column;width: max-content;margin: 0 auto;}
.sec_right_txt{margin-bottom: 27px;position: relative;width: max-content;}
.sec_right_txt_wrap{letter-spacing: -4px; font-size: 89px;font-family: 'GmarketSans', sans-serif; color: #ccc;position: relative;z-index: 2;transition: 0.8s;font-weight: 800;}
.sec_right_txt_wrap_bg{position: absolute;width: 0;transition: 0.8s; height: calc(100% + 10px);top: -9px;left: -7.5px;}

.sec_right_txt_wrap.long_txt{font-size: 70px;}

.sec2_right_txt .sec_right_txt_wrap_bg{background-color: #FF0266;}

.sec_right_hash_group{color: #fff;font-weight: 600;font-size: 35px;line-height: 55px;}
.sec_right_hash{transform: translateY(40px);opacity: 0;transition: 0.8s;}
.sec2.active .sec2_con .sec_right_hash{transform: translateY(0);opacity: 1;}
.sec2.active .sec2_con .sec_right_hash:nth-child(1){transition-delay: 0.4s;}
.sec2.active .sec2_con .sec_right_hash:nth-child(2){transition-delay: 0.6s;}
.sec2.active .sec2_con .sec_right_hash:nth-child(3){transition-delay: 0.8s;}

.sec_right_more_btn{transition: 0.8s;transform: translateY(40px);opacity: 0; position: relative;overflow: hidden; gap: 10px; margin-top: 72px;cursor: pointer;background-color: #fff;border-radius: 50px;display: flex;align-items: center;justify-content: center;width: 112px;height: 43px;box-sizing: border-box;}
.sec2.active .sec2_right_more_btn{transition-delay: 1s;transform: translateY(0);opacity: 1;}
.sec_right_more_btn_txt{transition: 0.4s; position: relative;z-index: 2; color: #000;font-family: 'GmarketSans', sans-serif;font-size: 13px;}
.sec_right_more_btn_arr{ transition: 0.4s; position: relative;z-index: 2; display: flex;align-items: center;justify-content: center;}
.sec_right_more_btn_bg{transition: 0.4s; position: absolute;z-index: 0;left: 0;top: 0;width: 0;height: 100%;}

.sec2_right_more_btn .sec_right_more_btn_bg{background-color: #FF0266;}

.sec_right_more_btn:hover .sec_right_more_btn_bg{width: 100%;}

.sec2_right_more_btn:hover .sec_right_more_btn_txt{color: #fff;}
.sec2_right_more_btn:hover .sec_right_more_btn_arr{filter: invert(1);}

.sec2.active .sec2_right_txt .sec_right_txt_wrap{color: #fff;}
.sec2.active .sec2_right_txt .sec_right_txt_wrap_bg{width: calc(100% + 20px);}




.sec3_con .sec_left{padding-top: 290px;}

.s3_txt2,.s3_txt1,.s3_txt3{transform: translateY(40px);opacity: 0;transition: 0.6s;}
.sec3.active .s3_txt1,.sec3.active  .s3_txt2,.sec3.active  .s3_txt3{opacity: 1;transform: translateY(0);}
.sec3.active .s3_txt1{transition-delay: 0.4s;}
.sec3.active .s3_txt2{transition-delay: 0.6s;}
.sec3.active .s3_txt3{transition-delay: 0.8s;}


.sec3.active .sec3_right_more_btn{transition-delay: 1s;transform: translateY(0);opacity: 1;}
.sec3_right_more_btn .sec_right_more_btn_bg{background-color: #C8FF00;}

.sec3.active .sec3_con .sec_right_hash{transform: translateY(0);opacity: 1;}
.sec3.active .sec3_con .sec_right_hash:nth-child(1){transition-delay: 0.4s;}
.sec3.active .sec3_con .sec_right_hash:nth-child(2){transition-delay: 0.6s;}
.sec3.active .sec3_con .sec_right_hash:nth-child(3){transition-delay: 0.8s;}


.sec3.active .sec3_right_txt .sec_right_txt_wrap{color: #000;}
.sec3.active .sec3_right_txt .sec_right_txt_wrap_bg{width: calc(100% + 20px);}
.sec3_right_txt .sec_right_txt_wrap_bg{background-color: #C8FF00;}
.sec3_right_more_btn:hover .sec_right_more_btn_txt{}
.sec3_right_more_btn:hover .sec_right_more_btn_arr{}




.sec4_con .sec_left{padding-top: 290px;}

.s4_txt2,.s4_txt1,.s4_txt3{transform: translateY(40px);opacity: 0;transition: 0.6s;}
.sec4.active .s4_txt1,.sec4.active  .s4_txt2,.sec4.active  .s4_txt3{opacity: 1;transform: translateY(0);}
.sec4.active .s4_txt1{transition-delay: 0.4s;}
.sec4.active .s4_txt2{transition-delay: 0.6s;}
.sec4.active .s4_txt3{transition-delay: 0.8s;}


.sec4.active .sec4_right_more_btn{transition-delay: 1s;transform: translateY(0);opacity: 1;}
.sec4_right_more_btn .sec_right_more_btn_bg{background-color: #C8FF00;}

.sec4.active .sec4_con .sec_right_hash{transform: translateY(0);opacity: 1;}
.sec4.active .sec4_con .sec_right_hash:nth-child(1){transition-delay: 0.4s;}
.sec4.active .sec4_con .sec_right_hash:nth-child(2){transition-delay: 0.6s;}
.sec4.active .sec4_con .sec_right_hash:nth-child(3){transition-delay: 0.8s;}


.sec4.active .sec4_right_txt .sec_right_txt_wrap{color: #000;}
.sec4.active .sec4_right_txt .sec_right_txt_wrap_bg{width: calc(100% + 20px);}
.sec4_right_txt .sec_right_txt_wrap_bg{background-color: #C8FF00;}
.sec4_right_more_btn:hover .sec_right_more_btn_txt{}
.sec4_right_more_btn:hover .sec_right_more_btn_arr{}




.sec5_con .sec_left{padding-top: 302px;}

.s5_txt2,.s5_txt1,.s5_txt3{transform: translateY(40px);opacity: 0;transition: 0.6s;}
.sec5.active .s5_txt1,.sec5.active  .s5_txt2,.sec5.active  .s5_txt3{opacity: 1;transform: translateY(0);}
.sec5.active .s5_txt1{transition-delay: 0.4s;}
.sec5.active .s5_txt2{transition-delay: 0.6s;}
.sec5.active .s5_txt3{transition-delay: 0.8s;}


.sec5.active .sec5_right_more_btn{transition-delay: 1s;transform: translateY(0);opacity: 1;}
.sec5_right_more_btn .sec_right_more_btn_bg{background-color: #000;}

.sec5.active .sec5_con .sec_right_hash{transform: translateY(0);opacity: 1;}
.sec5.active .sec5_con .sec_right_hash:nth-child(1){transition-delay: 0.4s;}
.sec5.active .sec5_con .sec_right_hash:nth-child(2){transition-delay: 0.6s;}
.sec5.active .sec5_con .sec_right_hash:nth-child(3){transition-delay: 0.8s;}


.sec5.active .sec5_right_txt .sec_right_txt_wrap{color: #000;}
.sec5.active .sec5_right_txt .sec_right_txt_wrap_bg{width: calc(100% + 20px);}
.sec5_right_txt .sec_right_txt_wrap_bg{background-color: #fff;}
.sec5_right_more_btn:hover .sec_right_more_btn_txt{color: #fff;}
.sec5_right_more_btn:hover .sec_right_more_btn_arr{filter: invert(1);}






.sec6_con .sec_left{padding-top: 290px;}

.s6_txt2,.s6_txt1,.s6_txt3{transform: translateY(40px);opacity: 0;transition: 0.6s;}
.sec6.active .s6_txt1,.sec6.active  .s6_txt2,.sec6.active  .s6_txt3{opacity: 1;transform: translateY(0);}
.sec6.active .s6_txt1{transition-delay: 0.4s;}
.sec6.active .s6_txt2{transition-delay: 0.6s;}
.sec6.active .s6_txt3{transition-delay: 0.8s;}


.sec6.active .sec6_con .sec_right_hash{transform: translateY(0);opacity: 1;}
.sec6.active .sec6_con .sec_right_hash:nth-child(1){transition-delay: 0.4s;}
.sec6.active .sec6_con .sec_right_hash:nth-child(2){transition-delay: 0.6s;}
.sec6.active .sec6_con .sec_right_hash:nth-child(3){transition-delay: 0.8s;}


.sec6.active .sec6_right_txt .sec_right_txt_wrap{color: #fff;}
.sec6.active .sec6_right_txt .sec_right_txt_wrap_bg{width: calc(100% + 20px);}
.sec6_right_txt .sec_right_txt_wrap_bg{background-color: #E13743;}


.sec6.active .sec6_right_more_btn{transition-delay: 1s;transform: translateY(0);opacity: 1;}
.sec6_right_more_btn .sec_right_more_btn_bg{background-color: #E13743;}
.sec6_right_more_btn:hover .sec_right_more_btn_txt{color: #fff;}
.sec6_right_more_btn:hover .sec_right_more_btn_arr{filter: invert(1);}

section.main_footer{height: 240px;}










/* popup */
/* 공통 */
.main_popup{overflow: hidden; background-color: #fff; position: fixed;left: 100%;width: 100%;height: 100%;top: 0;transition: 0.6s;}
html.popup_open .mouse{opacity: 0;transition: 0.4s;transition-delay: 0; z-index: -1;}
html.popup_open .you_btn{margin-right: 70px;}
html.popup_open .sub_mb_ham_group{margin-right: 40px;}
.html.popup_open .popup_close{}
.popup_close{transition: 0.6s; width: 50px;height: 50px; position: fixed;z-index: 999999999; top: 19px;right: -100px;cursor: pointer;border-radius: 50%;}
.popup_close:hover{filter: invert(1);transform: rotate(90deg);}

.main_pop_swi_group{width: 780px;margin: 0 auto;height: 100%;box-sizing: border-box;}
.main_pop_swi_group>.swiper{overflow: visible;}
.main_pop_swi_group .swiper-slide{width: max-content;}

.sli_con{width: max-content;margin: 0 auto;padding: 0 100px;}
.sli1_txt_group{font-size: 84px;font-weight: 100;line-height: 94px;margin-top: 12px;}
.sli1_wrap_txt_group{width: max-content;position: relative; margin-top: 30px; font-size: 51px;font-family: 'GmarketSans', sans-serif;}
.sli1_wrap_txt{letter-spacing: -4px; font-size: 89px;font-family: 'GmarketSans', sans-serif;font-weight: 900; position: relative;z-index: 2;transition: 0.8s 0.4s;}
.sli1_wrap_txt.long_txt{font-size: 70px;}
.sli1_wrap_bg{position: absolute;width: 0;transition: 0.8s 0.4s; height: calc(100% + 10px);top: -10px;left: -7.5px;}
html.popup_open .swiper-slide.swiper-slide-active .sli1_wrap_bg{width: calc(100% + 20px);}

.sli1_hash{font-size: 30px;font-weight: 600;line-height: 60px;}

.sli1_logo{width: 80px;}

.sli1_btn{transition: 0.4s; position: relative;overflow: hidden; gap: 10px; margin-top: 33px;cursor: pointer;background-color: #000;border-radius: 50px;display: flex;align-items: center;justify-content: center;width: 112px;height: 43px;box-sizing: border-box;}
.sli1_btn_txt{transition: 0.4s; position: relative;z-index: 2; color: #fff;font-weight: 500; font-size: 16px;}
.sli1_btn_arr{ transition: 0.4s; position: relative;z-index: 2; display: flex;align-items: center;justify-content: center;}
.sli1_btn_bg{transition: 0.4s; position: absolute;z-index: 0;left: 0;top: 0;width: 0;height: 100%;}

.sli1_btn .sli1_btn_bg{background-color: #ffffff;}

.sli1_btn:hover{box-shadow: 0 0 15px #0000003b;}
.sli1_btn:hover .sli1_btn_bg{width: 100%;}
.sli1_btn:hover .sli1_btn_txt{color: #000;}
.sli1_btn:hover .sli1_btn_arr{filter: invert(1);}

.popup_slide_scbar_group{position: relative; margin-top: 70px;width: 100%;height: 2px;background-color: #E2E2E2;}
.sli_bar{border-radius: 50px; position: absolute;z-index: 3; left: 0;transition: 0.6s;height: 3px;top: -0.5px;}
.sli_bar_arr_line{position: absolute;right: -4px;bottom: 10px;height: 2px;transform: rotate(45deg);width: 30px;background-color: #E2E2E2;}
.popup_slide_list_group{width: 100%;display: flex;margin-top: 25px;}
.popup_slide_list{cursor: pointer; display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 500;color: #9F9F9F;transition: 0.4s;}

.sli_com_num_group{font-size: 15px;font-family: 'GmarketSans', sans-serif; font-size: 15px;}

.sli_com_txt_group{height: 85px; font-size: 30px;font-weight: 500;line-height: 40px;margin-top: 9px;}
.sli_com_txt_group>div{display: flex;gap: 5px;}
.sli_com_wrap_group{width: max-content;position: relative;}
.sli_com_wrap{ letter-spacing: 0px; font-weight: 600; position: relative;z-index: 2;transition: 0.8s 0.4s;}
.sli_com_wrap_bg{position: absolute;width: 0;transition: 0.8s 0.4s; height: calc(100% + 5px);top: -2px;left: -3px;}
html.popup_open .swiper-slide.swiper-slide-active .sli_com_wrap_bg{width: calc(100% + 8px);}
.sli_com_img{margin-top: 28px;overflow: hidden;width: 670px;aspect-ratio: 335/188;}
.sli_com_img img{display: block;transform: scale(1.2);transition: 1.2s;}
.sli_com_img video{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);transition: 1.2s;}
html.popup_open .swiper-slide.swiper-slide-active .sli_com_img img{transform: scale(1);}
html.popup_open .swiper-slide.swiper-slide-active .sli_com_img video{transform: scale(1);}
.com_wrap_group{width: max-content;margin: 0 auto;padding: 0 100px;}
.more_youtube{margin-top: 45px; display: flex;justify-content: center;gap: 80px;align-items: center;}
.more_youtube1{font-size: 18px;font-weight: 500;}
.more_youtube2{cursor: pointer;transition: 0.4s;width: 148px;height: 44px;border-radius: 50px;border: 1px solid #000;display: flex;align-items: center;justify-content: center;font-size: 20px;}

.more_youtube2:hover{filter:brightness(0.7)}

.slide_more_con{padding: 30px 100px 0;display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;}
.slide_more_txt1{width: max-content;position: relative;}
.slide_more_txt1_wrap{ letter-spacing: 0px;font-family: 'GmarketSans', sans-serif;font-weight: 900; position: relative;z-index: 2;transition: 0.8s 0.4s;font-size: 51px;}
.slide_more_txt1_wrap_bg{position: absolute;width: 0;transition: 0.8s 0.4s; height: calc(100% + 10px);top: -10px;left: -10px;}
html.popup_open .swiper-slide.swiper-slide-active .slide_more_txt1_wrap_bg{width: calc(100% + 20px);}

.slide_more_txt_group{display: flex;flex-direction: column;gap: 20px;align-items: center;}
.slide_more_txt2{text-align: center;font-size: 30px;line-height: 40px;}
.slide_more_logo{display: flex;align-items: center;justify-content: center;}
.slide_more_logo img{transform: scale(0.8);transition: 1.2s;}
html.popup_open .swiper-slide.swiper-slide-active .slide_more_logo img{transform: scale(1.2);}

.slide_more_btn_group{display: flex;justify-content: center;gap: 136px;}
.slide_more_btn{cursor: pointer; display: flex;flex-direction: column;align-items: center; font-size: 16px;font-weight: 500;gap: 17px;}
.slide_more_btn_img{transition: 0.4s;width: 75px;height: 75px;}
.slide_more_btn:hover .slide_more_btn_img{filter: brightness(0.7);}



/* 팝업1 */
html.pop1 .popup1_img{opacity: 1;}
html.pop1 .common{opacity: 0;}

html.pop1 .popup_close1{right: 40px;}
html.pop1 .main_popup1{left: 0;}
.main_popup1 .main_pop_swi_group{padding-top: 160px;}

.main_popup1 .sli1_wrap_txt{color: #000;}
html.popup_open .main_popup1 .swiper-slide.swiper-slide-active .sli1_wrap_txt{color: #fff;}
.main_popup1 .sli1_wrap_bg{background-color: #FF0266;}

.main_popup1 .sli_com_num_group{color: #ff0266;}
.main_popup1 .sli_com_wrap_bg{background-color: #FF0266;}
.main_popup1 .sli_com_wrap{color: #000;}
html.pop1 .swiper-slide.swiper-slide-active .sli_com_wrap_bg{color: #FF0266;}
html.pop1 .swiper-slide.swiper-slide-active .sli_com_wrap{color: #fff;}

.sli_bar1{background-color: #FF0266;width: calc(100% / 7);}
.main_popup1 .popup_slide_list{width: calc(100% / 7);}
.main_popup1 .sli5_img{margin-top: 50px;}
.main_popup1 .sli_fd{display: flex;flex-direction: column;width: max-content;margin: 0 auto;}

.main_popup1 .slide_more_txt1_wrap_bg{background-color: #FF0266;}
.main_popup1 .slide_more_txt1_wrap{color: #000;}
html.pop1 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap_bg{color: #FF0266;}
html.pop1 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap{color: #fff;}
.slide_more_logo{margin: 0 auto; margin: 73px 0 130px;max-width: 170px;}

.main_popup1 .sli1_hash{color: #FF0266;}
.main_popup1 .popup_slide_list.on, .main_popup1 .popup_slide_list:hover{color: #FF0266;}

.main_popup1{}
.main_popup1{}






/* 팝업2 */
html.pop2 .popup_close2{right: 40px;}
html.pop2 .main_popup2{left: 0;}

.main_popup2 .main_pop_swi_group{padding-top: 160px;}

.main_popup2 .sli1_wrap_txt{color: #000;}
html.popup_open .main_popup2 .swiper-slide.swiper-slide-active .sli1_wrap_txt{color: #000;}
.main_popup2 .sli1_wrap_bg{background-color: #C8FF00;}

.main_popup2 .sli_com_num_group{color: #C8FF00;}
.main_popup2 .sli_com_wrap_bg{background-color: #C8FF00;}
.main_popup2 .sli_com_wrap{color: #000;}
html.pop2 .swiper-slide.swiper-slide-active .sli_com_wrap_bg{color: #C8FF00;}
html.pop2 .swiper-slide.swiper-slide-active .sli_com_wrap{color: #000;}

.sli_bar2{background-color: #C8FF00;width: calc(100% / 8);}
.main_popup2 .popup_slide_list{width: calc(100% / 8);}
.main_popup2 .sli5_img{margin-top: 89px;}
/* .main_popup2 .sli_fd{display: flex;flex-direction: column;width: max-content;margin: 0 auto;} */

.main_popup2 .slide_more_txt1_wrap_bg{background-color: #C8FF00;}
.main_popup2 .slide_more_txt1_wrap{color: #000;}
html.pop2 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap_bg{color: #C8FF00;}
html.pop2 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap{color: #000;}
/* .main_popup2 .slide_more_logo{margin: 46px 0 77px;} */

.main_popup2 .sli1_hash{color: #C8FF00;}
.main_popup2 .popup_slide_list.on, .main_popup2 .popup_slide_list:hover{color: #C8FF00;}


/* 팝업3 */

html.pop3 .popup_close3{right: 40px;}
html.pop3 .main_popup3{left: 0;}

.main_popup3 .main_pop_swi_group{padding-top: 160px;}

.main_popup3 .sli1_wrap_txt{color: #000;}
html.popup_open .main_popup3 .swiper-slide.swiper-slide-active .sli1_wrap_txt{color: #000;}
.main_popup3 .sli1_wrap_bg{background-color: #C8FF00;}

.main_popup3 .sli_com_num_group{color: #C8FF00;}
.main_popup3 .sli_com_wrap_bg{background-color: #C8FF00;}
.main_popup3 .sli_com_wrap{color: #000;}
html.pop3 .swiper-slide.swiper-slide-active .sli_com_wrap_bg{color: #C8FF00;}
html.pop3 .swiper-slide.swiper-slide-active .sli_com_wrap{color: #000;}

.sli_bar3 {background-color: #C8FF00;width: calc(100% / 8);}
.main_popup3 .popup_slide_list{width: calc(100% / 8);}
.main_popup3 .sli5_img{margin-top: 89px;}
/* .main_popup3 .sli_fd{display: flex;flex-direction: column;width: max-content;margin: 0 auto;} */

.main_popup3 .slide_more_txt1_wrap_bg{background-color: #C8FF00;}
.main_popup3 .slide_more_txt1_wrap{color: #000;}
html.pop3 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap_bg{color: #C8FF00;}
html.pop3 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap{color: #000;}
/* .main_popup3 .slide_more_logo{margin: 46px 0 77px;} */

.main_popup3 .sli1_hash{color: #C8FF00;}
.main_popup3 .popup_slide_list.on, .main_popup3 .popup_slide_list:hover{color: #C8FF00;}




/* 팝업4 */
html.pop4 .popup3_img{opacity: 1;}
html.pop4 .common{opacity: 0;}
html.pop4 .popup_close4{right: 40px;}
html.pop4 .main_popup4{left: 0;}

.main_popup4 .main_pop_swi_group{padding-top: 130px;}

.main_popup4 .sli1_wrap_txt{color: #000;}
html.popup_open .main_popup4 .swiper-slide.swiper-slide-active .sli1_wrap_txt{color: #fff;}
.main_popup4 .sli1_wrap_bg{background-color: #000;}

.main_popup4 .sli_com_num_group{color: #000;}
.main_popup4 .sli_com_wrap_bg{background-color: #000;}
.main_popup4 .sli_com_wrap{color: #000;}
html.pop4 .swiper-slide.swiper-slide-active .sli_com_wrap_bg{color: #000;}
html.pop4 .swiper-slide.swiper-slide-active .sli_com_wrap{color: #fff;}

.sli_bar4 {background-color: #000;width: calc(100% / 7);}
.main_popup4 .popup_slide_list{width: calc(100% / 7);}
.main_popup4 .sli5_img{margin-top: 89px;}
/* .main_popup4 .sli_fd{display: flex;flex-direction: column;width: max-content;margin: 0 auto;} */

.main_popup4 .slide_more_txt1_wrap_bg{background-color: #000;}
.main_popup4 .slide_more_txt1_wrap{color: #000;}
html.pop4 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap_bg{color: #000;}
html.pop4 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap{color: #fff;}
/* .main_popup4 .slide_more_logo{margin: 46px 0 77px;} */

.main_popup4 .sli1_hash{color: #000;}
.main_popup4 .popup_slide_list.on, .main_popup4 .popup_slide_list:hover{color: #000;}





/* 팝업5 */
html.pop5 .popup_close5{right: 40px;}
html.pop5 .main_popup5{left: 0;}



.main_popup5 .main_pop_swi_group{padding-top: 130px;}

.main_popup5 .sli1_wrap_txt{color: #000;}
html.popup_open .main_popup5 .swiper-slide.swiper-slide-active .sli1_wrap_txt{color: #fff;}
.main_popup5 .sli1_wrap_bg{background-color: #E13743;}

.main_popup5 .sli_com_num_group{color: #E13743;}
.main_popup5 .sli_com_wrap_bg{background-color: #E13743;}
.main_popup5 .sli_com_wrap{color: #000;}
html.pop5 .swiper-slide.swiper-slide-active .sli_com_wrap_bg{color: #000;}
html.pop5 .swiper-slide.swiper-slide-active .sli_com_wrap{color: #fff;}

.sli_bar5 {background-color: #E13743;width: calc(100% / 7);}
.main_popup5 .popup_slide_list{width: calc(100% / 7);}
.main_popup5 .sli5_img{margin-top: 89px;}
/* .main_popup5 .sli_fd{display: flex;flex-direction: column;width: max-content;margin: 0 auto;} */

.main_popup5 .slide_more_txt1_wrap_bg{background-color: #E13743;}
.main_popup5 .slide_more_txt1_wrap{color: #000;}
html.pop5 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap_bg{color: #E13743;}
html.pop5 .swiper-slide.swiper-slide-active .slide_more_txt1_wrap{color: #fff;}
/* .main_popup5 .slide_more_logo{margin: 46px 0 77px;} */

.main_popup5 .sli1_hash{color: #E13743;}
.main_popup5 .popup_slide_list.on, .main_popup5 .popup_slide_list:hover{color: #E13743;}








/* 메인 태블릿 모바일 */

@media screen and (max-width:1440px) {
    .main_cont{max-width: 1025px;}
    .sec_left_txt{font-size: 51px;line-height: 1.5;}
    .sec_right_txt_wrap{font-size: 52px;}
    .sec_right_txt_wrap.long_txt{font-size: 35px;}
    .s1_swi_tit_group{font-size: 65px;}
    
    .s1_swi_s1_btn_group{gap: 25px;}
    /* .s1_right_swi{overflow: hidden;} */
}


.s1_mb{display: none;}


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

    .s1_swi_tit1_wrap_bg{top: -8px;}
    .sec_right_txt_wrap_bg{top: -8px;}

    .main_cont{max-width: 700px;}
    .s1_left_txt{font-size: 30px;line-height: 1.5;}
    .swi1_s2_btn_img{max-width: 190px;}
    .swi1_s2_btn{padding: 0;gap: 0px;}


    .s1_cont>div{width: 100%;}
    .s1_left{padding-top: 130px;}
    .s1_right{padding-top: 27px;}
    .s1_cont{flex-direction: column;width: 90%;}
    .s1_swi_con{margin: unset;max-width: 500px;gap: 25px;}
    .s1_swi_tit_group{font-size: 42px;}

    .swi1_s2_cont{margin: unset;justify-content: flex-start;}
    .swi1_s2_cont_group{margin: unset;padding-top: 50px; max-width: 400px;width: 100%;align-items: flex-start;}
    .s1_swi_s1_btn_group{flex-direction: column;}
    .s1_swi_s1_btn{font-size: 15px;}
    .swi1_s2_btn_bg{width: calc(100% + 15px);}

    .s1_pc{display: none;}
    .s1_mb{display: block;}

    .s1_left_txt::after{top: -11px;left: 0;}

    
}

@media screen and (min-width:768px) and (max-height:820px) {
    .main_pop_swi_group{transform: scale(0.8);transform-origin: top;}
    
}

.popup_mb{display: none;}

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

    .section_cont{flex-direction: column;max-width: 80%;margin: 0 auto;}
    .section_cont>div{width: 100%;}
    .sec2_con .sec_left{padding-top: 100px;}
    .section_cont>div.sec_right{margin: unset;padding-top: 91px;}
    .sec_left_txt{font-size: 40px;line-height: 51px;height: 161px;}
    .sec_right_hash_group{font-size: 20px;line-height: 31px;}
    .sec_right_more_btn{margin-top: 26px;}
    .sec_right_more_btn_bg{transition-delay: 0.2s;}
    .sec_right_more_btn:hover .sec_right_more_btn_bg{transition-delay: 0s;}

    .sec_right_more_btn_txt{transition-delay: 0.2s;}
    .sec2_right_more_btn:hover .sec_right_more_btn_txt{transition-delay: 0s;}

    .sec_right_more_btn_arr{transition-delay: 0.2s;}
    .sec2_right_more_btn:hover .sec_right_more_btn_arr{transition-delay: 0s;}
    
    .sec3_con .sec_left{padding-top: 100px;}
    .sec4_con .sec_left{padding-top: 100px;}
    .sec5_con .sec_left{padding-top: 100px;}
    .sec6_con .sec_left{padding-top: 100px;}

    html.popup_open .you_btn{margin-right: 43px;}
    html.popup_open .ham_btn{opacity: 0;}
    .popup_close{width: 33px;height: 33px;top: 14px;}

    html.pop1 .popup_close1{right: 15px;}
    html.pop2 .popup_close2{right: 15px;}
    html.pop3 .popup_close3{right: 15px;}
    html.pop4 .popup_close4{right: 15px;}
    html.pop5 .popup_close5{right: 15px;}

    .main_pop_swi_group{display: none;}
    
    
    /* 팝업 모바일 */
    
        /* 공통 */
        .popup_mb{overflow: hidden;display: block;width: 100%;}
        .popup_mb_wrap_bx{height: 100vh;overflow-y: auto;width: 100%;overflow-x: hidden;}
        .popup_mb_cont_bx{height: max-content;}
        .m_popup_s1{max-width: 80%;margin: 0 auto;}

        .m_s1_logo{margin-bottom: 22px;max-width: 100px;}

        .m_s1_txt1{font-size: 46px;font-weight: 100;line-height: 52px;}
        .m_s1_txt2{width: max-content;margin-left: 10px; position: relative; margin-top: 30px; font-size: 51px;font-family: 'GmarketSans', sans-serif;font-weight: 900;}
        .m_s1_txt2_wrap{letter-spacing: -4px;  font-size: 37px;font-family: 'GmarketSans', sans-serif; position: relative;z-index: 2;transition: 0.8s 0.4s;}
        .m_s1_txt2_wrap.long_txt{font-size: 30px;}
        .m_s1_txt2_wrap_bg{position: absolute;width: 0;transition: 0.8s 0.4s; height: calc(100% + 10px);top: -8px;left: -7.5px;}
        html.popup_open .m_popup_s1 .m_s1_txt2_wrap_bg{width: calc(100% + 20px);}
        .m_s1_txt3{font-size: 23px;font-weight: 600;line-height: 46px;}
        
        .m_popup_common{padding-left: 10%;margin-top: 112px;}

        .m_common_num{font-size: 15px; font-family: 'GmarketSans', sans-serif;margin-bottom: 10px;}


        .m_common_txt{font-weight: 500;font-size: 25px;line-height: 33px;}
        .m_common_txt>div{display: flex;gap: 5px;}

        .m_txt_wrap_group{width: max-content;position: relative;font-weight: 600;}
        .m_txt_wrap{  font-size: 25px;font-weight: 600; position: relative;z-index: 2;transition: 0.8s;}
        .m_txt_wrap_bg{position: absolute;width: 0;transition: 0.8s; height: calc(100% + 5px);top: -2px;left: -5px;}

        html.popup_open .m_common_bx.on .m_txt_wrap_bg{width: calc(100% + 10px);}

        .m_common_img{margin-bottom: 100px;width: 100%;margin-top: 27px;overflow: hidden;aspect-ratio: 373/210;}
        .m_common_img img, .m_common_img video {width: 100%;transform: scale(1.3);transition: 0.8s;}
        .m_common_img.full_img{margin-left: -13%;width: 115%;margin-bottom: 27px;}


        html.popup_open .m_common_bx.on .m_common_img img, html.popup_open .m_common_bx.on .m_common_img video{transform: scale(1);width: 100%;object-fit: cover;}

        .m_you_btn_group{font-size: 18px;font-weight: 500;line-height: 30px;display: flex;flex-direction: column;gap: 21px;margin-bottom: 76px;}
        .m_you_btn{display: flex;align-items: center;justify-content: center;width: 148px;height: 44px;border-radius: 50px;border: 1px solid #000;}
        .m_common_bx.last_bx{padding-left: 0;width: 80%;margin: 0 auto;padding-bottom: 200px;}
        .slide_more_btn_group{gap: 40px;}
        .slide_more_btn{font-size: 14px;}
        .m_last_txt{font-size: 30px;line-height: 40px;padding: 30px 0 40px;}
        .m_last_logo{transition: 0.8s;transform: scale(0.8);display: flex;justify-content: center;max-width:150px;margin: 0 auto;}
        html.popup_open .m_common_bx.on .m_last_logo{transform: scale(1);}

        /* popup1 */
        .popup_mb1 .m_popup_s1{padding-top: 123px;}
        
        .popup_mb1 .m_s1_txt2_wrap{color: #000;}
        .popup_mb1 .m_s1_txt2_wrap_bg{background-color: #FF0266;}
        html.pop1 .m_popup_s1 .m_s1_txt2_wrap{color: #fff;}
        
        .popup_mb1 .m_common_num{color: #FF0266;}
        .popup_mb1 .m_s1_txt3{color: #ff0266;}
        html.popup_open .popup_mb1 .m_common_bx.on .m_txt_wrap{color: #fff;}

        .popup_mb1 .m_txt_wrap{color: #000;}
        .popup_mb1 .m_txt_wrap_bg{background-color: #FF0266;}
        .popup_mb1 .last_bx{padding-top: 80px;}
        .popup_mb1{}

        

        /* popup2 */
        .popup_mb2 .m_popup_s1{padding-top: 123px;}
        
        .popup_mb2 .m_s1_txt2_wrap{color: #000;}
        .popup_mb2 .m_s1_txt2_wrap_bg{background-color: #C8FF00;}
        html.pop2 .m_popup_s1 .m_s1_txt2_wrap{color: #000;}

        .popup_mb2 .m_common_num{color: #C8FF00;}
        .popup_mb2 .m_s1_txt3{color: #C8FF00;}
        
         
        .popup_mb2 .m_txt_wrap{color: #000;}
        .popup_mb2 .m_txt_wrap_bg{background-color: #C8FF00;}
        html.popup_open .popup_mb2 .m_common_bx.on .m_txt_wrap{color: #000;}
        .popup_mb2 .last_bx{padding-top: 43px;}
        .popup_mb2{}

        

        /* popup3 */
        .popup_mb3 .m_popup_s1{padding-top: 123px;}
        
        .popup_mb3 .m_s1_txt2_wrap{color: #000;}
        .popup_mb3 .m_s1_txt2_wrap_bg{background-color: #C8FF00;}

        .popup_mb3 .m_common_num{color: #C8FF00;}
        .popup_mb3 .m_s1_txt3{color: #C8FF00;}
        
         
        .popup_mb3 .m_txt_wrap{color: #000;}
        .popup_mb3 .m_txt_wrap_bg{background-color: #C8FF00;}
        html.popup_open .popup_mb3 .m_common_bx.on .m_txt_wrap{color: #000;}
        .popup_mb3 .last_bx{padding-top: 43px;}
        .popup_mb3{}
        html.pop3 .m_popup_s1 .m_s1_txt2_wrap{color: #000;}




        

        /* popup4 */
        .popup_mb4 .m_popup_s1{padding-top: 95px;}
        
        .popup_mb4 .m_s1_txt2_wrap{color: #000;}
        .popup_mb4 .m_s1_txt2_wrap_bg{background-color: #000000;}
        html.popup_open.pop4 .m_popup_s1 .m_s1_txt2_wrap{color: #fff;}

        .popup_mb4 .m_common_num{color: #000000;}
        .popup_mb4 .m_s1_txt3{color: #000000;}
        
         
        .popup_mb4 .m_txt_wrap{color: #000;}
        .popup_mb4 .m_txt_wrap_bg{background-color: #000000;} 
        html.popup_open .popup_mb4 .m_common_bx.on .m_txt_wrap{color: #fff;}
        .popup_mb4 .last_bx{padding-top: 43px;}
        .popup_mb4{}

        

        /* popup5 */
        .popup_mb5 .m_popup_s1{padding-top: 95px;}
        
        .popup_mb5 .m_s1_txt2_wrap{color: #000;}
        .popup_mb5 .m_s1_txt2_wrap_bg{background-color: #E13743;}
        html.popup_open.pop5 .m_popup_s1 .m_s1_txt2_wrap{color: #fff;}

        .popup_mb5 .m_common_num{color: #E13743;}
        .popup_mb5 .m_s1_txt3{color: #000000;}
        
         
        .popup_mb5 .m_txt_wrap{color: #000;}
        .popup_mb5 .m_txt_wrap_bg{background-color: #E13743;} 
        html.popup_open .popup_mb5 .m_common_bx.on .m_txt_wrap{color: #fff;}
        .popup_mb5 .last_bx{padding-top: 43px;}
        .popup_mb5{}





}


@media screen and (max-height:630px) {
    .s1_left{padding-top: 50px;}
    .s1_right{padding-top: 0;}
    .s1_left_txt{font-size: 25px;}
    .section_cont>div.sec_right{padding-top: 30px;}
    .section_cont.sec2_con>div.sec_right{padding-top: 20px;}
    .sec2_con .sec_left{padding-top: 70px;}

    .sec3_con .sec_left{padding-top: 50px;}
    .sec4_con .sec_left{padding-top: 50px;}
    .sec5_con .sec_left{padding-top: 50px;}
    .sec6_con .sec_left{padding-top: 50px;}






}