* {
    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(-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 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.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% {
        transform: translateY(-0.5%);
    }

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

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

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

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

@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);
    }
}
.en_css {
    display: none !important;
}
.en_css_b {
    display: none !important;
}
.Gmarket {
    font-family: 'GmarketSans';
}
div.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
section {
    font-family: 'Pretendard Variable';
    font-weight: 400;
    font-size: 1.04vw;
}
section img {
    width: 100%;
}
.bold {
    font-weight: 800;
}
.s_bold {
    font-weight: 600;
}
.regular {
    font-weight: 400;
}
.thin {
    font-weight: 200;
}
.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;
}
/* 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 */
/* color start */
.color_b {
    color: #002e72;
}
.color_b2 {
    color: #0062C0;
}
/* color end */
.plus-lighter {
    mix-blend-mode: plus-lighter;
}
.size_09 {
    font-size: 0.9vw;
}

/* �쇰툝�쒖옉 */
.main {
    height: 100%;
    top: 0%;
    z-index: 999999;
}

.main_bg {
    width: 103.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_09 {
    width: 99.9992%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_10 {
    width: 99.9992%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_center {
    width: 54.5932%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4vw;
    top: 21%;
}
.main_tt01 {
    width: 34.7085%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: 1.45vw; */
}
.main_02 {
    width: 59.0332%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_03 {
    width: 102.683%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_04 {
    width: 24.8294%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 20%;
    left: 15%;
    animation: ddm 6s infinite linear;
}
.main_05 {
    width: 18.2677%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 48%;
    left: 1%;
    animation: ddm2 6s infinite linear;
}
.main_06 {
    width: 11.8635%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 47%;
    right: 19.5%;
    animation: ddm2 4s infinite linear;
    /* animation-delay: 0s; */
}
.main_11 {
    width: 5.35433%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 44%;
    right: 17.5%;
    animation: ddm 8s infinite linear;
}
.main_01 {
    width: 90.0882%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -36%;
    top: -42%;
    animation: light 7s infinite;
}
.main_07 {
    width: 45.9575%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -17%;
    top: 37%;
    animation: light 7s infinite;
}
.main_08 {
    width: 45.9575%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -14%;
    top: 68%;
    animation: light 7s infinite;
}
.con01_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con01_01 {
    width: 42.3434%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 2%;
    bottom: 0%;
    z-index: 1;
}
.con01_04 {
    width: 36.746%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 7%;
    left: 58%;
    z-index: 1;
}
.con01_title {
    width: 47.1916%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    left: 8%;
    top: 31%;
    gap: 3vw;
}
.con01_02 {
    width: 58.4019%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_03 {
    width: 63.026%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con01_tt01 {
    font-size: 1.15vw;
}

.con01_09 {
    width: 12.0735%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 8%;
    bottom: 10%;
    /*filter: brightness(0) saturate(100%) invert(16%) sepia(89%) saturate(1605%) hue-rotate(196deg) brightness(86%) contrast(107%);*/
}
.con01_05 {
    width: 52.3948%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -20%;
    top: -40%;
    animation: light 8s infinite;
}
.con01_10 {
    width: 102.231%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -40%;
    top: -30%;
    animation: light 8s infinite;
}

.con01_06 {
    width: 17.4278%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: 27.5%;
    animation: ddm2 5s infinite linear;
}
.con01_07 {
    width: 12.4934%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -1.5%;
    top: 15%;
    animation: ddm 6s infinite linear;
}
.con01_08 {
    width: 9.4278%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 17%;
    right: 1%;
    animation: ddm 8s infinite linear;
}
.con02 {
    justify-content: flex-start;
}
.con02_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con02_cover {
    box-sizing: border-box;
    padding-top: 10vw;
}
.con02_tt01 {
    font-size: 1.25vw;
    margin-bottom: 3vw;
}
.con02_02 {
    width: 15.958%;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5vw;
}
.con02_03 {
    width: 26.1942%;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5vw;
}
.con02_tt02 {
    margin-bottom: 1vw;
}
.con02_tt02 .line {
    overflow: hidden;
}
.con02_tt02 p:nth-child(1) {
    font-weight: 600;
    font-size: 1.1vw;
}
.con02_tt02 p:nth-child(2) {
    font-weight: 300;
    font-size: 0.9vw;
    line-height: 1.5;
}
.con02_01 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: hand infinite linear 7s;
    position: relative;
    z-index: 1;
}
.con02_con01 {
    width: 10.9186%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 33%;
    top: 54%;
    opacity: 0.8;
}
.con02_con02 {
    width: 11.7585%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 28%;
    opacity: 0.8;
}
.con02_con03 {
    width: 11.706%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 24%;
    bottom: 4%;
    opacity: 0.8;
}
.con02_con04 {
    width: 11.706%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 24%;
    bottom: 2%;
    opacity: 0.8;
}
.con02_bottom {
    padding-bottom: 7vw;
    margin-top: -10vw;
}
.con02_bottom_row_item {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    
}
.con02_bottom_img {
    width: 76.2978%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vw;
}
.con02_bottom_tt01 {
    margin-bottom: 1vw;
    font-size: 1.1vw;
    white-space: nowrap;
    font-weight: 500;
    transition: all 0.3s;
    opacity: 0.3;
    font-family: 'GmarketSans';
}
.con02_bottom_tt02 {
    white-space: nowrap;
    line-height: 1.5;
    font-weight: 400;
    transition: all 0.3s;
    opacity: 0.3;
}
.con02_bottom_row_item.con02_change .con02_bottom_tt01 {
    opacity: 1;
    color: #0062c0;
}
.con02_bottom_row_item.con02_change .con02_bottom_tt02 {
    opacity: 1;
}
.con02_tt03 {
    margin-top: 4vw;
    font-weight: 500;
}
.con03_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.con03_cover {
    height: 100%;
    justify-content: space-between;
}
.con03_right {
    width: 41.5223%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con03_left {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 10vw;
}
.con03_02 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
}
.con03_tt01 {
    font-size: 2vw;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 3vw;
}
.con04 {
    background-image: none;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    padding-top: 6vw;
}
.con04_title {
    font-size: 3vw;
    font-family: 'GmarketSans';
    margin: 0 0 4vw;
}
.con04_subTitle {
    font-weight: 500;
    font-size: 1.2vw;
    margin-bottom: 5vw;
    font-family: 'GmarketSans';
}
.con04_main01 {
    width: 73%;
    border: 1px solid #0062c0;
    box-sizing: border-box;
    padding: 2vw 0;
    overflow: hidden;
    background-color: #ffffff93;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 8vw;
}
.con04_main01_item {
    padding-top: 1vw;
    height: 24vw;
    letter-spacing: -0.05vw;
    box-sizing: border-box;
}
.con04_main01_item01 {
    width: 33.3333%;
    border-right: 1px solid #0062c0;
}
.con04_main01_num ,
.con04_tt01 ,
.con04_01 ,
.con04_tt02 {
    margin-left: 2vw;
}
.con04_main01_num {
    margin-bottom: 1.5vw;
    font-size: 1.3vw;
    font-weight: 800;
}
.con04_main01_size {
    font-size: 1.5vw;
    font-weight: 600;
}
.con04_main01_size .bold {
    font-weight: 800;
}
.con04_tt01 {
    line-height: 1.3;
    margin-bottom: 1vw;
}
.con04_tt01 .thin {
    font-weight: 500;
    font-size: 1.1vw;
}
.con04_01 {
    width: 5.22916%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}
.con04_tt02 {
    line-height: 1.3;
}
.con04_02 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    bottom: 0vw;
}
.con04_main01_item02 {
    width: 33.3333%;
    border-right: 1px solid #0062c0;
}
.con04_03 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    bottom: 0%;
}
.con04_main01_item03 {
    width: 33.3333%;
}
.con04_04 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    bottom: 0%;
}
.con04_18 {
    top: 50%;
    right: -1vw;
    transform: translateY(-50%);
}
.con04_18_1 {
    width: 7.21264%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_18_2 {
    width: 9.62843%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_08 {
    width: 31.1286%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}
.con04_main02_tt03 {
    font-size: 1.5vw;
    text-align: center;
    line-height: 1.5;
    font-family: 'GmarketSans';
}
.con04_main02_tt03 span {
    font-weight: 400;
}
.con04_main02_tt03_line {
    margin-top: -0.3vw;
}
.con04_10 {
    width: 22.6247%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.3vw;
    align-self: flex-start;
    margin-left: 38.4vw;
}
.con04_11 {
    width: 13.9633%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin-left: 42.7vw;
}
.con04_main02_left,
.con04_main02_right {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.con04_main02_left {
    left: 7%;
    top: 2%;
}
.con04_06 {
    width: 23.7929%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_main02_tt01 {
    font-size: 1.3vw;
    margin-top: 1vw;
    font-family: 'GmarketSans';
}
.con04_main02_tt01 .bold {
    font-weight: 800;
}
.con04_main02_tt02 {
    font-size: 0.8vw;
    font-weight: 400;
}
.con04_main02_right {
    right: 9%;
    top: 16%;
}
.con04_07 {
    width: 63.156%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con04_07_1 {
    left: 72%;
    top: 63%;
}
.con04_07_2 {
    right: 76%;
    top: 69%;
    transform: rotate(180deg);
    overflow: hidden;
}
.con04_07_2 img {
    margin-left: -16vw;
}
.con04_09 {
    width: 23.7929%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* con04_new_main02 */
.con04_new_main02 {
    gap: 3vw;
    padding-bottom: 8vw;
}
.con04_23 {
    width: 17.6378%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con04_23 > img ,
.con04_23_2 > img {
    margin-top: -4vw;
}
.con04_23_2 {
    width: 20.8924%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con04_new_main02_row {
    gap: 2vw;
}
.con04_24 {
    width: 34.8031%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_24_link {
    color: #414199;
    text-decoration: underline;
}
.con04_24_link01 {
        top: 30%;
}
.con04_24_link02 {
        top: 58%;
}
.con04_24_link03 {
        top: 86%;
}
.con04_25 {
    width: 34.8031%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_20 {
    width: 31.8635%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_21 {
    width: 22.2047%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_22 {
    width: 22.2047%;
    display: flex;
    justify-content: center;
    align-items: center;
}





.con04_main03 {
    margin-top: 10vw;
    padding-bottom: 4vw;
}
.con04_bg02 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.con04_main03_cover {
    height: 100%;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-top: 9vw;
    top: 0%;
}
.con04_12 {
    width: 7.13911%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5vw;
    z-index: 1;
}
.con04_13 {
    width: 72.231%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0%;
}
.con04_15 {
    width: 53.7533%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0%;
    bottom: 6%;
}
.con04_16 {
    width: 30.3937%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 19%;
    bottom: 22%;
}
.con04_main03_cover .con04_title {
    z-index: 1;
}
.con04_main03_cover .con04_subTitle {
    z-index: 1;
}
.con04_14 {
    width: 74.8348%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con04_15_title {
    font-size: 1.3vw;
    font-weight: 800;
    margin-bottom: 0.2vw;
    font-family: 'GmarketSans';
}
.con04_15_des {
    font-size: 0.8vw;
    font-weight: 400;
}
.con04_15_tt01 {
    top: 27%;
    left: -12%;
}
.con04_15_tt02 {
    top: 36%;
    right: -9%;
}
.con04_15_tt03 {
    top: 77%;
    right: -6%;
}
.con04_17 {
    width: 76.736%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 98%;
    left: 9%;
}
.con04_13_tt01 {
    text-transform: uppercase;
    top: 11%;
    left: 49.5%;
}
.con04_13_tt01 .bold {
    font-size: 1.1vw;
}
.con04_13_tt02 {
    border-right: 1px solid #ffffffa1;
    padding: 1.5vw 0;
    padding-right: 5vw;
    font-size: 1.4vw;
    top: 49%;
    left: 40%;
    font-family: 'GmarketSans';
}
.con04_13_tt02 .bold {
    font-weight: 800;
}
.con14_13_tt03 {
    font-size: 0.8vw;
    right: 11%;
    top: 56%;
}

.con05 {
    padding: 10vw 0;
}
.con05_title {
    font-size: 1.5vw;
    margin-bottom: 2vw;
    font-family: 'GmarketSans';
}
.con05_02 {
    width: 55.3%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
}
.con05_03 {
    width: 41.7812%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0.6%;
    left: 0%;
}
.con05_01 {
    width: 56.5819%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 81%;
    bottom: -6%;
}
div.con05_flex_wrap {
    width: 73%;
    flex-wrap: wrap;
    gap: 2vw 0;
}
.con05_flex_item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_flex_item_img {
    width: 98.6014%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_flex_item_img.con05_07 {
    width: 86.959%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con05_flex_item_img.con05_08 {
    width: 82.3595%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_bg {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1.9vw;
}
div.con06_cover {
    height: 100%;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-top: 8vw;
}
.con06 .con04_title {
    margin-bottom: 0vw;
}
.con06 .con04_subTitle {
    margin-bottom: 7vw;
}
.con06_tt01 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1vw;
    margin-bottom: 1vw;
}
.con06_01 {
    width: 24.4159%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con06_02 {
    width: 100.026%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con06_03 {
    width: 112.891%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
}
.con06_04 {
    width: 29.4041%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con06_tt02 {
    margin-bottom: 6vw;
}
.con06_tt02 > .regular {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}

.con06_tt02 .size_09 {
    font-weight: 500;
}
.con06_05 {
    width: 40.3517%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-top: 11vw;
}
.con06_05 > img {
    animation: rotate_image 30s infinite linear ;
}
div.con06_bot  {
    justify-content: flex-start;
    margin-top: -15vw;
}
div.con06_bot_pc  {
    justify-content: center;
    margin-top: -0vw;
    bottom: 107%;
}
.con06_bot_left_img {
    width: 32.3885%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12vw;
    margin-left: 12vw;
    margin-bottom: 0vw;
    overflow: hidden;
    z-index: 1;
    display: none;
}
.con06_bot_left_img > img {
    margin-bottom: -30.3%;
}
.con06_05_1 {
    width: 74.0718%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 38vw;
    top: -20vw;
    mix-blend-mode: screen;
}
.con06_05_2 {
    width: 68.7486%;
    display: flex;
    justify-content: center;
    align-items: center;
    mix-blend-mode: screen;
    right: 41vw;
    top: -26vw;
}
.con06_circle {
    width: 13.7044%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.con06_circle.con06_change {
    scale: 1.2;
}
.con06_06 {
    top: 22%;
    left: 4%;
}
.con06_07 {
    top: 69%;
    left: 5%;
}
.con06_08 {
    top: -2%;
    left: 42%;
}
.con06_09 {
    top: 64%;
    right: 3%;
}
.con06_10 {
    top: 90%;
    right: 42%;
}
.con06_11 {
    top: 17%;
    right: 5%;
}
.con06_18 {
    width: 40.8425%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 106%;
}
.con06_19 {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_bottom {
    padding:1.8vw 0;
    color: #374bad;
    margin-top: -3.68vw;
}
/*.con06_bottom_top_box {
    top: 0%;
    width: 10%;
    height: 5vw;
    background-color: white;
}*/
.con06_bottom_tt01 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
    font-family: 'GmarketSans';
    overflow: hidden;
}
.con06_bottom_tt01 .bold {
    font-weight: 800;
}
.con06_13 {
    width: 35.55%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_14 {
    width: 23.8%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -3vw;
}
.con06_arr {
    width: 0.892388%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 55.4%;
}
.con06_bottom_tt02 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    margin: 1vw 0 8vw;
}
.con06_bottom_tt02 p:not(.bold){
    font-size: 0.8vw;
}
div.con06_bottom_item02 {
    align-items: flex-start;
    gap: 2vw;
}
.con06_bottom_item02 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con06_bottom_item02_01 {
    width: 47%;
}
.con06_bottom_tt03 {
    line-height: 1.7;
    margin-bottom: 2vw;
}
.con06_bottom_tt03 p:nth-child(1) {
    font-size: 1.3vw;
    font-family: 'GmarketSans';
}
.con06_15 {
    width: 52.294%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con06_bottom_item02_02 {
    width: 17.8478%;
    gap: 1.5vw;
}
.con06_16 ,
.con06_17 {
    width: 99.895%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_01 {
    width: 174.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.con07_cover {
    align-items: flex-start;
}
.con07_cover > div {
    display: flex;
    flex-direction: column;
}
.con07_left {
    padding-top: 0.5vw;
    width: 13%;
    gap: 1vw;
}
.con07_logo {
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_title {
    font-size: 1.3vw;
    font-family: 'GmarketSans';
}
.con07_right {
    width: 54%;
}
.con07_right p {
    padding: 0.5vw 0;
    border-bottom: 1px solid #002e723b;
}
.con07_right p:last-child {
    border: none;
}
p.con07_subTitle {
    padding: 0.2vw 0 !important;
    border-bottom: 2px solid #0062C0 !important;
    margin-bottom: 0.5vw;
}
.con07_subTitle02 {
    margin-top: 2vw;
}
div.con07_img_box {
    justify-content: space-between;
}
div.con07_img_box > div {
    height: 22.987vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con07_img_box > div img {
    width: unset !important;
    height: 100%;
    object-fit: cover;
}
.con08_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con08_title {
    font-size: 1.2vw;
    top: 8vw;
    font-family: 'GmarketSans';
}
.con08_title .bold {
    font-size: 3vw;
    text-transform: uppercase;
}
.con08_01 {
    width: 24.252%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 26%;
    top: 28.5%;
}
.con08_02 {
    width: 24.8294%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 23.5%;
    top: 25.5%;
}
.con08_03 {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 7%;
}
.con09_bg {
    width: 100.787%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.con09_cover {
    height: 100%;
    justify-content: flex-start;
    box-sizing: border-box;
    top: 0%;
    left: 0%;
    padding-top: 10vw;
}
.con09_title {
    font-size: 1.2vw;
    margin-bottom: 3vw;
    font-family: 'GmarketSans';
}
.con09_title .bold {
    font-size: 3vw;
    text-transform: uppercase;
}
.con09_top {
    margin-bottom: 6vw;
}
.con09_top_line_wrap {
    width: 21%;
    display: flex;
    justify-content: center;
    align-items: center;  
    flex-direction: column;
    gap: 0.5vw;
    color: #002e72;
    white-space: nowrap;
}
.con09_top_line {
    width: 100%;
    height: 1px;
    background-color: #002e72;
}
.con09_01 ,
.con09_02 {
    width: 9.81627%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_top_tt01 {
    font-size: 1.2vw;
    font-family: 'GmarketSans';
    overflow: hidden;
}
.con09_top_tt02 {
    overflow: hidden;
}
.con09_03 {
    width: 67.1391%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_03_1 {
    margin-bottom: 1.5vw;
}
.con09_03_title {
    top: 10%;
    font-weight: 700;
    font-size: 1.2vw;
    font-family: 'GmarketSans';
}
.con09_row {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 0;
}
.con09_row > div {
    flex-direction: column;
    white-space: nowrap;
    line-height: 1.5;
}
.con09_row_tt {
    font-size: 0.85vw;
    font-weight: 300;
}
.con09_04 {
    width: 5.23706%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}
.con09_06 {
    width: 3.67376%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}
.con09_07 {
    width: 6.33137%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}
.con09_08 {
    width: 8.12917%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5vw;
}
.con09_09 {
    width: 10.3178%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5vw;
}
.con09_10 {
    width: 20.6356%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}
.con09_05 {
    width: 17.509%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    overflow: hidden;
}
.con09_05_1 {
    left: 25%;
}
.con09_05_2 {
    left: 57%;
}
.con09_05_3 {
    left: 19%;
}
.con09_05_4 {
    left: 51%;
}
.con09_11 {
    width: 18.5302%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10%;
    top: 25%;
}
.con09_12 {
    width: 12.4934%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 2%;
    top: 35%;
}
.con09_13 {
    width: 9.13386%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 11%;
    top: 35%;
}
.con09_14 {
    width: 13.9633%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 7%;
    top: 72%;
}
.con10 {
    display: none;
}
.con10_01 {
    width: 33.6483%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -8%;
    left: 0%;
}
.con10 {
    height: 47vw;
}
/* .con10 .main_02 {
    width: 87.9912%;
} */
.con10 .main_07 {
    top: 45%;
}
.con10 .main_01 {
    right: -36%;
    top: -35%;
}











.bot_quick {
    position: fixed;
    right: 3%;
    bottom: 6%;
    z-index: 1111111;
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bot_quick img {
    width: 100%;
}