* {
    padding: 0;
    margin: 0;
    box-sizing: unset;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}
section{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;

}
.pc-mobile{
    display: flex;
}
.mobile-pc{
    display: none;
}
.pc{
    display: flex;
}
.pc-inline{
    display: inline;
}
.tablet{
    display:none;
}
.mobile{
    display:none;
}
html {
    scroll-behavior: smooth;
}
.main::after{
    width: 1vw;
    height: 0vw;
    position: absolute;
    top: 0;
    pointer-events: none;
    opacity: 0;
    pointer-events: none;
    content:url(/images/con1_10.png) url(/images/con1_11.png) url(/images/con1_12.png)
    url(/images/con6_08.png) url(/images/con6_09.png)  url(/images/con6_10.png) url(/images/con6_11.png) url(/images/con6_12.png)
    url(/images/con7_02.png) url(/images/con7_03.png) url(/images/con7_04.png)  url(/images/con7_05.png);
}
.clearfix::after,
.clearfix::before {
    display: block;
    clear: both;
    content: "";
}
.flowhid{
    overflow: hidden;
}
.con3_right{
    opacity: 1;
    transition: 0.3s all;
}
.hide{
    display: none !important;
}
.hideopa{
    opacity: 0 !important;
    pointer-events: none;
}
.show{
    opacity: 1 !important;
}
.absol{
    position: absolute;
}
.rltv{
    position: relative;
}
.scrX{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scrX .scrX_item{
    animation: marqueeX 20s infinite linear;
    width: 100%;
}
.scrX .scrX_item_absol {
    right: -100%;
    width: 100%;

}

.scrY{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scrY .scrY_item{
    animation: marqueeY 20s infinite linear;
    height: 100%;
}
.scrY .scrY_item_absol {
    bottom: -100%;
    width: 100%;
}


.flexrow{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.flexcol{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap");
@font-face {
    font-family: "Noto Sans KR", sans-serif;
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*@font-face {*/
/*    font-family: 'VITRO_CORE_TTF';*/
/*    src: url('/font/VITRO_CORE_TTF.ttf') format('woff');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*}*/
@font-face {
    font-family: 'TTTtangsbudaejjigaeB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'TheJamsil5Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-extralight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff ') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff ') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-semibold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff ') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-extrabold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff ') format('woff');
    font-weight: 700;
    font-style: normal;
}

.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.04vw;
}

.poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
    letter-spacing: -0.04vw;

}

.poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
    letter-spacing: -0.04vw;

}

.poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -0.04vw;

}



body {
    font-size: calc(1rem + ((1vw - 0.48rem) * 1.3889));
    min-height: 0vw;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes marquee2 {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
@keyframes slick-circle{
    0%{left:0;}
    100%{left:99%;}
}
@keyframes soul_out {
    0% {
        opacity: 0.7;
    }
    100% {
        opacity: 0;
        transform: translateY(-50%);
    }
}
@keyframes ddm3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: rotate(-2deg);
    }
    100% {
        transform: scale(1.05);
    }
}
@keyframes ddm4 {
    0% {
        transform: scale(1);
    }
    25% {
        transform: rotate(-2deg);
    }
    50% {
        transform: scale(1.05);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes rotate360 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate_img10deg {

    0% {
        transform: rotate(10deg);
    }
    49% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    99% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}



@keyframes ani_scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.1, 0.01, 0.01, 1.2, 0, 0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes blk {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    31% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blk2 {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes blk3 {
    0% {
        opacity: 1;
    }
    24% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes rotate_image {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes scaleOpa {
    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes scaleOpa2 {
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
@keyframes ball {
    0% {
        bottom: 0px;
    }
    100% {
        bottom: 20px;
    }
}
@keyframes ddm {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -30);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ddm_m {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ddm_m2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: matrix(1.15, 0.01, 0.01, 1.15, 0, 30);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoom2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes rotate_imageY {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@keyframes ddm2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: scale(1.02);
    }
}
@keyframes ddm2X {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: scale(1.02);
    }
}
@keyframes ddm2Xhalf {
    0% {
        transform: scale(1);
    }
    50% {
        transform: translateX(-50%);
    }
    100% {
        transform: scale(1.02);
    }
}

@keyframes scaleOpa3 {
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes uitLineMove {
    0% { stroke-dashoffset: 300.292; }
    100% { stroke-dashoffset: 110; }
}

@keyframes hand {
    0% {
        transform: translateY(-0.5%);
    }

    25% {
        transform: translateY(1%);
    }

    50% {
        transform: translate(0.5%, -1%);
    }

    75% {
        transform: translate(1%, 0.5%);
    }

    100% {
        transform: translate(1%, -1%);
    }
}

@keyframes hand2 {
    0% {
        transform: translateY(2%);
    }

    25% {
        transform: translateY(-1%);
    }

    50% {
        transform: translate(-1%, 2%);
    }

    75% {
        transform: translate(2%, 1%);
    }

    100% {
        transform: translateY(2%);
    }
}
@keyframes bg-position {
    0% {
        background-position: bottom;
    }
    25% {
        background-position: center;
    }
    50% {
        background-position: inherit;
    }
    75% {
        background-position: center;
    }
    100% {
        background-position: bottom;
    }
}
@keyframes smoke {
    0% {
        transform: translate(0, 30%) rotate(0);
        opacity: 0.2;
    }
    25% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(10px);
        opacity: 1;
    }
    50% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(50px);
        opacity: 1;
    }
    75% {
        transform: translate(calc(random() * 100vw), 100vh) rotate(50deg) translateX(50px);
        opacity: 1;
    }
    100% {
        transform: translate(calc(random() * 100vw), 200vh) rotate(0) translateX(70px);
        opacity: 0.2;
    }
}

@keyframes light {
    0%, 31%, 34%, 39%, 42%, 47% {
        opacity: 0;
    }
    5%, 30%, 35%, 38%, 43%, 46% {
        opacity: 0.4;
    }
    50%, 55%, 60%, 67%, 51%, 54%, 68%, 100% {
        opacity: 1;
    }
    70% {
        opacity: 0.2;
    }
}
@keyframes marqueeX {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@keyframes marqueeY {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
@keyframes fall {
    0% {
        top: -0%;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) (0deg);
        transform-origin: center center;
    }
    100%{
        transform: rotateX(240deg) rotateY(400deg) rotateZ(310deg);
        transform-origin: center center;
        top: 100%;
        opacity: 0;
    }
}
@keyframes fall2 {
    0% {
        top: -0%;
        opacity: 1;
        transform: rotateX(0deg) rotateY(0deg) (0deg);
        transform-origin: center center;
    }
    100%{
        transform: rotateX(-240deg) rotateY(-400deg) rotateZ(-310deg);
        transform-origin: center center;
        top: 100%;
        opacity: 0;
    }
}
@keyframes backgroundchange {
    0% {
        background: url(/images/con11_07.png) no-repeat center / contain;
    }

    25% {
        background: url(/images/con11_08.png) no-repeat center / contain;
    }

    50% {
        background: url(/images/con11_09.png) no-repeat center / contain;
    }

    75% {
        background: url(/images/con11_10.png) no-repeat center / contain;
    }

    100% {
        background: url(/images/con11_07.png) no-repeat center / contain;
    }
}
@keyframes opa {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes backgroundchange_2 {
    0% {
        background: url(/images/con08_07.png) no-repeat center / contain;

    }

    20% {
        background: url(/images/con08_08.png) no-repeat center / contain;

    }

    40% {
        background: url(/images/con08_09.png) no-repeat center / contain;

    }

    60% {
        background: url(/images/con08_10.png) no-repeat center / contain;

    }

    80% {
        background: url(/images/con08_11.png) no-repeat center / contain;

    }
    100% {
        background: url(/images/con08_07.png) no-repeat center / contain;

    }
}
@keyframes rotateAnimation {
    0% {
        transform: rotate(-1deg);
    }
    40% {
        transform: rotate(1deg);
    }
    60% {
        transform: rotate(2deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(1deg);
    }
}

.main_small_title{
    font-family: "Pretendard variable";
    font-weight: 300;
    font-size: 1vw;
    line-height: 1.6vw;
    letter-spacing: -0.04vw;
}
.main_small_title_suit{
    font-family: "SUIT Variable";
    font-weight: 300;
    font-size: 0.95vw;
    line-height: 1.4vw;
    letter-spacing: -0.04vw;
}
.bold_suit{
    font-family: "SUIT variable";
    font-weight: 900;
    letter-spacing: -0.04vw;

}
.white{
    color: white;
}
.blue{
    color: #3235cd;
}
.main{
    align-items: flex-start;
}
.main_top{
    width: 67.3491%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9%;
}
.main_top_ab_2nd{
    width: 40% !important;
    left: 26% !important;
    top: 19% !important;
    align-items: flex-start !important;
    white-space: nowrap;
}





.main_top_ab_2nd{
    width: 25%;
    left: 26%;
    top: 19%;
    align-items: flex-start;
    font-size: 1vw;
    justify-content: space-between;
    height: 60%;
}
.main_top {
    width: 67.3491%;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 8%;
    overflow: hidden;
    border-radius: 0 2.1vw 0 0;
}
.main_top_ab_2nd p {
    transition: 0.3s color;
}
.main_top_ab_2nd p:hover{
    color: #3235cd;
}
.main_top_2nd{
    width: 67.3491%;
    justify-content: flex-end;
    height: 12vw;
}
.main_top_2nd > div {
    height: 100%;
    width: 24.7%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5%;
    box-sizing: border-box;
    border-left: 1px solid #00000017;
    font-weight: 700;
}

.main_top_2nd {
    width: 67.3491%;
    justify-content: flex-end;
    height: 12vw;
    border-right: 1px solid #00000017;
}
.main_scry{
    left: 67.3491%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    writing-mode: vertical-lr;
    font-size: 9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 4%;
}
.main_scr p{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.gradient-blur {
    position: fixed;
    z-index: 5;
    inset: auto 0 0 0;
    height: 65%;
    pointer-events: none;
}
.gradient-blur > div,
.gradient-blur::before,
.gradient-blur::after {
    position: absolute;
    inset: 0;
}
.gradient-blur::before {
    content: "";
    z-index: 1;
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 12.5%,
            rgba(0, 0, 0, 1) 25%,
            rgba(0, 0, 0, 0) 37.5%
    );
}
.gradient-blur > div:nth-of-type(1) {
    z-index: 2;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 12.5%,
            rgba(0, 0, 0, 1) 25%,
            rgba(0, 0, 0, 1) 37.5%,
            rgba(0, 0, 0, 0) 50%
    );
}
.gradient-blur > div:nth-of-type(2) {
    z-index: 3;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 25%,
            rgba(0, 0, 0, 1) 37.5%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 0) 62.5%
    );
}
.gradient-blur > div:nth-of-type(3) {
    z-index: 4;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 37.5%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 1) 62.5%,
            rgba(0, 0, 0, 0) 75%
    );
}
.gradient-blur > div:nth-of-type(4) {
    z-index: 5;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 50%,
            rgba(0, 0, 0, 1) 62.5%,
            rgba(0, 0, 0, 1) 75%,
            rgba(0, 0, 0, 0) 87.5%
    );
}
.gradient-blur > div:nth-of-type(5) {
    z-index: 6;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 62.5%,
            rgba(0, 0, 0, 1) 75%,
            rgba(0, 0, 0, 1) 87.5%,
            rgba(0, 0, 0, 0) 100%
    );
}
.gradient-blur > div:nth-of-type(6) {
    z-index: 7;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 75%,
            rgba(0, 0, 0, 1) 87.5%,
            rgba(0, 0, 0, 1) 100%
    );
}
.gradient-blur::after {
    content: "";
    z-index: 8;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    
    mask: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 87.5%,
            rgba(0, 0, 0, 1) 100%
    );
}
.gradient-blur {
    position: absolute;
    z-index: 5;
    inset: auto 0 0 0;
    height: 100%;
    pointer-events: none;
    width: inherit;
}

