@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:599px) {
    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }

    .main_move{
        transform-origin: center;
    }
    .main {
        flex-direction: column;
        background-color: #000;
        padding: 25% 0% 25% 0%;
    }
    .main_iframe_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 120%;
    }
    .main_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 80vw;
        z-index: 1;
    }
    .main_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 16% 0% 0% 0%;
    }
    .main_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 1.3% 0%;
    }
    .main_01 {
        width: 32%;
    }
    .main_02 {
        width: 83%;
    }
    .main_text_01 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 8.5vw;
        color: #FFF;
    }
    .main_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 28% 0% 7% 0%;
    }
    .main {
        flex-direction: column;
        background-color: #000;
        padding: 38% 0% 40% 0%;
    }

    .main_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 4.3% 0%;
    }
    .main_iframe {
        width: 240%;
        height: 170vw;
    }
    
    .con01 {
        margin: 14% 0% 0% 0%;
    }
    .main_move_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200%;
        z-index: 2;
        top: -6%;
        background-color: #fff;
        padding: 25% 0% 50% 0%;
    }
    .intro_img_m{
        width: 100%;
    }
    
    .con01_04 {
        width: 77%;
    }

    .con01_iframe_div {
        width: 120%;
        height: 100%;
    }
    .con01_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: unset;
        border: 1px solid #003d73;
        margin: 0% 0% 0% 0%;
    }
    .con01_left {
        background-color: #003d73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 59vw;
    }

    .con01_iframe {
        width: 100%;
        height: 100%;
    }
    .con01_right{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: unset;
        border-right: 0px solid #003d73;
    }
    .con01_text_01 {
        font-family: 'Pretendard';
        font-weight: bold;
        font-size: 6.2vw;
        color: #003d73;
    }
    .con01_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 34vw;
        overflow: hidden;
        margin: 5% 0 5% 0;
    }
    .con01_text_01s{
        font-size: 5.2vw;
    }
    .con01_text_02{
        font-family: 'Pretendard';
        font-weight: bold;
        font-size: 6.2vw;
        color: #003d73;
    }
