.idx{background-color: #000;min-height: 100vh;color: #fff;}
.idx{}
.idx_pin1{height: 100vh;position: relative;}
.idx_sec1{height: calc(100vh + 87px);position: relative;z-index: 2;}
.idx_sec1_main_txt{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute; font-family: 'GmarketSans';font-weight: 200; font-size: 147px;display: flex;flex-direction: column;align-items: center;gap: 10px;}
.idx_sec1_main_txt>div{}    
.idx_sec1_main_txt2{font-weight: 600;}

.idx_sec1_bx{width: 223px;height: 223px;position: absolute;border: none;transform: translate(-50%,-50%);}
.idx_sec1_bx img{background-color: #fff; width: 100%;height: 100%;object-fit: cover;position: relative;}
.idx_sec1_bx img::after{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.idx_sec1_bx:nth-child(3n) img{animation: sec1_bx_ani1 2s ease-in-out infinite alternate;}
.idx_sec1_bx:nth-child(3n+1) img{animation: sec1_bx_ani1 2.5s ease-in-out 0.2s infinite alternate;}
.idx_sec1_bx:nth-child(3n+2) img{animation: sec1_bx_ani1 3s ease-in-out 0.4s infinite alternate;}
.idx_sec1_bx:nth-child(3n) img::after{background-color: #00000088;}
.idx_sec1_bx:nth-child(3n+1) img::after{background-color: #0000004b;}
.idx_sec1_bx:nth-child(3n+2) img::after{background-color: #00000021;}
@keyframes sec1_bx_ani1 {
    0%{transform: translateY(0);}
    100%{transform: translateY(40px);}
}

.idx_sec1_bx_abbx{position: absolute;height: 100vh;width: 100%;top: 0;left: 0;}
.idx_sec1_bx:nth-child(1){left: 10%; bottom: calc(100% - 200px - 223px);}
.idx_sec1_bx:nth-child(2){bottom: calc(100% - 60px - 223px);left: 35%;transform: scale(0.7);}
.idx_sec1_bx:nth-child(3){bottom: calc(100% - 87px - 223px);left: 65%;transform: scale(0.6);}
.idx_sec1_bx:nth-child(4){bottom: calc(100% - 87px - 223px);left: 85%;transform: scale(0.8);}
.idx_sec1_bx:nth-child(5){bottom: calc(100% - 375px - 223px);left: 15%;transform: scale(0.8);}

.idx_sec1_bx:nth-child(6){bottom: calc(100% - 175px - 223px);left: 75%;transform: scale(0.3);}
.idx_sec1_bx:nth-child(7){bottom: calc(100% - 375px - 223px);left: 70%;transform: scale(0.9);}
.idx_sec1_bx:nth-child(8){bottom: calc(100% - 300px - 223px);left: 85%;transform: scale(0.7);}

.idx_sec1_bx:nth-child(9){bottom: 50px;left: 10%;transform: scale(0.5);}
.idx_sec1_bx:nth-child(10){bottom: 110px;left: 30%;transform: scale(0.3);}
.idx_sec1_bx:nth-child(11){bottom: 20px;left: 40%;transform: scale(0.6);}
.idx_sec1_bx:nth-child(12){bottom: -15px;left: 70%;transform: scale(0.5);}
.idx_sec1_bx:nth-child(13){bottom: 85px;left: 60%;transform: scale(0.4);}
.idx_sec1_bx:nth-child(14){bottom: 45px;left: 80%;transform: scale(0.6);}



.idx_sec1_main_txt>div{transform: translateY(40px);opacity: 0;transition: 0.4s;}
.idx_sec1_main_txt1{animation: txtAni 0.6s ease-in-out  1 forwards;}
.idx_sec1_main_txt2{animation: txtAni 0.6s ease-in-out 0.2s 1 forwards;}
.idx_sec1_main_txt3{animation: txtAni 0.6s ease-in-out 0.4s 1 forwards;}

@keyframes txtAni {
    100%{transform: translateY(0); opacity: 1;}
}
/* 
.idx_sec2{ margin-top: -50%; position: relative;height: 100vh;display: flex;align-items: center;justify-content: center;}

.idx_sec2{}
.idx_sec2_bg_img{opacity: 0; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.6s;}
.idx_sec2_bg_img1{position: relative;}
.idx_sec2_bg_img1>img{transform: rotate(0deg) scaleX(-1);transition: 1s ease-in-out;}
.idx_sec2_bg_img2{transform: rotate(180deg); transition: 1s ease-in-out; position: absolute;bottom: 100%;left: 15%;width: 57px;height: 57px;}

.idx_sec2_txt_group{position: relative;z-index: 2;display: flex;flex-direction: column;gap: 5px;align-items: center;opacity: 0;transition: 0.6s;}
.idx_sec2_txt1{}
.idx_sec2_txt1_1{justify-content: center; font-size: 135px;font-family: 'GmarketSans';font-weight: 100;display: flex;}
.idx_sec2_txt1_1>div{overflow: hidden;position: relative;height: 270px;}
.idx_sec2_txt1_1_left{width: 450px;text-align: right;}
.idx_sec2_txt1_1_left>div{height: 135px; transition: 0.6s; padding-right: 30px;transform: translateY(40px);opacity: 0;}
.idx_sec2_txt1_1_left_half2_1{position: absolute;right: 30px;bottom: 0; transition: 1s;}
.idx_sec2_txt1_1_left_half2_2{position: absolute;right: calc(-100% - 15px);bottom: 0; transition: 1s;}

.idx_sec2_txt1_1_right{border-left: 1px solid #fff;box-sizing: border-box;width: 450px;}
.idx_sec2_txt1_1_right_half1{position: absolute;bottom: 0;left: 50px; transition: 1s;}
.idx_sec2_txt1_1_right_half2{position: absolute;left: calc(-100% - 15px);bottom: 0; transition: 1s;}



.idx_sec2_txt2{height: 76px;width: 1px;background-color: #fff;margin-left: 1px;}
.idx_sec2_1_2{position: relative;}
.idx_sec2_1_2_dot{transition:0.8s; position: absolute;top: 0;left: 0;width: 450px;left: 50%;transform: translateX(-50%);top: 0;}
.idx_sec2_1_2_dot>div{position: absolute;top: -3px;}
.idx_sec2_1_2_dot1{left: -50px;}
.idx_sec2_1_2_dot2{right: -50px;}
.idx_sec2_1_2_txt{transform: translateY(40px);opacity: 0;transition: 0.6s ease-in-out; margin: 30px 0 15px; font-size: 135px;font-weight: 600;font-family: 'GmarketSans';height: 135px;overflow: hidden;}
.idx_sec2_1_2_txt_wrap{transition: 0.8s; display: flex;flex-direction: column;height: max-content;}
.idx_sec2_1_2_txt_wrap>div{padding: 5px 0;text-align: center;}

.idx_sec2_txt3{margin-top: 20px; transform: translateY(40px);opacity: 0;transition: 0.6s ease-in-out;}


.idx_sec2.on1 .idx_sec2_bg_img{opacity: 1;}
.idx_sec2.on1 .idx_sec2_txt_group{opacity: 1;}
.idx_sec2.on1 .idx_sec2_txt1_1_left>div{transform: translateY(0);opacity: 1;}
.idx_sec2.on1 .idx_sec2_txt1_1_left_half1{transition-delay: 0.2s;}
.idx_sec2.on1 .idx_sec2_txt1_1_left_half2{transition-delay: 0.4s;}
.idx_sec2.on1 .idx_sec2_1_2_txt{transform: translateY(0); opacity: 1;transition-delay: 0.6s;}

.idx_sec2.on1  .idx_sec2_txt3{transform: translateY(0);opacity: 1;transition-delay: 0.8s;}
.idx_sec2.on1 {}
.idx_sec2.on1 {}
.idx_sec2.on1 {}
.idx_sec2.on1 .idx_sec2_txt3{transform: translateY(0);opacity: 1;transition-delay: 0.8s;}




.idx_sec2.on2 .idx_sec2_bg_img{opacity: 1;}
.idx_sec2.on2 .idx_sec2_txt_group{opacity: 1;}
.idx_sec2.on2 .idx_sec2_bg_img1>img{transform: rotate(75deg) scaleX(-1);}
.idx_sec2.on2 .idx_sec2_bg_img2{bottom: 90%;left: 90%;transform: rotate(0deg);}
.idx_sec2.on2 .idx_sec2_txt1_1_left_half2_1{right: calc(-100% - 15px);}
.idx_sec2.on2 .idx_sec2_txt1_1_left_half2_2{right: 40px;}
.idx_sec2.on2 .idx_sec2_txt1_1_right_half1{left: calc(-100% - 15px);}
.idx_sec2.on2 .idx_sec2_txt1_1_right_half2{left: 30px;}
.idx_sec2.on2 .idx_sec2_1_2_txt_wrap{transform: translateY(calc(-145px * 1));}
.idx_sec2.on2 .idx_sec2_1_2_dot{width: 500px;}
.idx_sec2.on2 .idx_sec2_txt1_1_left>div{transform: translateY(0);opacity: 1;}
.idx_sec2.on2 .idx_sec2_1_2_txt{transform: translateY(0); opacity: 1;transition-delay: 0.6s;}
.idx_sec2.on2 .idx_sec2_txt3{transform: translateY(0);opacity: 1;transition-delay: 0.8s;}

.idx_sec2.on3 .idx_sec2_bg_img{opacity: 1;}
.idx_sec2.on3 .idx_sec2_txt_group{opacity: 1;}
.idx_sec2.on3 .idx_sec2_txt1_1_left_half2_1{right: calc(-100% - 15px);}
.idx_sec2.on3 .idx_sec2_txt1_1_left_half2_2{right: 40px;}
.idx_sec2.on3 .idx_sec2_txt1_1_right_half1{left: calc(-100% - 15px);}
.idx_sec2.on3 .idx_sec2_txt1_1_right_half2{left: 30px;}
.idx_sec2.on3 .idx_sec2_1_2_txt_wrap{transform: translateY(calc(-145px * 2));}
.idx_sec2.on3 .idx_sec2_txt1_1_left>div{transform: translateY(0);opacity: 1;}
.idx_sec2.on3 .idx_sec2_1_2_dot{width: 586px;}
.idx_sec2.on3 .idx_sec2_txt3{transform: translateY(0);opacity: 1;transition-delay: 0.8s;}
.idx_sec2.on3 .idx_sec2_1_2_txt{transform: translateY(0); opacity: 1;transition-delay: 0.6s;}


.idx_sec2.on4 .idx_sec2_bg_img{opacity: 1;}
.idx_sec2.on4 .idx_sec2_txt_group{opacity: 1;}
.idx_sec2.on4 .idx_sec2_bg_img1>img{transform: rotate(75deg) scaleX(-1);}
.idx_sec2.on4 .idx_sec2_bg_img2{bottom: 90%;left: 90%;transform: rotate(0deg);}{}
.idx_sec2.on4 .idx_sec2_1_2_txt_wrap{transform: translateY(calc(-145px * 3));}

.idx_sec2.on4 .idx_sec2_1_2_txt{transform: translateY(0); opacity: 1;transition-delay: 0.6s;}

.idx_sec2.on4 .idx_sec2_1_2_dot{width: 1360px;}
.idx_sec2.on4 .idx_sec2_txt3{transform: translateY(0);opacity: 1;transition-delay: 0.8s;}
.idx_sec2.on4 .idx_sec2_txt1_1_left_half2_1{right: calc(-100% - 15px);}
.idx_sec2.on4 .idx_sec2_txt1_1_left_half2_2{right: 40px;}
.idx_sec2.on4 .idx_sec2_txt1_1_right_half1{left: calc(-100% - 15px);}
.idx_sec2.on4 .idx_sec2_txt1_1_right_half2{left: 30px;}
.idx_sec2.on4 .idx_sec2_txt1_1_left>div{transform: translateY(0);opacity: 1;}

 */

/* idx_sec2_new */
.idx_sec2_new{transition: opacity 0.6s; opacity: 0; min-height: 100vh;position: relative;overflow: hidden;margin-top: -40%;}

.n_idx_sec2_bx{display: flex;flex-direction: column;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.n_idx_sec2_bx1{width: max-content;margin: 0 auto;position: relative;z-index: 5;}
.n_idx_sec2_bx1_1{display: flex;position: relative;z-index: 2;}
.n_idx_sec2_bx1_1_left{width: 460px;box-sizing: border-box;padding-right: 35px; text-align: right; overflow: hidden;}
.n_idx_sec2_bx1_1_right{width: 460px;box-sizing: border-box;padding-left: 35px; overflow: hidden;}
.n_idx_sec2_bx1_1_right .n_idx_sec2_bx1_1_right_fig_group{transition: 0.4s ease-out;  display: flex;gap: 20px;align-items: center;}
.n_idx_sec2_bx1_1_left_txt{font-family: 'GmarketSans';font-weight: 200;font-size: 135px;}
.n_idx_sec2_bx1_1_right_fig{transition: 0.6s ease-out;}
.n_idx_sec2_bx1_1_right_fig img{transform:rotate(-180deg) ;transition: 0.5s  ease-out;}
.n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}

.n_idx_sec2_bx1_2{display: flex;position: relative;z-index: 2;}
.n_idx_sec2_bx1_2_left{position: relative; width: 460px;box-sizing: border-box;padding-right: 35px; text-align: right; overflow: hidden;}
.n_idx_sec2_bx1_2_left_1{transition: 0.6s ease-out; font-family: 'GmarketSans';font-weight: 200;font-size: 135px;}
.n_idx_sec2_bx1_2_left_2{position: absolute;right: 35px;top: 0;}
.n_idx_sec2_bx1_2_left_2_fig_group{display: flex;gap: 20px;}
.n_idx_sec2_bx1_2_left_2_fig{transition: 0.6s ease-out;}
.n_idx_sec2_bx1_2_left_2_fig img{transform:rotate(180deg) ;transition: 0.5s ease-out;}
.n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}


.n_idx_sec2_bx1_2_right{font-family: 'GmarketSans';font-weight: 200;font-size: 135px; width: 460px;box-sizing: border-box;padding-left: 35px; overflow: hidden;}
.n_idx_sec2_bx1_2_right_txt{transform: translateX(-110%);transition: 0.6s ease-out;padding-top: 3px;}


.n_idx_sec2_bx1_line1{background-color : #fff; position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1px;height: 242px;}
.n_idx_sec2_bx1_line_opacity_group{}
.n_idx_sec2_bx1_line_opacity_group>div{z-index: 3; transition: 0.6s; background-color: #fff;position: absolute;opacity: 0;}

.n_idx_sec2_bx1_line_op1{width: 535px;top: 135px; left: -0px; height: 1px;transform: translateX(-100%);}
.n_idx_sec2_bx1_line_op2{width: 1px;height: 202px;left: 179px;top: 80px;transform: translateY(-100%);}
.n_idx_sec2_bx1_line_op3{width: 1px;height: 107px;left: 314px;top: 135px;transform: translateY(100%);}
.n_idx_sec2_bx1_line_op4{width: 1px;height: 135px;left: 324px;top: 135px;transform: translateY(-100%);}
.n_idx_sec2_bx1_line_op5{width: 850px;left: 125px; top: 242px; height: 1px;transform: translateX(100%);}
.n_idx_sec2_bx1_line_op6{width: 1px;height: 145px;right: -25px;top: 115px;transform: translatey(100%);}
.n_idx_sec2_bx1_line_op7{top: 135px;right: -165px;z-index: 1 !important;background-color: transparent !important;}

.n_idx_sec2_bx1_2_left_half_group>div{ overflow: hidden; position: absolute;width: 135px;height: 107px;top: 0; }
.n_idx_sec2_bx1_2_left_half1 {right: 145px;}
.n_idx_sec2_bx1_2_left_half2 {right: 0px;}
.tfty_group{display: flex;flex-direction: column;gap: 20px;transition: 0.4s ;}
.n_idx_sec2_bx1_2_left_half1 .tfty_group>div{transform: scale(0.8);}
.n_idx_sec2_bx1_2_left_half2 .tfty_group>div{transform: scale(0.8);}

.n_idx_sec2_bx1_2_left_half_group img{transition: 0.6s; height: 107px;width: 135px;object-fit: contain;object-position: center; }

.n_idx_sec2_bx1_2_left_half2 img{transform: rotate(60deg);transition: 0.8s;}
.idx_sec2_new.on3 .fig_r1 img{transform: rotate(0);}
.idx_sec2_new.on4 .fig_r2 img{transform: rotate(0);}
.idx_sec2_new.on5 .fig_r3 img{transform: rotate(0);}
.idx_sec2_new.on6 .fig_r4 img{transform: rotate(0);}
.idx_sec2_new.on7 .fig_r5 img{transform: rotate(0);}
.idx_sec2_new.on8 .fig_r6 img{transform: rotate(0);}


.n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-742px + 127px * 0));}
.n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(127px * 1));}


.n_idx_sec2_bx2{margin-top: 35px; font-size: 135px;font-family: 'GmarketSans';font-weight: 600;color: #fff;position: relative;z-index: 1;}
.n_idx_sec2_bx2_bg_cir{position: absolute;z-index: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.n_idx_sec2_bx2_txt_group{overflow: hidden;height: 155px;position: relative;z-index: 2;}
.n_idx_sec2_bx2_txt_tftbx{ display: flex;flex-direction: column;gap: 20px;transition: 0.4s;transform: translateY(0);}
.n_idx_sec2_bx2_txt{padding-top: 5px;text-align: center;}


.idx_sec2_new.on2 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 1));}
.idx_sec2_new.on3 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 2));}
.idx_sec2_new.on4 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 3));}
.idx_sec2_new.on5 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 4));}
.idx_sec2_new.on6 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 5));}
.idx_sec2_new.on7 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 6));}
.idx_sec2_new.on8 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-155px * 7));}