.main_scry {
    left: 67.3491%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    writing-mode: vertical-lr;
    font-size: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 3.9%;
}
.main_ab{
    width: 16.7979%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 17%;
}
.main_ab_ab{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 100%;
    border-radius: 0 0 0 2.7vw;
    overflow: hidden;
}
.tothetop a {
    rotate: -90deg;
    font-size: 1.4vw;
}
.main_top_2nd > div{
    opacity: 1;
}
.main_top_2nd_on{
    opacity: 1;

}

.mcon2_right{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute !important;
}
.swiper-pagination-bullet{
    width: 100% !important;
    background: unset !important;
    opacity: 1 !important;
    height: unset !important;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 1.3vw;
    letter-spacing: -0.08vw;
/*        text-shadow: 0px 0px 5px #00000054;*/
}
.swiper-pagination-bullet-active{
    color: #3235cd !important;
    font-weight: 800 !important;
}

.con1{
    background: #3235cd;
}
.con1_top{
    font-size: 1vw;
    width: 66.66%;
    margin-top: 8%;
}
.con1_top_2nd{
    font-size: 2.8vw;
    width: 66.66%;

    margin-top: 5%;
}
.con1_top_3rd{
    width: 66.66% !important;

    margin-top: 3%;
}
.con1_top_4th{
    width: 17.5328%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -83%;
    margin-bottom: 2%;
    margin-top: -7%;
}
.con1_top_4th_ab{
    width: 94.012%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 100%;
}
.con1_top_3rd {
    width: 65%;
    margin-top: 3%;
    z-index: 1;
}
.con1_ab{
    width: 33.3858%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    bottom: 0;
}
.con1_top_4th {
    width: 17.5328%;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-left: -83%;
    margin-bottom: 2%;
    margin-top: -10%;
}
.con1_ab_2nd{
    z-index: 2;
    width: 33%;
    font-size: 2.2vw;
    top: 26%;
}
.con1_ab_2nd_item {
    height: 4.3vw;
    overflow: hidden;
    cursor: pointer;
}
.con1_ab_2nd_item p{
     z-index: 2;
 }
.con1_ab_2nd_item_ab{
    height: 100%;
    background: black;
    width: 100%;
    top: 100%;
    transition: 0.3s all cubic-bezier(0.55, 0.06, 0.68, 0.19);

}
.con1_ab_2nd_item:hover .con1_ab_2nd_item_ab{
    top: 0;
}

.con1_ab_2nd_item_on .con1_ab_2nd_item_ab{
    top: 0;
}

.con2_ab{
    z-index: 1;
    font-size: 3.3vw;
    text-align: center;
    text-shadow: 0px 0px 5px #00000054;
    font-weight: 800;
}
.bold{
    font-weight: 700;
}
.con3{
    height: 50vw;
    justify-content: flex-start;
}
.con3_1{
    width: 18%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
}
.con3_2{
    width: 18%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.con3_1_top{
    font-size: 1vw;
}
.con3_1_top_2nd {
    font-size: 2.8vw;
    margin-top: 5%;
}

.con3_1 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 16.66%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
}

.con3_2 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 16.6666%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    box-sizing: border-box;

}

.con3_3 {
    width: 16.6666%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #00000017;
    box-sizing: border-box;

}
.con3_3_top{
    font-size: 1vw;

}
.con3_1_top {
    font-size: 1vw;
    margin-top: 46%;
}
.con3_1_top_2nd {
     font-size: 2.8vw;
     margin-top: 28%;
 }
.con3_2_top{
    margin-top: 127%;
}
.con3_3_top {
    font-size: 1vw;
    margin-top: -22%;
    width: 61%;
    text-align: right;
    display: flex
;
    justify-content: flex-end;
}
.con3_3_top_2nd{
    position: absolute;
    right: 0% !important;
    top: 42.5% !important;
    z-index: 11111111;
    opacity: 1;
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    height: 3.7vw;
    background: black;
    border-radius: 1vw;
    color: white;
    overflow: hidden;
}
.con3_3_top_2nd a{
    z-index: 3;
}
.con3_3_top_2nd_hv {
    background: #3235cd;
    height: 100%;
    transition: 0.3s all;
    bottom: -100%;
}
.con3_3_top_2nd:hover .con3_3_top_2nd_hv{
    bottom: 0;
}


.main_scry{
    left: 67.3491%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    writing-mode: vertical-lr;
    font-size: 9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 4%;
}
.main_scr p{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con3_scrx{
    left: 66.666%;
    overflow: hidden;
    top: 18%;
    font-size: 9vw;
}

.con3_scrx{
    left: 66.666%;
    overflow: hidden;
    top: 18%;
    font-size: 8vw;
    width: 54%;
}








.con3_scrx .gradient-blur {
    position: absolute;
    z-index: 5;
    inset: auto 0 0 0;
    height: 65%;
    pointer-events: none;
}

.con3_scrx .gradient-blur::before {
    content: "";
    z-index: 1;
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 12.5%,
            rgba(0, 0, 0, 1) 25%,
            rgba(0, 0, 0, 0) 37.5%
    );
}
.con3_scrx .gradient-blur > div:nth-of-type(1) {
    z-index: 2;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 12.5%,
            rgba(0, 0, 0, 1) 25%,
            rgba(0, 0, 0, 1) 37.5%,
            rgba(0, 0, 0, 0) 50%
    );
}
.con3_scrx .gradient-blur > div:nth-of-type(2) {
    z-index: 3;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 25%,
            rgba(0, 0, 0, 1) 37.5%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 0) 62.5%
    );
}
.con3_scrx .gradient-blur > div:nth-of-type(3) {
    z-index: 4;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 37.5%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 1) 62.5%,
            rgba(0, 0, 0, 0) 75%
    );
}
.con3_scrx .gradient-blur > div:nth-of-type(4) {
    z-index: 5;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 50%,
            rgba(0, 0, 0, 1) 62.5%,
            rgba(0, 0, 0, 1) 75%,
            rgba(0, 0, 0, 0) 87.5%
    );
}
.con3_scrx .gradient-blur > div:nth-of-type(5) {
    z-index: 6;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 62.5%,
            rgba(0, 0, 0, 1) 75%,
            rgba(0, 0, 0, 1) 87.5%,
            rgba(0, 0, 0, 0) 100%
    );
}
.con3_scrx .gradient-blur > div:nth-of-type(6) {
    z-index: 7;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 75%,
            rgba(0, 0, 0, 1) 87.5%,
            rgba(0, 0, 0, 1) 100%
    );
}
.con3_scrx .gradient-blur::after {
    content: "";
    z-index: 8;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    
    mask: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 87.5%,
            rgba(0, 0, 0, 1) 100%
    );
}
.con3_scrx .gradient-blur {
    position: absolute;
    z-index: 5;
    inset: auto 0 0 0;
    height: 100%;
    pointer-events: none;
    width: inherit;
    width: 63%;
}
.con3_top_3rd {
    background: black;
    width: 83.3333333333333%;
    margin-left: 16.666666%;
    top: 53%;
    height: 2.7vw;
    font-size: 1vw;
    justify-content: flex-start;
    padding-left: 5%;
}
.con3_top_3rd_item {
    padding: 0 2%;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    cursor: pointer;
}
.con3_top_3rd_item:hover{
    color: #3235cd;
}
.con3_top_3rd_item:hover .con3_top_3rd_item_hv{
    top: 0;
    color: #3235cd;

}
.con3_top_3rd_item >p{
    transition: 0.3s all;
}
.con3_top_3rd_item:hover > p{
transform: translateY(-100%);

}




.con3_top_3rd_item_on{
    color: #3235cd;
}
.con3_top_3rd_item_on .con3_top_3rd_item_hv{
    top: 0;
    color: #3235cd;

}

