body { background: #000; position: relative; top: 0!important; }

.skiptranslate { display: none; }

.fixed-wrap { position: fixed; right: 50px; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 9; }
.fixed-wrap > a { margin-top: 25px; }
.fixed-wrap > a:first-child { margin-top: 0; }

.header { position: fixed; left: 0; top: 0; right: 0; margin: auto; width: 100%; z-index: 10; padding: 25px 50px; min-width: 1400px; }
.header.bg { background: rgba(0, 0, 0, 0.55); }
.header > .header-inner { display: flex; justify-content: space-between; align-items: center; }
.header > .header-inner > .logo-box { width: 296px; }
.header > .header-inner .gnb-wrap .gnb { display: flex; justify-content: space-between; align-items: center; width: 965px; }
.header > .header-inner .gnb-wrap .gnb .head-menu { position: relative; }
.header > .header-inner .gnb-wrap .gnb .head-menu > div > a { font-size: 18px; font-weight: 500; }
.header > .header-inner .gnb-wrap .gnb .sub-menu { display: none; position: absolute; z-index: 100; top: 50px; left: 50%; transform: translateX(-50%); width: 220px; padding: 30px 25px; background: #1a1a1a; justify-content: center; flex-direction: column; }
.header > .header-inner .gnb-wrap .gnb .sub-menu > ul { display: flex; align-items: center; margin-bottom: 20px; }
.header > .header-inner .gnb-wrap .gnb .sub-menu > ul:last-child { margin-bottom: 0; }
.header > .header-inner .gnb-wrap .gnb .sub-menu > ul > li:first-child { width: 10px; margin-right: 10px; }
.header > .header-inner .gnb-wrap .gnb .sub-menu > ul > li:last-child { cursor: pointer; font-weight: 500; }

.header > .header-inner .gnb-wrap .gnb .head-menu:hover .sub-menu {
    display: flex;
}


.header > .header-inner > .right-head { display: flex; align-items: center; }

.header > .header-inner > .right-head > span { margin: 0 10px 0 20px; line-height: 100%; }
.header > .header-inner > .right-head > .geo { cursor: pointer; }
.header.en > .header-inner .gnb-wrap .gnb { width: auto; }
.header.en > .header-inner .gnb-wrap .gnb .head-menu { width: 120px; text-align: center; }

.sub-main-title { position: relative; width: 100%; height: 100vh; }
.sub-main-title > .title { font-weight: 700; position: absolute; left: 50%; top: 28%; transform: translate(-50%, -50%); z-index: 3; }
.sub-main-title > img { width: 100%; position: absolute; left: 0; bottom: 0; }
.sub-main-title > video { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.sub-main-title > .bg { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; background: linear-gradient(to top, rgba(0,0,0,1), transparent 40%); z-index: 1; }
.sub-main-title > .cir-bg { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; background: radial-gradient(transparent, rgba(0, 0, 0, 0.75), #000); z-index: 2; }
.sub-main-title > .scroll-down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; text-align: center; z-index: 2; }

.section { overflow: hidden; width: 100%; }
.section > .sec-inner { width: 100%; height: 100%; padding-top: 300px; position: relative; z-index: 1; }
.section > .sec-inner > .text-wrap > .title > span { 
    background: -webkit-linear-gradient(right, #7D85FF, #B43DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-align: center;
}

.container { margin: auto; }


.section1 > .sec-inner { padding: 0; height: 100vh; }
.section1 > .sec-inner > .img-box { width: 100%; height: 100%; position: relative; }
.section1 > .sec-inner > .img-box > img,
.section1 > .sec-inner > .img-box > video,
.section1 > .sec-inner > .img-box > iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.section1 > .sec-inner > .bg { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.3) 75%,
    rgba(0, 0, 0, 1) 100%
  ); }
.section1 > .sec-inner > .text-wrap { position: absolute; left: 200px; bottom: 150px; z-index: 2; }
.section1 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section1 > .sec-inner > .on-off-box { position: absolute; right: 50px; bottom: 70px; cursor: pointer; z-index: 3; }
.section1 > .sec-inner > .scroll-down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; text-align: center; z-index: 2; }


.section2 > .sec-inner { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 1200px; margin: 0 auto; }
.section2 > .sec-inner > .text-wrap { margin-bottom: 155px; }
.section2 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section2 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section2 > .sec-inner > .count-wrap { display: flex; justify-content: space-between; width: 1060px; margin: 0 auto; }
.section2 > .sec-inner > .count-wrap > div { width: 33%; }
.section2 > .sec-inner > .count-wrap > div > .title { font-weight: 700; }
.section2 > .sec-inner > .count-wrap > div > .desc { font-weight: 400; }

.section2 .light-motion {
    position: absolute;
    left: -20%;
    top: 15%;
    z-index: -1;
    animation: moveLight1 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}




.section3 > .sec-inner { display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: auto; }
.section3 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section3 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section3 > .sec-inner > .text-wrap > a { display: flex; align-items: center; margin-top: 30px; }
.section3 > .sec-inner > .text-wrap > a > span { margin-left: 10px; }

.section3 > .sec-inner > .img-box { width: 780px; }
.section3 > .sec-inner > .img-box > img { width: 100%; }

.section3 .light-motion {
    position: absolute;
    right: -3%;
    top: 10%;
    z-index: -1;
    animation: moveLight2 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}




.section4 > .sec-inner { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.section4 > .sec-inner > .text-wrap { width: 1200px; margin: auto; margin-bottom: 125px; }
.section4 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section4 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section4 > .sec-inner > .text-wrap > a { display: flex; align-items: center; margin-top: 30px; }
.section4 > .sec-inner > .text-wrap > a > span { margin-left: 10px; }

.section4 > .sec-inner > .main-slide-1 { position: relative; width: 1691px; padding-bottom: 50px; }
.section4 > .sec-inner > .main-slide-1 .swiper-slide { width: 257px; height: 370px; background: #1a1a1a; border-radius: 5px; position: relative; overflow: hidden; }
.section4 > .sec-inner > .main-slide-1 .swiper-slide > a > .text-box > .sub-title { font-weight: 600; margin-bottom: 5px; margin-top: 45px; }
.section4 > .sec-inner > .main-slide-1 .swiper-slide > a > .img-box { position: absolute; bottom: 0; }
.section4 > .sec-inner > .main-slide-1 .swiper-slide > a > .img-box > img { width: 100%; }
.section4 > .sec-inner > .main-slide-1 .swiper-slide > a > img { position: absolute; right: 30px; bottom: 20px; }
.section4 > .sec-inner > .main-slide-1 .swiper-scrollbar { background: #373737; opacity: 1!important; height: 6px!important; bottom: 0!important; width: 1200px; left: 50%; transform: translateX(-50%); }

.section4 > .sec-inner > .main-slide-1 .swiper-scrollbar .swiper-scrollbar-drag { background: -webkit-linear-gradient(right, #7D85FF, #B43DFF); }

.section4 > .sec-inner > .main-slide-1 .swiper-slide::before,
.section4 > .sec-inner > .main-slide-1 .swiper-slide::after,
.section4 > .sec-inner > .main-slide-1 .swiper-slide a::before,
.section4 > .sec-inner > .main-slide-1 .swiper-slide a::after {
    content: '';
    position: absolute;
    background: -webkit-linear-gradient(top, #7D85FF, #B43DFF);
    transition: all 0.5s ease-in-out;
}


.section4 > .sec-inner > .main-slide-1 .swiper-slide::before {
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}


.section4 > .sec-inner > .main-slide-1 .swiper-slide a::before {
    top: 0;
    right: 0;
    width: 2px;
    height: 0%;
}


.section4 > .sec-inner > .main-slide-1 .swiper-slide::after {
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 2px;
}


.section4 > .sec-inner > .main-slide-1 .swiper-slide a::after {
    bottom: 0;
    left: 0;
    width: 2px;
    height: 0%;
}

.section4 > .sec-inner > .main-slide-1 .swiper-slide:hover::before {
    right: 0;
}

.section4 > .sec-inner > .main-slide-1 .swiper-slide:hover::after {
    left: 0;
}

.section4 > .sec-inner > .main-slide-1 .swiper-slide:hover a::before {
    height: 100%;
}

.section4 > .sec-inner > .main-slide-1 .swiper-slide:hover a::after {
    height: 100%;
}



.section4 .light-motion {
    position: absolute;
    left: 30%;
    top: 10%;
    z-index: -1;
    animation: moveLight3 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}



.section5 > .sec-inner { display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: auto; }
.section5 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section5 > .sec-inner > .text-wrap > .desc { margin-top: 50px; font-weight: 500; letter-spacing: -0.05em; }
.section5 > .sec-inner > .text-wrap > .ing-box { display: flex; margin-top: 80px; }
.section5 > .sec-inner > .text-wrap > .ing-box > div { margin-right: 20px; text-align: center; cursor: pointer; }
.section5 > .sec-inner > .text-wrap > .ing-box > div:last-child { margin-right: 0; }
.section5 > .sec-inner > .text-wrap > .ing-box > div > .text-box { margin-top: 10px; }
.section5 > .sec-inner > .text-wrap > .ing-box > div > .text-box > span { font-weight: 600; font-size: 18px; }
.section5 > .sec-inner > .text-wrap > .ing-box > img { margin-right: 20px; padding-bottom: 40px; }
.section5 > .sec-inner > .img-box { width: 375px; height: 736px; position: relative;  }
.section5 > .sec-inner > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section5 > .sec-inner > .img-box > video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 320px; }

.section5 .light-motion {
    position: absolute;
    right: -20%;
    top: 15%;
    z-index: -1;
    animation: moveLight4 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}



.section6 > .sec-inner { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 1200px; margin: 0 auto; }
.section6 > .sec-inner > .text-wrap { margin-bottom: 50px; }
.section6 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section6 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section6 > .sec-inner > .text-wrap > a { display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.section6 > .sec-inner > .text-wrap > a > span { margin-left: 10px; line-height: 100%; }

.section6 .light-motion {
    position: absolute;
    left: 0;
    top: 25%;
    z-index: -1;
    animation: moveLight5 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}


.section9 > .sec-inner { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 1200px; margin: 0 auto; }
.section9 > .sec-inner > .text-wrap { margin-bottom: 50px; }
.section9 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section9 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section9 > .sec-inner > .text-wrap > a { display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.section9 > .sec-inner > .text-wrap > a > span { margin-left: 10px; line-height: 100%; }
.section9 .light-motion {
    position: absolute;
    left: -30%;
    top: 25%;
    z-index: -1;
    animation: moveLight6 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}



.section7 > .sec-inner { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 1200px; margin: 0 auto; }
.section7 > .sec-inner > .text-wrap { margin-bottom: 100px; }
.section7 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section7 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section7 > .sec-inner > .text-wrap > a { display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.section7 > .sec-inner > .text-wrap > a > span { margin-left: 10px; line-height: 100%; }
.section7 .light-motion {
    position: absolute;
    left: 0;
    top: 25%;
    z-index: -1;
    animation: moveLight5 5s ease-in-out infinite; 
    animation-timing-function: ease-in-out; 
}




.section8 > .sec-inner { display: flex; justify-content: center; flex-direction: column;  width: 1200px; margin: 0 auto; height: 100%; }
.section8 > .sec-inner > .text-wrap { margin-bottom: 100px; }
.section8 > .sec-inner > .text-wrap > .title { font-weight: 700; }
.section8 > .sec-inner > .text-wrap > .desc { margin-top: 50px; }
.section8 > .sec-inner > .bo-table-wrap { display: flex; justify-content: space-between; align-items: center; }
.section8 > .sec-inner > .bo-table-wrap a { position: relative; overflow: hidden; }
.section8 > .sec-inner > .bo-table-wrap a > div { width: 360px; height: 360px; background: #1a1a1a; padding: 58px 35px; display: flex; justify-content: space-between; flex-direction: column; }
.section8 > .sec-inner > .bo-table-wrap a > div > .text-box > .title { font-size: 30px; font-weight: 700; }
.section8 > .sec-inner > .bo-table-wrap a > div > .text-box > .desc { font-weight: 400; margin-top: 5px; }

.section8 > .sec-inner > .bo-table-wrap a::before,
.section8 > .sec-inner > .bo-table-wrap a::after,
.section8 > .sec-inner > .bo-table-wrap a div::before,
.section8 > .sec-inner > .bo-table-wrap a div::after {
    content: '';
    position: absolute;
    background: -webkit-linear-gradient(right, #7D85FF, #B43DFF);
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
}


.section8 > .sec-inner > .bo-table-wrap a::before {
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
}


.section8 > .sec-inner > .bo-table-wrap a div::before {
    top: 0;
    right: 0;
    width: 3px;
    height: 0%;
}


.section8 > .sec-inner > .bo-table-wrap a::after {
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 3px;
}


.section8 > .sec-inner > .bo-table-wrap a div::after {
    bottom: 0;
    left: 0;
    width: 3px;
    height: 0%;
}

.section8 > .sec-inner > .bo-table-wrap a:hover::before {
    right: 0;
}

.section8 > .sec-inner > .bo-table-wrap a:hover::after {
    left: 0;
}

.section8 > .sec-inner > .bo-table-wrap a:hover div::before {
    height: 100%;
}

.section8 > .sec-inner > .bo-table-wrap a:hover div::after {
    height: 100%;
}


.footer { margin-top: 200px; padding-bottom: 70px; }
.footer > .footer-inner > .logo-symbol-wrap > .title { font-size: 35px; font-weight: 600; margin-top: 25px; }
.footer > .footer-inner > .logo-symbol-wrap > .title > span { 
    background: -webkit-linear-gradient(right, #7D85FF, #B43DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-align: center;
}

.footer > .footer-inner > .desc-wrap { margin-top: 150px; }
.footer > .footer-inner > .desc-wrap > span { font-weight: 400; line-height: 170%; }

.footer > .footer-inner > .link-wrap { display: flex; justify-content: center; align-items: center; margin-top: 50px; }
.footer > .footer-inner > .link-wrap > a { margin-right: 10px; }
.footer > .footer-inner > .link-wrap > a:last-child { margin-right: 0; }

.footer > .footer-inner > .login-wrap { margin-top: 55px; }
.footer > .footer-inner > .login-wrap > div { display: flex; justify-content: center; align-items: center; }
.footer > .footer-inner > .login-wrap > div > span { line-height: 100%; }
.footer > .footer-inner > .login-wrap > div > span.line { margin: 0 10px; color: #fff; }

.footer > .footer-inner > .login-wrap > .desc { margin-top: 15px; color: rgba(255, 255, 255, 0.55); }
.footer > .footer-inner > .login-wrap > .desc > a { color: rgba(255, 255, 255, 0.55); }