* {
    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;
}

.hide {
    display: none !important;
}

.hideopa {
    opacity: 0 !important;
}

.show {
    opacity: 1 !important;
}

.absol {
    position: absolute;
}

.rltv {
    position: relative;
}

.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;
}


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(-8deg);
    }

    65% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes ddm4 {
    0% {
        transform: scale(1);
    }

    25% {
        transform: rotate(-2deg);
    }

    50% {
        transform: scale(1.05);
    }

    75% {
        transform: rotate(2deg);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes rotate_image1 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@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.2);
        opacity: 1;
    }
}

@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);
    }

    75% {
        transform: scale(1.02);
        transform: translateY(10px);
    }

    100% {
        transform: scale(1);
        transform: translateY(0px);
    }
}

@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 marqueeX_r {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes marqueeY {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes marqueeY_r {
    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);
    }
}

@keyframes shakeAndFall {
    0% {
        transform: translate(0, -50%) rotate(0);
        opacity: 0;
    }
}

div.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swiper-wrapper.flow {
    pointer-events: none;
    transition-timing-function: linear;
}

section {
    font-family: 'Pretendard Variable';
    font-weight: 300;
    font-size: 0.9vw;
    letter-spacing: -0.04vw;
}

section img {
    width: 100%;
}

/* section:not(.map_section) img {
    pointer-events: none;
} */

.noto {
    font-family: "Noto Serif", serif;
}

.notokr {
    font-family: "Noto Serif KR", serif;
}

.exbold {
    font-weight: 900;
}

.bold {
    font-weight: 700;
}

.sebold {
    font-weight: 600;
}

.medium {
    font-weight: 500;
}

.regular {
    font-weight: 400;
}

.flight {
    font-weight: 200;
}

.thin {
    font-weight: 100;
}

.animate-blk {
    animation: blk 1s infinite ease-in-out;
}

.scaleOpa {
    animation: scaleOpa infinite 2s;
}

.scaleOpa2 {
    animation: scaleOpa2 infinite 2s;
}

.light {
    animation: light infinite 5s;
}

.rotate_img {
    animation: rotate_image 10s infinite linear;
}

.white {
    color: white;
}

.txct {
    text-align: center;
}

.lh {
    line-height: 1.5;
}

/* reveal 대신 사용 start */
/* 왼쪽부터 나타나기 */
.clip_off02 {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 0.8s;
}

/* 가운데에서 나타나기 */
.clip_off {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    transition: all 0.8s;
}

/* gsap에서 넣을 class */
.clip_on {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}