/*
    .con01_right_top p {
        font-size: 6.2vw;
    }
*/
    .con01_right_absol {
        background-color: #003d73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 11.4vw;
        top: 0%;
    }
    .con01_01 {
        width: 55%;
    }
    .con01_right_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 22%;
    }
    .con01_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 34vw;
        overflow: hidden;
        margin: 1% 0 5% 0;
    }
    .con01_text_03 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.2vw;
    }
    .con01_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 300%;
        padding: 3% 0% 3% 0%;
        z-index: 2;
    }

    .con02_text_04 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 2.5vw;
        color: #fff;
        white-space: nowrap;
        z-index: 1;
        bottom: 7%;
        left: unset;
    }
    .con02_content {
        background-color: #000000bf;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        border-radius: 0px 0vw 0px 0vw;
        padding: 8% 0% 20% 0%;
        margin: 0% 0% 1% 0%;
    }
    .con02_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0;
        z-index: 1;
    }
    .con02_grap_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 0vw;
        overflow: hidden;
        left: 2%;
        top: 5%;
    }
    .con02_06 {
        width: 76vw;
    }
    .con02_left_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 79%;
    }
    .con02_absol_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15%;
        height: 10%;
        left: 5.5%;
        bottom: 27.5%;
    }

    .con02_absol_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 11%;
        height: 12%;
        left: 27.5%;
        bottom: 30.5%;
    }
    .con02_absol_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 11%;
        height: 11%;
        left: 48.5%;
        bottom: 47.5%;
    }
    .con02_absol_03 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        clip-path: circle(35% at 50% 50%);
        top: 100%;
    }
    .con02_text_03 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 3.3vw;
        color: #fff;
        white-space: nowrap;
    }
    .con02_text_03 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 3.3vw;
        color: #fff;
        white-space: nowrap;
    }
    .con02_09 {
        width: 27%;
        z-index: 1;
    }
    .con02_07 {
        width: 27%;
    }
    .con02_08 {
        width: 27%;
    }
    .con02_06_base {
        width: 110%;
        opacity: 0;
    }
    .con02_absol_div_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 16%;
        left: 25%;
    }
    .con02_left_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 81%;
        margin: 2% 0% 4% 0%;
    }
    .con02_10 {
        width: 100%;
    }
    .con02_left_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con02_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
        margin: 0% 0% 1.5% 0%;
    }
    .con02_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0;
        z-index: 1;
        padding-top: 11%;
    }
    .con02_absol_div_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15%;
        height: 10%;
        left: 5.5%;
        bottom: 27.5%;
    }
    .con02_absol_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 11%;
        height: 12%;
        left: 27.5%;
        bottom: 34.5%;
    }
    .con02_absol_div_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 11%;
        height: 11%;
        left: 48.5%;
        bottom: 47.5%;
    }
    .con02_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 1;
    }
    .con02_right_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 9%;
    }
    .con02_ct {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 10vw;
    }
    .con02_ct_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 60%;
        padding: 1% 0% 1.5% 0%;
        margin: 0% 2.5% 0% 0%;
        border: 0px solid #fff;
    }
    .con02_right_mid {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 8% -1%;
    }
    .con02_text_02 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 8.5vw;
    }
    .con02_01 {
        width: 50%;
    }
    .con02_right_bottom {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con02_right_bottom > img {
        width: 37%;
        margin: 0% 2% 0% 2%;
    }
    .con02_iframe_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 414%;
        height: 193vw;
        filter: brightness(20%);
        pointer-events: none;
        top: 0%;
    }
    .con03_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con03_01 {
        width: 80%;
        margin-top: 4%;
    }

    .con03_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 2% 0% 5% 0%;
    }


    .con03_mid_left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
       width: 104%;
    }
    .con03_text_01 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 3.3vw;
        color: #2599ff;
        z-index: 3;
    }
    .con03_text_02 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 3.3vw;
        color: #fff;
        z-index: 3;
    }

    .con03_mid_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 49vw;
    }
    .con03_grap_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        bottom: 25.5%;
        left: 0;
    }
    .con03_grap_absol > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 31%;
        white-space: nowrap;
    }
    .con03_grap_02 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 21vw;
        width: 65%;
        margin: 2% 0% 4% 0%;
    }
    .con03_grap_02 > .con03_grap_ct_01{
        margin: 0% 2% 0% -3%;
    }
    .con03_grap_03 {
        background-color: #2599FF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 36vw;
        width: 70%;
        margin: 2% 0% 4% 0%;
    }
    .con03_grap_ct_01 {
        font-family: 'GmarketSansMedium';
        font-weight: 300;
        font-size: 5vw;
        color: #fff;
        white-space: nowrap;
    }
    .con03_grap_ct_02 {
        font-family: 'GmarketSansMedium';
        font-weight: 300;
        font-size: 5vw;
        color: #fff;
        white-space: nowrap;
    }
    .con03_grap_ct_03 {
        font-family: 'GmarketSansMedium';
        font-weight: 700;
        font-size: 8vw;
        color: #2599FF;
        white-space: nowrap;
    }
    .con03_mid_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 75vw;
    }
    .con03_grap_text_03 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 8.2vw;
        color: #fff;
        margin: 0% 0% 3% 0%;
    }
    .con03_grap_ct_03 {
        font-family: 'GmarketSansMedium';
        font-weight: 700;
        font-size: 8vw;
        color: #2599FF;
        margin-left: -123%;
    }
    .con03_grap_text_01 {
        position: unset;
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
        width: unset;
    }
    .con03_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 3%;
    }
    .con03_mid_left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 107%;
        margin-top: 2%;
    }
    .con03_mid_left > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3% 2% 3% 2%;
        pointer-events: all;
        cursor: pointer;
    }
    .con03_grap_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        bottom: 18.5%;
        left: 0;
    }
    .con03_mid_right {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 68vw;
    }
    .con03_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 127%;
        padding: 0% 0% 0.8% 0%;
        left: 46%;
        border-bottom: 1px solid #fff;
        position: relative;
    }
    .con03_grap_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        bottom: 26.5%;
        left: 0;
    }
    .con03_05 {
        width: 12%;
        margin: 0% 0% -1% 0%;
        margin-left: unset;
    }
    .con03_17m{
        width: 86%;
    }
    .con03_grap_03_text{
        font-family: 'GmarketSansMedium';
        font-weight: 300;
        font-size: 5vw;
        color: #fff;
        margin: 0% 2% 0% -14%;
white-space: nowrap;
    }
    .con03_grap_text_04{
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 5.2vw;
        color: #fff;
white-space: nowrap;
    }

    .con03_bottom > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
    }
    .con03_06 {
        width: 138%;
    }
    .con03_07 {
        width: 138%;
    }
    .con03_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 200%;
        padding: 0% 0% 0.8% 0%;
        left: -4%;
        border-bottom: 1px solid #fff;
        position: absolute;
    }
    .con03_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 18%;
    }
    .con03_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 252%;
        padding: 0% 0% 0.8% 0%;
        left: -10%;
        border-bottom: 1px solid #fff;
        position: absolute;
        top: 111%;
    }
    .con03_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 252%;
        padding: 0% 0% 0.8% 0%;
        left: -10%;
        border-bottom: 1px solid #fff;
        position: absolute;
        top: 111%;
    }
    .con03_bottom > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 62%;
    }
    .con03_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 33%;
    }
    .con03_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 252%;
        padding: 0% 0% 0.8% 0%;
        left: -10%;
        border-bottom: 1px solid #fff;
        position: absolute;
        top: 147%;
    }
    .con03_ct_01 {
        font-family: 'Pretendard';
        font-weight: 800;
        font-size: 9.5vw;
        color: #2599FF;
        margin: 0% 0% 0% 2%;
        white-space: nowrap;
    }
    .con03_text_03 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 5vw;
        color: #fff;
        margin: 0% 0% -4.5% 1.5%;
    }
    .con03_grap_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        bottom: 36.5%;
        left: 0;
    }
    .con03_10_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 251%;
        left: -100%;
        top: 0%;
    }

    .con03_bottom_div_01m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 32vw;
    }
    .con03_text_row_m{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 4% 0%;
    }
    .con03_text_01m{
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4.5vw;
        color: #fff;
    }
    .con03_text_02m{
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 7.5vw;
        color: #fff;
        margin: 1% 0% 0% -2%;
    }
    .con03_07m{
        top: 2%;
        left: 3%;
        width: 97%;
        scale: 0;
    }
    .con03_14 {
        width: 28%;
        margin: 1% 0% 0% 0%;
    }
    .con03_ct_02 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 12.8vw;
        color: #2599ff;
        z-index: 2;
        margin: 0% 0% 0% 2%;
    }
    .con03_bottom_row {
        position: absolute;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: -67%;
        left: 19%;
    }

    .con03_bottom_div_02m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 32vw;
    }

    .circle_progress {
        transform: rotate(-90deg);
        width: 107%;
    }
    .con08_02 {
        width: 75%;
        transition: all 0.3s;
    }
    .con08_hover_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        clip-path: circle(50% at 50% 50%);
        width: 67%;
        height: 80vw;
        border-radius: 50px;
        cursor: pointer;
        pointer-events: all;
        z-index: 1;
        overflow: hidden;
    }

    .con03_mid_right_div_03 {
        height: 63vw;
    }
    .con03_notice_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con03_title {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 3.5vw;
        color: #003d73;
    }
    .con03_notice_mid > div > div > p {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 3vw;
        color: #fff;
        text-align: center;
        width: 100%;
    }
    .con03_notice_top {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 17%;
    }
    .con03_16 {
        left: -139%;
        top: 0%;
        width: 248%;
    }
    .con03_bottom_div_03m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 32vw;
    }

    .con03_15 {
        width: 90%;
        margin: 0% 0% 2% 0%;
    }
    .con03_text_04m{
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
        white-space: nowrap;
    }

    .con03_grap_absolm{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: 11%;
        top: 29%;
    }
    .con03_grap_rltvm{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con03_grap_div_01{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    .con03_grap_text_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 5.2vw;
        color: #2599FF;
        margin: 0% 0% 1% 0%;
        white-space: nowrap;
    }
    .con03_grap_01 {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 13vw;
        width: 43%;
        margin: 0% 0% 0% 0%;
        overflow: hidden;
    }
    .con03_column{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 17%;
    }

    .con03_grap_div_02{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .con04_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.5vw;
        color: #003d73;
    }
    
    
    .con04_text_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -3% 0% 11% 0%;
    }
    .con04_text_div > p{
        font-size: 3vw;
    }

    .con04_02 {
        margin: 3% 0% 0% 0%;
        width: 89%;
    }
    .con04_sd_div_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 8vw;
        overflow: hidden;
    }
    .con03_grap_ct_01{
        font-family: 'GmarketSansMedium';
        font-weight: 300;
        font-size: 5vw;
        color: #2599FF;
        margin: 0% 2% 0% 0%;
    }
    .con03_grap_02 {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 13vw;
        width: 43%;
        margin: 0% 0% 0% 0%;
        overflow: hidden;
    }
    .con03_grap_div_03{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 13vw;
        overflow: hidden;
    }
    .con03_grap_03 {
        background-color: #2599FF;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 13vw;
        width: 43%;
        margin: 0% 0% 0% 0%;
        overflow: hidden;
    }
    .con03_grap_absolm > div > div{
        margin: 2% 0% 2% 0%;
    }
    .con03_line{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 0.3%;
        height: 58vw;
        left: 16.8%;
        background-color: #fff;
    }
    /* .swiper03_scr01 {
        top: 38%;
        width: 215%;
        left: -65.5%;
        rotate: 270deg;
        z-index: 0;
        overflow: hidden;
    }
    .swiper03_scr_01{
        width: 100%;
        animation: marqueeXup linear 30s infinite;
    }
    .swiper03_scr_01_next{
        left: 101%;
    } */

    .swiper03_right_01{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .swiper03_scrm{
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 415%;
        padding: 1% 0% 1% 0%;
        z-index: 2;
        scale: 1;
        top: -25%;
    }
    .swiper03_scr_m{
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .swiper03_scr_m_next{
        right: 101%;
    }   

    .con04_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-top: 0px solid #003d73;
        padding: 12% 0% 7% 0%;
    }

    .con04_sd_div_01 p{
        font-size: 3.5vw;
    }
    .con04_swiper_slide_01{
        display: flex !important;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }
    /* .con04_swiper_slide_01.swiper-slide-next{
        background-color: #003d73;
    }
    .con04_swiper_slide_01.swiper-slide-next p{
        color: white;
    }
    .con04_swiper_slide_01.swiper-slide-next{
        scale: 1.4;
        z-index: 1;
    } */

    .con04_swiper_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0;
    }
    .con04_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        overflow: hidden;
        padding: 2% 0;
    }
    .con04_sd_div_02{
        transition: 0.3s all;
        border-radius: 5px;
        height: 33vw;
    }
    .con04_iframe_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 150%;
        height: 35vw;
    }
    .con04_swiper_slide_02.swiper-slide-next > .con04_sd_div_02 {
        scale: 2.2;
    }
    .con04_swiper_slide_02.swiper-slide-next{
        z-index: 2;
    }
    .con04_swiper_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 16% 0;

    }
    .con04_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 110%;
        padding: 2% 0% 2% 0%;
        margin: 6% 0% 11% 0%;
        overflow: hidden;
    }
    .con04-button-next {
        left: 80.5%;
        z-index: 2;
        cursor: pointer;
        pointer-events: all;
        width: 9% !important;
        transform: rotate(180deg);
    }
    .con04-button-prev {
        right: 80.5%;
        z-index: 2;
        cursor: pointer;
        pointer-events: all;
        width: 9% !important;
    }



    .con04_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 300%;
        padding: 3% 0% 3% 0%;
        z-index: 2;
        border: 1px solid #003d73;
    }

    .con05_content_div {
        background-color: #eaeaea;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        border: 1px solid #003d73;
        border-top: 0px solid;
    }
    .con05_01 {
        width: 55%;
        margin-bottom: 2%;
    }
    
    .interior_div_bottom{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        margin: 0% 0% 8% 0%;
        border: 1px solid #003d73;
    }
    .interior_div_bottom_bg {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        height: 56.5vw;
        top: 28%;
        left: 5%;
        z-index: 0;
        border: 1px solid #003d73;
    }
    .interior_title > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 25%;
        font-family: 'Pretendard';
        font-weight: bold;
        font-size: 3.3vw;
        padding: 1.5% 0% 1.5% 0%;
        cursor: pointer;
        white-space: nowrap;
    }
    .interior_title {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 95%;
        margin: 0% 0% 0% 0%;
        border: 1px solid #003d73;
        background-color: #fff;
    }
    .interior_sd_div{
        height: 55vw;
    }
    .interior_swiper_01{
        width: 100% !important;
    }
    .interior_swiper_02{
        width: 100% !important;
    }
    .interior_swiper_03{
        width: 100% !important;
    }
    .interior_swiper_04{
        width: 100% !important;
    }
    .swiper-button-next_interior {
        z-index: 2;
        right: 0%;
        width: 10%;
        cursor: pointer;
        pointer-events: all;
        transform: rotate(180deg);
    }
    .swiper-button-prev_interior {
        z-index: 2;
        left: 0%;
        width: 10%;
        cursor: pointer;
        pointer-events: all;
    }
    
    .con06_add {
        width: 20%;
        left: 7%;
        bottom: -10%;
    }
    .con06_m_bg{
        width: 100%;
        height: 20vw;
        background-color: #CFD2D6;
        mix-blend-mode: multiply;
        pointer-events: none;
    }
    .con06_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 21% 0%;
    }
    .con06_m_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        top: 85%;
        background-color: #e4e8ec;
    }
    .con06_bgm{
        width: 28%;
    }
    .con06 {
        background-color: #003d73;
        flex-direction: column;
        padding: 15% 0% 0% 0%;
    }
    .con05_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 400%;
        padding: 3% 0% 3% 0%;
        z-index: 2;
    }
    .con06_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 45%;
        left: 12%;
        top: 24%;
    }
    .con06_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        color: #003d73;
        margin: 0% 0% 1% 0%;
    }
    .con06_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 52%;
        left: 6%;
        top: 24%;
    }
    .con06_01 {
        width: 88%;
        margin: 0% 0% 11% 0%;
    }
    .con06_left_absol{

    }
    .con06_01 {
        width: 57%;
        margin: 0% 0% 11% 0%;
    }
    .con06_01 {
        width: 57%;
        margin: -1% 0% 3% 0%;
    }
    .con06_02 {
        top: 36%;
        left: 11%;
        width: 69%;
    }
    .con06_03 {
        top: 47%;
        left: 19%;
        width: 74%;
    }
    .con06_04 {
        top: 57%;
        left: 11%;
        width: 69%;
    }
    .con06_05 {
        top: 68%;
        left: 19%;
        width: 74%;
    }
    .con06_06 {
        top: 78%;
        left: 11%;
        width: 69%;
    }
    .con06_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 16%;
    }
    .con06_bg {
        width: 282%;
        margin-left: 34%;
    }
    .con06_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 11%;
    }
    .con06_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 21%;
        bottom: 3%;
        right: 5%;
    }
    .con06_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 245%;
        margin: 15% 0% 0% 0%;
    }
    .con06_swiper_div{
        border-radius: 15px;
    }

    .con07_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 8% 0% 101% 0%;
    }
    .con07_top > div{
        justify-content: center !important;
        align-items: center !important;
    }
    .con07_01 {
        width: 36%;
        margin-top: 7%;
    }
    .con07_02 {
        width: 66%;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    .con07_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.4vw;
        color: #fff;
    }
    .con07_swiper{
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 92%;
        margin: 0;
        overflow: hidden;
        margin-left: 0%;
        bottom: -75%;
    }
    .con07_09 {
        z-index: 2;
        width: 48%;
        bottom: -21%;
        left: 26%;
    }
    .con07_bottom{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% 75% 0%;
    }
    .con07_add01 {
        width: 92%;
        top: 63%;
    }
    .con07_add04 {
        width: 84%;
        bottom: -6%;
        left: 14%;
    }
    .con07_frame {
        width: 54%;
        z-index: 2;
        left: 23%;
        bottom: -31%;
    }
    .con07_scr{
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 400%;
        padding: 3% 0% 3% 0%;
        z-index: 2;
        border: 1px solid #fff;
        background-color: #fff;
    }
    .con07_swiper_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .con08_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 9% 0% 7% 0%;
    }
    .con08_text_01{
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.8vw;
        color: #003D73;
    }
    .con08_01 {
        width: 65%;
        margin-top: 1%;
        margin-bottom: 2%;
    }
    .con08_bottom_div_bg {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 105%;
        height: 100%;
        border-radius: 30px;
        overflow: hidden;
        border: 1px solid #003d73;
        top: 2%;
        left: 1%;
    }
    .con08_bottom {
        background: url(/images/con08_bg.jpg) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 105%;
        height: 215vw;
        border-radius: 35px;
        overflow: hidden;
        z-index: 1;
        padding: 5% 0% 22% 0%;
    }
    .con08_text_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.5vw;
        color: #fff;
    }
    .con08_bottom_right_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 94%;
    }
    .con08_bottom_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 130%;
    }
    .con08_bottom_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    .con08_bottom_right_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 155%;
        margin: -9% 0% 6% 0%;
    }
    .con08_bottom_right_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 2% 0%;
    }
    .con08_swiper_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-radius: 5px;
        overflow: hidden;
    }
    .con08_text_03 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4vw;
        color: #f5f5f5;
    }
    .con08_ct {
        font-family: 'Pretendard';
        font-weight: 800;
        font-size: 10vw;
        color: #2d6ea6;
    }
    .con08_03 {
        width: 20%;
    }
    .swiper_pagination_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200%;
        top: 8.5%;
        left: -49%;
    }

    .con09_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 15% 0%;
    }
    .con09_01 {
        width: 74%;
    }
    .con09_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_bottom_left_bottom{
        position: relative;
    }
    .con09_bottom_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 77%;
        margin: 0%;
    }
    .con09_bottom_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 77%;
        margin:0%;
    }
    .bf_img{
        width: 100%;
    }
    .con09_bottom_left_top{
        position: relative;
    }
    .con09_bottom_right_top{
        position: relative;
    }
    .con09_bottom_right_bottom{
        position: relative;
    }
    .con09_bottom_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 77%;
        margin: 0%;
        margin-bottom: 4%;
    }
    .con09_02 {
        width: 64%;
    }

    .con09_bottom_left_top:hover .bf_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_left_top:hover .af_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_left_bottom:hover .bf_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_left_bottom:hover .af_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_right_top:hover .bf_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_right_top:hover .af_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_right_bottom:hover .bf_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }
    .con09_bottom_right_bottom:hover .af_img {
        opacity: unset;
        z-index: unset;
        transition: all 1s;
    }

    
    .bar_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 84%;
        height: 3vw;
        margin: 4% 0% 4% 0%;
        overflow: hidden;
    }
    .con10_playing_make {
        width: 3%;
        height: 3vw;
        background-color: #269AFF;
        clip-path: circle(44% at 50% 50%);
        left: 0%;
        z-index: 1;
        animation: moveLeftToRight 10s linear infinite;
        transition: all 0.3s;
    }

    .con10_content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 1;
        margin: 15% 0% 15% 0%;
    }
    .con10_text_01 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 4.7vw;
        color: #fff;
    }
    .con10_01 {
        width: 74%;
        margin: 3.5% 0% 4% 0%;
    }
    .con10_text_01 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 4.2vw;
        color: #fff;
        margin-top: 4%;
    }
    .con10_text_02 {
        font-family: 'Pretendard';
        font-weight: 300;
        font-size: 3vw;
        color: #fff;
        margin: 0% 0% 1.2% 0%;
    }
    .con10_video {
        filter: brightness(30%);
        width: 195%;
    }
    .con10_03 {
        width: 44%;
        cursor: pointer;
        pointer-events: all;
    }
    .video_play_bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 60%;
        margin: 10% 0% 10% 0%;
        scale: 1.3;
    }
    .play_make {
        width: 3%;
    }
    .play_bar {
        background-color: #2599ff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 0.4vw;
    }

    .con11_01{
        width: 60%;
        margin-top: 4%;
        margin-bottom: 4%;
    }
    .con11_bottom {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }
    .con11_bottom_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0;
    }
    .con11_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.8vw;
        color: #003d73;
        margin-top: 12%;
    }
    .con11_02 {
        margin: 2% 0% 0% 0%;
        width: 58%;
    }
    .con11_02 {
        margin: 2% 0% 0% 0%;
        width: 58%;
    }
    .con11_text_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        color: #003d73;
        margin: 0% 0% 1.2% 0%;
    }
    .con11_button_div {
        background-color: #eaeaea;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 7vw;
        border-radius: 50px;
    }
    .con11_text_left {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #fff;
        z-index: 1;
        transition: all 0.3s;
    }
    .con11_text_right {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #003d73;
        z-index: 1;
        transition: all 0.3s;
    }
    .con11_button_div {
        background-color: #eaeaea;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 8vw;
        border-radius: 50px;
    }
    .con11_button_div > .con11_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 37%;
        height: 100%;
        padding: 0% 5% 0% 5%;
        white-space: nowrap;
        cursor: pointer;
        pointer-events: all;
    }

    .con11_bottom_left_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con11_bottom_left_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 4% 0%;
    }
    .con11_bottom_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .con11_swiper_div_01{
        width: 100%;
    }
    .con11_swiper_div_02{
        width: 100%;
    }
    .con11_swiper_01_div {
        background-color: #003D73;
        border: 1px solid #003D73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 71vw;
        opacity: 1;
        transition: all 0.3s;
    }
    .con11_swiper_02_div {
        background-color: #003D73;
        border: 1px solid #003D73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 71vw;
        opacity: 1;
        transition: all 0.3s;
    }

    .con11_bottom_left_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    .con11_swiper_div_01 > img {
        width: 62%;
    }
    .con11_swiper_div_02 > img {
        width: 72%;
    }
    .con11_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 8% 0%;
    }

    .con12_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 30% 0% 13% 0%;
    }
    .con12_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
        overflow: hidden;
        margin: 0% 0% 0% 0%;
    }
    .con12_text_absol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: -30%;
    }
    .con12_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4.8vw;
        color: #fff;
    }
    .con12_text_02 {
        font-family: 'Pretendard';
        font-weight: 800;
        font-size: 6.8vw;
        color: #fff;
    }

    .swiper_swiper_swiper_div {
        height: 162vw;
    }
    .swiper01_content_div {
        background-color: #003D73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 162vw;
        overflow: hidden;
    }
    .swiper01_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .swiper01_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 160%;
        margin: 6% 0% 0% 0%;
    }
    .swiper01_left_step_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper01_left_step_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 3% 0%;
        overflow: hidden;
    }
    .swiper01_left_step_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper01_left_step_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 0% 0%;
        overflow: hidden;
    }
    .con13_05 {
        bottom: -6%;
        width: 188%;
        left: -62%;
    }
    .con13_06 {
        width: 29%;
    }
    .con13_08{
        width: 90%;
    }
    .swiper_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .swiper01_left_step_04 > .swiper01_left_step_04_img_01 {
        width: 25%;
        margin: 0% -3% 0% 0%;
    }
    .swiper01_left_step_04 > .swiper01_left_step_04_img {
        margin: 0% 4% 0% 6%;
        width: 3.5%;
    }
    .swiper01_left_step_04 > .swiper01_left_step_04_img_02 {
        width: 26%;
    }
    .con13_01 {
        left: -28%;
        top: -10%;
        width: 77%;
    }
    .con13_02 {
left: 55%;
        top: 1%;
        width: 77%;
    }