.con3_top_3rd_item_on > p{
transform: translateY(-100%);

}
.con3_top_3rd_item_hv{
    transition: 0.3s all;
}
.con3_top_3rd_item_hv{
    top: 100%;
}
.con3_top_3rd_item_hv{
    font-weight: 800;
}
.con3_scrx {
    left: 66.666%;
    overflow: hidden;
    top: 12%;
    font-size: 6.8vw;
    width: 49%;
}
.con3_scrx .gradient-blur {
    position: absolute;
    z-index: 5;
    inset: auto 0 0 0;
    height: 100%;
    pointer-events: none;
    width: inherit;
    width: 69%;
}
.con3 {
    height: 55vw;
    justify-content: flex-start;
}
.con3_3_top {
    font-size: 1vw;
    margin-top: -56%;
    width: 61%;
    text-align: right;
    display: flex
;
    justify-content: flex-end;
}
.con3_3_top_2nd {
    position: absolute;
    right: 0% !important;
    top: 38.3% !important;
    z-index: 11111111;
    opacity: 1;
    width: 12%;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    height: 3.7vw;
    background: black;
    border-radius: 1vw;
    color: white;
    overflow: hidden;
}
.con3_top_3rd {
    background: black;
    width: 83.3333333333333%;
    margin-left: 16.666666%;
    top: 49%;
    height: 2.7vw;
    font-size: 1vw;
    justify-content: flex-start;
    padding-left: 5%;
}
.con3_right{
    width: 94%;
    left: 50%;
    transform: translateX(-50%);
    top: 57%;
}
.con4_con_1{

}
.con4 .con3_1 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 16.66%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    left: 0;
}
.con4 .con3_2 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    left: 50%;
    margin: 0;
}
.con4 .con3_3 {
    width: 16.6666%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #00000017;
    left: 66.6666%;
}
.con4{

}
.con4_con{
    justify-content: flex-start;
    align-items: flex-start;
    height: 45vw;
    border-radius: 2.5vw 2.5vw 0 0;
}
.con4_con_1{
    margin-top: 7%;
    background: black;

}
.con4_con_2 {
    background: #3235cd;
    top: 100%;
}
.con4_con_3 {
    background: white;
    top: 100%;
}
.con4_con_4 {
    top: 90%;
}
.con4_con_left{
    font-size: 3.4vw;
    margin-left: 16.66666%;
    margin-top: 2%;
    width: 33.333%;
}
.con4_con_right{
    margin-top: 3%;
}
.con4_con_4{
    justify-content: flex-start;
    align-items: center;
    background: url(/images/con5_01.jpg) no-repeat center / cover;
}
.con4_con_top{
    font-size: 3.4vw;
    color: white;
    margin-top: 15.5%;
}
.con4_con_top_2nd{
    font-size: 1.5vw;
    margin-top: 1%;
}
.con4_con_4 {
    justify-content: flex-start;
    align-items: center;
    background: url(/images/con5_01.jpg) no-repeat center / cover;
}
.con4_con_top_3rd{
    color: #a2a2a2;
    margin-top: 13.8%;
}
.con5{
    background: black;
}
.con5_item{
    width: 25vw;
    height: 25vw;
    box-sizing: border-box;
    border-right: #3235cd 2px solid;
    cursor: pointer;
}
.con5_item:last-child{
    border-right: unset;
}
.con5_item_1{
    background: url(/images/con6_01.jpg) no-repeat center / cover;
}
.con5_item_2{
    background: url(/images/con6_02.jpg) no-repeat center / cover;
}
.con5_item_3{
    background: url(/images/con6_03.jpg) no-repeat center / cover;
}
.con5_item_4{
    background: url(/images/con6_04.jpg) no-repeat center / cover;
}
.con5_item_top{
    font-size: 1.5vw;
}
.con5_item_ab{
    width: 100%;
    height: 100%;
    background: transparent;
    transition: 0.5s;
}
.con5_item{
    transition: 0.5s all;
}
.con5_item:hover{
    border-radius: 50%;
    background: #3235cd;

}

.con7 .con3_1{
    left: 0;
}







.con10_swiper_y_left {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 4.8%;
}
.con10_swiper_y_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 2%;
    margin-bottom: 7%;


}

.con10_swiper_y_right_2nd{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 2%;
    margin-bottom: 7%;


}


.con10_swiper_slide_y{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
    width: 100%;
    overflow: hidden !important;
    transition: all 0.3s;
}
.con10_swiper_div_y{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    transition: all 0.3s;
}
.con10_sd_y_img{
    width: 100%;
}


.con7{
    background: black;
}
.con7_con .con3_top_3rd{
    background: #3235cd;
}


.con7_con .con3_top_3rd_item:hover{
    color: black;
}
.con7_con .con3_top_3rd_item:hover .con3_top_3rd_item_hv{
    color: black;

}


.con7_con .con3_top_3rd_item_on{
    color: black;
}
.con7_con .con3_top_3rd_item_on .con3_top_3rd_item_hv{
    color: black;

}
.con7_con{
    margin-top: 26%;
    margin-bottom: 18%;
}
.con3_top_3rd {
    box-sizing: border-box;
}
.con7_con_item{
    background: white;
    width: 83.3333333333333%;
    margin-left: 16.666666%;
    height: 25vw;
}
.con7_swiper_y_left {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 13%;
    height: 90%;
    overflow: hidden;
    left: 5.5%;
    pointer-events: none;
    border-right: 1px solid #00000017;

}
.ccon2_mid_slide_con{
    width: 10vw;
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 1px 1px #0000000f;
    background: white;
}
.dcon1_17{
    margin-left: 22%;
    margin-top: 28%;
    width: 50%;
}
.ccon2_mid_slide_con_p{
    font-size: 0.75vw;
    font-family: "SUIT Variable";
    font-weight: 300;
    color: black;
    top: 12%;
    left: 11%;
}

.con7_swiper_y_left {
    width: 12%;
}


.con7_swiper_y_left {
    left: unset;
}



.con7_con_item {
    background: white;
    width: 83.3333333333333%;
    margin-left: 16.666666%;
    height: 25vw;
    justify-content: flex-start;
}
.con7_swiper_y_left {
    width: 12%;
    margin-right: 2%;
}
.ccon2_mid_slide_con {
    width: 9vw;
    height: 9vw;
    display: flex
;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 1px 1px #0000000f;
    background: white;
}
.con7_swiper_y_left {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 13%;
    height: 100%;
    overflow: hidden;
    left: unset;
    pointer-events: none;
    border-right: 1px solid #00000017;
    width: 11%;
    margin-right: 3%;
}
.ccon2_mid_slide_con {
    width: 8vw;
    height: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    box-shadow: unset;
    border-top: 1px solid #00000017;
    border-left: 1px solid #00000017;
    border-bottom: 1px solid #00000017;
}
.con7_con_item {
    background: white;
    width: 83.3333333333333%;
    margin-left: 16.666666%;
    height: 22vw;
    justify-content: flex-start;
}
.con7_swiper_y_left {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 13%;
    height: 100%;
    overflow: hidden;
    left: unset;
    pointer-events: none;
    border-right: 1px solid #00000017;
    width: 9.9%;
    margin-right: 3%;
}
.con7_swiper_y_left_1{
    margin-left: 5%;
}
.con7_con .con3_top_3rd_item {
    padding: 0 2%;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    cursor: pointer;
    width: 9.9%;
}
.con3_top_3rd_item:first-child{
    margin-left: -3%;
}
.con7_con {
    margin-top: 23.5%;
    margin-bottom: 15%;
}
.con7 .con3_1 {
    border-left: 1px solid #ffffff33;
    border-right: 1px solid #ffffff33;
}

.con7 .con3_2 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    left: 50%;
    margin: 0;
    border-left: 1px solid #ffffff33;
    border-right: 1px solid #ffffff33;
}
.con7 .con3_3 {
    width: 16.6666%;
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 66.6666%;
    border-right: 1px solid #ffffff33;

}
.con7 .con3_scrx {
    left: 50%;
    overflow: hidden;
    top: 77.3% !important;
    font-size: 5.8vw !important;
    height: 7vw;
    width: 68% !important;
}

.con7 .con3_scrx .gradient-blur {
    position: absolute;
    z-index: 5;
    inset: auto 0 0 0;
    height: 100%;
    pointer-events: none;
    width: inherit;
    width: 76% !important;
    left: 19%;
}
.con3_scrx {
    letter-spacing: -0.23vw;
}



.con8 .con3_1 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 16.66%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    left: 0;
}

.con8 .con3_2 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    left: 50%;
    margin: 0;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
}
.con8 .con3_3 {
    width: 16.6666%;
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 66.6666%;
    border-right: 1px solid #00000017;


}

.con10_swiper_y_right_2nd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 16%;
    margin-bottom: 11%;
    width: 83.3333%;
    margin-left: 16.66666%;
}


.main .main_scry {
    font-size: 8vw;
}
.con8 .con3_1_top{
    color: black;
}


.con10_swiper_y_right_2nd {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 14%;
    margin-bottom: 11%;
    width: 83.3333%;
    margin-left: 16.66666%;
}
.con8_ab{
    top: 19%;
    left: 67.6666%;
    font-size: 1.95vw;
}
.con9{
    background: black;
}
.con9_top{
    font-size: 1.6vw;
    line-height: 2vw;
    text-align: center;
    margin-top: 10.5%;
    margin-bottom: 7%;
}
.con9_bg{
    width: 67.5591%;
    display: flex;
    justify-content: center;
    align-items: center;
}









.con25_mid{
    width: 71%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 3%;
}
.con25_mid_top {
    width: 75%;
    margin-top: 5%;
    justify-content: space-between !important;
}
.con25_mid_top_2nd{
    width: 75%;
    margin-top: 3%;
    justify-content: center;
}
.con25_mid_top input {
    width: 31%;
            font-family: "Pretendard variable";
    font-weight: 400 ;
    /*    color: #0064de;*/
    font-size: 1vw;
    padding-bottom: 1%;
    background: transparent;
    box-sizing: border-box;
    padding-left: 1%;
    outline: none;
    border: none;
    border-bottom: 1px solid #a2b3ca;
}
.con25_mid_top input::placeholder{
            font-family: "Pretendard variable";
    font-weight: 400 ;
    outline: none;
    border: none;
    color: black;
}


