@media screen and (max-width:599px) {
    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }
    #modalImage {
        width: 96%;
        margin: -4% 0% 0% 0%;
    }
    
    .typing_text3 {
        font-size: 4vw;
        left: 74%;
        top: 20%;
        color: #fff;
    }

    .main_content_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .main_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 28% 0% 0% 0%;
        z-index: 2;
    }
    .main_top_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3.5% 0% 3% 0%;
    }
    .main_01 {
        width: 28%;
    }
    .main_02 {
        width: 87%;
    }
    .main_text_01 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 5.5vw;
        color: #bdbdbd;
        margin: 0% 1% 0.5% 0%;
    }
    .main_line {
        background-color: #bdbdbd;
        width: 57%;
        height: 0.3vw;
    }
    .main_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 65%;
        top: -21%;
        left: 28%;
    }
    .main_text_row > p:nth-of-type(1) {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.7vw;
        color: #f37c74;
    }
    .main_text_row > p:nth-of-type(2) {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.7vw;
        color: #fff;
    }
    .main_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 40vw;
    }
    .main_video {
        width: 290%;
        height: 150%;
        filter: brightness(0.5);
    }
    .main_bottom {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 222%;
        margin: 40% 0% 0% 0%;
    }
    .main_text_left_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 75%;
        height: 40%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 5.7vw;
        color: #fff;
        left: 6%;
        top: 15%;
    }
    .main_ct_01 {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 700;
        font-size: 13.7vw;
        color: #01bfe4;
        left: 52.5%;
    }
    .main_text_right_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 155%;
        height: 48%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 5.7vw;
        color: #fff;
        left: -42%;
        top: 79%;
    }
    .main_ct_02 {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 700;
        font-size: 13.7vw;
        color: #f37c74;
        left: 51%;
    }
    .main_right_text {
        font-size: 2.9vw;
        bottom: -8%;
        left: 52%;
    }
    .main_mid_line {
        background-color: #fff;
        width: 0.05vw;
        height: 8vw;
        top: 59%;
    }
    .main_05 {
        top: 11%;
        left: -15%;
        width: 62%;
        transition: all 0.3s;
        animation: floatWithTrail 2.7s linear infinite;
        z-index: 2;
    }
    .main_06 {
        top: 47%;
        right: -11%;
        width: 72%;
        transition: all 0.3s;
        animation: floatWithTrail 3.7s linear infinite;
        z-index: 2;
    }
    .main_06_02 {
        top: -2%;
        right: -11%;
        width: 45%;
        transition: all 0.3s;
        animation: floatWithTrail 3.7s linear infinite;
        z-index: 2;
    }
    .main_navi {
        top: -84%;
        right: 52%;
        z-index: 2;
        width: 18%;
    }

    .con01_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 19% 0% 0% 0%;
    }
    .con01_typing {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
    }
    .typing_text {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 900;
        font-size: 5.5vw;
        color: #fff;
        left: 22%;
    }
    .typing_text2 {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 900;
        font-size: 5.5vw;
        color: #08bce0;
        left: 54%;
    }
    .con01_mid_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vw;
        margin: 0% 0% 2% 0%;
    }
    .con01_video_rltv {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 100%;
        overflow: hidden;
    }
    .con01_mid_02 > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-size: 3vw;
    }
    .con01_01 {
        top: -4%;
        left: 10.65%;
        width: 29%;
    }
    .con01_02 {
        bottom: 26%;
        right: 9.65%;
        width: 29%;
    }
    .con01_mid_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        margin: 0% 0% 12% 0%;
    }
    .con01_swiper_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 45vw;
        overflow: hidden;
        pointer-events: none;
    }
    .con01_swiper_slide_y{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con01_sd_div_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con01_img_y{
        width: 100%;
    }

    .con02_01 {
        width: 65%;
    }
    .con02_scr1 {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 180%;
        z-index: 1;
        margin: 9% 0% 0% 0%;
    }
    .con02_div_01_af {
        height: 120vw;
        overflow: hidden;
    }
    .con02_div_01_bf {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        top: -3%;
        z-index: 2;
        opacity: 1;
    }
    .con02_div_02_af {
        height: 120vw;
    }
    .con02_div_02_bf {
        opacity: 1;
    }
    .con02_div_03_af {
        height: 120vw;
        overflow: hidden;
    }
    .con02_div_03_bf {
        opacity: 1;
        top: -3%;
    }

    @keyframes shakeRotate {
        0% {
            transform: translateY(0) rotate(0deg);
        }
        25% {
            transform: translateY(-2px) rotate(-2deg);
        }
        50% {
            transform: translateY(0) rotate(0deg);
        }
        75% {
            transform: translateY(2px) rotate(2deg);
        }
        100% {
            transform: translateY(0) rotate(0deg);
        }
    }
    @keyframes shakeRotate2 {
        0% {
            transform: translateY(0) rotate(0deg);
        }
        25% {
            transform: translateY(2px) rotate(2deg);
        }
        50% {
            transform: translateY(0) rotate(0deg);
        }
        75% {
            transform: translateY(-2px) rotate(-3deg);
        }
        100% {
            transform: translateY(0) rotate(0deg);
        }
    }
    .con02_line{
        background-color: #158ca3;
        width: 10%;
        height: 0.05vw;
        top: 46%;
    }
    .con02_04_01 {
        width: 80%;
    }
    .con02_div_01_02 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        height: 60vw;
        border: 1px solid #000;
        border-radius: 15px;
        margin: 3.5% 0% 4.5% 0%;
        opacity: 0.3;
    }
    .con02_div_01_02_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 6vw;
        margin: 11% 0% 13% 0%;
    }
    .con02_div_01_02_div > p {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.7vw;
        color: #004956;
        margin: 0% 0% 2% 0%;
    }
    .con02_row > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4.4vw;
        color: #004956;
    }
    .con02_row > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #004956;
        margin: 0% 1% 0% 1%;
    }
    .con02_row > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4.4vw;
        color: #004956;
    }
    .con02_row > p:nth-of-type(4) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #004956;
        margin: 0% 0% 0% 1%;
    }
    .con02_div_01_04 > p {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.7vw;
        color: #004956;
        margin: 0% 0% 2% 0%;
    }
    .con02_div_01_03{
        overflow: hidden;
    }
    .con02_div_01_03 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.3vw;
        color: #002a31;
    }
    .con02_div_01_03 > p:nth-of-type(2) {
        background-color: #002a31;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.3vw;
        color: #fff;
        width: 50%;
        padding: 0.2%;
        margin: 0% 0% 0% 1%;
        white-space: nowrap;
        text-align: center;
    }
    #con02_div_01_02_div {
        border-left: 0px solid #22acc9;
    }
    .con02_09 {
        z-index: 1;
        top: -158%;
        left: 10%;
        width: 16%;
        animation: shakeRotate 6s infinite ease-in-out;
        transition: all 0.3s;
    }
    .con02_div_01_01 {
        overflow: hidden;
    }
    .con02_11_02 {
        width: 55%;
    }
    .con02_div_02_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con02_div_02_02_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con02_div_02_02_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 0% 0%;
    }
    .con02_div_02_02_right_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 160%;
        margin: 0% 0% 3% 0%;
    }
    .con02_div_02_02_right_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #ffffffb8;
        overflow: hidden;
    }
    .con02_div_02_02_right_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #ffffffb8;
        margin: 0.5% 0% 0.5% 0%;
        overflow: hidden;
    }
    .con02_div_02_02_right_04 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con02_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
        overflow: hidden;
        margin: 0% 0% 0% 0%;
    }
    .con02_sd_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 65vw;
        transition: all 0.3s;
    }
    .con02_div_02_02_right_04 > p:nth-of-type(1) {
        font-size: 3.2vw;
        margin: 0% 1% 0% 0%;
    }
    .con02_div_02_02_right_04 > p:nth-of-type(2) {
        font-size: 3.2vw;
        color: #fff;
    }
    .con02_10 {
        z-index: 1;
        top: -133%;
        right: 2%;
        width: 15%;
        animation: shakeRotate2 6s infinite ease-in-out;
        transition: all 0.3s;
    }
    .con02_div_02_01{
        overflow: hidden;
    }
    
    .con02_17_02 {
        width: 60%;
    }
    .con02_div_03_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        height: 50vw;
        margin: 6% 0% 5% 0%;
    }
    .con02_div_03_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #ffffffbd;
        overflow: hidden;
    }
    .con02_div_03_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #ffffffbd;
        margin: 0.7% 0% 0.7% 0%;
        overflow: hidden;
    }
    .con02_div_03_05 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #fff;
        overflow: hidden;
    }
    .con02_18 {
        z-index: 1;
        top: -7%;
        left: -4%;
        width: 12%;
        animation: wave 1.4s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con02_19 {
        z-index: 1;
        right: -5%;
        bottom: -5%;
        width: 15%;
        animation: wave 1.7s ease-in-out infinite;
        transition: all 0.3s;
    }

    .con03_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2.5% 0% 2% 0%;
    }
    .con03_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 13% 0% 13% 0%;
    }
    .con03_02 {
        width: 77%;
    }
    .con03_03 {
        top: -26%;
        left: -11%;
        width: 55%;
        z-index: 5;
        transition: all 0.3s;
        animation: floatWithTrail 3.2s linear infinite;
    }
    .con03_04 {
        top: -26%;
        right: -11%;
        width: 55%;
        z-index: 5;
        transition: all 0.3s;
        animation: floatWithTrail 3.7s linear infinite;
    }
    .con03_top_02 > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 34%;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.3vw;
        border-radius: 50px;
        padding: 1.5%;
        margin: 0% 1% 0% 1%;
    }
    .con03_top_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% 8% 0%;
    }
    .con03_top_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #00a2c1;
    }
    .con03_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 73%;
        overflow: hidden;
        cursor: grab;
        pointer-events: all;
    }
    .con03_swiper_left_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 10.5%;
        z-index: 2;
        left: 7%;
        pointer-events: none;
    }
    .con03_swiper_right_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 10.5%;
        z-index: 2;
        right: 7%;
        transform: rotate(180deg);
        pointer-events: none;
    }
    .pado_video_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vw;
        top: 43%;
    }
    .con03_21 {
        z-index: 2;
        right: 7.5%;
        top: 76%;
        width: 17%;
    }
    .con03_22 {
        width: 28%;
    }

    #con04_scale{

    }
    .con04_div {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 183vw;
    }
    .con04_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        overflow: hidden;
        top: 31%;
        pointer-events: none;
    }
    .con04_swiper_button_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 9%;
        margin: 0% 2% 0% 2%;
    }
    .con04_swiper_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: 52%;
        border-bottom: 0px solid #fff;
        padding: 0% 0% 1% 0%;
        z-index: 1;
    }
    .con04_siper_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 66%;
        left: unset;
    }
    .con04_siper_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con04_siper_text > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 5vw;
        color: #fff;
        margin: 0% 0% 3% 0%;
    }
    .con04_siper_text> p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3.2vw;
        color: #fff;
    }
    .con04_div_left_div {
        background-color: #1a3035;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .con04_div_right_div {
        background-color: #00697e;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .con04_video {
        width: 190%;
        height: 110vw;
        filter: brightness(0.9);
    }
    .con04_text_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        top: 13%;
        left: unset;
        text-align: center;
    }
    .con04_01 {
        width: 52%;
        margin: 3% 0% 4% 0%;
    }
    .con04_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 69%;
        left: unset;
        top: 58%;
    }

    .con05_top_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 2% 0%;
    }
    .con05_01 {
        width: 21%;
    }
    .con05_02 {
        width: 65%;
    }
    .con05_top_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% -4% 0%;
    }
    .con05_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 14% 0%;
    }
    .typing_text_con05_div {
        background-color: #231f20;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 58%;
        height: 8vw;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 4vw;
        color: #fff;
    }
    .con05_mid_div {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
        height: 100vw;
        border: 1px solid #000;
    }
    .con05_mid_01 > p:nth-child(1) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 400;
        font-size: 5.5vw;
        color: #000;
    }
    .con05_mid_01 > p:nth-child(2) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 400;
        font-size: 5.5vw;
        color: #07a4ba;
        margin: 0% 0% 0% 2%;
    }
    .con05_mid_03 > p:nth-child(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.3vw;
    }
    .con05_mid_03 > p:nth-child(2) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.3vw;
        margin: 0% 0% 0% 1%;
    }

    .con05_mid_02_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 4% 0%;
    }
    .con05_swiper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        padding: 0% 0% 1% 0%;
    }
    .con05_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con05_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con05_sd_img{
        width: 100%;
    }
    .con05_video_div {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 35vw;
        border: 1px solid #000;
        border-radius: 15px;
        margin: 0% 0% 0% 0%;
        overflow: hidden;
    }
    .con05_hover_left_h > p:nth-child(1) {
        font-family: "Pretendard";
        font-weight: 900;
        font-size: 6.5vw;
        color: #fff;
        height: 4vw;
        width: 35vw;
        margin: -15% 0% 0% -52%;
    }
    .con05_hover_center_h > p:nth-child(1) {
        font-family: "Pretendard";
        font-weight: 900;
        font-size: 6.5vw;
        height: 4vw;
        width: 35vw;
        margin: -15% 0% 0% -52%;
    }
    .con05_hover_right_h > p:nth-child(1) {
        font-family: "Pretendard";
        font-weight: 900;
        font-size: 6.5vw;
        height: 4vw;
        width: 35vw;
        margin: -15% 0% 0% -52%;
    }
    .con05_hover_left {
        background-color: #00a2c1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 90%;
        height: 59vw;
        border: 1px solid #000;
        border-radius: 15px;
    }
    .con05_text_center > p:nth-child(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4vw;
        margin: 3% 0% 1% 0%;
    }
    .con05_text_center > p:nth-child(2) {
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3.2vw;
    }
    .con05_text_right > p:nth-child(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4vw;
        margin: 3% 0% 1% 0%;
    }
    .con05_text_right > p:nth-child(2) {
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3.2vw;
    }
    .con05_hover_center {
        background-color: #231f20;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 90%;
        height: 59vw;
        border: 1px solid #000;
        border-radius: 15px;
    }
    .con05_hover_right {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 90%;
        height: 59vw;
        border: 1px solid #000;
        border-radius: 15px;
    }
    .con05_hover_center_h {
        opacity: 1;
        transition: all 0.1s;
    }
    .con05_hover_right_h {
        opacity: 1;
        transition: all 0.1s;
    }

    .menu_top{
        z-index: 3;
    }
    .menu_ab_01 {
        width: 57%;
        top: 14%;
        left: -15%;
        animation: floatWithTrail 3.7s linear infinite;
        transition: all 0.3s;
    }
    .menu_ab_02 {
        width: 57%;
        top: 14%;
        right: -15%;
        animation: floatWithTrail 3.7s linear infinite;
        transition: all 0.3s;
    }
    .con06_01 {
        bottom: -20%;
        width: 100%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con06_02 {
        width: 70%;
    }
    .menu_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 6% 0%;
    }
    .menu_button {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 7.5vw;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.2vw;
        color: #000;
        margin: 6% 0% 0% 0%;
        z-index: 3;
    }
    .menu_mid{
        z-index: 3;
    }
    .menu_button > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        cursor: pointer;
        pointer-events: all;
        transition: all 0.3s;
    }
    .menu_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 110%;
        padding: 30% 0% 12% 0%;
        cursor: grab;
        pointer-events: all;
    }
    .menu_sd_div {
        opacity: 0.6;
    }
    .menu_swiper_slide.swiper-slide-prev{
        opacity: 0;
    }
    .menu_swiper_slide.swiper-slide-active{
        margin: 0% 0% 0% 0%;
    }
    .menu_swiper_slide.swiper-slide-next{
        margin: 0% 0% 0% 0%;
        scale: 1.7;
        z-index: 1;
        opacity: 1;
    }
    .menu_sd_text_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
        margin: 8% 0% 0% 0%;
    }
    .menu_sd_text_div > p{
        color: #0000 !important;
    }
    .menu_swiper_slide.swiper-slide-next > div{
        opacity: 1;
    }
    .menu_swiper_slide.swiper-slide-next + div + div{
        margin: 0% 0% 0% 0%;
    }
    .menu_swiper_slide.swiper-slide-next + div + div + div + div{
        opacity: 0;
    }
    .menu_swiper_slide.swiper-slide-next > div .menu_sd_img_div{
        background-color: #00a2c1;
        overflow: unset;
        scale: 1;
        opacity: 1;
    }
    .menu_swiper_slide.swiper-slide-next > div .menu_sd_text_div > p{
        color: #00a2c1 !important;
    }
    .menu_swiper_slide.swiper-slide-next + div > div .menu_sd_img_div{
        background-color: #000;
        scale: 1;
        opacity: 1;
        overflow: hidden;
    }
    .menu_swiper_slide.swiper-slide-next + div > div .menu_sd_text_div{
        opacity: 1;
    }
    .menu_swiper_slide.swiper-slide-next + div > div .menu_sd_text_div2{
        opacity: 0;
    }
    .menu_sd_img_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 110%;
        height: 38vw;
        transition: all 0.3s;
        border-radius: 50vw;
        overflow: hidden;
        scale: 0.9;
        transition: all 0.3s;
    }
    .menu_sd_text_div > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #00a2c1;
    }
    .menu_sd_text_div > p:nth-of-type(2){
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 2.2vw;
        color: #00a2c1;
        display: block;
    }

    .con07_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 170%;
        z-index: 1;
    }
    .con07_01 {
        width: 69%;
    }
    .con07_div_02 {
        font-family: 'Paperlogy-8ExtraBold';
        font-size: 4.6vw;
        margin: 5.5% 0% 1.5% 0%;
    }
    .con07_div_03 {
        font-family: 'Pretendard';
        font-size: 3.2vw;
    }
    .con07_video_rltv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
        height: 60vw;
        border-radius: 10px 10px 10px 10px;
        border: 1px solid;
        overflow: hidden;
    }
    .con07_video {
        width: 145%;
        height: 130%;
    }
    .con07_div_05 {
        flex-direction: column !important;
        margin: 6% 0% 4.5% 0%;
    }
    .con07_div_05 > p {
        font-size: 3.4vw;
        margin: 0% 0.5% 0% 0%;
    }
    .con07_div_05 > div {
        font-size: 3.4vw;
        color: #fff;
        padding: 1%;
    }
    .con07_div_06 {
        font-family: 'Pretendard';
        font-size: 3.5vw;
        text-align: center;
    }
    .con07_div_04 {
        margin: 11% 0% 7% 0%;
    }
    .con07_05 {
        top: 58%;
        left: 62.2%;
        z-index: 3;
        width: 37%;
    }
    .con07_div_04_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con07_swiper_y2 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
        height: 98vw;
        z-index: 3;
        pointer-events: none;
        overflow: hidden;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
    .con07_swiper_slide_y2{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con07_sd_div_y2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con07_sd_img{
        width: 100%;
    }

    .con07_div_04_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con07_swiper_y {
        background-color: #231f20;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
        height: 13vw;
        overflow: hidden;
        z-index: 3;
        pointer-events: none;
        border-radius: 0px 0px 15px 15px;
        border: 1px solid #000;
        border-top: 1px solid #231f20;
    }
    .con07_swiper_slide_y{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con07_sd_div_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con07_sd_div_y > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3.2vw;
        color: #fff;
        margin: 0% 0% 1% 0%;
    }
    .con07_sd_div_y > p:nth-of-type(2){
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.2vw;
        color: #fff;
    }
    .con07_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 12% 0% 7% 0%;
    }
    .con07_sd_img_01{
        width: 14%;
        left: 69%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con07_sd_img_02{
        width: 14%;
        left: 18%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con07_sd_img_03{
        width: 14%;
        left: 77%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con07_sd_img_04{
        width: 10%;
        left: 25%;
        top: -31%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }

    .con07_add_01{
        width: 37%;
        z-index: 1;
        top: -13%;
        left: 2%;
    }
    .con07_add_02{
        width: 37%;
        z-index: 1;
        top: -9%;
        right: 2%;
    }
    .con07_add_03{
        width: 37%;
        z-index: 1;
        bottom: -17%;
        left: 2%;
    }
    .con07_add_04{
        width: 37%;
        z-index: 1;
        bottom: -13%;
        right: 2%;
    }


    .con08 {
        padding: 4% 0% 0% 0%;
    }
    .con08_div {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 60% 0% 13% 0%;
    }
    .con08_div_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 0% 0%;
    }
    .con08_div_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 91%;
        overflow: hidden;
        margin: 0% 0% 0% 0%;
        cursor: grab;
        pointer-events: all;
    }
    .con08_sd_text2 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-size: 4vw;
        color: #fff;
        top: 82%;
        left: 9%;
    }
    .con08_06 {
        left: 19%;
        top: -3%;
        width: 75%;
    }
    .con08_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 75%;
        left: unset;
        top: 12%;
        z-index: 1;
    }
    .con08_rltv > p {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        width: 100%;
        text-align: center;
    }
    .con08_10 {
        z-index: 2;
        right: -1%;
        bottom: 27%;
        width: 45%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con08_smoke {
        left: 44%;
        bottom: 23%;
        z-index: 3;
        animation: smoke 3s linear infinite;
        transition: all 0.3s;
    }
    .con08_02_01 {
        top: 1%;
        left: 42%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_02_02 {
        top: 6%;
        left: 31%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_02_03 {
        top: 19%;
        left: 73%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_02_04 {
        top: 5%;
        left: 52%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_02_05 {
        top: 1%;
        left: 74%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_02_06 {
        top: 31%;
        left: 32%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_02_07 {
        top: 13%;
        left: 50%;
        width: 5.5%;
        z-index: 1;
    }
    .con08_05 {
        top: 7.2%;
        left: 62.4%;
        z-index: 1;
        width: 6.7%;
    }
    .con08_04 {
        top: 7.7%;
        left: 63%;
        width: 5.5%;
        z-index: 1;
    }

    .con08_03_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 9%;
        animation: ddm_little 1s infinite ease-in-out;
        left: 61%;
        top: 3%;
        z-index: 1;
    }
    .con08_03 {
        width: 100%;
        z-index: 3;
    }

    .con09_bottom_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15%;
        opacity: 0;
    }
    .con09_content_div {
        background: url(/images/con09_BG.jpg) no-repeat center / cover;
        object-fit: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        border: 1px solid #000;
        margin: 0% 0% 0% 0%;
    }
    .con09_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 62%;
        top: 0%;
        left: 4%;
    }
    .con09_right_absol {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 62%;
        bottom: -45%;
        right: 4%;
    }
    .con09_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 39% 0% 133% 0%;
        z-index: 1;
    }
    .con09_top_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 3% 0%;
    }
    .con09_01 {
        width: 84%;
    }
    .con09_top_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-size: 3.2vw;
    }
    .con09_top_02 > p:nth-of-type(1) {
        font-weight: 400;
        color: #ffffffcc;
        margin: 0% 0% 1% 0%;
    }
    .con09_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 44%;
        height: 39vw;
        background-color: #fff;
        border-radius: 25vw;
        overflow: hidden;
        top: 1%;
    }
    .con09_rltv > P:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.2vw;
        color: #fff;
        z-index: 1;
        margin: 17% 0% 0% 0%;
    }
    .con09_rltv > P:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4.2vw;
        color: #fff;
        z-index: 1;
    }
    .con09_rltv > P:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 100;
        font-size: 11vw;
        color: #fff;
        z-index: 1;
        margin: -3% -36% -2% 0%;
    }
    .con09_ct_01 {
        font-family: "Pretendard";
        font-weight: 900;
        font-size: 12vw;
        color: #fff;
        top: 53%;
        left: 19%;
    }
    .con09_bottom_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15%;
        opacity: 0;
    }
    .wave_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200%;
        height: 27vw;
        bottom: 0%;
    }
    .con10_03 {
        z-index: 1;
        width: 35%;
        margin: -2% 0% 0% 0%;
    }
    .con10_04 {
        left: 66%;
        bottom: -6%;
        width: 11%;
        z-index: 1;
    }
    .con09_08 {
        top: -106%;
        left: 28%;
        width: 10%;
        z-index: 1;
        animation: waveEffect 2s ease-in-out infinite;
    }

    .con09_swiper_div_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 42%;
        top: 104%;
        left: 5%;
    }
    .con09_swiper_div_right{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 42%;
        top: 104%;
        right: 5%;
    }
    .con09_swiper_left{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        pointer-events: none;
    }
    .con09_swiper_right{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
        pointer-events: none;
    }
    .con09_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con09_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con09_sd_img{
        width: 99.5%;
    }

    .con10_top {
        background: url(/images/con10_bg.jpg) no-repeat center / cover;
        object-fit: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 106vw;
        z-index: 2;
    }
    .con10_top > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con10_text {
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 4.8vw;
        color: #fff;
        top: 15%;
    }
    .con10_ct_01 {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 9.5vw;
        color: #00c0e5;
        top: 56%;
        left: 18%;
        letter-spacing: -0.05em;
    }
    .con10_center_text_01 {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 5.5vw;
        color: #00c0e5;
        width: 9%;
        right: 18%;
        top: 57%;
        line-height: 1;
    }
    .con10_ct_02 {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 9.5vw;
        color: #f37c74;
        top: 56%;
        left: 18%;
        letter-spacing: -0.05em;
    }
    .con10_center_text_02 {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 5.5vw;
        color: #f37c74;
        width: 9%;
        right: 18%;
        top: 57%;
        line-height: 1;
    }
    .con10_line {
        background-color: #fff;
        width: 0.05vw;
        height: 15vw;
        top: 43%;
    }
    .con10_05 {
        top: 51%;
        left: 47%;
        width: 12.5%;
    }
    .con10_06 {
        width: 51%;
    }
    .con10_07 {
        top: 51%;
        left: 21%;
        width: 41%;
    }
    .con10_08 {
        width: 58%;
    }
    .con10_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        overflow: hidden;
    }
    .con10_sd_div > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4vw;
        color: #fff;
        top: 3%;
    }
    .con10_sd_div > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 4.2vw;
        color: #000;
        top: 30%;
    }
    .con10_sd_div > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 11vw;
        color: #000;
        top: 50%;
    }
    .con10_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 8.5% 0% 24% 0%;
        overflow: hidden;
    }
    .con10_02_bottom {
        width: 230%;
        animation: wave 2s ease-in-out infinite;
        top: -2%;
    }

    .con11_grap_absol {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 73%;
        height: 72vw;
        border-radius: 50vw;
        margin: -89% 0% 0% 0%;
    }
    .con11_grap_absol2 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 73%;
        height: 52vw;
        border-radius: 50vw;
        outline: 9px solid #000;
        z-index: 1;
        overflow: hidden;
    }
    .con11_grap_absol3 {
        background-color: #00a3c2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 49%;
        height: 69vw;
        clip-path: ellipse(100% 50% at 0% 50%);
        border-radius: 0;
        left: 48%;
    }
    .con11_grap3_cover1 {
        background-color: #00a3c2;
        width: 26%;
        height: 6.5vw;
        border-radius: 25vw;
        z-index: 1;
        top: 0%;
        left: -9%;
    }
    .con11_grap3_cover2 {
        background-color: #00a3c2;
        width: 26%;
        height: 6.5vw;
        border-radius: 25vw;
        z-index: 1;
        bottom: 0%;
        left: -9%;
    }
    .con11_02 {
        z-index: 1;
        width: 105%;
    }
    .con11_03 {
        width: 62%;
        margin: 3% 0% 1% 0%;
        z-index: 1;
    }
    .con11_grap_rltv2 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
        z-index: 1;
    }
    .con11_grap_rltv2 > p:nth-of-type(2) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 400;
        font-size: 11.5vw;
        color: #00a3c2;
        z-index: 1;
    }
    .con11_grap_rltv2 > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #00a3c2;
        margin: 1% 0% 0% 0%;
        z-index: 1;
    }
    .con11_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: unset;
        margin: 84% 0% 10% 0%;
    }
    .con11_div_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con11_div_right_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 5% 0%;
    }
    .con11_div_right_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con11_div_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 88%;
        height: 10vw;
        background-color: #00a2c1;
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 500;
        font-size: 3.7vw;
        color: #fff;
    }
    .con11_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 88%;
        height: 10vw;
        background-color: #fff;
        font-size: 3.2vw;
        color: #000;
        border-bottom: 1px solid #0000004f;
    }
    .con11_div_03 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 88%;
        height: 10vw;
        background-color: #000;
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 900;
        font-size: 3.7vw;
    }
    .con11_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 170%;
        z-index: 1;
    }
    .con11_div_left_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .con12_addd {
        z-index: 3;
        width: 111%;
        left: 50%;
        top: -96%;
    }
    .con12_content {
        background-color: #00697e;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 14% 0% 0% 0%;
    }
    .con12_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 140vw;
        margin: 5% 0% 12% 0%;
        overflow: hidden;
    }
    .con12_div_left {
        background: url(/images/con12_06.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con12_div_right {
        background: url(/images/con12_07.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con12_01 {
        width: 87%;
    }
    .con12_top_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con12_top_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
    }
    .con12_add {
        z-index: 1;
        top: -14%;
        width: 100%;
    }
    .con12_add_bottom{
        width: 100%;
        bottom: -13%;
        z-index: 1;
        transform: rotate(180deg);
    }
    .con12_left_absol {
        background-color: #231f20;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40%;
        border-radius: 15px 0px 0px 15px;
        padding: 2% 1% 2% 2%;
        bottom: 24%;
        right: -4%;
    }
    .con12_05 {
        width: 87%;
        top: -87%;
        right: 66%;
    }
.add_text {
    font-family: "Pretendard";
    font-weight: 400;
    font-size: 2.2vw;
    color: #000;
    top: 95%;
}
    .con12_row1 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #fff;
    }
    .con12_row2 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con12_row3 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 6.3vw;
        color: #00adcf00;
    }
    .con12_row3 > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #fff;
    }
    .con12_row3 > p:nth-of-type(3) {
        font-weight: 700;
        font-size: 6.3vw;
        color: #00adcf;
        left: 4%;
    }
    .con12_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 215%;
        z-index: 1;
    }
    .con12_right_absol {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40%;
        border-radius: 0px 15px 15px 0px;
        padding: 2% 0% 2% 1%;
        bottom: unset;
        left: 0%;
        top: 22%;
    }
    .con12_row4 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #000;
    }
    .con12_row5 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con12_row4 > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #00000069;
        margin: 0% 0% 0% 2%;
    }
    .con12_row6 > p:nth-of-type(3) {
        font-weight: 600;
        font-size: 6.5vw;
        color: #00000069;
        left: 8%;
    }
    .con12_row6 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 6.5vw;
        color: #00adcf00;
    }
    .con12_row6 > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.4vw;
        color: #000;
    }

    .con13_01{
        top: -9%;
        left: -16%;
        width: 59%;
        animation: floatWithTrail 2.6s linear infinite;
        transition: all 0.3s;
        z-index: 2;
    }
    .con13_02 {
        top: -9%;
        right: -16%;
        width: 59%;
        animation: floatWithTrail2 3.2s linear infinite;
        transition: all 0.3s;
        z-index: 2;
    }
    .con13_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 23% 0% 15% 0%;
    }
    .con13_bottom_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% -10% 0%;
    }
    .con13_swiper_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 66%;
        height: 85vw;
        overflow: hidden;
        pointer-events: none;
    }
    .con13_swiper_slide_y{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con13_sd_div_y{
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 59%;
        height: 38vw;
        border-radius: 50vw;
        transition: all 0.3s;
        overflow: hidden;
    }
    .con13_03 {
        width: 24%;
    }
    .con13_04 {
        width: 67%;
    }
    .con13_top_02 {
        margin: 2.5% 0% 6.5% 0%;
    }
    .con13_top_03 {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
    }
    .con13_bottom_01_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con13_bottom_01_div > p {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4vw;
        color: #fff;
        margin: 10% 0% 0% 0%;
    }
    .con13_swiper_slide_y.swiper-slide-active > div {
        background-color: #00a2c1;
    }
    .con13_12 {
        top: 69%;
        left: 8%;
        z-index: 1;
        width: 16%;
        animation: waveEffect 2.4s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con13_13 {
        top: 69%;
        left: 79%;
        z-index: 1;
        animation: waveEffect 2s ease-in-out infinite;
        transition: all 0.3s;
        width: 18%;
    }
    .con13_14 {
        width: 128%;
        bottom: 4%;
        animation: wave 1.5s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con13_15 {
        width: 108%;
        bottom: 10%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con13_16 {
        width: 155%;
        bottom: -11%;
        animation: wave 2.4s ease-in-out infinite;
        transition: all 0.3s;
        z-index: 2;
    }

    .con14_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 172vw;
        border: 1px solid #000;
        overflow: hidden;
    }
    .con14_left_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 100%;
        left: unset;
        top: -22%;
    }
    .con14_01 {
        width: 85%;
    }
    .con14_left_div_02 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.3vw;
    }
    .con14_left_div_02 > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.3vw;
        margin: 0% 0% 0% 1%;
    }
    .con14_left_div_02 > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.3vw;
    }
    .con14_swiper_y {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 53vw;
        overflow: hidden;
        top: -4%;
        pointer-events: none;
    }
    .con14_left_div_04 {
        flex-direction: row;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        margin: 3% 0% 0.5% 0%;
    }
    .con14_left_div_05 {
        flex-direction: row;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con14_09 {
        right: unset;
        width: 11%;
        z-index: 3;
        bottom: -19%;
        transform: rotate(90deg);
    }
    .con14_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 139%;
        z-index: 3;
        overflow: hidden;
        top: 52%;
        padding: 15% 0% 15% 0%;
    }
    .con14_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con14_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
        opacity: 0.6;
    }
    .con14_sd_img{
        width: 100%;
    }
    .con14_swiper_slide.swiper-slide-next{
        z-index: 1;
    }
    .con14_swiper_slide.swiper-slide-next > div {
        scale: 1.6;
        opacity: 1;
    }
    .con14_cover_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 94vw;
        top: 0%;
    }
    .con13_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 325%;
        z-index: 1;
        margin: -0.5% 0% 0% 0%;
    }
    .con14_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 190%;
        z-index: 1;
        margin: 9% 0% 0% 0%;
    }