.con13_03 {
left: 11.1%;
        top: 31%;
        width: 77%;
    }
.con13_04 {
        left: 94.5%;
        top: 42.5%;
        width: 77%;
    }

    .swiper02_content_div {
        height: 162vw;
        overflow: hidden;
    }
    .swiper02_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .swiper02_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 174%;
        margin: 4% 0% 0% 0%;
    }
    .swiper02_left_step_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper02_left_step_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 2% 0%;
        overflow: hidden;
    }
    .swiper02_left_step_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper02_left_step_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 0% 0%;
        overflow: hidden;
    }
    .con14_01 {
        width: 34%;
    }
    .con14_03{
        width: 92%;
    }
    .swiper_text_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        color: #003D73;
    }
    .swiper02_left_step_04 > .swiper02_left_step_04_img_01 {
        width: 25%;
        margin: 0% -3% 0% 0%;
    }
    .swiper02_left_step_04 > .swiper02_left_step_04_img {
        margin: 0% 4% 0% 6%;
        width: 3.5%;
    }
    .swiper02_left_step_04 > .swiper02_left_step_04_img_02 {
        width: 25%;
    }
    .con14_08 {
        top: -22%;
        left: unset;
        width: 125%;
    }
    .con14_09 {
        top: -22%;
        left: unset;
        width: 125%;
    }
    .con14_10 {
        top: -22%;
        left: unset;
        width: 125%;
    }

    .swiper03_content_div {
        height: 162vw;
        overflow: hidden;
    }
    .swiper03_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .swiper03_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 160%;
        margin: 2% 0% 0% 0%;
    }
    .swiper03_left_step_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper03_left_step_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 2% 0%;
        overflow: hidden;
    }
    .swiper03_left_step_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper03_left_step_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 0% 0%;
        overflow: hidden;
    }
    .con15_01 {
        width: 23%;
    }
    .con15_02{
        width: 92%;
    }
    .swiper_text_02a {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        color: #003D73;
    }
    .swiper03_left_step_04 > .swiper03_left_step_04_img_01 {
        width: 25%;
        margin: 0% -3% 0% 0%;
    }
    .swiper03_scr01 {
        top: 123%;
        width: 418%;
        left: -203.5%;
        rotate: 270deg;
        z-index: 0;
        overflow: hidden;
    }
    .swiper03_scr02 {
        top: 166%;
        width: 509%;
        left: -155.5%;
        rotate: 270deg;
        z-index: 0;
        overflow: hidden;
    }

    .swiper04_content_div {
        height: 162vw;
        overflow: hidden;
        padding: 10% 0% 0% 0%;
    }
    .swiper04_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .swiper04_left_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 411%;
        margin: 2% 0% 0% 0%;
        z-index: 1;
    }
    .swiper04_left_step_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .swiper04_left_step_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3% 0% 2% 0%;
        overflow: hidden;
    }
    .swiper04_left_step_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 9% 0%;
        overflow: hidden;
    }
    .swiper04_left_step_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con16_swiper_01_div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 77%;
        pointer-events: all;
        z-index: 5;
    }
    .con16_swiper_02_div{
        width: 77%;
    }
    .con13_text_left {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #003D73;
        z-index: 1;
        transition: all 0.3s;
    }
    .con13_text_right {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #fff;
        z-index: 1;
        transition: all 0.3s;
    }
    .con13_button_div {
        background-color: #003D73;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 46%;
        height: 7vw;
        border-radius: 50px;
        border: 1px solid #fff;
    }
    .con16_02{
        width: 89%;
    }
    .con16_06 {
        top: -544%;
        left: 78%;
        width: 138%;
    }
    .con16_07 {
        top: -181%;
        left: 41%;
        width: 141%;
    }
    .con16_08 {
        top: -34%;
        left: -70%;
        width: 128%;
    }
    .con16_09 {
        top: -296%;
        left: -67%;
        width: 89%;
    }
    .con16_swiper_div_01 > img{
        width: 100%;
        height: 53vw;
    }
    .con16_swiper_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 195%;
        border-radius: 0px;
        overflow: hidden;
    }
    .con16_swiper_div_02 > img{
        width: 100%;
        height: 53vw;
    }



    .con17_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% 2% 0%;
    }
    .con17_text_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4.4vw;
        color: #003d73;
    }

    .con17_01 {
        width: 74%;
    }
    .con17_text_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4.2vw;
        color: #003d73;
    }
    .con17_content {
        background-color: #eaeaea;
        border: 1px solid #003D73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 14% 0% 16% 0%;
        overflow: hidden;
    }

    .con17_bottom{
        flex-wrap: wrap;
    }
    .con17_bottom > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 75%;
        margin: 5% 1% 0% 1%;