.con25_mid_top_2nd input {
    width: 100%;
            font-family: "Pretendard variable";
    font-weight: 400 ;
    color: black;
    font-size: 1vw;
    padding-bottom: 1%;
    box-sizing: border-box;
    padding-left: 1%;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #a2b3ca;
}
.con25_mid_top_2nd input::placeholder{
            font-family: "Pretendard variable";
    font-weight: 400 ;
    outline: none;
    border: none;
    color: black;
}
.form_agree_check {
    margin-right: 2%;
    width: 1vw;
    height: 1vw;
    overflow: hidden;
    outline: 0;
    background: transparent;
    color: transparent;
    border: none;
    border: 1px #a2b3ca solid;
    appearance: none;
    border-radius: 50%;
}
.form_submit{
            font-family: "Pretendard variable";
    font-weight: 700 ;
    color: white;
    background: #0064de;
    padding: 1% 5%;
    font-size: 1.5vw;
    cursor: pointer;
}
.form_agree_span {
    font-size: 1.1vw;
            font-family: "Pretendard variable";
    font-weight: 400 ;
    color: black;
}
.form_agree{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26%;
    margin-top: 4%;
    margin-bottom: 3%;
    margin-left: 60%;
}
.form_submit {
    color: white;
    background: #0064de;
    padding: 1.4% 10%;
    font-size: 1vw;
    margin-bottom: 10%;
    margin-top: 2%;
    border-radius: 40px;
}


.form_agree_check:checked::after {
    content: "";
    width: 1vw;
    height: 1vw;
    position: absolute;
    background: url(/images/4_con03_11.png) center / 86% no-repeat;
    color: unset !important;
}
.con25_mid {
    width: 78%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 3%;
    border-radius: 23px 23px 0 0;
    background: #f3f8ff;
}
.con25_mid_top{
    width: 70% !important;
}
.con25_mid_top_2nd{
    width: 70% !important;
}
.form_agree_span {
    font-size: 0.85vw;
            font-family: "Pretendard variable";
    font-weight: 400 ;
    color: black;
}

.form_agree_check:checked::after {
    content: "";
    width: 1vw;
    height: 1vw;
    position: absolute;
    background: url(/images/4_con03_11.png) center / 86% no-repeat;
    color: unset !important;
}

.con25_mid {
    margin-top: 0%;
}

.con25_mid{
    width: 67%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 3%;
    border-radius: 23px 23px 0 0;
    background: transparent;
    z-index: 1;
}
.con9_top {
    margin-bottom: 0;
}
.con25_mid_top input {
    width: 21%;
            font-family: "Pretendard variable";
    font-weight: 400 ;
    color: white !important;
    font-size: 1vw;
    padding-bottom: 1%;
    background: transparent;
    box-sizing: border-box;
    padding-left: 1%;
    outline: none;
    border: none;
    border-bottom: 1px solid white;
}
.con25_mid_top {
    width: 94% !important;
}
.con25_mid_top input::placeholder{
    color: white !important;
}
.form_agree_span {
    font-size: 0.85vw;
    font-family: "SUIT Variable";
    color: white;
}

.form_submit {
    color: white;
    background: black;
    padding: 1.8% 2%;
    font-size: 1vw;
    margin-bottom: 9%;
    margin-top: 1%;
    border-radius: 15px;
    width: 16%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.form_submit >p{
    z-index: 3;
}
.form_submit_ab{
    right: 5%;
    font-size: 1.5vw;
    z-index: 3;
}
.form_submit:hover .con3_3_top_2nd_hv{
    left: 0;

}
.form_submit .con3_3_top_2nd_hv{
    background: #3235cd;
    height: 100%;
    transition: 0.3s all;
    left: -100%;
    bottom: unset;
}
.con9_top_3rd{
    font-size: 0.9vw;
    opacity: 0.3;
    margin-bottom: 5%;
    margin-top: -2%;
}
.form_agree {
    display: flex
;
    justify-content: center;
    align-items: center;
    width: 26%;
    margin-top: 2%;
    margin-bottom: 3%;
    margin-left: 60%;
}
.con25_mid_top {
    width: 75%;
    margin-top: 4%;
    justify-content: space-between !important;
}
.con9_bg {
    width: 68.5591%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}

.main_scry_1{
    right: 82%;
    left: unset;
    font-size: 8vw;
}

.main_scry_2{
    left: 82%;
    font-size: 8vw;

}

.main_scry_2.scrY .scrY_item {
    animation: marqueeY 20s infinite linear reverse;
    height: 100%;
}

.con1_top_2nd {
    font-weight: 800;
}
.con3_1_top_2nd {
     font-size: 2.8vw;
     margin-top: 28%;
     font-weight: 800;
     letter-spacing: -0.08vw;
 }
.con4_con_4_ab{
    font-size: 7.3vw;
    line-height: 6.2vw;
    top: 48%;
    left: 69%;
    white-space: nowrap;
}
.tothetop a {
    font-size: 1vw;
}
.con3_3_top_2nd {
    font-size: 1vw;
}

.con7 .con3_3 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    left: 66.6666%;
    border-right: 1px solid #ffffff33;
}
.con7 .con3_3_top {
    font-size: 1vw;
    margin-top: 106%;
    width: 61%;
    text-align: right;
    display: flex
;
    justify-content: flex-end;
    color: white;
}
.con7 .con3_3_top_2nd {
    position: absolute;
    right: 0% !important;
    top: 26.3% !important;
    z-index: 11111111;
    opacity: 1;
    width: 12%;
    display: flex
;
    justify-content: center;
    align-items: center;
    height: 3.7vw;
    background: white;
    border-radius: 1vw;
    color: black;
    overflow: hidden;
}


.con1 .con3_1 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 16.66%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    left: 0;
}
.con1 .con3_2 {
    width: 16.6666%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    left: 50%;
    margin: 0;
}
.con1 .con3_3 {
    width: 16.6666%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #00000017;
    left: 66.6666%;
}


.con1_top_4th {
    width: 17.5328%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -84.5%;
    margin-bottom: 2%;
    margin-top: -10%;
}

.mobile-pc{
    display: none !important;
}
.con4{
    margin-top: 7%;
}
.con4_con_1{
    margin-top: 0;
}

.con7 .con3_1_top {
    color: white;
    white-space: nowrap;
}
.con2_ab {
    text-shadow: 0px 0px 5px #00000026;
}
.con4{
    margin-bottom: 22.4%;
    overflow: unset;
}
.con4_con_4{
    overflow: hidden;
}
.main img {
    width: 100%;
}
.con1 img {
    width: 100%;
}


/*
.con10_swiper_wrapper_y {
    transition-timing-function: linear !important;
}

*/
.bold::after {
    position: absolute;
    width: 30px;
    height: 2px;
    background: #002a59;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: none !important;
}
.bold {
    font-weight: 700 !important;
    margin-left: unset !important;
    letter-spacing: -0.04vw;
}

.white{
    color: white;
}
.bold{
    font-family: "Pretendard variable" !important;
    font-weight: 700 !important;;
}
.form_agree_check:checked::after {
    content: "";
    width: 1vw;
    height: 1vw;
    position: absolute;
    background: url(/images/4_con03_11.png) center / 86% no-repeat;
    color: unset !important;
    background: #3235cd;
    width: 0.7vw;
    height: 0.7vw;
}
.con3_3_top_2nd{
    cursor: pointer;
}
.con3_3_top_2nd {
        z-index: 11 !important;
    }
.form_agree_check {
    display: flex
;
    justify-content: center;
    align-items: center;
}
.form_agree_check:checked::after {
    border-radius: 50%;
}

.main_top_2nd {
    width: 66.6666%;
    justify-content: flex-end;
    height: 12vw;
    border-right: 1px solid #00000017;
}
.main_top_2nd > div {
    height: 100%;
    width: 25%;
    display: flex
;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5%;
    box-sizing: border-box;
    border-left: 1px solid #00000017;
}

.main_top {
    width: 66.6666%;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 8%;
    overflow: hidden;
    border-radius: 0 2.1vw 0 0;
}
.main_top_ab_2nd {
    left: 12% !important;
}

.main_scry {
    left: 66.66%;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
    writing-mode: vertical-lr;
    font-size: 9vw;
    display: flex
;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 4%;
    width: 16.666%;
    box-sizing: border-box;
}
.gradient-blur {
    position: absolute;
    z-index: 5;
    inset: auto 0 0 0;
    height: 100%;
    pointer-events: none;
    width: inherit;
    width: 100%;
    top: 20%;
}
.con3_right{
    height: 46vw;
}
.con3 {
    height: 80vw;
}
.con3_3_top {
    top: 32%;
}
.con3_3_top_2nd {
    position: absolute;
    right: 0% !important;
    top: 26.3% !important;
    z-index: 11111111;
    opacity: 1;
    width: 12%;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    height: 3.7vw;
    background: black;
    border-radius: 1vw;
    color: white;
    overflow: hidden;
}
.con3_top_3rd {
    background: black;
    width: 83.3333333333333%;
    margin-left: 16.666666%;
    top: 34%;
    height: 2.7vw;
    font-size: 1vw;
    justify-content: flex-start;
    padding-left: 5%;
}
.con3_right {
    width: 94%;
    left: 50%;
    transform: translateX(-50%);
    top: 40%;
}


.con4_con_2 {
    background: #3235cd;
    top: 20%;
}
.con4_con_3 {
    background: white;
    top: 40%;
}

.con4_con_4 {
    overflow: hidden;
    top: 60%;
}
.con4 {
    margin-top: 0 !important;
}

.con4_con_1 {
    margin-top: 8%;
    background: black;
}
.con4_con_2 {
    background: #3235cd;
    top: 30%;
}.con4_con_3 {
    background: white;
    top: 46%;
}
.con4_con_4 {
    overflow: hidden;
    top: 12%;
}

.con3_top_3rd_item_hv {
    top: 100%;
    width: 100%;
    text-align: center;
    display: flex
;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
}

.con4{
    margin-bottom: 0;
/*    overflow: unset;*/
}
.con4_con_4 {
    top: 16%;
}
.main_scry_1{
    right: 82%;
    left: unset;
    font-size: 8vw;
}

.main_scry_2{
    left: 82%;
    font-size: 8vw;

}
.con3_3_top {
    top: -15.4%;
}
.con1_02{
    filter: brightness(0.85)
}
.main_ab{
    height: 29vw;
}
.con3_right img {
    width: 100%;
    filter: unset;
}
.con10_swiper_y_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 2%;
    margin-bottom: -3%;
}



.con6 .con3_1{
    left: 0;
}
.con6{
    background: #3235cd;

}
.con6_top{
    font-size: 2.7vw;
    margin-top: 10%;
}
.con6_top_2nd{
    font-size: 1.5vw;
    font-weight: 500;
    margin-top: 1%;
}
.con6 .con3_1_top {
    font-size: 1vw;
    margin-top: 46%;
    color: white;
}

