._mission_vision {
    background-color: #000;
}
.s1{position:relative; min-height:var(--vh100); background-position: center; background-size: cover; display:flex; align-items:center; justify-content:center;}
.s1 h1{margin-bottom:10px; padding-left:17px; font-size:20px; color:#BD9AF8; background:url(/asset/img/sub/about/bulit.svg) no-repeat 0 center;}
.s1 h2{margin-bottom:49px; font-size:68px; color:#fff; font-weight:600; letter-spacing:-0.04em; line-height:1;}
.s1 .en{margin-bottom:13px; font-size:24px; font-weight:500; color:#fff; letter-spacing:-0.04em;}
.s1 p{font-size:17px; font-weight:300; color:#fff; }

._mission_vision .s2 {
    position: relative;
    overflow: hidden;
}
._mission_vision .s2 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}
._mission_vision .s2 .bg canvas {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    mix-blend-mode: soft-light;
}
._mission_vision .s2 .bg .objWrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(100px);
}
._mission_vision .s2 .bg .objWrapper .obj {
    position: absolute;
}
._mission_vision .s2 .bg .objWrapper .obj::before {
    content: '';
    display: block;
    padding-bottom: 100%;
    border-radius: 50%;
}
._mission_vision .s2 .bg .objWrapper .obj::after {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding-top: 100%;
    opacity: .8;
}
._mission_vision .s2 .bg .objWrapper .obj.purple {
    left: 0;
    border-right: 30px solid transparent;
    top: 5%;
    transform: translateX(-30%);
    width: 320px;
    height: 430px;
    background-color: #23002c;
    border-radius: 50%;
    animation: obj_purple 8s ease-in-out infinite;
}
._mission_vision .s2 .bg .objWrapper .obj.purple::before {
    background-color: #23002c;
    animation: obj_purple_before 5s .7s ease-in-out infinite;
}
._mission_vision .s2 .bg .objWrapper .obj.blue {
    right: 0;
    top: 40%;
    transform: translateX(50%);
    width: 415px;
    height: 400px;
    background-color: #01263f;
    border-radius: 50%;
    animation: obj_blue 8s ease-in-out infinite;
}
._mission_vision .s2 .bg .objWrapper .obj.blue::before {
    background-color: #001625;
    animation: obj_blue_before 5s .5s ease-in-out infinite;
}
@keyframes obj_purple {
    0% {
        transform: translateX(-30%) translateY(0%) rotate(0deg);
    }
    50% {
        transform: translateX(20%) translateY(30%);
    }
    100% {
        transform: translateX(-30%) translateY(0%) rotate(360deg);
    }
}
@keyframes obj_blue {
    0% {
        transform: translateX(50%) translateY(0%) rotate(0deg);
    }
    50% {
        transform: translateX(80%) translateY(-30%);
    }
    100% {
        transform: translateX(50%) translateY(0%) rotate(360deg);
    }
}
@keyframes obj_purple_before {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes obj_blue_before {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
._mission_vision .s2 .cont {
    display: flex; flex-direction: column;;
    z-index: 1;
    position: relative;
    padding-bottom: 5vw;
}
._mission_vision .s2 .cont .block {
    position: relative;
    width: 100%;
    height: 80vh;
    clip-path: polygon(20% 30%, 80% 45%, 95% 85%, 10% 90%);
}
._mission_vision .s2 .cont .block .img {
    width: 100%;
}
._mission_vision .s2 .cont .block .img img {
    width: 100%;
    object-fit: cover;
    filter: brightness(0.4);
}
._mission_vision .s2 .cont .block .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-100%);
    width: 100%;
    display: flex; align-items: center; justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}
._mission_vision .s2 .cont .block .txt b {
    font-family: 'Pretendard';
    font-size: 208px;
    letter-spacing: -0.04em;
    color: #fff;
    opacity: 0.09;
    overflow: hidden;
}
._mission_vision .s2 .cont .block .txt b span {
    display: block;
}
._mission_vision .s2 .cont .block .txt .inner {
    display: flex; flex-direction: column;
    width: 50%;
}
._mission_vision .s2 .cont .block .txt .inner .big {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 56px;
    line-height: calc(71/56*1em);
    letter-spacing: -0.04em;
    color: #fff;
    padding-bottom: calc(40/56*1em);
    overflow: hidden;
}
._mission_vision .s2 .cont .block .txt .inner .big > * {
    overflow: hidden;
}
._mission_vision .s2 .cont .block .txt .inner .small {
    font-family: 'Pretendard';
    font-weight: 300;
    font-size: 20px;
    line-height: calc(33/20*1em);
    letter-spacing: -0.04em;
    color: #fff;
    overflow: hidden;
}
._mission_vision .s2 .cont .block .txt .inner .small > * {
    overflow: hidden;
}
@media screen and (max-width: 1600px) {
    ._mission_vision .s2 .cont .block .txt b {
        width: 50%;
        font-size: clamp(190px, 208/1600*100vw, 208px);
        /* padding-right: calc(0/208*1em); */
        text-align: center;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
    ._mission_vision .s2 .cont .block .txt b {
        font-size: clamp(140px, 170/1440*100vw, 170px);
    }
    ._mission_vision .s2 .cont .block .txt .inner .big {
        font-size: clamp(40px, 56/1280*100vw, 56px);
    }
    ._mission_vision .s2 .cont .block .txt .inner .small {
        font-size: clamp(18px, 20/1280*100vw, 20px);
    }
}
@media screen and (max-width: 1024px) {
    ._mission_vision .s2 .cont .block .txt {
        transform: translate(-50%,-130%);
    }
    ._mission_vision .s2 .cont .block .txt b {
        font-size: clamp(100px, 140/1024*100vw, 140px);
    }
    ._mission_vision .s2 .cont .block .txt .inner .big {
        font-size: clamp(30px, 40/1024*100vw, 40px);
    }
    ._mission_vision .s2 .cont .block .txt .inner .small {
        font-size: clamp(16px, 18/1024*100vw, 18px);
    }
}
@media screen and (max-width: 820px) {
    ._mission_vision .s2 .cont .block .img {
        height: var(--vh100);
    }
    ._mission_vision .s2 .cont .block .img img {
        height: 100%;
    }
    ._mission_vision .s2 .cont .block .txt {
        bottom: 0;
        padding-bottom: 50px;
        top: 10%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        transform: translate(-50%,-50%);
        padding: 0 10%;
        box-sizing: border-box;
    }
    ._mission_vision .s2 .cont .block .txt b {
        width: 100%;
        text-align: left;
        padding-bottom: calc(40/100*1em);
    }
    ._mission_vision .s2 .cont .block .txt .inner {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    ._mission_vision .s2 .cont .block .txt b span {
        font-size: clamp(60px, 100/500*100vw, 100px);
    }
    ._mission_vision .s2 .cont .block .txt .inner .big {
        font-size: clamp(20px, 30/500*100vw, 30px);
    }
    ._mission_vision .s2 .cont .block .txt .inner .small {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
}


._mission_vision .s3 {
    background: linear-gradient(to bottom, #180954, transparent);
    padding-top: 100px;
    padding-bottom: 80px;
}
._mission_vision .s3 .wrap {
    display: flex; flex-direction: column; align-items: center;
}
._mission_vision .s3 .swiper {
    width: 100%;
}
._mission_vision .s3 .swiper-slide {
    width: 1440px;
    position: relative;
}
._mission_vision .s3 .swiper-slide .img {
    width: 100%;
    border-radius: 19px;
    overflow: hidden;
    filter: brightness(0.4);
}
._mission_vision .s3 .swiper-slide .img img {
    width: 100%;
    object-fit: cover;
}
._mission_vision .s3 .swiper-slide .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    padding: 0 120px;
    box-sizing: border-box;
}
._mission_vision .s3 .swiper-slide .txt > span {
    font-family: 'Pretendard';
    font-weight: 600;
    letter-spacing: -0.04em;
    font-size: 20px;
    color: #b997f4;
    padding-bottom: calc(20/20*1em);
}
._mission_vision .s3 .swiper-slide .txt > .bold {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -0.04em;
    line-height: calc(60/42*1em);
    padding-bottom: calc(25/42*1em);
}
._mission_vision .s3 .swiper-slide .txt > .small {
    font-family: 'Pretendard';
    font-weight: 300;
    font-size: 17px;
    letter-spacing: -0.04em;
    line-height: calc(31/17*1em);
}
._mission_vision .s3 .s3_pagination {
    display: flex; align-items: center; justify-content: center;
    gap: 10px;
    padding-top: 20px;
}
._mission_vision .s3 .s3_pagination > * {
    width: 5px;
    height: 5px;
    border-radius: 17px;
    background-color: #fff;
    opacity: 0.5;
    transition: all 0.3s ease;
}
._mission_vision .s3 .s3_pagination > *.swiper-pagination-bullet-active {
    width: 33px;
    opacity: 1;
}
._mission_vision .s3 .direct {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: calc(18/17*1em) calc(20/17*1em);
    margin-top: calc(40/17*1em);
    color: #fff;
    font-family: 'Pretendard';
    font-size: 17px;
    letter-spacing: -0.04em;
    border-radius: calc(7/17*1em);
    transition: all 0.3s ease;
    background: linear-gradient(-90deg, #3b0694 30%, #1664c4 100%);
}
@media screen and (max-width: 1280px) {
    ._mission_vision .s3 .swiper-slide .txt > span {
        font-size: clamp(18px, 20/1280*100vw, 20px);
    }
    ._mission_vision .s3 .swiper-slide .txt > .bold {
        font-size: clamp(30px, 42/1280*100vw, 42px);
    }
}
@media screen and (max-width: 1024px) {
    ._mission_vision .s3 .swiper-slide .txt {
        padding: 0 5%;
    }
    ._mission_vision .s3 .swiper-slide .txt > .bold {
        font-size: clamp(20px, 30/1024*100vw, 30px);
    }
    ._mission_vision .s3 .swiper-slide .txt > .small {
        font-size: clamp(14px, 16/1024*100vw, 16px);
    }
    ._mission_vision .s3 .direct {
        font-size: clamp(14px, 17/1024*100vw, 17px);
    }
}
@media screen and (max-width: 820px) {
    ._mission_vision .s3 {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    ._mission_vision .s3 .swiper-slide .txt {
        position: static;
        margin-top: 7%;
    }
    ._mission_vision .s3 .swiper-slide .txt > .small {
        font-size: clamp(14px, 16/820*100vw, 16px);
    }
    ._mission_vision .s3 .swiper-slide .txt br {display: none;}
}
@media screen and (max-width: 500px) {
    ._mission_vision .s3 .swiper-slide .txt > span {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
    ._mission_vision .s3 .swiper-slide .txt > .bold {
        font-size: clamp(20px, 30/500*100vw, 30px);
    }
    ._mission_vision .s3 .swiper-slide .txt > .small {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
    ._mission_vision .s3 .direct {
        font-size: clamp(14px, 17/500*100vw, 17px);
    }
}
@media screen and (max-width: 360px) {
    ._mission_vision .s3 {
        padding-top: 60px;
        padding-bottom: 40px;
    }
}
/* footer {
    overflow: visible;
    position: relative;
} */


/* 251204 영문페이지 */
._mission_vision.eng .s2 .cont .block .txt .inner .big{ padding-bottom: 0; }