/*        border-radius: 25px;*/
        overflow: hidden;
    }
    .con17_bottom_div:hover {
        margin: 0% 0% 0% 0%;
        transition: all 0.3s;
    }
    .con17_absol {
        top: 73%;
        left: 39%;
    }

    .con17_02 {
        width: 16%;
        margin: 0% 0% 6% 0%;
    }
    .con17_text_03 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.5vw;
        color: #fff;
        margin: 0% 0% 0.5% 0%;
    }
    .con17_text_04 {
        font-family: 'Pretendard';
        font-weight: 200;
        font-size: 4.5vw;
        color: #fff;
    }
    .con17_text_05 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.5vw;
        color: #fff;
    }
    .con17_03 {
        width: 73%;
        margin-top: 5%;
    }
    .con17_text_img {
        width: 9%;
    }
    .con17_text_06 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.5vw;
        color: #fff;
    }
    .con17_bottom_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con17_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transform: rotate(17deg);
        top: 31%;
    }
    .con07_scr_bg {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        top: 86%;
        scale: 3;
    }
    .con17_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 150%;
        padding: 16% 0% 28% 0%;
        overflow: hidden;
    }
    .con17_swiper_slide{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        width: 100%;
    }
    .con17_swiper_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con17_swiper_div > img{
        width: 100%;
/*        border-radius: 15px;*/
        transition: all 0.3s;
    }
    .con17_swiper_slide.swiper-slide-next {
        z-index: 2;
    }
    .con17_swiper_slide.swiper-slide-next > .con17_swiper_div {
        scale: 1.2;
    }
    .con17_swiper_slide.swiper-slide-next > .con17_swiper_div > .con17_absol  {
        scale: 1 !important;
    }
    .con17_swiper_slide.swiper-slide-next > .con17_swiper_div > .con17_text_bg_absol  {
        scale: 1 !important;
    }
    .con17_text_bg_absol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #06569dcc;