.con6{
    width: 100% !important;
    left: unset !important;
}
.con6_blur_con_left{
    left: 0;
    transform: scaleX(-1);
    width: 30.0262%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.con6_blur_con_right{
    right: 0;
}
.con6_blur_con_right{
    width: 30.0262%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}


.con6{
    padding-bottom: 7%;
}
.con6_blur_con_left {
    bottom: 0%;
}
.con6_blur_con_right{
    bottom: 0%;
}
.con3_right {
/*    height: 50vw;*/
}


.con3_right_1{
    width: 94%;
    left: 50%;
    transform: translateX(-50%);
    top: 40%;    
}
.con3_right_1_2nd{
    margin-bottom: 1.5%;
}

.con3_right_split{
    width: 94%;
    left: 50%;
    transform: translateX(-50%);
    top: 40%;    
    cursor: pointer;
}
.con3_right_split_top{
    margin-bottom: 1.5%;
/*    pointer-events: none;*/
    
}
.con3_right_split_top .swiper-wrapper{
    padding-left: 25%;
}


.con3_right_split_top_2nd{
    margin-bottom: 1.5%;
/*    pointer-events: none;*/
    
}
.con3_right_split_top_2nd .swiper-wrapper{
    padding-left: 25%;
}

.con3_right_split_bottom{
/*    pointer-events: none;*/
    
}
.con3_right_split_bottom .swiper-wrapper{
    padding-left: 25%;
}

.con3_right_split_bottom_2nd{
/*    pointer-events: none;*/
    
}
.con3_right_split_bottom_2nd .swiper-wrapper{
    padding-left: 25%;
}


.con3_right_split{
    transition: 0.3s all;
}

.con3_right{
    cursor: pointer;
}
/*
.con3_right .swiper-wrapper{
    padding-left: 25%;
}
*/

.con3_right .mcon2_right_img:hover .mcon2_right_img_hv{
    opacity: 1;
}
.con3_right_split .mcon2_right_img:hover .mcon2_right_img_hv{
    opacity: 1;
}
.mcon2_right_img_hv {
    background: #00000075;
    height: 100%;
    opacity: 0;
    transition: 0.3s all;
}
.mcon2_right_img{
    position: relative;
}
.mcon2_right_img_hv{
    text-align: center;
}
.con3_3_top_2nd_hv {
    border-radius: inherit;
}
.con3_video_con{
        height: 100%;
}
.con3_video_con iframe{
    height: 100%;
}
.con3_video_con{
    pointer-events: unset;
}
.con2{
    height: 56.1vw;
}
.con3_next{
    width: 2vw !important;
    top: 66% !important;
    scale: 0.8;
    right: 0.45% !important;
}
@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {

    .main_small_title{
        font-family: "Pretendard variable";

        font-size: 3.3vw;
        line-height: 4.7vw;
    }
    .main_small_title_suit{
        font-family: "SUIT Variable";
        font-weight: 300;
        font-size: 3.3vw;
        line-height: 4.3vw;
        letter-spacing: -0.04vw;
    }


    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }


    .main_top {
        width: 100%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        margin-top: 19%;
        overflow: hidden;
        border-radius: 0 7.1vw 0 0;
        height: 50vw;
    }
    .main_top_ab_2nd {
        width: 25%;
        left: 26%;
        top: 19%;
        align-items: flex-start;
        font-size: 3vw;
        justify-content: space-between;
        height: 71%;
    }
    .main_top_ab_2nd {
        width: 25%;
        left: 26%;
        top: 19%;
        align-items: flex-start;
        font-size: 3.2vw;
        justify-content: space-between;
        height: 75%;
        left: 7% !important;
        top: unset !important;
        bottom: unset !important;
    }
    .main .mcon2_right_img{
        width: 160%;
    }
    .main_top_ab{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0;
    }
    .main_ab{
        position: relative !important;
    }


    .main_ab {
        width: 50%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        right: unset;
        top: unset;
    }
    .main_ab_ab {
        width: 100%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        top: unset;
        border-radius: 0 0 0 7.1vw ;
        overflow: hidden;
        right: 100%;
    }
    .main{
        align-items: flex-end;
    }
    .main_top_2nd {
        width: 100%;
        justify-content: flex-end;
        height: 30vw;
        border-right: 1px solid #00000017;
    }
    .main_top_2nd > div {
        height: 100%;
        width: 31.3333%;
        display: flex
    ;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 5%;
        box-sizing: border-box;
        border-left: 1px solid #00000017;
    }
    .main_top_2nd p{
        width: 80%;
    }
    .main .con3_scrx {
        left: unset;
        overflow: hidden;
        top: 12%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
    }
    .con3_scrx .gradient-blur {
        position: absolute;
        z-index: 5;
        inset: auto 0 0 0;
        height: 100%;
        pointer-events: none;
        width: inherit;
        width: 69%;
        left: 43%;
    }
    .con1_top {
        font-size: 3vw;
        width: 66.666%;
        margin-top: 15%;
        text-align: left;
    }
    .con1_top_2nd {
        font-size: 9.8vw;
        width: 66.66%;
        margin-top: 9%;
        text-align: center;
    }
    .con1_top_3rd {
        width: 65%;
        margin-top: 4%;
        z-index: 1;
        text-align: center;
    }
    .con1_ab_2nd{
        width: 100%;
        position: relative !important;
    }
    .con1_ab_2nd {
        width: 66.6666%;
        position: relative !important;
        margin-top: 6%;
    }
    .con1_ab_2nd_item {
        height: 10.3vw;
        overflow: hidden;
        cursor: pointer;
        font-size: 6vw;
    }

    .con1_top_4th {
        width: 35.5328%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        margin-left: -79.5%;
        margin-bottom: 5%;
        margin-top: -27%;
    }
    .con1_ab {
        width: 74.3858%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        right: 0%;
        bottom: 0;
    }
    .con1_top_4th {
        width: 35.5328%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        margin-left: -79.5%;
        margin-bottom: 9%;
        margin-top: -30%;
    }
    .con2_ab {
        z-index: 1;
        font-size: 7.3vw;
        text-align: center;
        text-shadow: 0px 0px 5px #00000029;
        font-weight: 800;
    }
    .con1_top_2nd {
        font-size: 8.8vw;
        width: 66.66%;
        margin-top: 9%;
        text-align: center;
    }

    .con3_1_top_2nd{
        font-size: 8.8vw;

    }
    .con3 .con3_1{
        width: 66.666%;
    }
    .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: left;

    }

    .con3 {
        height: 180vw;
        justify-content: flex-start;
    }
    .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: left;
        margin-top: 39%;
    }
    .con3_1_top_2nd {
        font-size: 8.8vw;
        width: 100%;
        text-align: center;
    }
    .con3 {
        height: 180vw;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;

    }
    .con3 .con3_1{
        height: unset;
    }
    .con3 .con3_2 {
        width: 100%;
        height: unset;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 0;
        border-left: 1px solid #00000017;
        border-right: 1px solid #00000017;
        box-sizing: border-box;
    }
    .con3_2_top {
        margin-top: 0;
        text-align: center;
        width: 100%;
        margin-top: 6%;
    }

    .con3_3_top {
        font-size: 3vw;
        margin-top: 0;
        width: 61%;
        text-align: right;
        display: flex
    ;
        justify-content: flex-end;
    }
    .con3 .con3_3 {
        width: 100%;
        height: unset;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #00000017;
        box-sizing: border-box;
        margin-top: 3%;
    }
    .con3_3_top_2nd {
        position: absolute;
        right: 5% !important;
        top: -113.3% !important;
        z-index: 11111111;
        opacity: 1;
        width: 8%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        font-size: 2vw;
        height: 13.7vw;
        background: black;
        border-radius: 4vw;
        color: white;
        overflow: hidden;
    }
    .con3_3_top {
        font-size: 3vw;
        margin-top: 0;
        width: 61%;
        text-align: right;
        display: flex
    ;
        justify-content: center;
        text-align: center;
    }
    .con3 .con3_3 {
        width: 100%;
        height: unset;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #00000017;
        box-sizing: border-box;
        margin-top: 14%;
    }
    .con3_3_top_2nd{
        rotate: -90deg;
        left: unset;
        right: unset !important;
        bottom: 62% !important;
        top: unset !important;
    }
    .con3_top_3rd{
        position: relative !important;
    }
    .con3_right{
        position: relative !important;

    }
    .con3_top_3rd {
        background: black;
        width: 100%;
        margin-left: 0;
        top: unset;
        height: 17.7vw;
        font-size: 3.5vw;
        justify-content: center;
        padding-left: 0;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 5%;
    }
    .con3_top_3rd_item {
        padding: 0 2%;
        text-align: center;
        font-weight: 600;
        overflow: hidden;
        cursor: pointer;
        width: 34%;
        white-space: nowrap;
        text-align: center;
        margin: 0 !important;
        height: unset;
    }
    .con3_top_3rd {
        background: black;
        width: 100%;
        margin-left: 0;
        top: unset;
        height: 27.7vw;
        font-size: 3.5vw;
        justify-content: center;
        padding-left: 0;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 5%;
        padding: 2% 0;
    }
    .con3_top_3rd_item_hv {
        font-weight: 800;
        text-align: center;
        width: 92%;
        box-sizing: border-box;
    }
    .con3_right {
        width: 94%;
        left: unset;
        transform: unset;
        top: unset;
    }
    .con3_right .mcon2_right_img {
        width: 100%;
    }
    .con3_top_3rd {
             background: black;
             width: 100%;
             width: 94%;
             margin-left: 0;
             top: unset;
             height: 27.7vw;
             font-size: 3.5vw;
             justify-content: center;
             padding-left: 0;
             align-items: center;
             flex-wrap: wrap;
             margin-top: 5%;
             padding: 2% 0;
             left: unset;
             right: unset;
             margin-left: 3%;
         }
    .con3 .con3_scrx{
        position: relative !important;
        left: unset;
        overflow: hidden;
        top: 12%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
        left: unset;
        overflow: hidden;
        top: unset;
    }
    .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: left;
        margin-top: 14%;
    }
    .con3_1_top_2nd {
        margin-top: 18%;
        font-weight: 800;
        letter-spacing: -0.08vw;
    }

    .con4_con {
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        height: 90vw;
        border-radius: 2.5vw 2.5vw 0 0;
    }
    .con4_con_left {
        font-size: 12.4vw;
        margin-left: 0;
        margin-top: 11%;
        width: 100%;
        text-align: center;
    }
    .con4_con_right {
        margin-top: 3%;
        text-align: center;
        font-size: 3.8vw !important;
        line-height: 6vw !important;
    }
    .con4_con_left {
        font-size: 12.4vw;
        margin-left: 0;
        margin-top: 6%;
        width: 100%;
        text-align: center;
    }
    .con4_con_2 {
        background: #3235cd;
        top: 28%;
    }
    .con4_con_3 {
        background: white;
        top: 0;
        top: 56%;
    }
    .con4 {
        margin-top: 7%;
        margin-bottom: 120%;
        overflow: unset;
    }
    .con4_con_top {
        font-size: 12.4vw;
        color: white;
        margin-top: 17.5%;
    }
    .con4_con_top .blue{
        font-weight: 900;
    }
    .con4_con_top_2nd {
        font-size: 1.5vw;
        margin-top: 2%;
        font-size: 3.8vw !important;
    }
    .con4_con_top_3rd {
        color: #a2a2a2;
        margin-top: 44.8%;
    }
    .con4_con_4_ab {
        font-size: 13.3vw;
        line-height: 13.2vw;
        top: 52%;
        left: 38%;
        white-space: nowrap;
        font-weight: 900;
    }
    .con4_con_4 {
        justify-content: flex-start;
        align-items: center;
        background: url(/images/con5_01.jpg) no-repeat center / cover;
        top: 64%;
        height: 113vw !important;
    }
    .con4_con_4_ab {
        font-size: 13.3vw;
        line-height: 13.2vw;
        top: 44%;
        left: 0;
        white-space: nowrap;
        font-weight: 900;
        letter-spacing: -0.5vw;
    }
    .con4_con_4 {
        justify-content: flex-start;
        align-items: center;
        background: url(/images/con5_01.jpg) no-repeat center / cover;
        top: 108%;
        height: 113vw !important;
    }
    .con5_item {
        width: 50vw;
        height: 50vw;
        box-sizing: border-box;
        border-right: #3235cd 2px solid;
    }
    .con5 {
        background: black;
        flex-wrap: wrap;
    }
    .con5_item_top {
        font-size: 7.5vw;
    }
    .con6_top {
        font-size: 8.8vw;
        margin-top: 25%;
    }
    .con6 .con3_1_top {
        white-space: nowrap;
        font-size: 3vw;
        margin-top: 81%;
        color: white;
    }
    .con6_blur_con_left {
        left: 0;
        transform: scaleX(-1);
        width: 30.0262%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        z-index: 3;
        bottom: 0;
    }
    .con6_blur_con_right {
        width: 30.0262%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        z-index: 3;
        bottom: 0;
    }
    .con6 {
        width: 100% !important;
        left: unset !important;
        padding-bottom: 6%;
    }
    .con6_blur_con_left {
        left: 0;
        transform: scaleX(-1);
        width: 49.0262%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        z-index: 3;
        bottom: 0;
        left: -8%;
    }
    .con6_blur_con_right {
        width: 49.0262%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        z-index: 3;
        bottom: 0;
        right: -8%;
    }

    .con7 .con3_1 {
        height: unset;
        width: 66.666%;
        position: relative !important;
        margin-left: unset;
    }
    .con7 .con3_3 {
        width: 100%;
        height: unset;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #00000017;
        box-sizing: border-box;
        margin-top: 14%;
        left: unset !important;
        height: unset !important;
        position: relative !important;
    }
    .con7 .con3_3_top{
        font-size: 3vw;
        margin-top: 0;
        width: 61%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .con7 .con3_3_top_2nd{
        rotate: -90deg;
        left: unset;
        right: unset !important;
        bottom: 62% !important;
        top: unset !important;
        opacity: 1;
        width: 8%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        font-size: 2vw;
        height: 13.7vw;
        background: white;
        border-radius: 4vw;
        color: black;
        overflow: hidden;
    }
    .con7_con {
        margin-top: 6.5%;
        margin-bottom: 17%;
        flex-direction: row;
    }
    .con7_con .con3_top_3rd_item {
        padding: 0 2%;
        text-align: center;
        font-weight: 600;
        overflow: hidden;
        cursor: pointer;
        width: 100%;
        box-sizing: border-box;
        height: 24vw;
        display: flex
    ;
        justify-content: center;
        align-items: flex-start;
    }
    .con7_con {
        margin-top: 6.5%;
        margin-bottom: 17%;
        flex-direction: row;
        height: 178vw;
    }
    .con7_swiper_y_left {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 13%;
        height: 13.4%;
        overflow: hidden;
        left: unset;
        pointer-events: none;
        border-right: 1px solid #00000017;
        width: 94%;
        margin-right: 0;
    }

    .ccon2_mid_slide_con {
        width: 21vw;
        height: 21vw;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        background: white;
        box-shadow: unset;
        border-top: 1px solid #00000017;
        border-left: 1px solid #00000017;
        border-bottom: 1px solid #00000017;
    }

    .con7_con .con3_top_3rd {
        background: #3235cd;
        height: 100%;
        width: 17%;
    }


    .con7_con_item {
        background: white;
        width: 68.333333%;
        margin-left: 0;
        height: 100%;
        justify-content: flex-start;
        flex-direction: column;
    }

    .con7_con .con3_top_3rd {
        background: black;
        width: 100%;
        width: 94%;
        margin-left: 0;
        top: unset;
        height: 27.7vw;
        font-size: 3.5vw;
        justify-content: center;
        padding-left: 0;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 0;
        padding: 2% 0;
        left: unset;
        right: unset;
        margin-left: 3%;
        width: 29%;
        margin-left: 0;
    }
    .con7_con_item {
        background: white;
        width: 62.333333%;
        margin-left: 0;
        height: 100%;
        justify-content: flex-start;
        flex-direction: column;
    }
    .con7_swiper_y_left {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 13%;
        height: 13.9%;
        overflow: hidden;
        left: unset;
        pointer-events: none;
        border-right: 1px solid #00000017;
        width: 94%;
        margin-right: 0;
    }

    .con7_swiper_y_left {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 13%;
        height: 13.9%;
        overflow: hidden;
        left: unset;
        pointer-events: none;
        border-right: 1px solid #00000017;
        width: 94%;
        margin-right: 0;
        margin-left: 0;
    }

    .ccon2_mid_slide_con_p {
        font-size: 2.75vw;
        font-family: "SUIT Variable";
        font-weight: 300;
        color: black;
        top: 12%;
        left: 11%;
    }


    .dcon1_17 {
        margin-left: 36%;
        margin-top: 36%;
        width: 43%;
    }
    .con7_con .con3_top_3rd {
        background: #3235cd;
        height: 100%;
        width: 31%;
    }

    .con7_swiper_y_left {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 13%;
        height: 13.9%;
        overflow: hidden;
        left: unset;
        pointer-events: none;
        border-right: 1px solid #00000017;
        width: 87%;
        margin-right: 0;
        margin-left: 0;
    }


    /*.con7_con .con3_top_3rd_item:hover{*/
    /*    color: #3235cd;*/
    /*}*/
    /*.con7_con .con3_top_3rd_item:hover .con3_top_3rd_item_hv{*/
    /*    top: 0;*/
    /*    color: #3235cd;*/

    /*}*/
    /*.con7_con .con3_top_3rd_item >p{*/
    /*    transition: 0.3s all;*/
    /*}*/
    /*.con7_con .con3_top_3rd_item:hover > p{*/
    /*    transform: translateY(-100%);*/

    /*}*/
    /*.con7_con .con3_top_3rd_item_hv{*/
    /*    transition: 0.3s all;*/
    /*}*/
    /*.con7_con .con3_top_3rd_item_hv{*/
    /*    top: 100%;*/
    /*}*/

    .con7_con .con3_top_3rd_item {
        padding: 0 2%;
        text-align: center;
        font-weight: 600;
        overflow: hidden;
        cursor: pointer;
        width: 100%;
        box-sizing: border-box;
        height: 5vw;
        display: flex
    ;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 61% !important;
    }


    .con7 .con3_scrx {
        left: 50%;
        overflow: hidden;
        height: 22vw;
        position: relative;
        left: unset;
        overflow: hidden;
        top: unset !important;
        font-size: 12.8vw !important;
        width: 100% !important;
        position: relative !important;
        white-space: nowrap;
    }
    .con7 .con3_scrx .gradient-blur {
        position: absolute;
        z-index: 5;
        inset: auto 0 0 0;
        height: 100%;
        pointer-events: none;
        width: inherit;
        width: 69%;
        left: 43%;
    }


    .con7 .con3_scrx {
        left: 50%;
        overflow: hidden;
        height: 21vw;
        position: relative;
        left: unset;
        overflow: hidden;
        top: unset !important;
        font-size: 8.8vw !important;
        width: 100% !important;
        position: relative !important;
        white-space: nowrap;
        margin-top: -13%;
    }
    .con8_ab {
        top: 24%;
        left: unset;
        font-size: 8.95vw;
        white-space: nowrap;
    }
    .con10_swiper_y_right_2nd {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        pointer-events: none;
        margin-top: 39%;
        margin-bottom: 12%;
        width: 83.3333%;
        margin-left: 16.66666%;
    }
    .con8_ab {
        top: 24%;
        left: unset;
        font-size: 8.95vw;
        white-space: nowrap;
        left: 16.666%;
    }
    .con10_swiper_y_right_2nd {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        pointer-events: none;
        margin-top: 44%;
        margin-bottom: 18%;
        margin-bottom: 16%;
        margin-left: 16.66666%;
    }
    .con8_ab {
        top: 28%;
        left: unset;
        font-size: 8.95vw;
        white-space: nowrap;
        left: 16.666%;
    }
    .con8 .con3_1 {
        width: 16.6666%;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 16.66%;
        border-left: 1px solid #00000017;
        border-right: 1px solid #00000017;
        left: 0;
        top: 15%;
    }



    .form_submit {
        color: white;
        background: black;
        padding: 2.8% 15%;
        font-size: 3.8vw;
        margin-bottom: 9%;
        margin-top: 1%;
        border-radius: 15px;
        width: 16%;
        text-align: center;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .con9_top {
        font-size: 4.1vw;
        line-height: 5vw;
        text-align: center;
        margin-top: 22.5%;
        margin-bottom: 7%;
    }

    .con25_mid {
        width: 83%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 3%;
        border-radius: unset;
        background: transparent;
        z-index: 1;
    }
    .con25_mid_top {
        width: 75%;
        margin-top: 4%;
        justify-content: space-between !important;
        flex-wrap: wrap;
    }
    .con25_mid_top input {
        width: 47%;
            font-family: "Pretendard variable";
    font-weight: 400 ;
        color: white !important;
        font-size: 3vw;
        padding-bottom: 2%;
        background: transparent;
        box-sizing: border-box;
        padding-left: 2%;
        outline: none;
        border: none;
        border-bottom: 1px solid white;
        margin-top: 4%;
    }
    .form_agree_check {
        margin-right: 2%;
        width: 3vw;
        height: 3vw;
        overflow: hidden;
        outline: 0;
        background: transparent;
        color: transparent;
        border: none;
        border: 1px #a2b3ca solid;
        appearance: none;
        border-radius: 50%;
    }
    .form_agree_check:checked::after {
        content: "";
        width: 2.5vw;
        height: 2.5vw;
        position: absolute;
        background: #3235fd;
        color: unset !important;
    }
    .form_agree_span {
        font-size: 2.85vw;
        font-family: "SUIT Variable";
        color: white;
    }
    .form_agree {
        display: flex
    ;
        justify-content: center;
        align-items: center;
        width: 68%;
        margin-top: 6%;
        margin-bottom: 3%;
        margin-left: 0;
        text-align: center;
    }
    .con9_bg {
        width: 121.5591%;
        display: flex
    ;
        justify-content: center;
        align-items: center;
        bottom: 0;
    }
    .con9_top_3rd {
        font-size: 2.9vw;
        opacity: 0.3;
        margin-bottom: 8%;
        margin-top: -4%;
    }



    .con9 .con3_scrx {
        left: unset;
        overflow: hidden;
        top: 12%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
        color: #3235cd;
        position: absolute !important;
    }
    .con9  .con3_scrx .gradient-blur {
        position: absolute;
        z-index: 5;
        inset: auto 0 0 0;
        height: 100%;
        pointer-events: none;
        width: inherit;
        width: 69%;
        left: 43%;
    }

    .con9 .con3_scrx {
        left: unset;
        overflow: hidden;
        top: 1%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
        color: #3235cd;
        position: absolute !important;
    }


    .con9_top {
        font-size: 4.1vw;
        line-height: 5vw;
        text-align: center;
        margin-top: 28.5%;
        margin-bottom: 0%;
    }

    .con3_1{
        border: unset !important;
    }
        .con3_2{
        border: unset !important;
    }
        .con3_3{
        border: unset !important;
    }
    .form_agree_check:checked::after {
        content: "";
        width: 2.2vw;
        height: 2.2vw;
        position: absolute;
        background: #3235fd;
        color: aliceblue;
        border-radius: 50%;
    }
    .con9_bg {
        filter: brightness(0.5);
    }
    .ccon2_mid_slide_con {
        border-right: 1px solid #00000017;
    }
    .con7_swiper_y_left {
        border-right: unset;
    }
    
    
    
    
    .main_top_2nd {
        width: 100%;
        justify-content: flex-end;
        height: 44vw;
        border-right: unset;
        border-bottom: 1px solid black;
        flex-direction: column;
    }
    
    .main_top_2nd > div{
        height: 33.333%;
        width: 100%;
        display: flex
;
        justify-content: center;
        align-items: center;
        padding-top: 3%;
        box-sizing: border-box;
        border-left: unset;
        text-align: center;
        border-bottom: 1px solid #00000017;
        padding-bottom: 3%;
        
        
    }
    
    .main_top_2nd {
        width: 100%;
        justify-content: center;
        height: 22vw;
        border-right: unset;
        flex-direction: column;
    }
    
    .main_top_2nd {
        width: 100%;
        justify-content: center;
        height: 32vw;
        border-right: unset;
        flex-direction: column;
        margin-top: 5%;
    }
    
    
        .main .con3_scrx {
        left: unset;
        overflow: hidden;
        top: 12%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
        padding: 5% 0;
    }
    
        .main_top_2nd {
        border-bottom: unset;
    }
        .main_top {
        height: 67vw;
    }
    
    .mcon2_right_img{
        margin-left: -25%
    }
    .swiper-slide.swiper-slide-active{
        z-index: 2
    }
    
    .main_top_ab_2nd {
        width: 25%;
        left: 26%;
        top: 19%;
        align-items: flex-start;
        font-size: 3.2vw;
        justify-content: space-between;
        height: 63%;
        left: 7% !important;
        top: unset !important;
        bottom: unset !important;
    }
    section .main_small_title_suit{
        font-family: "SUIT Variable";
        font-weight: 400;
        font-size: 3.8vw;
        line-height: 5vw;
        letter-spacing: -0.04vw;
    }
    
    .con1_top {
        font-size: 3vw;
        width: 66.666%;
        margin-top: 15%;
        text-align: center;
    }
        .con1_top_2nd {
        font-size: 11.8vw;
        width: 66.66%;
        margin-top: 9%;
        text-align: center;
    }
        .con1_top_2nd {
        font-size: 10.8vw;
        width: 66.66%;
        margin-top: 12%;
        text-align: center;
    }
        .con1_top {
        font-size: 3vw;
        width: 66.666%;
        margin-top: 17%;
        text-align: center;
    }
        .con1_top_3rd {
        width: 65%;
        margin-top: 9%;
        margin-bottom: 10%;
        z-index: 1;
        text-align: center;
    }
    .con1_top_4th {
        width: 22.5328%;
        display: flex
;
        justify-content: center;
        align-items: center;
        margin-left: -79.5%;
        margin-bottom: 24%;
        margin-top: -9%;
    }
        .con1_ab {
        width: 53.3858%;
        display: flex
;
        justify-content: center;
        align-items: center;
        right: 0%;
        bottom: 0;
    }
        .con1_top_4th {
        width: 22.5328%;
        display: flex
;
        justify-content: center;
        align-items: center;
        margin-left: -79.5%;
        margin-bottom: -6%;
        margin-top: 6%;
        opacity: 0;
    }
    
    
    .con3 .con3_scrx {
        position: relative !important;
        left: unset;
        overflow: hidden;
        top: 12%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
        left: unset;
        overflow: hidden;
        top: unset;
        padding: 8% 0;
    }    
    
    
    .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: center;
        margin-top: 14%;
    }
    .con3_1_top_2nd {
        font-size: 10.8vw;
        width: 100%;
        text-align: center;
    }
        .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: center;
        margin-top: 14%;
        width: 100%;
    }
        .con3_1_top_2nd {
        font-size: 10.8vw;
        width: 100%;
        text-align: center;
        line-height: 12vw;
    }
    
        .con3_3_top {
        font-size: 3vw;
        margin-top: 0;
        width: 61%;
        text-align: right;
        display: flex
;
        justify-content: center;
        text-align: center;
        opacity: 0;
    }
    .con3 .con3_3 {
        margin-top: 18%;
    }
    
    .con3_right .mcon2_right_img {
        width: 100%;
            margin-left: 0%;
    }
    .con3 {
        height: unset;
    }
    
    
    

    
    .con3_right{
        height: 94vw;
    }
    .con5_item{
        border-left: #3235cd 1px solid;
        border-right: #3235cd 1px solid;
    }
    .con5_item:last-child {
        border-right: #3235cd 1px solid;
    }
    .con2 .mcon2_right_img {
        width: 100%;
            margin-left: 0%;
    }
    .con4_con_4_ab {
        font-size: 13.3vw;
        line-height: 13.2vw;
        top: 44%;
        left: unset;
        white-space: nowrap;
        font-weight: 900;
        letter-spacing: -0.5vw;
        text-align: center;
    }
    .con4_con_top_3rd {
        color: #a2a2a2 !important;
        margin-top: 44.8%;
        font-size: 2.7vw !important;
    }
    
