.sec {
    position:relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: #fff;
    height: 100%; /* fullpage */
}

.ctrWrap {
    display: flex;
    align-items: center;
    gap: 0 43px;
}

.ctrWrap .leftWrap {
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.ctrWrap .leftWrap>p {
    color: #fff;
    font-size: 20px;
    font-family: 'PreR';
    width: 24px;
}

.ctrWrap .leftWrap .proWrap {
    width: 120px;
    height: 1px;
    background-color: #ffffff80;
}

.ctrWrap .leftWrap .proWrap .pro {
    width: 50%;
    height: 100%;
    background-color: #ffffff;
    transition:all .5s;
}

.ctrWrap .arrowsWrap {
    display: flex;
    align-items: center;
    gap: 0 28px;
}

.ctrWrap.blk .leftWrap>p {
    color: #000;
}

.ctrWrap.blk .leftWrap .proWrap {
    background-color: #00000042;
}

.ctrWrap.blk .leftWrap .proWrap .pro {
    background-color: #000000;
}

/* 공통 */

/* .header {
    top: -90px;
} */

.introWrap {
    position:fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
}

.introWrap .bgWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.introWrap .textWrap {
    width: 100%;
    height: 100%;
    position:relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.introWrap .textWrap .txtWrap .t2 {
    margin-bottom: -22px;
}

.introWrap .textWrap .txtWrap .t3 {
    margin-bottom: 20px;
}

.introWrap .textWrap .sWrap {
    position:absolute;
    bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* animation: upDownLoop 1s infinite; */
}

.introWrap .textWrap .sWrap .s1 {
    animation:rotateLoop 5s infinite linear;
}

.introWrap .textWrap .sWrap .s2 {
    position:absolute;
}

.videoPopWrap {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 20px 0;
    z-index: 10001;
}

.videoPopWrap .videoWrap {
    width: 1067px;
    height: 600px;
}

.videoPopWrap .videoWrap iframe {
    width: 100%;
    height: 100%;
}

.videoPopWrap>a {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
}

.videoPopWrap2 {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 20px 0;
    z-index: 10011;
}

.videoPopWrap2 .videoWrap {
    width: 1067px;
    height: 600px;
}

.videoPopWrap2 .videoWrap iframe {
    width: 100%;
    height: 100%;
}

.videoPopWrap2>a {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
}

.videoPopWrap3 {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 20px 0;
    z-index: 10005;
}

.videoPopWrap3 .videoWrap {
    width: 1067px;
    height: 600px;
}

.videoPopWrap3 .videoWrap iframe {
    width: 100%;
    height: 100%;
}

.videoPopWrap3>a {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
}

.videoPopWrap4 {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 20px 0;
    z-index: 10002;
}

.videoPopWrap4 .videoWrap {
    width: 1067px;
    height: 600px;
}

.videoPopWrap4 .videoWrap iframe {
    width: 100%;
    height: 100%;
}

.videoPopWrap4>a {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
}

.visualWrap .swiper-container {
    position:absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.visualWrap .swiper-slide {
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visualWrap .swiper-slide .bgWrap {
    height: 100%;
    width: 100%;
}

.visualWrap .swiper-slide .bgWrap img {
    transform: scale(1.2);
}

.visualWrap .swiper-slide .bgWrap img.active {
    transition:all 4s;
    transform: scale(1);
}

.visualWrap .swiper-slide .textWrap {
    position:absolute;
}

.visualWrap .swiper-slide .textWrap.s1 {
    top: 250px;
}

.visualWrap .swiper-slide .textWrap.s2 {
    top: 150px;
}

.visualWrap .ctrWrap {
    position:absolute;
    bottom: 50px;
    right: 110px;
}

.visualWrap .qWrap {
    position:absolute;
    right: 110px;
    top: 125px;
    display: flex;
    flex-flow: column;
    gap: 7px 0;
}

.visualWrap .vWrap {
    position:absolute;
    left: 110px;
    top: 125px;
    display: flex;
    flex-flow: column;
    gap: 7px 0;
}

.sec1Wrap .contWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    height: 100%;
    width: 100%;
}

.sec1Wrap .contWrap .bgWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.sec2Wrap {
    background: url(../images/main/bg_sec2.png) no-repeat center/cover;
}

.sec2Wrap>.leftWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin-right: -160px;
    position:relative;
    z-index: 10;
}

.sec2Wrap>.leftWrap .t1 {
    margin-bottom: 45px;
}

.sec2Wrap>.leftWrap .t2 {
    margin-bottom: 20px;
}

.sec2Wrap>.leftWrap .i1 {
    align-self: flex-end;
    margin-right: 205px;
}

.sec2Wrap>.centerWrap {
    position: relative;
}

.sec2Wrap>.centerWrap .swiper-container {
    width: 611px;
    height: 573px;
    border-radius: 300px 300px 0 0;
    overflow: hidden;
}

.sec2Wrap>.centerWrap .moreBtn {
    position:absolute;
    z-index: 10;
    right: -35px;
    top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec2Wrap>.centerWrap .moreBtn .s1 {
    animation: rotateLoop 4s infinite linear;
}

.sec2Wrap>.centerWrap .moreBtn .s2 {
    position: absolute;
}

.sec2Wrap>.rightWrap {
    width: 335px;
    margin-left: 90px;
    margin-top: 200px;
    display: flex;
    flex-flow: column;
    gap: 40px 0;
}

.sec3Wrap {
    background: url(../images/main/bg_sec3.png) no-repeat center/cover;
}

.sec3Wrap .rtWrap {
    position:absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #999999;
    height: 80px;
    display: flex;
    align-items: center;
}

.sec3Wrap .contWrap {
    width: calc(100% - 500px);
    display: flex;
    flex-flow: column;
    gap: 50px 0;
    margin-top: 250px;
    position:relative;
}

.sec3Wrap .contWrap .swiper-slide {
    display: flex;
    align-items: center;
    height: 420px;
    transition: all 1s !important;
}

.sec3Wrap .contWrap .swiper-slide-next {
    margin-top: -200px;
}

.sec3Wrap .contWrap .swiper-slide .sContWrap {
    position:absolute;
    width: 100%;
    height: 100%;
    transition:all 1s;
    display: flex;
    flex-flow: column;
}

.sec3Wrap .contWrap .swiper-slide-active .sContWrap {
    width: 105%;
    height: 105%;
}

.sec3Wrap .contWrap .swiper-slide .imgWrap {
    width: 100%;
    height: calc(100% - 100px);
    transition:all 1s;
}

.sec3Wrap .contWrap .swiper-slide-active .imgWrap {
    height: calc(100% - 110px);
}

.sec3Wrap .contWrap .swiper-slide .txtWrap {
    background-color: #e7e2dc;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    transition:all 1s;
}

.sec3Wrap .contWrap .swiper-slide-active .txtWrap {
    height: 110px;
}

.sec3Wrap .contWrap .t1 {
    position:absolute;
    left: 49%;
    bottom: 125px;
}

.sec4Wrap {
    background: url(../images/main/bg_sec4.png) no-repeat center/cover;
}

.sec4Wrap .contWrap {
    max-width: calc(100% - 380px);
    display: flex;
    flex-flow: column;
    gap: 30px 0;
}

.sec4Wrap .contWrap .topWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec5Wrap {
    background-color: #112346;
}

.sec5Wrap .bgWrap {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.sec5Wrap .contWrap {
    display: flex;
    align-items: center;
    margin-left: 5vw;
}

.sec5Wrap .contWrap .leftWrap {
    position:relative;
    z-index: 10;
    margin-right: -200px;
}

.sec5Wrap .contWrap .centerWrap {
    position: relative;
}

.sec5Wrap .contWrap .centerWrap .sWrap {
    position:absolute;
    top: 80px;
    right: -115px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec5Wrap .contWrap .centerWrap .sWrap .s1 {
    animation: rotateLoop 4s infinite linear;
}

.sec5Wrap .contWrap .centerWrap .sWrap .s2 {
    position: absolute;
}

.sec5Wrap .contWrap .rightWrap {
    align-self: flex-end;
    margin-left: 60px;
    padding-bottom: 15px;
}

.sec6Wrap {
    background: url(../images/main/bg_sec6.png) no-repeat center/cover;
    gap: 45px 0;
    flex-flow: column;
}

.sec6Wrap .imgWrap {
    display: flex;
    align-items: center;
    gap: 0 50px;
}