/*        border-radius: 15px;*/
        scale: 0 !important;
    }

    .con18_01{
        width: 25%;
        margin-top: 8%;
    }
    .con18_02 {
        width: 67%;
    }
    .con18_03 {
        width: 43%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .con18_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        margin: 1% 0% 0.4% 0%;
    }
    .con18_text_01 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #003d73;
    }
    .con18_text_div_mid_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #eaeaea;
        height: 7vw;
    }
    .con18_text_div_top_div {
        background-color: #eaeaea;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 7vw;
    }
    .con18_text_01s {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.6vw;
        color: #003d73;
        word-break: keep-all;
    }
    .con18_text_div_mid_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #eaeaea;
        height: 19vw;
    }
    .con18_text_01s {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.6vw;
        color: #003d73;
        word-break: keep-all;
        text-align: center;
    }
    .con18_text_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        color: #003d73;
    }
    .con18_text_03 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 3.2vw;
        color: #2599ff;
    }
    .con18_text_div_bottom_div {
        background-color: #003d73;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 7vw;
    }
    .con18_text_04{
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con18_text_05 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 3.2vw;
        color: #fff;
    }
    .con18_bottom_02 {
        display: flex;
        flex-direction: row;
        justify-content: c;
        align-items: center;
        width: 79%;
        margin-top: 2%;
    }
    .con18_line {
        width: 26%;
        height: 0.5vw;
        background-color: #269aff;
        animation: blk 1s infinite ease-in-out;
    }