.n_idx_sec2_bx3{}
.n_idx_sec2_bx3{display: flex;flex-direction: column;gap: 20px;align-items: center;margin-top: 30px;position: relative;z-index: 5;}
.n_idx_sec2_bx3_1{height: 50px;width: 1px;background-color: #fff;}
.n_idx_sec2_bx3_2{font-size: 30px;color: #fff;font-family: 'Interop Regular', sans-serif;}

/* 애니메이션 */

.idx_sec2_new.on1 {opacity: 1;}
.idx_sec2_new.on2 {opacity: 1;}
.idx_sec2_new.on3 {opacity: 1;}
.idx_sec2_new.on4 {opacity: 1;}
.idx_sec2_new.on5 {opacity: 1;}
.idx_sec2_new.on6 {opacity: 1;}
.idx_sec2_new.on7 {opacity: 1;}
.idx_sec2_new.on8 {opacity: 1;}

.idx_sec2_new.on2 .n_idx_sec2_bx1_1_right_fig{transform: translateX(0);}
.idx_sec2_new.on2 .n_idx_sec2_bx1_1_right_fig img{transform: rotate(0);}

.idx_sec2_new.on2 .n_idx_sec2_bx1_2_left_2_fig{transform: translateX(0);}
.idx_sec2_new.on2 .n_idx_sec2_bx1_2_left_2_fig img{transform: rotate(0);}
.idx_sec2_new.on2 .n_idx_sec2_bx1_1_right_fig_group{}
.idx_sec2_new.on2 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on2 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}

.idx_sec2_new.on2 {}
.idx_sec2_new.on2 {}
.idx_sec2_new.on2{}
.idx_sec2_new.on2{}



.idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}

.idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transition-delay: 0.4s; transform: translateY(calc(-742px + 127px * 0 + 107px));}
.idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transition-delay: 0.4s; transform: translateY(0);}
.idx_sec2_new.on3{}






.idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}

.idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-742px + 127px * 1 + 107px));}
.idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-127px * 1));}
.idx_sec2_new.on4{}




.idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}

.idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-742px + 127px * 2 + 107px));}
.idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-127px * 2));}
.idx_sec2_new.on5{}



.idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}

.idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-742px + 127px * 3 + 107px));}
.idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-127px * 3));}
.idx_sec2_new.on6{}



.idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}

.idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-742px + 127px * 4 + 107px));}
.idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-127px * 4));}
.idx_sec2_new.on7{}



.idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_1{transform: translateX(120%);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_2_right_txt{transform: translateX(0);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_1_right_fig:nth-child(1){transform: translateX(-180%);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_1_right_fig:nth-child(2){transform: translateX(-280%);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_1_right_fig:nth-child(3){transform: translateX(-420%);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_2_fig:nth-child(1){transform: translateX(420%);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_2_fig:nth-child(2){transform: translateX(280%);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_2_fig:nth-child(3){transform: translateX(150%);}

.idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-742px + 127px * 5 + 107px));}
.idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-127px * 5));}
.idx_sec2_new.on8{}


.idx_sec2_new.on3 .n_idx_sec2_bx1_line_opacity_group>div{opacity: 1; transition-delay: 0.4s;}
.idx_sec2_new.on3 .n_idx_sec2_bx1_line_op1{transform: translateX(0);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_line_op2{transform: translateY(0);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_line_op3{transform: translateY(0);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_line_op4{transform: translateY(0);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_line_op5{transform: translateX(0);}
.idx_sec2_new.on3 .n_idx_sec2_bx1_line_op6{transform: translateY(0);}

.idx_sec2_new.on4 .n_idx_sec2_bx1_line_opacity_group>div{opacity: 1;}
.idx_sec2_new.on4 .n_idx_sec2_bx1_line_op1{transform: translateX(0);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_line_op2{transform: translateY(0);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_line_op3{transform: translateY(0);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_line_op4{transform: translateY(0);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_line_op5{transform: translateX(0);}
.idx_sec2_new.on4 .n_idx_sec2_bx1_line_op6{transform: translateY(0);}

.idx_sec2_new.on5 .n_idx_sec2_bx1_line_opacity_group>div{opacity: 1;}
.idx_sec2_new.on5 .n_idx_sec2_bx1_line_op1{transform: translateX(0);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_line_op2{transform: translateY(0);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_line_op3{transform: translateY(0);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_line_op4{transform: translateY(0);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_line_op5{transform: translateX(0);}
.idx_sec2_new.on5 .n_idx_sec2_bx1_line_op6{transform: translateY(0);}

.idx_sec2_new.on6 .n_idx_sec2_bx1_line_opacity_group>div{opacity: 1;}
.idx_sec2_new.on6 .n_idx_sec2_bx1_line_op1{transform: translateX(0);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_line_op2{transform: translateY(0);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_line_op3{transform: translateY(0);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_line_op4{transform: translateY(0);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_line_op5{transform: translateX(0);}
.idx_sec2_new.on6 .n_idx_sec2_bx1_line_op6{transform: translateY(0);}

.idx_sec2_new.on7 .n_idx_sec2_bx1_line_opacity_group>div{opacity: 1;}
.idx_sec2_new.on7 .n_idx_sec2_bx1_line_op1{transform: translateX(0);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_line_op2{transform: translateY(0);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_line_op3{transform: translateY(0);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_line_op4{transform: translateY(0);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_line_op5{transform: translateX(0);}
.idx_sec2_new.on7 .n_idx_sec2_bx1_line_op6{transform: translateY(0);}

.idx_sec2_new.on8 .n_idx_sec2_bx1_line_opacity_group>div{opacity: 1;}
.idx_sec2_new.on8 .n_idx_sec2_bx1_line_op1{transform: translateX(0);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_line_op2{transform: translateY(0);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_line_op3{transform: translateY(0);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_line_op4{transform: translateY(0);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_line_op5{transform: translateX(0);}
.idx_sec2_new.on8 .n_idx_sec2_bx1_line_op6{transform: translateY(0);}



/* idx_sec3 */
.idx_sec3{min-height: 100vh;}
.idx_sec3_con{gap: 0px; display: flex;align-items: center;justify-content: center;height: 100%;}
.idx_sec3_left{position: relative;z-index: 2; height: 683px;width: 10px;}
.idx_sec3_left_line_group{display: flex;flex-direction: column;align-items: center;top: 0;left: 0;position: absolute;}
.idx_sec3_left_line{width: 1px;background-color: #fff;height: 0;transition: 0.6s;}
.idx_sec3_left_sq1, .idx_sec3_left_sq2{width: 10px;height: 10px;display: flex;align-items: center;justify-content: center;}
.idx_sec3_right{max-width: 724px; position: relative;z-index: 0; font-family: 'GmarketSans'; display: flex;flex-direction: column;gap: 180px;}
.idx_sec3_right_group{font-size: 77px; transition: 0.4s; display: flex;gap: 30px;align-items: center;cursor: pointer;}
/* .idx_sec3_right_group:hover{filter: brightness(0.8);} */

.idx_sec3_right_group>div{overflow: hidden;}
.idx_sec3_right_1{font-weight: 500;padding-left: 30px;}
.idx_sec3_right_2{font-weight: 200;}
.idx_sec3_right_3{font-weight: 200;}


.idx_sec3_right_group1{}
.idx_sec3_right_group1 .idx_sec3_right_1{}
.idx_sec3_right_group1 .idx_sec3_right_1 .idx_sec3_right_1_txt{transform: translateX(-100%);transition: 0.4s ;opacity: 0;}
.idx_sec3_right_group1 .idx_sec3_right_2{width: 110px;display: flex;align-items: center;justify-content: center;}
.idx_sec3_right_group1 .idx_sec3_right_2 .idx_sec3_right_2_txt{transform: translateX(calc(-100% - 20px));transition: 0.4s; opacity: 0;}
.idx_sec3_right_group1 .idx_sec3_right_3{}
.idx_sec3_right_group1 .idx_sec3_right_3 .idx_sec3_right_3_txt{transform: translateX(100%);opacity: 0;transition: 0.4s;}
.idx_sec3_right_group1:hover {}
.idx_sec3_right_group1:hover>div{animation: r_g1_ani .4s ease-in-out 1 forwards;}
.idx_sec3_right_group1:hover>div:nth-child(1){animation-delay: 0;}
.idx_sec3_right_group1:hover>div:nth-child(2){animation-delay: 0.1s;}
.idx_sec3_right_group1:hover>div:nth-child(3){animation-delay: 0.2s;}
.idx_sec3_right_group1{}

@keyframes r_g1_ani {
    0%{transform: translateX(0);}
    50%{transform: translateX(10px);}
    100%{transform: translateX(0px);}
}


.idx_sec3_right_group2{}
.idx_sec3_right_group2 .idx_sec3_right_2{}
.idx_sec3_right_group2 .idx_sec3_right_2>div{color: #000; border-radius: 50px;background-color: #ffd112;width: 125px;display: flex;align-items: center;justify-content: center;}

.idx_sec3_right_group2 .idx_sec3_right_1{}
.idx_sec3_right_group2 .idx_sec3_right_1 .idx_sec3_right_1_txt{transform: translateX(calc(-100% - 30px));opacity: 1;transition: 0.4s;}
.idx_sec3_right_group2 .idx_sec3_right_2{transform: scaleX(0);opacity: 0;transition: 0.4s;}
.idx_sec3_right_group2 .idx_sec3_right_2{}
.idx_sec3_right_group2 .idx_sec3_right_3{}
.idx_sec3_right_group2 .idx_sec3_right_3 .idx_sec3_right_3_txt{transform: translateX(-100%);opacity: 0;transition: 0.4s;}
.idx_sec3_right_group2 .idx_sec3_right_hover_bx{ margin-left: -30px;}
.idx_sec3_right_group2:hover .idx_sec3_right_hover_bx{opacity: 1; width: 264px;margin-left: 0;}
.idx_sec3_right_group2>div{flex: 0 0 auto;}
.idx_sec3_right_group2:hover .idx_sec3_right_hover_list{transform: translateX(0);}
.idx_sec3_right_group2:hover .idx_sec3_right_hover_list:nth-child(1){transition-delay: 0;}
.idx_sec3_right_group2:hover .idx_sec3_right_hover_list:nth-child(2){transition-delay: 0.1s;}
.idx_sec3_right_group2:hover .idx_sec3_right_hover_list:nth-child(3){transition-delay: 0.2s;}
.idx_sec3_right_group2:hover .idx_sec3_right_hover_list:nth-child(4){transition-delay: 0.3s;}
.idx_sec3_right_group2{}

.idx_sec3_right_hover_bx{box-sizing: border-box;opacity: 0; width: 0;overflow: hidden; transition: 0.5s ease-out; position: relative; border: 1px solid #fff; font-size: 25px;color: #fff;text-align: center;font-weight: 200;}
.idx_sec3_right_hover_list{position: relative;z-index: 2; transform: translateX(-20px);transition: 0.4s cubic-bezier(0.42, 0, 0.51, 1.44); display: flex;align-items: center;justify-content: center; width: 264px;height: 37px;}
.idx_sec3_right_hover_bx_arrbx{z-index: 1; transition: 0.4s; position: absolute;border: 1px solid #fff;width: 100%;height: 37px;left: 0;top: 0;box-sizing: border-box;}
.idx_sec3_right_hover_bx_arrbx>div{display: flex;align-items: center; position: absolute;top: 50%;transform: translateY(-50%);}
.idx_sec3_right_hover_bx_arrbx1{left: 10px;}
.idx_sec3_right_hover_bx_arrbx2{right: 10px;}



.idx_sec3_right_group3 .idx_sec3_right_1{position: relative;}
.idx_sec3_right_group3 .idx_sec3_right_1_txt{position: relative;z-index: 2;overflow: hidden;}
.idx_sec3_right_group3 .idx_sec3_right_1 .video_ab_cir{z-index: 0; position: absolute;top: 50%;transform: translateY(-50%);left: -50px;}
.idx_sec3_right_group3 .idx_sec3_right_2{position: relative;z-index: 2;transform: scale(0);opacity: 0;transition: 0.4s;}
.idx_sec3_right_group3 .idx_sec3_right_1{overflow: visible;}
.idx_sec3_right_group3 .idx_sec3_right_1 .idx_sec3_right_1_txt .idx_sec3_right_1_txt_bx{transition: 0.4s; transform: translateX(calc(-100% - 30px));opacity: 0;}
.idx_sec3_right_group3>div{flex: 0 0 auto;}
.idx_sec3_right_group3{}
.idx_sec3_right_group3{}
.idx_sec3_right_group3:hover .idx_sec3_right_hover_list{transform: translateX(0);}
.idx_sec3_right_group3:hover .idx_sec3_right_hover_list:nth-child(1){transition-delay: 0;}
.idx_sec3_right_group3:hover .idx_sec3_right_hover_list:nth-child(2){transition-delay: 0.1s;}
.idx_sec3_right_group3:hover .idx_sec3_right_hover_list:nth-child(3){transition-delay: 0.2s;}
.idx_sec3_right_group3:hover .idx_sec3_right_hover_list:nth-child(4){transition-delay: 0.3s;}
.idx_sec3_right_group3:hover .idx_sec3_right_2{animation: r_g1_ani2 .6s ease-in-out 1 forwards;}
.idx_sec3_right_group3:hover .idx_sec3_right_hover_bx{opacity: 1; width: 264px;}

@keyframes r_g1_ani2 {
    0%{transform: translateX(0);}
    33%{transform: translateX(15px);}
    66%{transform: translateX(-15px);}
    100%{transform: translateX(0px);}
}

.idx_sec3.on{}
.idx_sec3.on .idx_sec3_left_line{height: 663px;}

.idx_sec3.on .idx_sec3_right_group1 .idx_sec3_right_1{}
.idx_sec3.on .idx_sec3_right_group1 .idx_sec3_right_1 .idx_sec3_right_1_txt{transform: translateX(0);opacity: 1;transition-delay: 0.1s;}
.idx_sec3.on .idx_sec3_right_group1 .idx_sec3_right_2{}
.idx_sec3.on .idx_sec3_right_group1 .idx_sec3_right_2 .idx_sec3_right_2_txt{transition: 0.4s 0.2s; opacity: 1;transform: translateX(0);}
.idx_sec3.on .idx_sec3_right_group1 .idx_sec3_right_3{}
.idx_sec3.on .idx_sec3_right_group1 .idx_sec3_right_3 .idx_sec3_right_3_txt{transform: translateX(0);opacity: 1;transition: 0.4s 0.3s;}
.idx_sec3.on .idx_sec3_right_group1{}
.idx_sec3.on .idx_sec3_right_group1{}
.idx_sec3.on .idx_sec3_right_group1{}

.idx_sec3.on .idx_sec3_right_group2 .idx_sec3_right_1{}
.idx_sec3.on .idx_sec3_right_group2 .idx_sec3_right_1 .idx_sec3_right_1_txt{transform: translateX(0);transition: 0.4s 0.4s; opacity: 1;}
.idx_sec3.on .idx_sec3_right_group2 .idx_sec3_right_2{}
.idx_sec3.on .idx_sec3_right_group2 .idx_sec3_right_2{transform: scaleX(1);opacity: 1;transition: 0.4s 0.5s; }
.idx_sec3.on .idx_sec3_right_group2 .idx_sec3_right_3{}
.idx_sec3.on .idx_sec3_right_group2 .idx_sec3_right_3 .idx_sec3_right_3_txt{transform: translateX(0);opacity: 1;transition: 0.4s 0.6s;}
.idx_sec3.on .idx_sec3_right_group2{}
.idx_sec3.on .idx_sec3_right_group2{}
.idx_sec3.on .idx_sec3_right_group2{}

.idx_sec3.on .idx_sec3_right_group3{}
.idx_sec3.on .idx_sec3_right_group3 .idx_sec3_right_1{}
.idx_sec3.on .idx_sec3_right_group3 .idx_sec3_right_1 .idx_sec3_right_1_txt .idx_sec3_right_1_txt_bx{opacity: 1;transition: 0.4s 0.7s;transform: translateX(0); }
.idx_sec3.on .idx_sec3_right_group3 .idx_sec3_right_2{opacity: 1;transform: scale(1);transition: 0.4s cubic-bezier(0.42, 0, 0.51, 1.44) 0.8s;}
.idx_sec3.on .idx_sec3_right_group3 .idx_sec3_right_2{}
.idx_sec3.on .idx_sec3_right_group3{}
.idx_sec3.on{}
.idx_sec3.on{}
.idx_sec3.on{}
.idx_sec3.on{}




.n_idx_sec2_bx2_txt_group_mb{display: none;}
br.w24{display: none;}

@media screen and (max-width:1024px) {
    br.w24{display: block;}
    .w24{display: none;}

    .idx_sec1_main_txt{font-size: 40px;}
    /* .idx_sec1{transform: scale(0.3);} */
    .n_idx_sec2_bx1_1_left_txt{font-size: 35px;padding-top: 3px;}
    .n_idx_sec2_bx1_2_left_1{font-size: 35px;}
    .n_idx_sec2_bx1_2_right{font-size: 35px;width: 200px;padding-left: 10px;}
    .n_idx_sec2_bx1_2_left_half_group>div{width: 30px;}
    .n_idx_sec2_bx1_2_left_2_fig{width: 28px;}
    .n_idx_sec2_bx1_1_right_fig{width: 28px;}
    .n_idx_sec2_bx1_1_left{width: 200px;padding-right: 10px;}
    .n_idx_sec2_bx1_1_right{width: 200px;padding-left: 10px;}
    .n_idx_sec2_bx1_2_left{width: 200px;padding-right: 10px;}
    .n_idx_sec2_bx2{font-size: 40px;line-height: 1.2;}
    .n_idx_sec2_bx2_txt_group{height: 45px;margin-top: -15px;}
    .n_idx_sec2_bx2_txt{height: 45px;display: flex;align-items: center;justify-content: center;}
    .n_idx_sec2_bx2_txt_tftbx{gap: 10px;}

    .n_idx_sec2_bx1_line1{height: 75px;}

    .n_idx_sec2_bx3_2{font-size: 16px;}

    .n_idx_sec2_bx1_2_left_2_fig_group{gap: 10px;}
    .n_idx_sec2_bx1_1_right .n_idx_sec2_bx1_1_right_fig_group{gap: 10px;padding-top: 3px;}
    .n_idx_sec2_bx{height: 252px;}
    .n_idx_sec2_bx2_txt_group_mb{display: block;/* height: 0; */overflow: hidden;position: relative;z-index: 2;}
    .n_idx_sec2_bx2_txt_tftbx_mb{height: 50px;overflow: hidden;font-family: 'GmarketSans';}
    .mb_tfty_group{transform: translateY(60px); transition: 0.4s; display: flex;flex-direction: column;gap: 10px;}
    .n_idx_sec2_bx2_txt_mb{font-weight: 600;padding-top: 5px; font-size: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}

    .n_idx_sec2_bx3{margin-top: -30px;transition: 0.4s;gap: 10px;}
    .idx_sec2_new.on6 .n_idx_sec2_bx3{margin-top: 10px;}
    .idx_sec2_new.on7 .n_idx_sec2_bx3{margin-top: 10px;}
    .idx_sec2_new.on8 .n_idx_sec2_bx3{margin-top: 10px;}
    .idx_sec2_new.on6 .mb_tfty_group{transform: translateY(calc(-55px * 0));}
    .idx_sec2_new.on7 .mb_tfty_group{transform: translateY(calc(-55px * 1));}
    .idx_sec2_new.on8 .mb_tfty_group{transform: translateY(calc(-55px * 2));}
    


    .idx_sec2_new.on2 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-60px * 1));}
    .idx_sec2_new.on3 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-60px * 2));}
    .idx_sec2_new.on4 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-60px * 3));}
    .idx_sec2_new.on5 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-60px * 4));}
    .idx_sec2_new.on6 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-60px * 5));}
    .idx_sec2_new.on7 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-60px * 6));}
    .idx_sec2_new.on8 .n_idx_sec2_bx2_txt_tftbx{transform: translateY(calc(-59px * 7));}
    
    .n_idx_sec2_bx3_1{height: 25px;}
    .n_idx_sec2_bx1_2_left_2{right: 10px;padding-top: 3px;}

    .n_idx_sec2_bx2_bg_cir video{transform: scale(0.4) translateY(10px);}

    .tfty_group{gap: 10px;}
    .n_idx_sec2_bx1_2_left_half_group img{width: 35px;height: 37px;object-fit: contain;}
    .n_idx_sec2_bx1_2_left_half2 .tfty_group>div{width: 35px;height: 37px;}
    .n_idx_sec2_bx1_2_left_half1 .tfty_group>div{width: 35px;height: 37px;}

    .n_idx_sec2_bx1_2_left_half1{right: 46px;}
    .n_idx_sec2_bx1_2_left_half2{right: 6px;}


    .n_idx_sec2_bx1_line_op1{width: 136px;top: 37px;left: 90px;}
    .n_idx_sec2_bx1_line_op2{height: 65px;left: 123px;top: 20px;}
    .n_idx_sec2_bx1_line_op3{height: 36px;top: 38px;left: 158px;}
    .n_idx_sec2_bx1_line_op4{height: 44px;top: 38px;left: 160px;}
    .n_idx_sec2_bx1_line_op5{width: 220px;top: 75px;left: 110px;}
    .n_idx_sec2_bx1_line_op6{height: 50px;right: 75px;top: 35px;}
    .n_idx_sec2_bx1_line_op7{top: 5px;right: -37px;}
    .n_idx_sec2_bx1_line_op7 video{transform: scale(0.3);}

    .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-272px + 40px * 0));}
    .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(40px * 1));}
    
    


    .idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transition-delay: 0.4s; transform: translateY(calc(-272px + 47px * 0 + 37px));}
    .idx_sec2_new.on3 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transition-delay: 0.4s; transform: translateY(0);}

    .idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-272px + 47px * 1 + 37px));}
    .idx_sec2_new.on4 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-47px * 1));}

    .idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-272px + 47px * 2 + 37px));}
    .idx_sec2_new.on5 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-47px * 2));}

    .idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-272px + 47px * 3 + 37px));}
    .idx_sec2_new.on6 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-47px * 3));}

    .idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-272px + 47px * 4 + 37px));}
    .idx_sec2_new.on7 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-47px * 4));}

    .idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_half1 .tfty_group{transform: translateY(calc(-272px + 47px * 5 + 37px));}
    .idx_sec2_new.on8 .n_idx_sec2_bx1_2_left_half2 .tfty_group{transform: translateY(calc(-47px * 5));}

}