.con10_swiper_y_left {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
/*    margin-top: 4.8%;*/
}
    
.con10_swiper_y_right {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    margin-top: 2%;
    margin-bottom: -2%;
}
    
    .con6_top_2nd{
            margin-bottom: 5%;
    margin-top: 3%;
    }
        .con6 {
        width: 100% !important;
        left: unset !important;
        padding-bottom: 18%;
    }
    
.con6_blur_con_left {
        left: 0;
        transform: scaleX(-1);
        width: 65.0262%;
        display: flex
;
        justify-content: center;
        align-items: center;
        z-index: 3;
        bottom: 0;
        left: -15%;
    }
    .con6_blur_con_right {
        width: 65.0262%;
        display: flex
;
        justify-content: center;
        align-items: center;
        z-index: 3;
        bottom: 0;
        right: -15%;
    }
    
    
        .con6 .con3_1_top {
        white-space: nowrap;
        font-size: 3vw;
        margin-top: 15%;
        color: white;
        width: 100%;
        text-align: center;
    }
    
    .con6 .con3_1 {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    border-left: 1px solid #00000017;
    border-right: 1px solid #00000017;
}
    
    
        .con6_top {
        font-size: 8.8vw;
        margin-top: 35%;
    }
        .con6 .con3_1 {
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 0;
        border-left: 1px solid #00000017;
        border-right: 1px solid #00000017;
        top: 2%;
    }
    
    
        .con3_2_top {
        margin-top: 0;
        text-align: center;
        width: 100%;
        margin-top: 10%;
        margin-bottom: 1%;
    }
    
        .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: center;
        margin-top: 26%;
        margin-bottom: 4%;
        width: 100%;
    }
        .con7 .con3_1_top_2nd {
        font-size: 10.8vw;
        width: 100%;
        text-align: center;
        line-height: 12vw;
        margin-bottom: 7%;
    }
    .con7 .con3_scrx {
        left: 50%;
        overflow: hidden;
        height: 21vw;
        position: relative;
        left: unset;
        overflow: hidden;
        top: unset !important;
        font-size: 8.8vw !important;
        width: 150% !important;
        position: relative !important;
        white-space: nowrap;
        margin-top: -13%;
        padding: 7% 0;
        font-size: 12.8vw !important;
    }
    .con8 .con3_1 {
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 0;
        border-left: 1px solid #00000017;
        border-right: 1px solid #00000017;
        left: 0;
        top: 2%;
        text-align: center;
    }
        .con8_ab {
        top: 26%;
        left: unset;
        font-size: 8.95vw;
        white-space: nowrap;
        left: unset;
    }
        .con10_swiper_y_right_2nd {
        display: flex
;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        pointer-events: none;
        margin-top: 50%;
        margin-bottom: 18%;
        margin-bottom: 19%;
        margin-left: 0;
    }
    .con8 .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: center;
        margin-top: 13%;
        margin-bottom: 4%;
        width: 100%;
    }
        .con9 .con3_scrx {
        left: unset;
        overflow: hidden;
        top: 1%;
        font-size: 15.8vw;
        width: 100%;
        position: relative !important;
        color: #3235cd;
        position: absolute !important;
        padding: 6% 0;
        position: relative !important;
    }
    
        .con9_top {
        font-size: 4.1vw;
        line-height: 5vw;
        text-align: center;
        margin-top: 2.5%;
        margin-bottom: 0%;
    }

