.sec2 {position: relative; width: 100%; height: 700vh; background: var(--black);}
.sec2 .container {position: sticky; top: 0; max-width: 100%; height: 100vh; overflow: hidden;}
.sec2 .frame_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
.sec2 .frame_box img {width: 745px; height: auto;}
.sec2 .frame_box .frame_txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; font-size: 106px; font-weight: 500; line-height: 1; letter-spacing: -2.12px; color: rgba(255, 255, 255, 0.8);}
.sec2 .frame_box .frame_txt span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .5s; transition: all .3s;}
.sec2 .frame_box .frame_txt span.on {opacity: 1;}

.sec2 .scroll_ct {width: 100%; height: auto;}
.sec2 .scroll_ct ul {position: absolute; top: 50%; left: 50%; height: auto; transform: translate(15%, -50%); display: flex; align-items: flex-start; justify-content: flex-start; transition: all .5s;}

.sec2 .scroll_ct ul li {transform: scale(0.5); width: 660px; height: auto; transition: all 1s; border-radius: 100%;}
.sec2 .scroll_ct ul li:nth-child(1) {background: #9C47F9;}
.sec2 .scroll_ct ul li:nth-child(2) {background: #3374F7;}
.sec2 .scroll_ct ul li:nth-child(3) {background: #02FECB;}
.sec2 .scroll_ct ul li .img-box {opacity: 0; position: relative; width: 100%; height: auto; z-index: -1; transition: all .5s;}
.sec2 .scroll_ct ul li .img-box img {width: 100%; height: auto; border-radius: 100%;}
.sec2 .scroll_ct ul li .img-box video {width: 100%; height: auto; border-radius: 100%;}

/* current 값을 setting */
.sec2 .scroll_ct ul.on {transform: translate(-16.7%, -50%) !important;}
.sec2 .scroll_ct ul.on li:first-child {transform: scale(1);}
.sec2 .scroll_ct ul.on li:first-child .img-box {opacity: 1;}
.sec2 .scroll_ct ul.on2 {transform: translate(-50%, -50%) !important;}
.sec2 .scroll_ct ul.on2 li:nth-child(2) {transform: scale(1);}
.sec2 .scroll_ct ul.on2 li:nth-child(2) .img-box {opacity: 1;}
.sec2 .scroll_ct ul.on3 {transform: translate(-83.3%, -50%) !important;}
.sec2 .scroll_ct ul.on3 li:nth-child(3) {transform: scale(1);}
.sec2 .scroll_ct ul.on3 li:nth-child(3) .img-box {opacity: 1;}
/* scroll_img */
.sec2 .scroll_img {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 6; transition: all .5s;}
.sec2 .scroll_img img {width: 100%; height: 100%; object-fit: cover;}

/* scroll_img */
.scroll_img .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-size: 60px; font-weight: bold; line-height: 1.4; letter-spacing: -1.2px; color: var(--wt); text-align: center;}
.scroll_img .txt span {color: var(--pr);}