body{font-family: 'Pretendard';}
*{margin: 0;padding: 0;box-sizing: border-box;}
section{height: 100vh;overflow-x: hidden;}
.section01{position: relative;height: unset;}
.font01{font-family: 'Helvetica Neue';}
.font02{font-family: 'AppleSD';}
.font03{font-family: 'NotoSnasKR';}
.font04{font-family: 'Aurora';}
.font05{font-family: 'CompactDisplay';}
.font06{font-family: 'Pretendard';}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes rotateReverse {
    from {transform: rotate(0deg);}
    to {transform: rotate(-360deg);}
}
.topBtn{display: none;}
.topBtn{position: fixed;bottom: var(--sidePd);right: var(--sidePd);z-index: 9999;width: 200px;pointer-events: none;}
.topBtn svg{width: 100%;display: block;}
.topBtn .topBtn--circle{width: 100%;position: relative;}
.topBtn .topBtn--circle2{width: 70%;position: absolute;opacity: 0.8;}

#s3{height: 500vh;width: 100%;overflow: hidden;}
.s3--horizon{overflow: hidden;position: relative;color: #000;}
.s3--horizon-back{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 40px;background-color: #f2f1ed;}
.s3--horizon-backWrap{display: flex;flex-direction: column;height: 100%;justify-content: center;font-size: 22vw;}
.s3--horizon-back-text01{color: #303030;width: 100%;text-align: left;padding-left: 0.08em;}
.s3--horizon-back-text01 p{font-size: 20px;}
.s3--horizon-back-text02{line-height: 0.9;display: flex;}
.s3--horizon-back-text02 span{display: block;}
.s3--horizon-back-text03{font-size: 20px;font-weight: 500;color: #303030;width: 100%;text-align: right;}

.s3--horizonWrap{display: flex;align-items: center;height: 100%;width: min-content;position: relative;gap: 60px;transform: translateX(calc(100vw - 40px));}
.s3--item{width: 50vw;height: 100%;display: flex;align-items: center;text-align: center;justify-content: center;font-size: 40px;overflow: hidden;position: relative;flex-direction: column;}
.s3--item-bg{width: 100%;padding-top: 56.25%;position: relative;}
.s3--item-bgImg{position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;top: 0;border-radius: 20px;overflow: hidden;}
.s3--item-text{position: absolute;bottom: 0;left: 0;padding: 30px;display: flex;gap: 10px;height: 104px;}
.s3--item-text > div{padding: 0 20px;height: 100%;border-radius: 30px;font-size: 16px;font-weight: 500;display: flex;align-items: center;text-align: center;justify-content: center;}
.s3--item-text01{background-color: #0062f5;color: #fff;}
.s3--item-text02{background-color: #fff;color: #000;}
.s3--horizon-belt{position: absolute;bottom: 67px;left: 0;width: 100vw;overflow: hidden;display: flex;white-space: nowrap;}
.s3--horizon-beltWrap{display: flex;white-space: nowrap;}
.s3--horizon-beltItem{display: flex;align-items: center;padding-left: 20px;}
.s3--horizon-beltItem p{height: 60px;font-size: 30px;font-weight: 500;display: flex;align-items: center;padding: 0 20px;border: 1px solid #000;border-radius: 30px;}
.s3--horizon-beltItem img{width: 40px;display: block;padding-left: 20px;}
@media all and (max-width:1600px) {
}
@media all and (max-width:1400px) {
    .s3--horizon-belt{bottom: 40px;}
}
@media all and (max-width:1280px) {
    .s3--horizon-backWrap{font-size: 22vw;}
    .s3--horizon-back-text01 p,.s3--horizon-back-text03{font-size: 18px;}
    
    .s3--horizonWrap{gap: 50px;}
    .s3--item-text{height: 80px;padding: 22px;}
    .s3--item-text > div{padding: 0 18px;font-size: 15px;}
    .s3--horizon-beltItem{padding-left: 18px;}
    .s3--horizon-beltItem p{font-size: 18px;padding: 0 18px;height: 48px;}
    .s3--horizon-beltItem img{width: 32px;padding-left: 18px;}
}
@media all and (max-width:1079px){
    .s3--horizon{display: flex;}
    .s3--horizonWrap{display: block;transform: translateY(100vh);margin: auto;}
    .s3--item{height: unset;width: 80vw;}
    .s3--item:not(:last-child){padding-bottom: 80px;}
    .s3--horizon-back-text02{margin: 4px 0;}
}
@media all and (max-width:1024px) {
    .s3--horizonWrap{gap: 40px;}
    .s3--horizon-backWrap{font-size: 20vw;}
    .s3--horizon-back-text01 p,.s3--horizon-back-text03{font-size: 16px;}
}
@media all and (max-width:650px) {
    .s3--horizon-back-text01 p,.s3--horizon-back-text03{font-size: 14px;}
    .s3--horizonWrap{gap: 30px;}
    
    .s3--item{width: 80vw;}
    .s3--item-text{height: 44px;padding: 10px;}
    .s3--item-text > div{padding: 0 10px;font-size: 12px;}
    .s3--item-bgImg{border-radius: 10px;}

    .s3--horizon-beltItem{padding-left: 10px;}
    .s3--horizon-beltItem p{font-size: 13px;padding: 0 10px;height: 32px;}
    .s3--horizon-beltItem img{width: 20px;padding-left: 10px;}
}
@media all and (max-width:376px) {
    .s3--item-text > div{padding: 0 9px;font-size: 11px;}
    .s3--horizon-back-text01 p,.s3--horizon-back-text03{font-size: 13px;}

    .s3--horizon-beltItem{padding-left: 6px;}
    .s3--horizon-beltItem p{font-size: 11px;padding: 0 6px;height: 24px;}
    .s3--horizon-beltItem img{width: 13px;padding-left: 6px;}
}


#s4{height: unset;padding-bottom: 160px;}
.s4--wrap{position: relative;width: 100%;height: 100%;padding: 160px 40px 50px;display: flex;justify-content: space-between;max-width: 1690px;}
.s4--text{font-size: 160px;line-height: 1.2;}
.s4--text-row{display: flex;align-items: center;letter-spacing: -0.02em;}
.s4--text-imgBox{height: 148px;padding-left: 0;background-size: cover;background-position: left center;background-repeat: no-repeat;border-radius: 80px;margin-left: 40px;transition-duration: 0.3s;}
.on-view .s4--text-imgBox{padding-left: 456px;}
.s4--textSpan{display: flex;}
.s4--textSpan >div {display: flex;}
.s4--textSpan span{display: block;}
.s4--circleCont3{width: 358px;height: 358px;border-radius: 50%;background-color: #0062f5;display: flex;align-items: center;justify-content: center;position: relative;}
.s4--circleCont3 img:not(.absCenter){display: block;animation: 30s 0s rotate infinite linear;width: 90%;}
.s4--circleCont3 img.absCenter{width: 33%;}
.s4--bot{display: flex;gap: 20px;padding: 0 40px;}
.s4--bot-item{display: flex;align-items: center;gap: 20px;font-size: 20px;color: #fff;border-radius: 30px;padding: 10px 20px;border:1px solid rgba(255, 255, 255, 0.7);font-family: 'Nunito sans';align-items: center;}
.s4--bot-item p:nth-child(2){opacity: 0.8;}
@media all and (max-width:1600px) {
    #s4{padding-bottom: 140px;}
    .s4--wrap{padding: 140px 40px 40px;}
    .s4--text{font-size: 120px;}
    .s4--text-imgBox{height: 120px;}
    .on-view .s4--text-imgBox{padding-left: 320px;}
    .s4--circleCont3{width: 320px;height: 320px;}
}
@media all and (max-width:1400px) {
    #s4{padding-bottom: 130px;}
    .s4--wrap{padding: 130px 40px 40px;max-width: 1000px;}
    .s4--text{font-size: 100px;}
    .s4--text-imgBox{height: 100px;}
    .on-view .s4--text-imgBox{padding-left: 280px;}
    .s4--circleCont3{width: 280px;height: 280px;}
}
@media all and (max-width:1400px) {
    .s4--text{font-size: 90px;}
    .s4--text-imgBox{height: 90px;}
    .on-view .s4--text-imgBox{padding-left: 240px;}
    .s4--circleCont3{width: 220px;height: 220px;}
}
@media all and (max-width:1024px) {
    .s4--wrap{max-width: 860px;}
    .s4--text{font-size: 80px;}
    .s4--text-imgBox{height: 80px;}
    .on-view .s4--text-imgBox{padding-left: 210px;}
    .s4--circleCont3{width: 180px;height: 180px;}

    .s4--bot{gap: 10px;padding: 0 40px;}
    .s4--bot-item{gap: 10px;font-size: 16px;color: #fff;padding: 10px 16px;}
}
@media all and (max-width:800px) {
    .s4--wrap{max-width: 760px;}
    .s4--text{font-size: 10vw;}
    .s4--text-imgBox{height: 9vw;}
    .on-view .s4--text-imgBox{padding-left: 25vw;margin-left: 5vw;}
    .s4--wrap{flex-direction: column-reverse;}
    .s4--circleCont3{width: 142px;height: 142px;margin-bottom: 30px;}
    /* .s4--circleCont3{width: 20vw;height: 20vw;position: absolute;right: calc(5vw + 40px);top: 100px;transform: translateX(50%);} */
}
@media all and (max-width:769px){
    #s4{padding-bottom: 80px;}
    .s4--wrap{padding: 100px 16px 24px;}
    .s4--bot{padding: 0 16px;}
    .s4--bot-item{gap: 10px;font-size: 13px;color: #fff;padding: 5px 12px;}
}
@media all and (max-width:400px){
    .s4--bot{gap: 5px;flex-wrap: wrap;}
    .s4--bot-item{gap: 5px;font-size: 12px;color: #fff;padding: 5px 10px;}
    .s4--circleCont3{width: 102px;height: 102px;}
}
/* @@@@@@@@@@@@@@@@@@@@@ */
/* font-family: 'Nunito Sans', sans-serif; */
body{background-color: #101111;color: #fff;}
.nunito{font-family: 'Nunito Sans', sans-serif;}
.pretendard{font-family: 'Pretendard';}
/* .italic{font-style: italic;transform: translateX(-15%);} */
.wordSlice{display: flex;}
/* .wordSlice .italic{padding-right: 0.05em;transform: translateX(-10%);margin: 0 -0.07em;} */
.wordSlice p{position: relative;overflow: hidden;}
.wordSlice p:nth-child(1) span{transition-delay: 0.1s;}
.wordSlice p:nth-child(2) span{transition-delay: 0.15s;}
.wordSlice p:nth-child(3) span{transition-delay: 0.2s;}
.wordSlice p:nth-child(4) span{transition-delay: 0.25s;}
.wordSlice p:nth-child(5) span{transition-delay: 0.3s;}
.wordSlice p:nth-child(6) span{transition-delay: 0.35s;}
.wordSlice p:nth-child(7) span{transition-delay: 0.4s;}
.wordSlice p:nth-child(8) span{transition-delay: 0.45s;}
.wordSlice p:nth-child(9) span{transition-delay: 0.5s;}
.wordSlice p:nth-child(10) span{transition-delay: 0.55s;}
.wordSlice span:first-child{position: relative;opacity: 0;}
.wordSlice span:last-child{position: absolute;left: 0;}
.section01{padding-top:110px;overflow: hidden;}
.section01 .wordSlice span:last-child{transform: translateY(100%);}
.init.section01 .wordSlice span:last-child{transform: translateY(0%);transition-duration: 0.7s;transition-property: transform;}
.s1--top{display: flex;flex-direction: column;gap: 40px;position: relative;padding: 0 40px;}
.s1--top-row{display: flex;}
.s1--top-row:nth-child(1){gap: 60px;}
.s1--top-row:nth-child(2){gap:40px;flex-direction: row-reverse;}
.s1--top-blueCircle{position: absolute;width: 294px;height: 294px;background-color: #0062f5;border-radius: 50%;bottom: 0;right: 135px;transform: translateX(200%) translateY(67%);transition-duration: 0.6s;transition-delay: 0.3s;}
.init .s1--top-blueCircle{transform: translateX(0)  translateY(67%);}
.s1--top-blueCircle > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.s1--top-blueCircle-path{width: 90%;}
.s1--top-blueCircle-path img{animation: 20s 0s rotate infinite linear;}
.s1--top-blueCircle-ico{width: 90px;}
.s1--top-blueCircle-ico img{animation: 20s 0s rotateReverse infinite linear;}
.s1--top-blueCircle img{width: 100%;display: block;}

.s1--top-big{font-size: 300px;font-weight: 600;line-height: 0.8;}
.s1--top-small{text-align: right;font-size: 20px;font-weight: 200;overflow: hidden;}
.s1--top-small p{transform: translateX(100%);line-height: 1.5;}
.init .s1--top-small p{transform: translateX(0%);transition-duration: 0.6s;transition-delay: 0.6s;transition-property: transform;}
.s1--bot{width: 100%;position: relative;margin: 350px 0 240px;padding: 0 40px;}
.s1--bot-img{position: relative;width: 100%;}
.s1--bot-img img{display:block;width: 100%;}

.s1--bot-img img:nth-child(2){display: none;}
.s1--bot-text{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.s1--bot-text01{font-size: 35px;line-height: 1.4;}
.s1--bot-text00{margin-bottom: 40px;display: flex;justify-content: center;}
.s1--bot-text00 img{display: block;margin: auto; width: 38px;animation: 7s 0s rotate infinite linear;}

.s1--text02Container{position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;}
.s1--belt{border-bottom: 1px solid rgba(255,255,255,0.7);}
.s1--beltWrap{width: 100%;display: flex;padding: 50px 0;border-top: 1px solid rgba(255,255,255,0.7);transition-duration: 0.3s;}
.s1--beltWrap:hover{background-color: #0062f5;}
.s1--belt-text{transform: translateX(-100%);display: flex;align-items: center;padding-right: 32px;}
.s1--belt-text02{transform: translateX(0%);display: flex;align-items: center;}
.s1--belt-text-big{font-size: 120px;letter-spacing: -0.02em;line-height: 1;display: flex;white-space: nowrap;font-weight: 400;font-family: 'Nunito sans';}
.s1--belt-text-big span{display: block;}
.s1--belt-text-small{display: flex;white-space: nowrap;align-items: center;gap: 10px;line-height: 1;transform: translateY(30%);padding-left: 32px;font-size: 20px;}
.s1--belt-text-small-img{width: 20px;}
.s1--belt-text-small-img img{display: block;width: 100%;animation: 5s 0s rotate infinite linear}
@media all and (max-width:1600px) {
    .s1--top-blueCircle{width: 260px;height: 260px;right: 60px;}
    .s1--top-blueCircle-ico{width: 80px;}
    .s1--top-big{font-size: 240px;}
    .s1--bot{margin: 300px 0 200px;}
    .s1--beltWrap{padding: 40px 0;}
    .s1--belt-text-big{font-size: 100px;}
}
@media all and (max-width:1400px){
    .s1--bot{margin: 270px 0 180px;}
    .s1--top-blueCircle{width: 220px;height: 220px;}
    .s1--top-blueCircle-ico{width: 70px;}
    .s1--top-big{font-size: 200px;}
    .s1--beltWrap{padding: 35px 0;}
    .s1--belt-text-big{font-size: 90px;}
    .s1--bot-text00 img{width: 35px;}
    .s1--bot-text01{font-size: 30px;}
}
@media all and (max-width:1280px){
    .s1--bot{margin: 240px 0 160px;}
    .s1--top-blueCircle{width: 180px;height: 180px;right: 40px;}
    .s1--top-blueCircle-ico{width: 60px;}
    .s1--top-row:nth-child(1){gap: 40px;}
    .s1--top-big{font-size: 160px;}
    .s1--top-small{font-size: 18px;}
    .s1--bot-text01{font-size: 24px;}
    .s1--beltWrap{padding: 30px 0;}
    .s1--belt-text-big{font-size: 80px;}
    .s1--belt-text-small{font-size: 18px;transform: translateY(20%);}
}
@media all and (max-width:1080px){
    .s1--bot{margin: 270px 0 120px;}
    .s1--top-big{font-size: 140px;}
    .s1--top-blueCircle{bottom: -70px;width: 150px;height: 150px;right: 40px;}
    .s1--top-blueCircle-ico{width: 40px;}
    .s1--top-row{flex-direction: column;}
    .s1--top-row:nth-child(2){flex-direction: column;}
    .s1--top-row:nth-child(1) .s1--top-small{text-align: left;}
    .s1--top-row:nth-child(1) .s1--top-small p{transform: translateX(-100%);}
    .init .s1--top-row:nth-child(1) .s1--top-small p{transform: translateX(0%);}
    .s1--top-row:nth-child(2) .s1--top-big .wordSlice{justify-content: flex-end;}
    .s1--beltWrap{padding: 25px 0;}
    .s1--belt-text-big{font-size: 50px;}
    .s1--bot-text00 img{width: 30px;}

}
@media all and (max-width:769px) {
    .s1--top{gap: 28px;padding: 0 20px;}
    .s1--top-row:nth-child(1){gap: 20px;}
    .s1--top-row:nth-child(2){gap: 20px;}
    .s1--top-big{font-size: 100px;}
    .s1--top-small{font-size: 15px;}
    .s1--top-blueCircle{bottom: -60px;width: 120px;height: 120px;right: 40px;}
    .s1--top-blueCircle-ico{width: 30px;}
    
    .s1--bot{padding: 0 20px;}
    .s1--bot-text00{margin-bottom: 20px;}
    .s1--bot-text00 img{width: 24px;}

    .s1--beltWrap{padding: 20px 0;}
    .s1--belt-text{padding-right: 20px;}
    .s1--belt-text-big{font-size: 40px;}
    .s1--belt-text-small{padding-left: 20px;transform: translateY(10%);}
    .s1--belt-text-small-img{width: 15px;}
    .s1--belt-text-small-text{font-size: 15px;}

    .s1--bot-img img:nth-child(1){display: none;}
    .s1--bot-img img:nth-child(2){display: block;margin: auto;max-width: 480px;}
}
@media all and (max-width:560px) {
    .s1--bot-text01{font-size: 13px;}
    .s1--top-big{font-size: 70px;}
    .s1--top-small{font-size: 13px;}

    .s1--beltWrap{padding: 18px 0;}
    .s1--belt-text{padding-right: 15px;}
    .s1--belt-text-big{font-size: 20px;}
    .s1--belt-text-small{padding-left: 15px;transform: translateY(5%);}
    .s1--belt-text-small-text{font-size: 13px;}
    .s1--belt-text-small-img{width: 14px;}
    .s1--belt-text-small-text{font-size: 12px;}
}
@media all and (max-width:375px) {
    .s1--top-big{font-size: 60px;}
    .s1--top-small{font-size: 12px;transform: translateY(0%);}
    .s1--belt-text-big{font-size: 18px;}
    .s1--belt-text-small-text{font-size: 11px;}
}
.section01a{padding: 260px 40px;overflow: hidden;}
.s1a--rowWrap{display: flex;gap: 40px;flex-direction: column;position: relative;}
.s1a--blueIco{position: absolute;bottom: 0;left: 52%;transform: translate(-50%,50%);width: 200px;}
.s1a--blueIco img{display: block;width: 100%;}
.s1a--row01 .s1a--row-text02{transform: translateX(-100%);opacity: 0;}
.s1a--row02 .s1a--row-text02{transform: translateX(100%);opacity: 0;}
.s1a--row-text01{font-size: 20px;font-weight: 200;line-height: 1;}
.s1a--row-text02{display: flex;flex-wrap: wrap;position: relative;font-size: 140px;}
.s1a--row-text02 span{line-height: 0.85;display: flex;letter-spacing: -0.02em;font-weight: 600;}
.s1a--row02 .s1a--row-text01{opacity: 0;}
.s1a--row:nth-child(1){display: flex;flex-direction: column;align-items: flex-end;}
.s1a--row:nth-child(1) .s1a--row-text01{margin-bottom: 14px;position: absolute;left: 0;top: 0;transform: translateY(-100%);}
.s1a--row:nth-child(2){display: flex;justify-content: space-between;}
.s1a--row:nth-child(2) .s1a--row-text02{-webkit-text-stroke:0.4px rgba(255,255,255,0.2);color: rgba(0,0,0,0);font-weight: 700;}
@media all and (max-width:1600px) {
    .section01a{padding: 220px 40px;}
    .s1a--row-text02{font-size: 120px;}
    .s1a--blueIco{width: 160px;}
}
@media all and (max-width:1400px) {
    .section01a{padding: 200px 40px;}
    .s1a--blueIco{width: 140px;}
    .s1a--row-text02{font-size: 100px;}
    .s1a--row-text01{font-size: 18px;word-break: keep-all;}
}
@media all and (max-width:1280px) {
    .section01a{padding: 180px 40px 80px;}
    .s1a--blueIco{width: 120px;bottom: 10px;}
    .s1a--rowWrap{gap: 28px;}
    .s1a--row:nth-child(1) .s1a--row-text02{flex-wrap: wrap;justify-content: flex-end;}
    .s1a--row:nth-child(1) .s1a--row-text01{width: 100%;text-align: right;transform: translateY(calc(-100% - 18px));}
    .s1a--row:nth-child(2){flex-direction: column;gap: 20px;}
    .s1a--row-text02{font-size: 90px;}
    .s1a--row-text01{font-size: 16px;}
}
@media all and (max-width:1080px) {
    .section01a{padding: 160px 40px 60px;}
    .s1a--row-text02{font-size: 70px;}
    .s1a--row-text01{font-size: 14px;}
}
@media all and (max-width:769px) {
    .section01a{padding: 140px 20px 40px;}
    .s1a--rowWrap{gap: 20px;}
    .s1a--row-text02{font-size: 50px;}
    .s1a--blueIco{left: unset;right: 0;width: 100px;}
}
@media all and (max-width:480px) {
    .s1a--rowWrap{gap: 20px;}
    .s1a--row-text01{font-size: 13px;}
    .s1a--row-text02{font-size: 38px;}
    .s1a--blueIco{left: unset;right: 0;width: 80px;}
}
@media all and (max-width:375px) {
    .s1a--rowWrap{gap: 20px;}
    .s1a--row-text02{font-size: 32px;}
    .s1a--blueIco{left: unset;right: -20px;width: 70px;}
}

.s2--col{width: 100%;position: relative;}
.s2--col2{pointer-events: none;opacity: 0;}
.s2--col1-sticky{position: absolute;width: 100%;height: 100vh;color: #fff;}
#s2{height: unset;}
.s2--wrap{width: 100%;height: 100%;}
.s2--itemHeight{position: relative;}
.s2--chapter:first-child,
.s2--chapter:last-child{height: 20vh;}
.s2--chapter{height: 100vh;border: 1px solid #fff;}

@keyframes goDownIco {
    0%{opacity: 1;transform: translate(-50%,-5px);}
    50%{opacity: 0;transform: translate(-50%,0px);}
    100%{opacity: 0;transform: translate(-50%,0px);}
}
.s2--view-down{position: absolute;bottom: 40px;left: 50%;transform: translate(-50%,0);animation: 2s 0.5s goDownIco infinite linear;width: 47px;}
.s2--view-down img{width: 100%;display: block;}
@media all and (max-width:1080px){
    .s2--view-down{width: 28px;bottom: 20px;}
}
.s2--view-nav{position: absolute;display: flex;flex-direction: column;gap: 10px;color: #fff;top: 50%;left: 40px;transform: translateY(-50%);font-size: 20px;}
.s2--view-navItem{opacity: 0.6;transition-duration: 0.3s;display: flex;gap: 10px;align-items: center;}
.s2--view-navItem span{opacity: 0;width: 5px;height: 5px;display: block;background-color: #fff;border-radius: 50%;}
.section02[data-level="0"] .s2--view-navItem:nth-child(1){opacity: 1;}
.section02[data-level="0"] .s2--view-navItem:nth-child(1) span{opacity: 1;}
.section02[data-level="1"] .s2--view-navItem:nth-child(1){opacity: 1;}
.section02[data-level="1"] .s2--view-navItem:nth-child(1) span{opacity: 1;}
.section02[data-level="2"] .s2--view-navItem:nth-child(2){opacity: 1;}
.section02[data-level="2"] .s2--view-navItem:nth-child(2) span{opacity: 1;}
.section02[data-level="3"] .s2--view-navItem:nth-child(3){opacity: 1;}
.section02[data-level="3"] .s2--view-navItem:nth-child(3) span{opacity: 1;}
.section02[data-level="4"] .s2--view-navItem:nth-child(4){opacity: 1;}
.section02[data-level="4"] .s2--view-navItem:nth-child(4) span{opacity: 1;}
.section02[data-level="5"] .s2--view-navItem:nth-child(4){opacity: 1;}
.section02[data-level="5"] .s2--view-navItem:nth-child(4) span{opacity: 1;}

.s2--view{width: 100%;color: #fff;position: absolute;top: 50%;display: flex;align-items: center;justify-content: center;padding: 0 40px;left: 50%;transform: translate(-50%,-50%);}
.s2--viewWrap{margin: auto;width: 1300px;height: 95vh;display: flex;align-items: center;justify-content: space-between;position: relative;padding-top: 5vw;}
.s2--view-img{position: absolute;left: 28%;top: 46%;z-index: 1;}
.s2--view-imgWrap{position: absolute;top:50%;left:25%;transform: translate(-50%,-50%);}
.s2--view-imgItem{position: absolute;object-fit: contain;opacity: 0;transition-duration: 0.3s;transform: translate(-50%,-50%);top: 50%;left: 50%;display: flex;align-items: center;justify-content: center;}
.s2--view-imgItem img{display: block;width: 100%;}
.s2--view-imgItem:nth-child(1) img{width: 307px;}
.s2--view-imgItem:nth-child(2) img{width: 508px;}
.s2--view-imgItem:nth-child(3) img{width: 484px;}
.s2--view-imgItem:nth-child(4) img{width: 592px;}
.section02[data-level="0"] .s2--view-imgItem:nth-child(1){opacity: 1;}
.section02[data-level="1"] .s2--view-imgItem:nth-child(1){opacity: 1;}
.section02[data-level="2"] .s2--view-imgItem:nth-child(2){opacity: 1;}
.section02[data-level="3"] .s2--view-imgItem:nth-child(3){opacity: 1;}
.section02[data-level="4"] .s2--view-imgItem:nth-child(4){opacity: 1;}
.section02[data-level="5"] .s2--view-imgItem:nth-child(4){opacity: 1;}

.s2--view-belt{height: 55px;width: 340px;overflow: hidden;border: 1px solid #fff;border-radius: 30px;position: relative;z-index: 2;}
.s2--view-beltWrap{display: flex;white-space: nowrap;height: 53px;transition-duration: 0.3s;transform: translateY(100%);position: absolute;}
.s2--view-beltItem{display: flex;white-space: nowrap;align-items: center;font-size: 22px;}
.s2--view-beltItem p{display: block;padding-left: 5px;}
.s2--view-beltItem img{display: block;padding-left: 5px;width: 20px;}
.section02[data-level="0"] .s2--view-beltWrap:nth-child(1),
.section02[data-level="1"] .s2--view-beltWrap:nth-child(1){transform: translateY(0);}
.section02[data-level="2"] .s2--view-beltWrap:nth-child(1),
.section02[data-level="3"] .s2--view-beltWrap:nth-child(1),
.section02[data-level="4"] .s2--view-beltWrap:nth-child(1),
.section02[data-level="5"] .s2--view-beltWrap:nth-child(1){transform: translateY(-100%);}

.section02[data-level="2"] .s2--view-beltWrap:nth-child(2){transform: translateY(0);}
.section02[data-level="3"] .s2--view-beltWrap:nth-child(2),
.section02[data-level="4"] .s2--view-beltWrap:nth-child(2),
.section02[data-level="5"] .s2--view-beltWrap:nth-child(2){transform: translateY(-100%);}

.section02[data-level="3"] .s2--view-beltWrap:nth-child(3){transform: translateY(0);}
.section02[data-level="4"] .s2--view-beltWrap:nth-child(3),
.section02[data-level="5"] .s2--view-beltWrap:nth-child(3){transform: translateY(-100%);}

.section02[data-level="4"] .s2--view-beltWrap:nth-child(4),
.section02[data-level="5"] .s2--view-beltWrap:nth-child(4){transform: translateY(0);}

.s2--view-text01{position: relative;height: 24px;overflow: hidden;position: relative;font-family: 'Nunito sans';}
.s2--view-text01 p{display: flex;white-space: nowrap;height: 24px;transition-duration: 0.3s;transform: translateY(100%);position: absolute;color: rgba(255,255,255,0.5);font-size: 25px;line-height: 1;}
.section02[data-level="0"] .s2--view-text01 p:nth-child(1),
.section02[data-level="1"] .s2--view-text01 p:nth-child(1){transform: translateY(0);}
.section02[data-level="2"] .s2--view-text01 p:nth-child(1),
.section02[data-level="3"] .s2--view-text01 p:nth-child(1),
.section02[data-level="4"] .s2--view-text01 p:nth-child(1),
.section02[data-level="5"] .s2--view-text01 p:nth-child(1){transform: translateY(-100%);}

.section02[data-level="2"] .s2--view-text01 p:nth-child(2){transform: translateY(0);}
.section02[data-level="3"] .s2--view-text01 p:nth-child(2),
.section02[data-level="4"] .s2--view-text01 p:nth-child(2),
.section02[data-level="5"] .s2--view-text01 p:nth-child(2){transform: translateY(-100%);}

.section02[data-level="3"] .s2--view-text01 p:nth-child(3){transform: translateY(0);}
.section02[data-level="4"] .s2--view-text01 p:nth-child(3),
.section02[data-level="5"] .s2--view-text01 p:nth-child(3){transform: translateY(-100%);}

.section02[data-level="4"] .s2--view-text01 p:nth-child(4),
.section02[data-level="5"] .s2--view-text01 p:nth-child(4){transform: translateY(0);}

.s2--view-text02{position: relative;height: 90px;overflow: hidden;position: relative;margin-top: 40px;padding-right: 20px;width: 550px;font-family: 'Nunito sans';}
.s2--view-text02 p{display: flex;white-space: nowrap;height: 90px;transition-duration: 0.3s;transform: translateY(100%);position: absolute;color: #fff;font-size: 100px;line-height: 0.9;}
.section02[data-level="0"] .s2--view-text02 p:nth-child(1),
.section02[data-level="1"] .s2--view-text02 p:nth-child(1){transform: translateY(0);}
.section02[data-level="2"] .s2--view-text02 p:nth-child(1),
.section02[data-level="3"] .s2--view-text02 p:nth-child(1),
.section02[data-level="4"] .s2--view-text02 p:nth-child(1),
.section02[data-level="5"] .s2--view-text02 p:nth-child(1){transform: translateY(-100%);}

.section02[data-level="2"] .s2--view-text02 p:nth-child(2){transform: translateY(0);}
.section02[data-level="3"] .s2--view-text02 p:nth-child(2),
.section02[data-level="4"] .s2--view-text02 p:nth-child(2),
.section02[data-level="5"] .s2--view-text02 p:nth-child(2){transform: translateY(-100%);}

.section02[data-level="3"] .s2--view-text02 p:nth-child(3){transform: translateY(0);}
.section02[data-level="4"] .s2--view-text02 p:nth-child(3),
.section02[data-level="5"] .s2--view-text02 p:nth-child(3){transform: translateY(-100%);}

.section02[data-level="4"] .s2--view-text02 p:nth-child(4),
.section02[data-level="5"] .s2--view-text02 p:nth-child(4){transform: translateY(0);}

.s2--view-text03{position: relative;height: 90px;overflow: hidden;position: relative;width: 540px;margin-top: 30px;}
.s2--view-text03 p{display: flex;height: 90px;transition-duration: 0.3s;transform: translateY(100%);position: absolute;color: rgba(255,255,255,0.7);font-size: 20px;line-height: 1.5;width: 100%;word-break: keep-all;}
.section02[data-level="0"] .s2--view-text03 p:nth-child(1),
.section02[data-level="1"] .s2--view-text03 p:nth-child(1){transform: translateY(0);}
.section02[data-level="2"] .s2--view-text03 p:nth-child(1),
.section02[data-level="3"] .s2--view-text03 p:nth-child(1),
.section02[data-level="4"] .s2--view-text03 p:nth-child(1),
.section02[data-level="5"] .s2--view-text03 p:nth-child(1){transform: translateY(-100%);}

.section02[data-level="2"] .s2--view-text03 p:nth-child(2){transform: translateY(0);}
.section02[data-level="3"] .s2--view-text03 p:nth-child(2),
.section02[data-level="4"] .s2--view-text03 p:nth-child(2),
.section02[data-level="5"] .s2--view-text03 p:nth-child(2){transform: translateY(-100%);}

.section02[data-level="3"] .s2--view-text03 p:nth-child(3){transform: translateY(0);}
.section02[data-level="4"] .s2--view-text03 p:nth-child(3),
.section02[data-level="5"] .s2--view-text03 p:nth-child(3){transform: translateY(-100%);}

.section02[data-level="4"] .s2--view-text03 p:nth-child(4),
.section02[data-level="5"] .s2--view-text03 p:nth-child(4){transform: translateY(0);}

@media all and (max-width:1650px) {
    .s2--viewWrap{max-width: 1100px;}
    .s2--view-text02{width: 440px;padding-right: 0;}
    .s2--view-text02 p{font-size: 80px;}
    .s2--view-text03 {width: 440px;}
    .s2--view-text03 p{font-size: 18px;}

    .s2--view-imgItem:nth-child(1) img{width: 267px;}
    .s2--view-imgItem:nth-child(2) img{width: 428px;}
    .s2--view-imgItem:nth-child(3) img{width: 414px;}
    .s2--view-imgItem:nth-child(4) img{width: 522px;}
}
@media all and (max-width:1400px) {
    .s2--viewWrap{max-width: 980px;flex-direction: column-reverse;justify-content: center;align-items: flex-start;position: relative;width: 100%;}
    .s2--view-text02{height: 70px;margin-top: 30px;}
    .s2--view-text02 p{font-size: 70px;height: 70px;}
    .s2--view-text03{height: 60px;}
    .s2--view-text03 p{font-size: 16px;height: 60px;}
    .s2--view-imgWrap,
    .s2--view-img{left: unset;right: unset;top: unset;width: unset;position: static;transform: unset;}
    .s2--view-imgItem{left: unset;right: 0;transform: translate(0,-50%);width: 50%;height: 50vh;right: 10px;}
    .s2--view-imgItem:nth-child(1) img{width: 247px;}
    .s2--view-imgItem:nth-child(2) img{width: 368px;}
    .s2--view-imgItem:nth-child(3) img{width: 364px;}
    .s2--view-imgItem:nth-child(4) img{width: 472px;}
    .s2--view-belt{margin-top: 40px;transform: unset;}
    .s2--view-nav{flex-direction: row;width: 100%;bottom: 60px;left: 50%;transform: translateX(-50%);top: unset;justify-content: center;gap: 40px;font-size: 16px;}
    .s2--view-navItem{position: relative;}
    .s2--view-navItem span{width: 100%;height: 1px;position: absolute;bottom:0;}
}
@media all and (max-width:1080px) {
    .s2--view-imgItem{right: 40px;}
    .s2--view-text02{height: 60px;text-shadow: 1px 1px 4px rgba(0,0,0,0.2);margin-top: 28px;}
    .s2--view-text02 p{font-size: 60px;height: 60px;}
    .s2--view-text03,
    .s2--view-text03 p{height: 60px;margin-bottom: 20px;}
    .s2--view-text03 p{font-size: 13px;}
    .s2--view-belt,
    .s2--view-beltWrap{height: 44px;}
    .s2--view-beltItem{font-size: 15px;}

    .s2--view-imgItem:nth-child(1) img{width: 227px;}
    .s2--view-imgItem:nth-child(2) img{width: 328px;}
    .s2--view-imgItem:nth-child(3) img{width: 314px;}
    .s2--view-imgItem:nth-child(4) img{width: 402px;}
    .s2--view-nav{gap: 30px;font-size: 14px;}

    .s2--chapter:first-child,
    .s2--chapter:last-child{height: 50vh;}
    .s2--chapter{height: 70vh;border: 1px solid #fff;}
}
@media all and (max-width:820px) {
    .s2--view{padding: 0 16px;}
    .s2--view-nav{gap: 20px;font-size: 14px;bottom: 20px;}
    .s2--view-text01 p{width: 100%;text-align: center;justify-content: center;}
    .s2--view-text02 p{width: 100%;text-align: center;justify-content: center;}
    .s2--view-text02{height: 50px;width: 100%;}
    .s2--view-text02 p{font-size: 50px;height: 50px;}
    .s2--view-text,
    .s2--view-text03 p,
    .s2--view-text03{width: 100%;text-align: center;justify-content: center;}

    .s2--viewWrap{padding-top: 0;padding-bottom: 40px;}
    .s2--view-img{height: 30vh;overflow: hidden;width: 100%;}
    .s2--view-imgWrap{width: 100%;height: 100%;position: relative;}
    .s2--view-imgItem{right: unset;left: 50%;transform: translate(-50%,-50%);height: 100%;width: 100%;}
    .s2--view-imgItem img{object-fit: contain;height: 100%;width: 100%;}

    .s2--view-imgItem:nth-child(1) img{width: 100%;}
    .s2--view-imgItem:nth-child(2) img{width:100%;}
    .s2--view-imgItem:nth-child(3) img{width:100%;}
    .s2--view-imgItem:nth-child(4) img{width:80%;}

    .s2--view-belt,
    .s2--view-beltWrap{height: 40px;}
    .s2--view-beltItem{font-size: 13px;}
    .s2--view-belt{margin: 20px auto;width: 340px;}
}
@media all and (max-width:480px) {
    .s2--view-imgItem{left: 50%;right: unset;top: 50%;bottom: unset;transform: translate(-50%,-50%);}
    .section02[data-level="0"] .s2--view-imgItem:nth-child(1),
    .section02[data-level="1"] .s2--view-imgItem:nth-child(1),
    .section02[data-level="2"] .s2--view-imgItem:nth-child(2),
    .section02[data-level="3"] .s2--view-imgItem:nth-child(3),
    .section02[data-level="4"] .s2--view-imgItem:nth-child(4),
    .section02[data-level="5"] .s2--view-imgItem:nth-child(4){opacity: 0.85;}
    .s2--view-nav{gap: 10px;font-size: 12px;}
    .s2--view-text03 p br{display: none;}
    .s2--view-belt{width: 248px;}
}

.header{background-color: unset;border-bottom: 0px solid #000;}
.header.white{background-color: #101111;}
.header .wrap,
.footer .wrap{max-width:unset;padding: 0 40px;}
@media all and (max-width: 1299px){
    .header.white{color: #fff;}
    .white #headerBtn span{background-color: #fff;}
    .header.white img.black{opacity: 0;}
    .header.white img.white{opacity: 1;}
}
@media all and (max-width:769px){
    .header .wrap,
    .footer .wrap{padding: 0 16px;}
    .footer--linkTit{display: none;}
    .footer--linkTit-mobile{display: block;}
}

/* 230525 비디오팝업 */
.main--videoPop{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100001;}
.main--videoPop.hide{display: none;}
.main--videoPop-dim{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.main--videoPop-cont{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 20px;flex-direction: column;}
.main--videoPop-wrap{width: 100%;max-width: 1280px;padding-top: clamp(200px,56.25%,720px);position: relative;}
.main--videoPop iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.main--videoPop-closeWrap{width: 100%;max-width: 1280px;display: flex;justify-content: flex-end;}
.main--videoPop-close{width: 30px;height: 40px;position: relative;cursor: pointer;}
.main--videoPop-close span{position: absolute;display: block;width: 100%;height: 1px;background-color: #fff;top: 50%;left: 50%;}
.main--videoPop-close span:nth-child(1){transform: translate(-50%,-50%) rotate(45deg);}
.main--videoPop-close span:nth-child(2){transform: translate(-50%,-50%) rotate(-45deg);}
@media all and (max-width:480px) {
    .main--videoPop-close{width: 24px;height: 30px;}
}