.con9_top_3rd {
        font-size: 2.9vw;
        opacity: 0.3;
        margin-bottom: 12%;
        margin-top: -1%;
    }    
        .con9_bg {
        width: 145.5591%;
        display: flex
;
        justify-content: center;
        align-items: center;
        bottom: 0;
    }
.con3 .con3_1_top {
        font-size: 3vw;
        margin-top: 0;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        width: 100%;
    }
    
        .con7_con .con3_top_3rd {
        background: #3235cd;
        height: 100%;
        width: 31%;
        padding-top: 5%;
    }
    .con3 .con3_top_3rd {
        background: black;
        width: 100%;
        width: 94%;
        margin-left: 0;
        top: unset;
        height: 34.7vw;
        font-size: 4vw;
        justify-content: center;
        padding-left: 0;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 5%;
        padding: 2% 0;
        left: unset;
        right: unset;
        margin-left: 3%;
    }
    .con3 .con3_top_3rd_item {
        padding: 0 2%;
        text-align: center;
        font-weight: 600;
        overflow: hidden;
        cursor: pointer;
        width: 38%;
        white-space: nowrap;
        text-align: center;
        margin: 0 !important;
        height: unset;
    }
    .con3 .con3_top_3rd_item_hv{
        font-size: 4vw;
        font-weight: 800;
    }
    