/* reveal 대신 사용 end */
.absol_cover {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.max_width {
    width: unset !important;
    max-width: 101%;
}

.back_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

/* image_sd */
.image_sd_wrap {
    padding: 0.5vw 0;
    overflow: hidden;
}

.image_sd {
    animation: marqueeX 20s infinite linear;
}

.image_sd .absol {
    left: 100%;
}

.image_sd_r {
    animation: marqueeX_r 20s infinite linear;
}

.image_sd_r .absol {
    right: 100%;
}

/* image_sd end */
/* y_slide start */
.slide_y_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide_y {
    height: 100%;
    animation: marqueeY 20s infinite linear;
}

.slide_y img {
    width: unset !important;
    height: 100%;
}

.slide_y img.absol {
    top: 100%;
}

.slide_y_r {
    height: 100%;
    animation: marqueeY_r 20s infinite linear;
}

.slide_y_r img {
    width: unset !important;
    height: 100%;
}

.slide_y_r img.absol {
    bottom: 100%;
}

/* y_slide end */
/* swiper-arr */
.btn_arr {
    z-index: 2;
    cursor: pointer;
}

.arr_next {
    transform: rotate(180deg);
}

/* swiper-arr */
iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 퍼블시작 */



/* ----------------------- PC ----------------------- */
.main {
    /* overflow: unset; */
}

.main_firwrap {
    top: 0;
    /* opacity: 0; */
}

.main_intro {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
    top: 0;
    pointer-events: none;
}

.main_vi {
    width: 100%;
    height: 57%;
    z-index: -1;
    filter: brightness(0.4);
    top: 0%;
}

.main_vi video {
    width: 100%;
}

.main_fir {
    padding-top: 12vw;
}

.main_fir_01 {
    width: 25.7218%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_fir_02 {
    padding-top: 2vw;
    width: 40.2625%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_fir_03 {
    margin-top: -2vw;
    width: 19.108%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;

}

.main_sec {
    padding-top: 10vw;
    opacity: 0;
}

.main_sec_01 {
    width: 8.0315%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_sec_02 {
    width: 46.298%;
    padding: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_sec_02a {
    width: 4.64853%;
    left: -1vw;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 5s infinite linear;
}

.main_sec_02b {
    width: 4.64853%;
    right: -1vw;
    bottom: -0.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 5s infinite reverse;
}

.main_sec_03 {
    width: 51.2021%;
}

.main_sec_04 {
    width: 75.748%;
    padding-top: 11vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_sec_05 {
    width: 100.787%;
    margin-top: -3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_sec_06 {
    bottom: 4vw;
    width: 16.96%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;

}

.main_sec_06a {
    bottom: 2vw;
    width: 11.1811%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.main_thr {
    background: url("/images/con1_bg.jpg");
    background-size: cover;
}

.main_thr_01 {
    width: 16.8504%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_02 {
    width: 27.3491%;
    padding: 2vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_02a {
    width: 47.2169%;
    left: -16vw;
    top: -9vw;
    mix-blend-mode: hard-light;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_02b {
    width: 28.7908%;
    left: -25vw;
    mix-blend-mode: hard-light;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_02c {
    width: 25.3359%;
    top: -13vw;
    right: -16vw;
    mix-blend-mode: hard-light;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_02d {
    width: 41.4587%;
    right: -12vw;
    bottom: -4vw;
    mix-blend-mode: hard-light;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_02e {
    width: 27.4472%;
    right: -24vw;
    top: 0vw;
    mix-blend-mode: hard-light;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_03 {
    width: 10.5512%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_04 {
    width: 75.8005%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_thr_p {
    color: #fff;
    text-align: center;
    padding-top: 2vw;
    font-size: 1.1vw;
    line-height: 1.6vw;
    font-weight: 500;
}

.small_p {
    color: #fff;
    font-size: 1.1vw;
    line-height: 1.6vw;
    font-weight: 500;
}

/* main_scr */
.main_scr {
    background: #ffffff;
    padding: 1.7vw 0;
    border-top: 1px solid #2e53a3;
    border-bottom: 1px solid #2e53a3;
}

.main_scr .swiper-wrapper.flow {
    pointer-events: none;
    transition-timing-function: linear;
}

.main_scr_sd_in {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 1vw;
}

.main_scr p {
    color: #2e53a3;
    font-size: 1.05vw;
    font-weight: 600;
}

.main_scr_01 {
    width: 43.7%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.main_scr_02 {
    width: 4.49%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2 {
    background-color: #fff7d9;
    padding: 7vw 0;
}

.con2_top_1 {
    width: 6.92913%;
    margin-right: -1vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2_top_2 {
    width: 6.92913%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2_01 {
    padding: 2vw 0 1vw;
    width: 14.5932%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2_02 {
    width: 35.696%;
    padding-bottom: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2_bot {
    width: 93% !important;
    height: 28.125vw;
    overflow: hidden;
    border-radius: 3vw;
    border: 1px solid #2e53a3;
    box-sizing: border-box;
}

.con2_vi {
    width: 100%;
    height: 100%;
    z-index: 0;
}

.con2_vi video {
    width: 100%;
    object-position: center bottom;
    filter: brightness(0.5);
}

.con2_bot_le {
    width: 25.9322%;
    z-index: 1;
    bottom: -1vw;
    left: -3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2_bot_ri {
    right: -66vw;
    bottom: 4vw;
    align-items: flex-start !important;
}

.con2_bot_ria {
    width: 20.1695%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con2_bot_rib {
    font-size: 0.9vw;
    line-height: 1.3vw;
    font-weight: 400;
    padding-top: 1.5vw;
}

.con2_bot_cen {
    margin-right: 20vw;
}

.con2_bot_cen_1 {
    width: 14.584vw;
    height: 14.584vw;
    border-radius: 50%;
    background: #d0def2d9;
    border: 1px solid #729fff;
    text-align: center;
    margin-right: -3vw;
}

.con2_bot_cen_1a {
    color: #254792;
    font-weight: 700;
    padding-top: 5.8vw;
}

.con2_bot_cen_1b {
    color: #254792;
    font-weight: 700;
    font-size: 1.3vw;
    padding-top: 0.3vw;
}

.con2_bot_cen > div.c2on {
    background-color: #fffffff3;
    box-shadow: 0 0 40px #ffffffcf;
    border: 1px solid #fff;
}

.con2_bot_cen_2 {
    width: 18.2292vw;
    height: 18.2292vw;
}

.con2_bot_cen_2 > .con2_bot_cen_1a {
    padding-top: 7.5vw;
}

.con2_bot_cen_pl {
    top: 2vw;
    width: 7.813vw;
    height: 7.813vw;
    border-radius: 50%;
    background-color: #fffffff3;
    box-shadow: 0 0 40px #ffffffcf;
    border: 1px solid #fff;
    right: 25vw;
}

.con2_bot_cen_pla {
    color: #254792;
    font-weight: 700;
    font-size: 1.1vw;
    padding-top: 3.3vw;
    text-align: center;
}

.con2_bot_cen_plb {
    width: 18.6667%;
    left: -1vw;
    top: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3 {
    background-color: #fff7d9;
    padding-bottom: 3vw;
}

.con3_1 {
    width: 18.2152%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_2 {
    padding: 1vw 0 1.6vw;
    width: 36.063%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_3 {
    color: #254792;
    text-align: center;
}

.con3_3 .letter {
    display: inline-block;
    opacity: 0;
    white-space: pre;
    /* ← 공백 무시 방지 */
}

.con3_4 {
    bottom: -3.5vw;
    width: 48.8189%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_4a {
    top: 0.1vw;
    left: 10.36vw;
    width: 70.5376%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: neon-flicker 3s infinite;
}

@keyframes neon-flicker {
    0% {
        opacity: 1;
    }

    10% {
        opacity: 0.4;
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 0.2;
    }

    40% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0.3;
    }

    80% {
        opacity: 1;
    }

    90% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.con3_5 {
    bottom: 3vw;
    width: 88.3465%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_4b {
    justify-content: space-evenly !important;
    bottom: 7vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_4b_1 {
    width: 19.8925%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_4b_2 {
    width: 66.3441%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_4c {
    right: -5vw;
    bottom: 8.5vw;
    width: 9.35484%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con3_bot {
    width: 100%;
    bottom: 2vw;
}

.con3_bot_sd_in {
    /* width: 100%;
    box-sizing: border-box;
    flex-shrink: 0; */
}

/* .con3_bot_sd_in>.swiper-slide>div {
    width: 25.8065%;
    display: flex;
    justify-content: center;
    align-items: center;
} */

.con3_scr {
    z-index: 1;
    bottom: 0;
    background-color: #2e53a3;
}

.con3_scr_img {
    width: 100%;
    box-sizing: border-box;
}

.scrX {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scrX .scrX_item {
    animation: marqueeX 20s infinite linear;
    width: 121.89%;
}

.scrX .scrX_item_absol {
    right: -133%;
    width: 121.89%;
}

.con4 {
    background-color: #fff7d9;
    padding: 5vw 0;
    box-sizing: border-box;
}

.con4_top {
    width: 93% !important;
}

.con4_bot {
    width: 93% !important;
}

.con4_lt {
    width: 100%;
    background: url("/images/con4_02bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 3vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 22vw;
    border: 0.5px solid #ffe580;
    box-sizing: border-box;
}

.con4_lta {
    width: 51.2443%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_rta {
    width: 49.4357%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_lba {
    width: 35.7788%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_rba {
    width: 50.9029%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_rt {
    width: 100%;
    background: url("/images/con4_03bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 3vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 22vw;
    border: 0.5px solid #ffe580;
    box-sizing: border-box;
    cursor: pointer;
}

.con4_rt_fir {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.con4_rt_sec {
    background-color: #d0def2;
    overflow: hidden;
    height: 22vw;
    align-items: flex-start !important;
}

.con4_rt_sec_1 {
    width: 40.1584%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10vw;
}

.con4_rt_sec_2 {
    right: 0;
    bottom: 0;
    width: 46.267%;
    display: flex;
    justify-content: center;
    align-items: center;
}



.con4_lb {
    width: 100%;
    background: url("/images/con4_04bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 3vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 22vw;
    border: 0.5px solid #ffe580;
    box-sizing: border-box;
    cursor: pointer;
}

.con4_lb_fir {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.con4_lb_sec {
    background-color: #fff0b9;
    overflow: hidden;
    height: 22vw;
    align-items: flex-start !important;
}

.con4_lb_sec_1 {
    margin-top: -2vw;
    padding-left: 7vw;
    width: 36.4253%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_lb_sec_2 {
    right: 0;
    bottom: 0;
    width: 68.4389%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_rb {
    width: 100%;
    background: url("/images/con4_05bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 3vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 22vw;
    border: 0.5px solid #ffe580;
    box-sizing: border-box;
    cursor: pointer;
}

.con4_rb_fir {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.con4_rb_sec {
    background-color: #feeae5;
    overflow: hidden;
    height: 22vw;
    align-items: flex-start !important;
}

.con4_rb_sec_1 {
    margin-top: -6vw;
    padding-left: 10vw;
    width: 43.3258%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.con4_rb_sec_2 {
    right: 2vw;
    bottom: 0;
    width: 88.4615%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_rb_sec_3 {
    right: 4vw;
    top: 4vw;
    width: 22.3982%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blinkPulse 1s infinite ease-in-out;
}

@keyframes blinkPulse {
    0% {
        transform: scale(1);
        opacity: 1;

    }

    40% {
        transform: scale(1);
        opacity: 1;

    }

    70% {
        transform: scale(1);
        opacity: 0.1;

    }

    100% {
        transform: scale(1);
        opacity: 1;

    }
}

.con4_cen {
    pointer-events: none;
}

.con4_cen_1 {
    width: 19.4751%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_cen_2 {
    width: 14.2257%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_cen_2a {
    top: 3vw;
    left: 2.5vw;
    width: 5.90406%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 3s infinite linear;
}



.con4_cen_2b {
    right: 3vw;
    top: 2vw;
    width: 7.38007%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 3s infinite linear reverse;
}



.con4_cen_2c {
    top: 2vw;
    left: 4vw;
    width: 40.2214%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: nod 0.6s infinite linear reverse;
}

.con4_cen_2ch {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4_cen_2d {
    right: -2vw;
    top: 3vw;
    width: 54.9815%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: nod 0.6s infinite linear;
}

@keyframes nod {
    0% {
        transform: rotate(0deg);
    }

    1% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(5deg);
    }

    51% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.con4_cen_2dh {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con4 > .con4_top > div > div:nth-of-type(2) {
    opacity: 0;
    transition: all 0.3s;
}

.con4 > .con4_top > div:hover > div:nth-of-type(2) {
    opacity: 1;
    transition: all 0.3s;
}

.con4 > .con4_bot > div > div:nth-of-type(2) {
    opacity: 0;
    transition: all 0.3s;
}

.con4 > .con4_bot > div:hover > div:nth-of-type(2) {
    opacity: 1;
    transition: all 0.3s;
}


.con4_cen_3 {
    width: 17.5328%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 20s infinite linear;
    opacity: 0.5;
}

.con4_cen_3a {
    width: 17.45%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.con5 {
    width: 100%;
    background: url("/images/con5_bg.jpg") no-repeat;
    background-size: cover;
    padding: 2vw 0 9vw;
}

.con5_01 {
    width: 7.9794%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_02 {
    padding: 1.6vw 0 1vw;
}

.con5_02a {
    margin-right: 1vw;
    width: 15.958%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_02b {
    margin-top: -0.6vw;
    width: 15.958%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_03 {
    width: 20.0525%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04 {
    padding: 3vw 0 1.5vw;
    z-index: 1;
}

.con5_04 > div > div {
    opacity: 0;
    transition: all 0.2s;
}

.con5_04 > div.c4on > div {
    opacity: 1;
    transition: all 0.1s;
}

.con5_04a {
    width: 16.6404%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04ah {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04b {
    width: 16.6404%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04bh {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04c {
    width: 16.6404%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04ch {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04d {
    width: 16.6404%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_04dh {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_05 {
    color: #254792;
    text-align: center;
}

.con5_6 {
    bottom: 0;
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_6a {
    left: 8vw;
    top: -5vw;
    width: 17.0833%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_6b {
    right: 14vw;
    top: -3vw;
    width: 13.2292%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_6c {
    right: 6vw;
    bottom: 4vw;
    width: 11.0938%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_7 {
    left: -6vw;
    top: -1vw;
    width: 20.315%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_8 {
    left: 0vw;
    bottom: 4vw;
    width: 9.39633%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con5_9 {
    right: -1vw;
    bottom: 9vw;
    width: 21.9423%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con6 {
    background-color: #254792;
    padding: 3vw 0;
}

.con6_01 {
    padding-bottom: 1.6vw;
    width: 16.4304%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con6_02 {
    text-align: center;
    font-size: 1vw;
    line-height: 1.5vw;
}

.con6_03 {
    width: 75% !important;
    padding-top: 2vw;
}

.con6_03_le {
    background-color: #fff;
    width: 29% !important;
    padding-top: 1.6vw;
    border-radius: 2vw 0 0 2vw;
    border-right: 1px solid #254792;
    box-sizing: border-box;
}

.con6_03_le_1 {
    width: 85.9903%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1vw;
}

.con6_03_le_2 {
    justify-content: flex-end !important;
}

.con6_03_le_2a {
    justify-content: flex-end !important;
    padding: 0.8vw 0 0.3vw;
    border-top: 1px solid #254792;
    cursor: pointer;
}

.con6_03_le_2a.pc-mobile {
    pointer-events: none;
}

.con6_03_le_2a.menu_change {
    background-color: #254792;
}

.con6_03_le_2p {
    color: #254792;
    font-size: 0.9vw;
    font-weight: 700;
    padding-right: 3vw;
}

.con6_03_le_2a.menu_change .con6_03_le_2p {
    color: #fff;
}

.con6_03_le_2p1 {
    color: #254792;
    font-size: 0.7vw;
    font-weight: 400;
    margin-right: 0.9vw;
}

.con6_03_le_2a.menu_change .con6_03_le_2p1 {
    color: #fff;
}

.con6_03_ri {
    height: 30.5vw;
    background-color: #ffe580;
    width: 71% !important;
    border-radius: 0 2vw 2vw 0;
    box-sizing: border-box;
    overflow: hidden;
}

.con6_03_ri_menu {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    left: 8vw;
}

.menu_box {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10%);
    transition: all 0.3s;
}

.menu_box.menu_change {
    opacity: 1;
    transform: translateY(0%);
    pointer-events: all;
}

.con6_03_ri_menu_sd_in_img {
    width: 77.9661%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2e53a3;
    box-sizing: border-box;
    border-radius: 2vw;
    overflow: hidden;
    z-index: 1;
    height: 10vw;
}

.con6_03_ri_menu_sd_in_img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.con6_03_ri_menu_sd_in_p {
    color: #254792;
    font-size: 0.8vw;
    font-weight: 700;
    background-color: #fff;
    border-radius: 50vw;
    padding: 0.8vw 0 0.5vw;
    width: 80%;
    text-align: center;
    margin-top: -0.5vw;
    line-height: -1vw;
}

.con6_03_ri_menu_sd_in > .swiper-slide {
    margin-bottom: 1vw;
    cursor: pointer;
}

.con6_03_ri_prev {
    left: 3vw;
    margin-top: -3.4vw;
    width: 5.9%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
}

.con6_03_ri_next {
    left: 3vw;
    margin-top: 3.4vw;
    width: 5.9%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
}

.con7 {
    background-color: #254792;
    padding: 14vw 0 5.5vw;
}

.con7_top {
    width: 93% !important;
    margin-bottom: 10vw;
}

.con7_top_le {
    background-color: #fff7d9;
    overflow: hidden;
    height: 11.9792vw;
    border-radius: 2.5vw 0 0 2.5vw;
}

.con7_top_ri {
    background-color: #fff7d9;
    overflow: hidden;
    height: 11.9792vw;
    border-radius: 0 2.5vw 2.5vw 0;
}

.con7_top_le_1 {
    width: 22.7991%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6vw;
}

.con7_top_le_2 {
    left: 2vw;
    margin-top: 5vw;
    width: 21.6159%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: nod 0.6s infinite linear reverse;
    opacity: 0;
}

.con7_top_ri_1 {
    width: 31.2641%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 7vw;
}

.con7_top_ri_2 {
    right: 2vw;
    margin-top: 5vw;
    width: 21.6159%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: nod 0.6s infinite linear reverse;
    opacity: 0;
}

.con7_bot {
    padding: 4vw 0 0.6vw;
    width: 24.147%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_bota {
    font-size: 1vw;
    text-align: center;
}


.con7_top > span {
    filter: brightness(0.5);

}

.con7_top_le_a {
    left: -5vw;
    top: 10vw;
    width: 19.4695%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_top_le_b {
    left: 10vw;
    top: 10vw;
    width: 20.7675%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_top_ri_a {
    right: 10vw;
    top: 9vw;
    z-index: 1;
    width: 20.8239%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_top_ri_b {
    right: -8vw;
    top: 7vw;
    width: 21.4447%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_top > .con7_top_le.c7ton ~ .con7_top_le_a {
    filter: brightness(1);
}

.con7_top > .con7_top_le.c7ton ~ .con7_top_le_b {
    filter: brightness(1);
}

.con7_top > .con7_top_ri.c7ton ~ .con7_top_ri_a {
    filter: brightness(1);
}

.con7_top > .con7_top_ri.c7ton ~ .con7_top_ri_b {
    filter: brightness(1);
}

.con7_top > .con7_top_le.c7ton {
    background-color: #d0def2;
}

.con7_top > .con7_top_le.c7ton > .con7_top_le_2 {
    filter: brightness(1);
}

.con7_top > .con7_top_ri.c7ton > .con7_top_ri_2 {
    filter: brightness(1);
}

.con7_top > .con7_top_ri.c7ton {
    background-color: #d0def2;
}


.con7_cen {
    top: 2vw;
}

.con7_cen_1 > img {
    animation: rotate_image 20s infinite linear;
}

.con7_cen_1 {
    width: 35.9055%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_cen_vi_wrap {
    width: 84%;
    height: 84%;
    border-radius: 50%;
    z-index: 1;
    overflow: hidden;
}

.con7_cen_vi {
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: brightness(0.3);
}

.con7_cen_vi video {
    width: 100%;
}

.con7_cen_1a {
    z-index: 2;
}

.con7_cen_1a_1 {
    margin-bottom: 3vw;
    width: 37.7193%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_cen_1a_2 {
    margin-right: 2vw;
}

.con7_cen_1a_2a {
    width: 46.0526%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_cen_1a_2b {
    padding: 1.5vw 0;
    width: 46.0526%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con7_cen_1a_2c {
    width: 46.0526%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 3vw;
}

.con7_cen_1b {
    z-index: 3;
    z-index: 3;
    right: -0.5vw;
    bottom: 7vw;
    width: 29.0936%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.con7_cen_1a_2 > div {
    opacity: 0.3;
}

.con7_cen_1a_2 > div.c7on {
    opacity: 1;
}

.con8 {
    background-color: #254792;
}

.con8wrap {
    background: url("/images/con8_bg.jpg");
    background-size: cover;
    border-radius: 8vw 8vw 0 0;
    padding-top: 6vw;
}

.con8_01 {
    width: 13.4908%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con8_02 {
    width: 18.2152%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vw 0 0.6vw;
}

.con8_03 {
    width: 32.651%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con8_04 {
    width: 13.7533%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 47vw;
    margin-top: -15vw;
}

.con8_04a {
    width: 13.7533%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 64vw;
    margin-top: -27vw;
}

.con8_04b {
    width: 13.7533%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 65vw;
    margin-top: -30vw;
}

.con8_04c {
    width: 16.693%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 50vw;
    margin-top: -17vw;
}

.con8_bot {
    width: 100%;
    padding-top: 8vw;
}

.con8_bot_sd_in > div > div {
    width: 102% !important;
}

.con8_bot2 {
    width: 20%;
    bottom: 0;
    overflow: hidden;
}

.con8_bot2_cap {
    width: 20.8924%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    border-radius: 3vw 3vw 0 0;
    overflow: hidden;
    bottom: 0;

}

.con9 {}

.con9_bg {
    display: flex;
    width: 100%;
    height: 100vh;
}

.con9_bg > div {
    flex: 1;
    transition: flex 0.5s ease, transform 0.5s ease;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.con9_bg > div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: inherit;
    transform: scale(1);
    transition: flex 0.5s ease, transform 0.5s ease, filter 0.5s ease;
    z-index: 0;
    filter: brightness(0.8);
}

.con9_bg_1 {
    background-image: url("/images/con9_bg.jpg");
}

.con9_bg_2 {
    background-image: url("/images/con9_bg2.jpg");
}

.con9_bg_3 {
    background-image: url("/images/con9_bg3.jpg");
}

.con9_bg_4 {
    background-image: url("/images/con9_bg4.jpg");
}

.con9_bg:hover > div {
    flex: 1;
}

.con9_bg > div:hover {
    flex: 3;
    scale: 1;
}

.con9_bg > div:hover::before {
    transform: scale(1.05);
    filter: brightness(1);
}

.con9_1 {
    width: 18.2152%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.con10 {
    background-color: #fff7d9;
    padding: 6vw 0 3vw;
}

.con10_1 {
    width: 1.10236%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 5s infinite linear;
}

.con10_2 {
    width: 25.3543%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.3vw 0 1.2vw;

}

.con10_3 {
    color: #254792;
    text-align: center;
    line-height: 1.4vw;
    font-weight: 500;
    min-height: 3.8em;
    position: relative;
}

.con10_cen {
    width: 70% !important;
    box-sizing: border-box;
    padding-top: 2vw;
}

.con10_cen_1wrap {
    background-color: #2e53a3;
    padding: 1.6vw 2vw 2.5vw;
    box-sizing: border-box;
    border-radius: 2vw;
    /* transform: rotateZ(0deg); */
    margin-top: 1.5vw;
    z-index: 1;
    opacity: 0;

}

.con10_cen_2wrap {
    background-color: #254792;
    padding: 1.6vw 2vw 8vw;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 2vw;
    box-sizing: border-box;
    border-radius: 2vw;
}

.con10_cen_3wrap {
    background-color: #2e53a3;
    padding: 1.6vw 2vw 2.5vw;
    box-sizing: border-box;
    border-radius: 2vw;
    /* transform: rotateZ(7deg); */
    margin-top: 1.5vw;
    z-index: 1;
    opacity: 0;
}

.con10_cen_1 {
    max-width: 99.3%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.con10_cen_2 {
    width: 98.4804%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_cen_3 {
    max-width: 99.3%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_cen_2a {
    bottom: -4vw;
    width: 39.77%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con10_4 {
    bottom: 0;
}

.con11 {
    background-color: #ffe580;
    padding-bottom: 8vw;
    padding-top: 3vw;
}

div.con11_5 {
    width: 10.3%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_5a {
    width: 14.4%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20vw;
    animation: floatUpFade 1.5s ease-out infinite;
    animation-delay: 0.3s;
}

.con11_5b {
    width: 14.4%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14vw;
    margin-top: -4vw;
    animation: floatUpFade 1.2s ease-out infinite;
    animation-delay: 0.3s;
}

.con11_5c {
    width: 14.4231%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16vw;
    margin-top: -1vw;
    animation: floatUpFade 1.5s ease-out infinite;
    animation-delay: 0.3s;
}

.con11_5d {
    width: 14.4231%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 11vw;
    margin-top: -9vw;
    animation: floatUpFade 1.2s ease-out infinite;
    animation-delay: 0.3s;
}

@keyframes floatUpFade {
    0% {
        transform: translateY(100px);
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        transform: translateY(-20px);
        opacity: 0;
    }
}

.con11_main {
    margin-top: 5vw;
}

.con11_main_item {
    transform: translateY(120%);
}

.con11_fir {
    width: 78% !important;
    background-color: #fff;
    border-radius: 1.5vw;
    padding: 4vw 0 0;
    align-items: flex-start;
    overflow: hidden;
    transform: translateY(0%);
    /* opacity: 0; */
}

.con11_fir_1 {
    width: 52%;
    align-items: flex-start;
    padding-left: 7vw;
    padding-bottom: 4vw;
}

.con11_fir_1a {
    width: 61.7396%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_2 {
    width: 52%;
    background-color: #254792;
    padding: 2vw 0;
}

.con11_fir_2a {
    margin-right: 1vw;
    width: 52.7814%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_2a_1 {
    margin-right: 30vw;
    width: 5.14706%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 5s infinite linear;
}

.con11_fir_2a_2 {
    margin-left: 30vw;
    width: 5.14706%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate_image 5s infinite reverse;
}

.con11_fir_3 {
    top: 0;
    right: 0;
    background-color: #fff7d9;
    z-index: 1;
    width: 50%;
    height: 100%;
    border-radius: 1.5vw;
}

.con11_fir_3_1 {
    z-index: 5;
    width: 26.921%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_3_2 {
    margin-top: -1.5vw;
}

.con11_fir_3_2a {
    z-index: 4;
    width: 25.3028%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_3_2b {
    z-index: 3;
    width: 25.3028%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_3_2c {
    z-index: 2;
    width: 25.3028%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_3_2d {
    z-index: 1;
    width: 25.3028%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_fir_3_3 {
    z-index: 6;
    z-index: 6;
    right: 7vw;
    top: 3vw;
    width: 22.0727%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blinkPulse 1s infinite ease-in-out;
}

.con11_fir_3_2 > div {
    margin-left: -2.5vw;
}

.con11_sec {
    width: 78% !important;
    background: url("/images/con11_bg.jpg") no-repeat;
    background-size: cover;
    border-radius: 1.5vw;
    padding: 4vw 0;
    overflow: hidden;
    z-index: 1;
    will-change: transform, opacity;

    /* 카드 쌓이는 모션줄 때 지우기 */
    /* position: unset; */

}

.con11_sec_1 {
    max-width: 42.36%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_sec_2 {}

.con11_sec_2a {}

.con11_sec_2a_2 {
    margin-top: -3vw;
    width: 35.9354%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_sec_2a_1 {
    margin-left: -2vw;
    margin-top: 5vw;
    width: 46.0674%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_sec_2a_3 {
    margin-left: 3vw;
    margin-top: 5vw;
    width: 175.281%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con11_sec_2b {
    margin-top: -2vw;
}

.con11_sec_2b_1 {
    width: 43.8762%;
    display: flex;
    justify-content: center;
    align-items: center;

}


.con11_sec_2b_2 {
    width: 80.6748%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img_con11_sec_2b_1 {
    animation: scaleOpa2 infinite 2s;
    animation-delay: 1s;
}

.img_con11_sec_2b_2 {
    animation: scaleOpa2 infinite 2s;
}

.con11_sec_2b_3 {
    width: 59.816%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.con11_sec_2b_4 {
    z-index: 1;
    margin-left: 17vw;
    margin-top: -11vw;
    width: 50.3067%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blinkPulse 1s infinite ease-in-out;
}

.con11_sec_3 {

    width: 30.0808%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12 {
    background: url("/images/con12_bg.jpg") no-repeat;
    background-size: cover;
    padding-top: 10vw;
}

.con12_00 {
    top: -3vw;
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con12_02p {
    width: 9.97375%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6.7vw;
}
.con12_01 {
    width: 24.9869%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_01a {
    margin-left: 3vw;
    width: 11.7647%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_02 {
    padding: 1vw 0 3vw;
    width: 23.1496%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_cen {}

.con12_cen_0 {
    bottom: 0;
    width: 48.3465%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_2 {
    bottom: 0;
    margin-left: 37vw;
    width: 10.7612%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: bearDance2 2.5s ease-in-out infinite;
}

@keyframes bearDance2 {
    0% {
        left: 100px;
    }

    50% {
        left: 200px;
        /* 오른쪽으로 이동 */
    }

    100% {
        left: 100px;
        /* 다시 왼쪽으로 */
    }
}


.con12_cen_3 {
    bottom: 4vw;
    margin-right: 57vw;
    width: 17.5328%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_cen_4 {
    bottom: 4vw;
    margin-left: 60vw;
    width: 19.0551%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_cen_1 {
    width: 38.4252%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_cen_1a {
    position: absolute;
    /* 반드시 absolute */
    top: 0;
    left: 0;
    width: 100%;
    /* 부모(.con12_cen_1) 기준으로 꽉 채우기 */
    height: 100%;
    overflow: hidden;
    /* clip-path랑 같이 쓰기 안전 */
    clip-path: inset(0 50% 0 0);
    /* 초기값 */
    transition: clip-path 0.2s ease-out;
}

.con12_cen_1a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 만약 필요하면 이미지 꽉 차게 */
}

.con12_03 {
    left: 12vw;
    margin-top: -13vw;
    width: 16.1155%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_03a {
    top: 2vw;
    width: 49.5114%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_03b {
    margin-top: -2vw;
    width: 28.013%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: bike-shake 0.2s ease-in-out infinite alternate;
    transform-origin: center center;
}

@keyframes bike-shake {
    0% {
        transform: rotate(-1.5deg) translateX(-1px);
    }

    100% {
        transform: rotate(1.5deg) translateX(1px);
    }
}

.con12_04 {
    right: 12vw;
    margin-top: -13vw;
    width: 16.1155%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_04a {
    top: 2vw;
    width: 57.329%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_04b {
    margin-top: -1vw;
    width: 22.8013%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: bounce-flicker 1.4s ease-out infinite;
    transform-origin: center center;
}

@keyframes bounce-flicker {
    0% {
        transform: scale(1) rotate(0deg);

    }

    20% {
        opacity: 1;
    }

    30% {
        transform: scale(1.1) rotate(2deg);
    }

    50% {
        transform: scale(0.98) rotate(-2deg);
    }

    70% {
        transform: scale(1.05) rotate(1deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

.con12_05 {
    justify-content: space-evenly;
}

.con12_05 > div {
    background-color: #254792;
    width: 100%;
    height: 6vw;
}

.con12_05 > div.c12on {
    background-color: #fff7d9;
}

.con12_05 > div.c12on > div > .c12on_no {
    display: none;
}

.con12_05a {
    width: 56.9134%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_05a_1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_05b {
    width: 52.9134%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_05b_1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_05c {
    width: 46.6142%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con12_05c_1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con13 {
    height: 49vw;
    background-color: #FFD861;
}

.con13_vi {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    overflow: hidden;
}

.con13_vi video {
    display: block;
    width: 100%;
}

.con13_1 {
    z-index: 1;
    width: 20.475%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5vw;
}

.con13_1a {
    width: 5.38462%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 25vw;
    margin-top: -3vw;
    animation: rotate_image 5s infinite reverse;
}

.con13_1b {
    width: 5.38462%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25vw;
    margin-top: -3vw;
    animation: rotate_image 5s infinite linear;
}

.con14 {
    background: url("/images/con13_bg.jpg") no-repeat;
    background-size: cover;
    padding: 4vw 2vw;
    box-sizing: border-box;
}

.con14wrap {
    background-color: #fff;
    border-radius: 3vw;
    overflow: hidden;
}

.con14_top {
    padding: 5vw 7vw 5vw;
    box-sizing: border-box;
}

.con14_top_1_le {
    width: 50%;
}

.con14_vi {
    width: 100%;
    height: 23vw;
    border-radius: 2vw;
    overflow: hidden;
}

.con14_vi video {
    width: 100%;
}

.con14_top_1_ri {
    width: 50%;
    align-items: flex-start;
}

.con14_top_1_ri_a {
    margin-left: 6vw;
    width: 43.3%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con14_top_1_ri_b {
    width: 9.234%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -2vw;
    right: 0;
}

.con14_top_1_ri_c {
    color: #254792;
    font-size: 1vw;
    line-height: 1.5vw;
    font-weight: 500;
    padding-top: 1.8vw;
    margin-left: 7.3vw;
    min-height: 4.8em;
    /* 1.6em x 3줄 */
    white-space: pre-line;
}

.con14_top_2 {
    padding: 4vw 0 0;
}

.con14_top_2_sd {
    width: 100%;
}

.con14_top_2_sd .swiper-slide {
    border-radius: 2vw;
    overflow: hidden;
}

.con14_line {
    width: 100%;
    height: 1px;
    background-color: #25489229;
}

.con14_top_2_sd2 {
    width: 100%;
}

.con14_top_2_sd2 .swiper-slide {
    border-radius: 2vw;
    overflow: hidden;
}

.con14_bot {
    background-color: #fff;
}

.con14_bot_1 {
    flex-direction: row-reverse;
}

.con14_bot_01 {
    border-radius: 2vw;
    overflow: hidden;
    width: 95.3846%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con14_bot_02 {
    width: 51.75%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6.2vw;
}

.con14_bot_03 {
    width: 9.22%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
}

.con15 {
    background-color: #254792;
    padding: 6vw 0 0;
}

.con15_01 {
    justify-content: space-between;
    padding: 0 4vw;
    box-sizing: border-box;
}

.con15_01a {
    width: 1.19904%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_01b {
    width: 19.6985%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_01c {
    width: 1.19904%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_line {
    width: 100%;
    height: 1px;
    background-color: #ffe580;
    margin-top: 1vw;
    transform-origin: center
}

.con15_02 {
    width: 18.55%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
}

.con15_03 {
    width: 28.399%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.6vw;
}

.con15_04 {
    width: 90%;
    margin-top: 2vw;
    margin-bottom: 5vw;
}

.con15_le {
    border-radius: 3vw;
    background-color: #fff;
    height: 25vw;
    margin-right: 0.3vw;
    transform-origin: right center;
}

.con15_le_a {
    width: 46.116%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con14_06p {
    width: 25.644%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 8%;
    top: 7%;
}
.con14_07p {
    width: 11.4754%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 8%;
    top: 7%;
}

.con15_ri {
    border-radius: 3vw;
    background-color: #fff7d9;
    height: 25vw;
    transform-origin: left center;
}

.con15_ri_a {
    width: 51.266%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con15_cen {
    width: 17.3%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 20px #b9c1cd85;
    box-sizing: border-box;
    z-index: 2;
}

.con15_cen_a {
    width: 6.475%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 9vw;
    margin-top: -5vw;
    animation: nod 0.6s infinite linear reverse;
    z-index: 2;
}

.con15_cen_b {
    width: 73.7%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 9vw;
    margin-left: -3vw;
    z-index: 1;
}

.con16 {
    background: url("/images/con16_bg.jpg");
    background-size: cover;
    background-attachment: fixed;
    padding: 5vw 0;
    overflow: hidden;
}

.con16_01 {
    width: 25.6168%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_02 {
    width: 23.2021%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 0 3vw;
    transform-origin: center;
}

.con16_03 {}

.con16_03_le {
    margin-right: -10vw;
}

.con16_03 > div > div {
    margin-left: 0.7vw
}

.con16_03_le_a {
    width: 18.0786%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_03_le_b {
    width: 18.0786%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_03_ri {
    margin-left: -10vw;
}

.con16_03_ri_a {
    width: 18.0786%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_03_ri_b {
    width: 18.0786%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_03_le_aa {
    width: 71.4976%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 3.1vw;
}

.con16_03_le_ab {
    width: 84.058%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 2.7vw;
}

.con16_00 {
    bottom: 0;
    width: 48.7664%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_00a {
    bottom: 0;
    width: 73.4123%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_00b {
    width: 23.5737%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_04 {
    left: 17vw;
    width: 34.2782%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con16_05 {
    right: 10vw;
    bottom: 21vw;
    width: 22.2047%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con17 {
    padding: 6vw 0;
}

.con17_01 {
    width: 7.29659%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con17_02 {
    width: 17.1129%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.8vw;
}

.con17_03 {
    width: 54.2257%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.8vw;
}

.con17_03 > img {
        filter: blur(0.3vw);
}

.con16_06_2 {
    width: 13.6496%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: 21%;
}
.con16_06_3 {
    width: 42.6912%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con17_04 {
    background-color: #2e53a3;
    width: 53.8vw;
    padding: 2.2vw 0px;
    margin-top: 0.2vw;
}

.con17_04a {
    width: 32.045%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.6vw;
}

.con17_04b {
    max-width: 28.1055%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: blk 1s infinite ease-in-out;
}

.con17_04c {
    color: #9aa9bf;
    font-size: 0.7vw;
    line-height: 1.1vw;
    font-weight: 400;
    margin-top: 0.8vw;
    margin-left: -23vw;
}

.con18 {
    background: url("/images/con17_bg.jpg");
    background-size: cover;
    padding: 6vw 0;
}

.con18_01 {
    width: 1.10236%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con18_02 {
    padding: 1vw 2vw;
    width: 7.40157%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.con18_03 {
    color: #254792;
    min-height: 1.8em;

}

.con18_cen {
    padding-top: 2vw;
    width: 51%;
    flex-wrap: wrap;
}

.con18_cen_in {
    width: 33.3333%;
}

.con18_cen_in:nth-child(3n) .c18arrow {
    display: none;
}

.con18_cen_in_a {
    width: 103.395%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c18arrow {
    z-index: 1;
    margin-right: -16vw;
    margin-top: -0.8vw;
    width: 12.6543%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.con19 {
    background: url("/images/con18_bg.jpg");
    background-size: cover;
    padding: 6vw 0;
}

.con19_le {
    align-items: flex-start;
    width: 50%;
    z-index: 1;
}

.con19_ri {
    width: 50%;
    z-index: 1;
}

.con19_0a {
    width: 21.3123%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -2vw;
    top: 2vw;
}

.con19_0b {
    left: -0.5vw;
    z-index: 1;
    bottom: 1vw;
    width: 10.6037%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_0c {
    left: 7vw;
    margin-bottom: -11vw;
    z-index: 1;
    mix-blend-mode: hard-light;
    width: 12.9134%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_0d {
    right: -8vw;
    margin-bottom: -12vw;
    width: 60.9756%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_0e {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}

.con19_0f {
    z-index: 2;
    bottom: 1vw;
    right: 7vw;
    width: 11.1811%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_0fa {
    margin-right: -12vw;
    top: -0.5vw;
    animation: nod 0.6s infinite linear reverse;
}

.con19_0fb {
    top: -2vw;
    right: -2vw;
    width: 8.92019%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con19_0fc {
    top: -2vw;
    right: 0vw;
}

.con19_01 {
    width: 44.3861%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 3vw;
    margin-left: 20vw;
}

.con19_02 {
    width: 41.7629%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20vw;
    margin-bottom: 4vw;
    animation: blinkImage 1s ease-in-out infinite;
}

@keyframes blinkImage {

    0%,
    100% {
        opacity: 1;
        filter: brightness(1);
    }

    50% {
        opacity: 1;
        filter: brightness(1.4);
    }
}




/* form1 - start */

div.form_wrap {
    width: 70%;
    height: 88.4%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    color: #254792;
    background-color: #fff;
    border-radius: 2vw;
    border: 1px solid #254792;
    padding: 2vw 1.4vw;
}

.form_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.5vw;
}

.form {
    width: 82%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.form_input {
    height: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    color: #254792;
}

.form_input_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #254792;
    box-sizing: border-box;
}

.form_input_box_store .form_check_wrap01 input:checked + label {
    color: #fff;
}

.form label {
    white-space: nowrap;
}

.form_input_box > label {
    font-size: 1vw;
    font-weight: 500;
}

.form_input_01,
.form_input_02,
.form_input_03,
.form_input_04,
.form_input_05 {
    width: 70%;
}

.form_input_06 {
    width: 70%;
    height: 80%;
    box-sizing: border-box;
    padding: 0 1vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url(/images/con17_07.png) no-repeat;
    background-size: 3%;
    background-position: 90%;
    cursor: pointer;
}

.form_check_wrap {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form_check_wrap01 {
    gap: 0.5vw;
}

.form_check_wrap01 label {
    width: 46%;
    height: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #ffffff47;
    padding: 0 0.3vw;
    box-sizing: border-box;
    border-radius: 0.3vw;
}

.form_check_wrap01 input:checked + label {
    background-color: #254792;
    border-color: #254792;
    border-radius: 3vw;
}

.agree_text {
    cursor: pointer;
}

.form_check_wrap01 input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}


.footeer_agree_checkbox_01 {
    width: 0.9vw;
    height: 0.9vw;
    outline: 1px solid #254792;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: #b7c2da;
    border-radius: 50%;
    margin-right: 0.5vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.footeer_agree_checkbox_01:checked::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #254792;
    border-radius: 50%;
    scale: 0.9;
    position: absolute;
}

.form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.9vw;
    margin: 0.7vw 0 1.5vw;
}

.form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    background-color: #254792;
    font-size: 1.3vw;
    border-radius: 0.5vw;
    height: 3.3vw;
    margin-top: 2vw;
    font-family: 'Paperlogy';
}

.form_submit_div2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    background-color: #254792;
    font-size: 1.3vw;
    border-radius: 0.5vw;
    height: 3.3vw;
    margin-top: 2vw;
    font-family: 'Paperlogy';
}

.form_submit_diva {
    width: 3.55%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 2vw;
    animation: rotate_image 5s infinite;
}

.form_submit_divb {
    width: 3.55%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2vw;
    animation: rotate_image 5s infinite;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


.form_top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #0000007a;
    padding-bottom: 0.5vw;
}

.form_star {
    top: 14%;
    left: 0.3vw;
}

.form_star_top {
    top: -25%;
    left: 19.4vw;
}

.map_mid_01 {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5vw;
}

.form-control {
    display: block;
    width: 46%;
    height: 2vw;
    color: #254792;
    outline: none;
    background-color: #b7c2da;
    border: 1px solid #254792;
    padding-left: 1vw;
    font-size: 0.8vw;
    box-sizing: border-box;
    border-radius: 3vw;
}

/* form1 - end */
.contact_service .required,
.form_wrap .required{background-image:unset !important;}