.form_margin > div {
    margin: 3% 0% 1% 0%;
}
    .con19_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 94%;
        margin: 8% 0% 6% 0%;
    }
    .con19_content {
            padding: 13% 0% 12% 0%;
    }
    .con19_01 {
        width: 51%;
        margin-top: 4%;
        margin-bottom: 3%;
    }
    .con19_mid {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 75%;
        margin: 4% 0% 4% 0%;
        flex-wrap: wrap;
    }
    .con19_mid > img {
        width: 41%;
        margin: 2% 0% 2% 0%;
    }
    .con19_03m {
        width: 48% !important;
    }
    .con19_05m {
        width: 46% !important;
    }
    .con19_07 {
        width: 49% !important;
        margin: 0% -2% 0% -3% !important;
    }
    .con19_08 {
        width: 55%;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .con19_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 94%;
        margin: 8% 0% 17% 0%;
    }

    .form_content {
        background: #003d73;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 240vw;
    }
    .form_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .form_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .form_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 1;
    }
    .form_name {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 25%;
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #fff;
        left: 0.5%;
    }
    .form_margin_input {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 80%;
        height: 7.5vw;
        white-space: nowrap;
        border-bottom: solid 1px #fff;
        overflow: hidden;
    }
    .form_check_name_01 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3vw;
        color: #fff;
        left: 42%;
    }
    .footeer_checkbox_01 {
        width: 4.5%;
        height: 3.5vw;
        z-index: 1;
        outline: 1px solid #fff;
        background-color: white;
        appearance: none;
        left: 53%;
        border-radius: 50vw;
        cursor: pointer;
        scale: 0.8;
    }
    .footeer_checkbox_03 {
        width: 4.5%;
        height: 3.5vw;
        z-index: 1;
        outline: 1px solid #fff;
        background-color: white;
        appearance: none;
        left: 53%;
        border-radius: 50vw;
        cursor: pointer;
        scale: 0.8;
    }
    .form_check_name_02 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3vw;
        color: #fff;
        left: 65%;
    }
    .footeer_checkbox_02 {
        width: 4.5%;
        height: 3.5vw;
        z-index: 1;
        outline: 1px solid #fff;
        background-color: white;
        appearance: none;
        left: 76%;
        border-radius: 50vw;
        cursor: pointer;
        scale: 0.8;
    }
    .footeer_checkbox_04 {
        width: 4.5%;
        height: 3.5vw;
        z-index: 1;
        outline: 1px solid #fff;
        background-color: white;
        appearance: none;
        left: 76%;
        border-radius: 50vw;
        cursor: pointer;
        scale: 0.8;
    }
    .agree_text {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.4vw;
        color: #fff;
        left: 6%;
        top: 4.5%;
    }
    .form_margin {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 14% 0% 17% 0%;
        border-bottom: 1px solid #fff;
    }
    .form_agree {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.4vw;
        color: #fff;
        text-decoration: underline;
        left: 86.5%;
        top: 6%;
        cursor: pointer;
        white-space: nowrap;
    }
    .footeer_agree_checkbox_01 {
        width: 5%;
        height: 3.7vw;
        z-index: 1;
        outline: 1px solid #fff;
        background-color: white;
        appearance: none;
        cursor: pointer;
        margin: 0% 1% 0% -94%;
        scale: 0.6;
    }
    .form_submit {
        font-family: 'Pretendard';
        font-weight: 800;
        font-size: 4.3vw;
        color: #003d73;
    }
    .form_input_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 65%;
        background-color: #003d73;
        color: #fff;
    }
    .form_input_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 65%;
        background-color: #003d73;
        color: #fff;
    }
    .form_input_03 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 4vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 65%;
        background-color: #003d73;
        color: #fff;
    }
    .form_select_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -2.5% -15.5% 0% 0%;
    }
    .form_selectbox {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 1% 0%;
        width: 33%;
        text-align: center;
        border-radius: 50px;
        overflow: hidden;
        font-family: 'Pretendard';
        color: #003d73;
        font-size: 3vw;
        font-weight: 600;
    }
    .form_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
        top: 6%;
        overflow: hidden;
    }
    .form_01 {
        width: 41%;
        margin: 0% 0% 4% 0%;
    }
    .form_text_01 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.3vw;
        color: #000;
    }

    .flip_clock01 {
        width: 104% !important;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 11vw !important;
    }
    .flip-clock-wrapper ul li a div.up {
        border: solid 0px #003d73 !important;
        border-bottom: solid 0.5px #003d73 !important;
    }
    .flip-clock-wrapper ul li a div.down {
        border: solid 0px #003d73 !important;
        border-top: solid 0.5px #003d73 !important;
    }
    .flip-clock-wrapper ul {
        width: 67% !important;
        height: 11.5vw !important;
    }
    .flip-clock-dot.top {
        top: 32px !important;
    }
    .flip-clock-dot.bottom {
        bottom: 32px !important;
    }
    .flip-clock-dot {
        width: 1.6vw !important;
        height: 1.6vw !important;
        left: 9px !important;
    }

.swiper01_scrm {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 335%;
        padding: 1% 0% 1% 0%;
        z-index: 2;
        scale: 1;
top: -29%;
    }
    .swiper01_scr_m{
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .swiper01_scr_m_next{
        right: 101%;
    }   
	
.swiper02_scrm {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 900%;
        padding: 5% 0% 1% 0%;
        z-index: 2;
        scale: 1;
        top: -29%;
    }
    .swiper02_scr_m{
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .swiper02_scr_m_next{
        right: 101%;
    }   
	
.swiper04_scrm {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 240%;
        padding: 1% 0% 1% 0%;
        z-index: 2;
        scale: 1;
        top: -36%;
    }
    .swiper04_scr_m{
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .swiper04_scr_m_next{
        right: 101%;
    }  
.form_make {
        color: #fff;
        font-size: 5vw;
        left: 27%;
        top: -8%;
    }

.move5_div {
    top: 0%;
}
    .move3_div {
    top: -35%;
}
}