.swiper-pagination-bullet {
    font-size: 3.3vw;
}
    
    .con4_con_1 {
    margin-top: 0;
    background: black;
}
    
        .con4_con_2 {
        background: #3235cd;
        top: 47%;
    }
    
    
        .con4_con_3 {
        background: white;
        top: 0;
        top: 96%;
    }
        .con4_con_4 {
        justify-content: flex-start;
        align-items: center;
        background: url(/images/con5_01.jpg) no-repeat center / cover;
        top: 144%;
        height: 113vw !important;
    }
    
    .con4 {
        margin-bottom: 150%;
    }
    .con3_right_2{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    
    .con3_right_3{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    .con3_right_4{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    .con3_right_5{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    .con3_right_6{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    
    
    .main_ab{
        height: 43vw;
                width: 100%;
    }
    .main_ab .mcon2_right_img{
        flex-direction: row-reverse;
        width: 100% ;
        margin: 0;
    }
    .main_ab .mcon2_right_img > img{
        width: 50% !important;
    }
    .main_ab_ab{
        width: 50%!important;
        border-radius: unset;
    }
    .main_top{
        border-radius: unset;
    }
    .con1_02_1st_m{
            width: 63.3% !important;
    margin-left: -6%;
    }
    
    .con3_right_1 {
    position: relative !important;
}
    
    .con3_right_split .mcon2_right_img {
        margin-left: 0;
    }
    
    .con3_right_split_top{
    margin-bottom: 0%;
}
    
    
    .con3_right_split_top .swiper-wrapper{
        padding-left: 0%;
    }
    .con3_right_split_bottom .swiper-wrapper{
        padding-left: 0%;

    }
    
        
    .con3_right_split_top_2nd{
    margin-bottom: 0%;
}
    
    
    .con3_right_split_top_2nd .swiper-wrapper{
        padding-left: 0%;
    }
    .con3_right_split_bottom_2nd .swiper-wrapper{
        padding-left: 0%;

    }
    
    
    .con3_right .swiper-wrapper{
        padding-left: 0%;

}
    
    .con3_right_2{
    position: absolute !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;        
    top: unset;
    }
    .con3_right_3{
    position: absolute !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;        
    top: unset;
    }
    .con3_right_4{
    position: absolute !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;        
    top: unset;
    }
    .con3_right_5{
    position: absolute !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;        
    top: unset;
    }    
    
    .con3_right_6{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    .con3_right_7{
        position: absolute !important;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) !important;        
    }
    
    
    
/*
.gradient-blur::before {
    content: "";
    z-index: 1;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(0.5px);
    
}
.gradient-blur > div:nth-of-type(1) {
    z-index: 2;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(1px);
}
.gradient-blur > div:nth-of-type(2) {
    z-index: 3;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(2px);
}
.gradient-blur > div:nth-of-type(3) {
    z-index: 4;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(4px);
}
.gradient-blur > div:nth-of-type(4) {
    z-index: 5;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(8px);
    
}
.gradient-blur > div:nth-of-type(5) {
    z-index: 6;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(10px);

}
.gradient-blur > div:nth-of-type(6) {
    z-index: 7;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(10px);

}
.gradient-blur::after {
    content: "";
    z-index: 8;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(16px);

}
    
    
    
    
    
    
.con3_scrx .gradient-blur::before {
    content: "";
    z-index: 1;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(0.5px);
    

}
.con3_scrx .gradient-blur > div:nth-of-type(1) {
    z-index: 2;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(1px);

}
.con3_scrx .gradient-blur > div:nth-of-type(2) {
    z-index: 3;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(2px);
    

}
.con3_scrx .gradient-blur > div:nth-of-type(3) {
    z-index: 4;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(4px);
    

}
.con3_scrx .gradient-blur > div:nth-of-type(4) {
    z-index: 5;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(8px);
    

}
.con3_scrx .gradient-blur > div:nth-of-type(5) {
    z-index: 6;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(10px);
    

}
.con3_scrx .gradient-blur > div:nth-of-type(6) {
    z-index: 7;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(10px);

}
.con3_scrx .gradient-blur::after {
    content: "";
    z-index: 8;
    -webkit-backdrop-filter:unset !important;
    backdrop-filter: unset !important;
    filter: blur(16px);
    

}
*/
    
    
    .con3_top_3rd_item:last-child{
        margin-right: 42% !important;
    }
    
    
    
    .main .scrX .scrX_item {
        animation: unset;
/*        width: 100%;*/
    }

    .main .con3_scrx {
        left: 50%;
    }    
    
    
    .main .con3_scrx {
        left: 0%;
/*        padding-left: 13%;*/
        box-sizing: border-box;
    }
    .main .con3_scrx {
/*        left: 19%;*/
        /* padding-left: 13%; */
        box-sizing: border-box;
/*        ㅈ: ㅈ;*/
    }
    
    
    .con3 .scrX .scrX_item {
        animation: unset;
/*        width: 100%;*/
    }

    .con3 .con3_scrx {
        left: 50%;
    }    
    
    
    .con3 .con3_scrx {
        left: 0%;
        box-sizing: border-box;
    }
    .con3 .con3_scrx {
        box-sizing: border-box;
/*        ㅈ: ㅈ;*/
    }
    
    
    .con7 .scrX .scrX_item {
        animation: unset;
/*        width: 100%;*/
    }

    .con7 .con3_scrx {
        left: 50%;
    }    
    
    
    .con7 .con3_scrx {
        left: 0%;
        box-sizing: border-box;
    }
    .con7 .con3_scrx {
        box-sizing: border-box;
/*        ㅈ: ㅈ;*/
    }
    
    
        
    .con9 .scrX .scrX_item {
        animation: unset;
/*        width: 100%;*/
    }

    .con9 .con3_scrx {
        left: 50%;
    }    
    
    
    .con9 .con3_scrx {
        left: 0%;
        box-sizing: border-box;
    }
    .con9 .con3_scrx {
        box-sizing: border-box;
/*        ㅈ: ㅈ;*/
    }
    
    
    .con3 .con3_3 {
        flex-direction: row;
    }
    .con3 .con3_3_top_2nd{
            position: relative;
            rotate: unset;
    }
    .con3 .con3_3_top{
        width: 27%;
        margin-left: -5%;
        opacity: 1;        
    }
        .con3 .con3_3 {
        margin-top: 9%;
        flex-direction: row;
        margin-bottom: 4%;
    }

    .swiper-pagination-bullet {
        font-size: 4vw;
    }
    .con3_right_split_bottom {
        margin-top: 1.5%;
    }

        .con3_right_split_bottom_2nd {
        margin-top: 1.5%;
    }
    .con3_right_split{
        transform: translateX(-50%) !important;
    }
    .con2{
        height: 56vw;
    }
    .con3_top_3rd_item:last-child{
        margin-right: 0% !important;
    }
    .con3_next{
        display: none;
    }
    
    .form_submit {
        border-radius: 2vw;
    }
    
    .con3{
        padding-bottom: 20%;
    }
    
    .con3_next{
        position: absolute;
        right: 5% !important;
        z-index: 11111111;
        opacity: 1;
        width: 8% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2vw;
        height: 13.7vw;
        background: black;
        border-radius: 4vw;
        color: white;
        overflow: hidden;
        display: flex;
        bottom: 1% !important;
        right: unset !important;
        left: unset !important;
        position: absolute !important;
        right: unset !important;
        left: 46% !important;
    }
    .con3_right_split {
        transform: translateX(-50%) !important;
        top: 60.3% !important;
        bottom: unset !important;
    }
    .con3_right_6{
       top: 60.3% !important;
        bottom: unset !important;        
    }
    .con3_right_7{
       top: 60.3% !important;
        bottom: unset !important;        
    }
}