@media screen and (max-width:767px) {
    .idx_sec3_con{transform: scale(0.5);}
    .idx_sec3_right{white-space: nowrap;}


    .idx_sec1_bx:nth-child(1){left: 0%; bottom: calc(100% - 200px);width: 100px;height: 100px;}
    .idx_sec1_bx:nth-child(2){bottom: calc(73%);left: 69%;width: 40px;height: 40px;transform: scale(1);}
    .idx_sec1_bx:nth-child(3){bottom: calc(39%);left: 55%;width: 50px;height: 50px;transform: scale(1);}
    .idx_sec1_bx:nth-child(4){bottom: calc(100% - 87px);left: 65%;width: 60px;height: 60px;transform: scale(1);}
    .idx_sec1_bx:nth-child(5){bottom: calc(100% - 375px);left: 66%;width: 78px;height: 78px;transform: scale(1);}
    
    .idx_sec1_bx:nth-child(6){bottom: calc(100% - 175px);left: 35%;width: 55px;height: 55px;transform: scale(1);}
    .idx_sec1_bx:nth-child(7){bottom: calc(100% - 375px);left: 37%;width: 79px;height: 79px;transform: scale(1);}
    .idx_sec1_bx:nth-child(8){bottom: calc(100% - 300px);left: 5%;width: 80px;height: 80px;transform: scale(1);}
    
    .idx_sec1_bx:nth-child(9){bottom: 150px;left: 10%;width: 50px;height: 50px;transform: scale(1);}
    .idx_sec1_bx:nth-child(10){bottom: 210px;left: 20%;width: 80px;height: 80px;transform: scale(1);}
    .idx_sec1_bx:nth-child(11){bottom: 120px;left: 30%;width: 40px;height: 40px;transform: scale(1);}
    .idx_sec1_bx:nth-child(12){bottom: 45%;left: 14%;width: 50px;height: 50px;transform: scale(1);}
    .idx_sec1_bx:nth-child(13){bottom: 85px;left: 50%;width: 70px;height: 70px;transform: scale(1);}
    .idx_sec1_bx:nth-child(14){bottom: 155px;left: 70%;width: 80px;height: 80px;transform: scale(1);}









}