.con15_add1 {
    width: 43%;
    margin: 3% 0% 7% 0%;
}
.con15_add2 {
    width: 50%;
    margin: 4% 0% 7% 0%;
}
.con15_line {
    background-color: #f28781;
    width: 48%;
    height: 0.1vw;
    top: 31%;
}
#con15_line{
    top: 37%;
}
    

    .con15_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3% 0% 12% 0%;
    }
    .con15_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3.5% 0% 0% 0%;
        z-index: 2;
    }
    .con15_01 {
        width: 49%;
    }
    .con15_div_02 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #013c45;
    }
    .con15_div_02 > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #013c45;
        margin: 1% 0% 0% 0%;
    }
    .con15_div_03 {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 83%;
        height: 41.5vw;
        border: 1px solid #013c45;
        border-radius: 15px;
        margin: 5% 0% 3.5% 0%;
        z-index: 2;
    }
    .con15_div_03 > div:nth-of-type(1) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -24% 0% 0% 0%;
    }
    .con15_div_03 > div:nth-of-type(1) > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.5vw;
        color: #013c45;
    }
    .con15_div_03 > div:nth-of-type(1) > p:nth-of-type(2) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 5.2vw;
        color: #013c45;
    }
    .con15_giho1 {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 5.5vw;
        color: #013c45;
        margin: -24% 0% -1.5% 0%;
    }
    .con15_div_03 > div:nth-of-type(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -24% 0% 0% 0%;
    }
    .con15_div_03 > div:nth-of-type(2) > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.5vw;
        color: #013c45;
    }
    .con15_div_03 > div:nth-of-type(2) > p:nth-of-type(2) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 5.2vw;
        color: #013c45;
    }
    .con15_div_03 > div:nth-of-type(3) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        white-space: nowrap;
        margin: -24% 4% 0% 5%;
    }
    .con15_div_03 > div:nth-of-type(3) > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.5vw;
        color: #013c45;
    }
    .con15_div_03 > div:nth-of-type(3) > p:nth-of-type(2) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 5.2vw;
        color: #013c45;
    }
    .con15_div_04 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 2;
    }
    .con15_div_04 > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.2vw;
        color: #013c45;
        margin: 0% 0% 1% 0%;
    }
    .con15_div_04 > p:nth-of-type(2) {
        background-color: #013c45;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.2vw;
        color: #fff;
        padding: 1%;
    }
    .con15_absol_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 3;
        top: 29%;
    }
    .con15_rltv_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con15_giho2_m{
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 5.5vw;
        color: #013c45;
        transform: rotate(90deg);
    }
    .con15_text_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%
    }
    .con15_text_m > p:nth-of-type(1){
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 4.5vw;
        color: #f57973;
    }
    .con15_text_m > p:nth-of-type(2){
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 5.5vw;
        color: #f57973;
    }
    .con15_02 {
        top: 59%;
        right: -2.5%;
        width: 25%;
        animation: wave 1.2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con15_03 {
        bottom: -5%;
        left: -1%;
        width: 22%;
        animation: wave 1.7s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con15_04 {
        width: 100%;
        bottom: 67%;
        animation: wave 2s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con15_cover_m{
        background-color: #69c0d1;
        width: 100%;
        height: 85vw;
        top: 20%;
    }
    .con15_06 {
        width: 77%;
    }
    .con15_08 {
        width: 37%;
    }
    .con15_div_07 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 83%;
        height: 101vw;
        border: 1px solid #000;
        border-radius: 15px;
        padding: 0% 0% 0% 0%;
        z-index: 2;
    }
    .con15_div_07_div p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.2vw;
        color: #003742;
    }
    .con15_div_07_div p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 7.5vw;
        color: #003742;
    }
    .con15_11 {
        width: 32%;
        margin: 4% 0% 0% 0%;
    }
    .con15_div_08 p:nth-of-type(1) {
        background-color: #003742;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #fff;
        width: 17%;
        padding: 1%;
        white-space: nowrap;
    }
    .con15_div_08 p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 3.3vw;
        color: #003742;
    }
    .con15_div_06 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% -3.5% 0%;
        z-index: 3;
    }
    .con15_div_08 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 2;
        margin: 5% 0% 0% 0%;
    }
    .con15_div_05 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
        z-index: 2;
    }
    .con14 {
        flex-direction: column;
        padding: 1% 0% 10% 0%;
    }
    .con15_05 {
        width: 100%;
        bottom: 44%;
        animation: wave 2.3s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con15_cover_m2{
        background-color: #43a6b9;
        width: 100%;
        height: 85vw;
        top: 20%;
    }
    .con15_07 {
        z-index: 3;
        top: 85%;
        left: 5%;
        width: 16%;
        animation: wave 2.3s ease-in-out infinite;
        transition: all 0.3s;
    }

    .con16_add {
        top: 23%;
        left: 58%;
        z-index: 1;
        width: 22%;
    }
    .con16_add_text{
        font-size: 2.8vw;
        color: #f46e65;
        top: 110%;
        right: 1%;
    }
    .con16_line{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f46e65;
        width: 10%;
        height: 0.55vw;
        right: 10%;
    }
    .con16_line > p {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #f46e65;
        margin: 0% -186% 0% 0%;
    }
    .con16_line2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #f46e65;
        width: 8%;
        height: 0.55vw;
        right: 11%;
    }
    .con16_line2 > p {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #f46e65;
        margin: 0% -195% 0% 0%;
    }
    .con16_smoke {
        top: -33%;
        left: 38%;
        z-index: 4;
        width: 25%;
        pointer-events: none;
    }
    .con16_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 70% 0% 0% 0%;
        z-index: 3;
    }
    .con16_01_top{
        width: 100%;
        bottom: -22%;
        animation: wave 1.8s ease-in-out infinite;
        transition: all 0.3s;
    }
    .con16_02 {
        width: 73%;
    }
    .con16_bottom_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 94%;
        z-index: 3;
    }
    .con16_03 {
        left: 5%;
        top: -44%;
        z-index: 2;
        width: 90%;
    }
    .con16_bottom_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 7vw;
        background-color: #000;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 4.2vw;
        color: #fff;
        letter-spacing: 0.8vw;
        text-align: center;
    }
    .con16_bottom_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 8vw;
        background-color: #fff;
        font-family: "Pretendard";
        font-size: 3.2vw;
        text-align: center;
        border-bottom: 1px solid #00000040;
    }
    .con16_bottom_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 2.8vw;
        color: #00000078;
        line-height: 1vw;
        margin: 4% 0% 2.5% 0%;
    }
    .con16_bottom_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 2.8vw;
        color: #00000078;
        line-height: 4vw;
        margin: 2.5% 0% 0% 0%;
    }
    .con16_text_div p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.6vw;
        margin: 0% 0% 0.3% 0%;
    }
    .con16_text_div p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.5vw;
    }
    .con16_bottom_bottom > p:nth-of-type(5){
        margin: 0% 0% 0% 1.5%;
    }
    .con16_05 {
        right: -6%;
        z-index: 2;
        width: 29%;
        bottom: -22%;
        animation: rotate_img10deg infinite 1s;
    }
    .con16_text_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 1% 0%;
        z-index: 3;
    }

    .con17_top_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 3% 0%;
    }
    .con17_01 {
        width: 55%;
    }
    .con17_top_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3.3vw;
        color: #ffffffd6;
    }
    .con17_mid_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 45.5%;
        margin: 2% 2% 2% 2%;
    }
    .con17_img {
        width: 96%;
    }
    .con17_arrow {
        left: 102%;
        color: #fff;
        font-size: 5vw;
    }
    .con17_content {
        background: url(/images/con17_bg.jpg) no-repeat center / cover;
        object-fit: cover;
        background-attachment: fixed;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 30% 0% 11% 0%;
    }

    .map_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 115% 0%;
    }
    .map_01 {
        width: 35%;
        margin: 0% 0% 1.5% 0%;
    }
    .map_text {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3vw;
        color: #000;
    }
    .map_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
        overflow: hidden;
    }
    .map_mid {
        overflow: unset;
    }
    .map_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 4% 0%;
    }
    .map {
        background-color: #2d9ad5;
        width: 99.7%;
        height: 72vw;
        border: 1px solid #000;
        z-index: 1;
    }
    .popup_absol {
        border: 2px solid #000;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 138vw;
        z-index: 5;
        pointer-events: none;
        overflow: hidden;
        opacity: 0;
        border-radius: 10px;
    }
    .popup_close {
        top: 3%;
        right: 3%;
        width: 5%;
        z-index: 1;
        cursor: pointer;
        pointer-events: all;
/*        filter: brightness(0) invert(1);*/
    }
    .popup_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .popup_top_left_div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 50%;
    }
    .popup_top_left {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #000;
    }
    .popup_top_right_div {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .popup_top_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 0% 0% 0% 0%;
    }
    .popup_text_01 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 5.5vw;
        color: #000;
        margin: 0% 0% 3% 0%;
    }
    .popup_text_02 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 4.2vw;
        color: #00000082;
        margin: 0% 0% 1% 0%;
    }
    .popup_text_03 {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 4.2vw;
        color: #000;
        margin: 0% 0% 5% 0%;
    }
    #popup_link {
        background-color: #009fbe;
        width: 48%;
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 4.2vw;
        color: #fff;
        border-radius: 25px;
        text-align: center;
        line-height: 7vw;
        cursor: pointer;
        pointer-events: all;
    }

    .mid_map_search {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background: white;
        overflow: hidden;
        z-index: 2;
        width: 99.7%;
        height: 93vw;
        left: unset;
        top: 100%;
        border: 1px solid #000;
        border-top: 0px solid;
        padding: 7% 0% 0% 0%;
    }
    .mid_map_search_mid input {
        background-color: #f4f4f4;
        appearance: none;
        border: none;
        outline: none;
        width: 100%;
        height: 8vw;
        padding-left: 5%;
        font-family: 'Pretendard-regular';
        font-size: 3vw;
        border-radius: 15px;
        border: 1px solid #a5a5a5;
    }
    .mid_map_search_item_title {
        font-size: 4.5vw;
        font-family: "pretendard-bold";
    }
    .mid_map_search_item {
        font-size: 2.9vw;
    }
    .mid_map_search_item {
        width: 88%;
        margin: 0% 7%;
        border-bottom: 1px solid #c7c7c7;
        padding: 4%;
        font-size: 2.9vw;
    }
    .mid_map_search_bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 85%;
        overflow: scroll;
        height: 73vw;
        border: 1px solid #c7c7c7;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .flip_clock01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95% !important;
        padding: 0% !important;
        margin: 0% 0% 0% 0% !important;
        overflow: hidden !important;
    }
    .flip-clock-wrapper ul {
        /* background: url(/images/con03_img01.png) no-repeat center / cover; */
        object-fit: cover;
        width: 94% !important;
        height: 12vw !important;
        background: #ffffff00 !important;
        margin: 0% 1% 0% 1% !important;
        border-radius: 0px !important;
        overflow: hidden;
    }
    .flip-clock-wrapper ul li a div div.inn {
        /* background: url(/images/con03_img01.png) no-repeat center / cover !important; */
        object-fit: cover;
        color: #fff !important;
        font-size: 10vw !important;
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: bold !important;
        z-index: 20 !important;
    }
    
    .form_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 99.5%;
        border: 1px solid #000;
        z-index: 2;
    }
    .form_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 120vw;
    }
    .form_left {
        background: url(/images/form_02.png) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .form_right {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 155%;
    }
    .form_text_01 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.2vw;
        z-index: 3;
        color: #fff;
        margin: 0% 0% 0.5% 0%;
    }
    .form_01 {
        width: 54%;
        margin: 0% 0% 5% 0%;
    }
    .form_text {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.3vw;
        white-space: nowrap;
        z-index: 1;
        color: #000;
    }
    .form_submit_text {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.4vw;
        white-space: nowrap;
        z-index: 1;
        color: #fff;
    }
    .form_submit_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 80%;
        height: 6.2vw;
        background-color: #00a2c1;
        cursor: pointer;
        pointer-events: all;
        border-radius: 25px;
    }
    .form_select_box_left {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 4vw;
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.3vw;
        white-space: nowrap;
        z-index: 1;
        color: #000;
        border: 1px solid #000;
        background-color: #fff;
        border-radius: 25vw;
    }
    .form_select_box_right {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 4vw;
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.3vw;
        white-space: nowrap;
        z-index: 1;
        color: #000;
        border: 1px solid #000;
        background-color: #fff;
        border-radius: 25vw;
    }
    .form_select_box_left_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 4vw;
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.3vw;
        white-space: nowrap;
        z-index: 1;
        color: #000;
        border: 1px solid #000;
        background-color: #fff;
        border-radius: 25vw;
    }
    .form_select_box_right_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 4vw;
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 3.3vw;
        white-space: nowrap;
        z-index: 1;
        color: #000;
        border: 1px solid #000;
        background-color: #fff;
        border-radius: 25vw;
    }
    .form_input_s {
        background-color: #f4f4f400;
        appearance: none;
        border: none;
        outline: none;
        width: 25%;
        height: 3.5vw;
        border-bottom: 1px solid #000;
        text-align: center;
        margin: 0% 2% 0% 2%;
        font-size: 3.3vw;
        color: #000;
    }
    .form_input {
        background-color: #f4f4f400;
        appearance: none;
        border: none;
        outline: none;
        width: 48%;
        height: 3.5vw;
        border-bottom: 1px solid #000;
        text-align: center;
        margin: 0% 2% 0% 2%;
        font-size: 3.3vw;
        color: #000;
    }
    .form_input_s::placeholder {
        color: #0000008a;
        font-size: 3vw;
        font-weight: 600;
        opacity: 1;
    }
    .form_input::placeholder {
        color: #0000008a;
        font-size: 3vw;
        font-weight: 600;
        opacity: 1;
    }
    .form_essential {
        color: #000;
        top: -35%;
        left: -2.5%;
        font-size: 4vw;
    }
    .form_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 175%;
        z-index: 1;
        margin: 8% 0% -10% 0%;
    }
}