@media screen and (max-width:599px) {
    .pc-mobile{
        display: none !important;
    }
    .mobile-pc{
        display: flex !important;
    }
    #modalImage {
        width: 96%;
        margin: -4% 0% 0% 0%;
    }

    .main_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 43% 0% 111% 0%;
    }
    .move_absol {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 86%;
        height: 71vw;
        border-radius: 15px 15px 0px 0px;
        top: 18%;
    }
    .main_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.7vw;
        color: #fff;
    }
    .main_04 {
        top: -22%;
        width: 50%;
    }
    .main_ch_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        bottom: -10%;
        left: -13%;
    }
    .main_ch_img {
        width: 85%;
    }
    .main_bottom_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 4vw;
        color: #fff;
        margin: 0.3% 0% 0% 0%;
    }
    .main_scr2 {
        background-color: #fff;
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 340%;
        padding: 2% 0% 2% 0%;
    }
    .main_sd2 {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .main_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        bottom: -41%;
    }
    .main_01 {
        right: -23%;
        bottom: -10%;
        width: 52%;
    }
    .clock_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 47%;
    }
    #clock1 {
        font-size: 9.5vw;
    }
    .main_clock > span {
        width: 18%;
    }
    .main_03 {
        top: -19%;
        left: 30%;
        width: 6%;
    }
    .main_03_02{
        top: 5%;
        left: 62%;
        width: 5.5%;
    }
    .main_video_absol {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 71vw;
        border-radius: 15px 15px 0px 0px;
        overflow: hidden;
    }
    .main_video_rltv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 71vw;
        border-radius: 15px 15px 0px 0px;
    }
    .main_mid {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 190%;
        margin: -43% 0% 0% 0%;
    }

    .con01_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70vw;
    }
    .con01_01 {
        z-index: 1;
        bottom: 28%;
        left: 5%;
        width: 91%;
    }
    .con01_scr {
        background-color: #fff;
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 300%;
    }
    .con01_sd {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .con01_bg {
        width: 150%;
    }

    .con02_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 12% 0% 0% 0%;
    }
/*
    .con02_swiper_slide.swiper-slide-next > div .con02_sd_img {
        opacity: 1;
        transition: all 0.3s;
    }
    .con02_swiper_slide.swiper-slide-next + div > div .con02_sd_img {
        opacity: 0;
        transition: unset;
    }
*/
    .con02_04 {
        width: 35%;
    }
    .con02_swiper_slide.swiper-slide-next  > div > div > .con02_sd_text_01{
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 4.5vw;
        color: #fff;
        margin: 0% 0% -6% 0%;
        white-space: nowrap;
        opacity: 1;
    }
    .con02_swiper_slide.swiper-slide-next > div > div > .con02_sd_text_02{
        font-family: 'yg-jalnan';
        font-weight: 100;
        font-size: 10.5vw;
        color: #fff;
        white-space: nowrap;
        opacity: 1;
    }
    .con02_swiper_slide.swiper-slide-next + div > div > div .con02_sd_text_01 {
        font-size: 3vw;
        transition: unset;
    }
    .con02_swiper_slide.swiper-slide-next + div > div > div .con02_sd_text_02 {
        font-size: 6vw;
        transition: unset;
    }
    .con02_swiper_slide.swiper-slide-next + div {
        scale: unset;
        transition: unset;
    }
    .con02_sd_text_01{
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3vw;
        color: #fff;
        margin: 0% 0% -2% 0%;
        white-space: nowrap;
        opacity: 0.4;
    }
    .con02_sd_text_02{
        font-family: 'yg-jalnan';
        font-weight: 100;
        font-size: 6vw;
        color: #fff;
        white-space: nowrap;
        opacity: 0.4;
    }
    .con02_03 {
        width: 47%;
    }
    .con02_mid_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 1% 0% 0% 0%;
        z-index: 3;
    }
    .con02_ct_b {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 15.5vw;
        color: #000;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }
    .con02_ct {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 15.5vw;
        color: #e70014;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }
    .con02_text_b {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 5.5vw;
        color: #000;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
        margin: 0% -3% 4.5% 0%;
    }
    .con02_text {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 5.5vw;
        color: #e70014;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
        margin: 0% -3% 4.5% 0%;
    }
    .con02_07 {
        background-color: #fff;
        width: 200%;
        z-index: 4;
    }
    .con02_sd_img {
        width: 140%;
        opacity: 0;
    }
    .con02_mid_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 125%;
        padding: 2.5% 0% 4% 0%;
        z-index: 3;
        overflow: hidden;
    }
    .con02_mid_bg {
        clip-path: ellipse(33% 25% at 50% 50%);
        background-color: #e70014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 215%;
        height: 250vw;
        top: -89.5%;
    }
    .con02_mid_bg2 {
        clip-path: ellipse(33% 25% at 50% 50%);
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 215%;
        height: 250vw;
        top: -88.5%;
    }
    .con02_mid_bg3 {
        clip-path: ellipse(33% 25% at 50% 50%);
        background-color: #e70014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 215%;
        height: 250vw;
        top: -87.5%;
    }
    .con02_top_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4vw;
        color: #000;
        margin: 0% 0% 0.2% 0%;
    }
    .con02_top_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4vw;
        color: #000;
    }
    .con02_02 {
        width: 87%;
    }
    .con02_top_03 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2.5% 0% 20% 0%;
    }
    .con02_mid_04 {
        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;
        z-index: 3;
    }
    @keyframes moveUpFadeOut {
        0% {
            opacity: 1;
            transform: translateY(0);
        }
        100% {
            opacity: 0.3;
            transform: translateY(var(--random-translateY));
        }
    }
    .con02_08 {
        animation: moveUpFadeOut 2s ease-out forwards;
        animation-iteration-count: infinite;
        width: 4.5%;
    }
    .con02_06 {
        z-index: 4;
        top: -27%;
        /* top: 265%; */
        width: 95%;
    }
    .con02_05_02 {
        left: 26.5%;
        top: 45%;
        width: 5%;
        transition: all 0.3s;
        animation: scaleAndRotateAnimation 1.6s infinite ease-in-out;
    }
    .con02_05_03 {
        right: 26%;
        top: 45%;
        width: 5%;
        transition: all 0.3s;
        animation: scaleAndRotateAnimation 1.6s infinite ease-in-out;
    }
    .con02_bg_box{
        background-color: #e70014;
        width: 100%;
        height: 36vw;
        bottom: 0%;
        z-index: 3;
    }
    
    .con03_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 31% 0% 11% 0%;
    }
    .con03_01 {
        width: 68%;
    }
    .con03_bg_top_left {
        top: 0%;
        width: 100%;
        left: 0%;
    }
    .con03_bg_bottom_left {
        bottom: 0%;
        width: 100%;
        left: 0%;
    }
    .con03_div_01 {
        background: url(/images/con03_bg.jpg) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 142vw;
    }
    .con03_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: -24%;
        top: 13%;
    }
    .con03_02 {
        width: 28%;
    }
    .con03_text {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 4.5vw;
        color: #fff;
        margin: 2% 0% -1% 0%;
    }
    .con03_text_left {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 7.2vw;
        color: #ffd200;
    }
    .con03_text_right {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 8vw;
        color: #797979;
    }
    .con03_10 {
        width: 28%;
    }
    .con03_right_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        right: -24%;
        top: 13%;
    }
    .con03_swiper_absol_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 31%;
    }
    .con03_swiper_m_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 84vw;
        overflow: hidden;
        pointer-events: none;
        margin: 2% 0% 0% 0%;
    }
    .con03_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;
    }
    .con03_swiper_div_y{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con03_img_m{
        width: 100%;
        transition: all 0.3s;
    }
    .con03_absol_img_m{
        width: 100%;
        opacity: 0;
        transition: all 0.3s;
    }
/*
    .con03_swiper_slide.swiper-slide-next {
        scale: 2.2;
        z-index: 4;
        transition: all 0.3s;
    }
    
*/
.con03_swiper_slide.swiper-slide-active > div > .con03_absol_img_m{
        opacity: 1;
        transition: all 0.3s;
    }

    .con04_ct_absol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        right: -24%;
        top: 4%;
    }
    .con04_swiper_y {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 20.5vw;
        overflow: hidden;
        pointer-events: none;
    }
    .con04_swiper_absol_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        bottom: 42%;
        overflow: hidden;
    }
    .con04_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200%;
        transition: all 0.3s;
    }
    .con04_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con04_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con04_sd_img_m_01{
        width: 44%;
    }
    .con04_sd_img_m_02{
        width: 51%;
    }
    .con04_sd_img_m_03{
        width: 47%;
    }
    .con04_content {
        background-color: #e70014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 14% 0% 14% 0%;
        border-radius: 0px 0px 25px 25px;
        overflow: hidden;
    }
    .con04_01 {
        width: 65%;
    }
    .con04_mid {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 88%;
        height: 11vw;
        border-radius: 45px;
        overflow: hidden;
        margin: 2% 0% 0% 0%;
        z-index: 1;
    }
    .con04_ct {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 6vw;
        color: #e70014;
    }
    .con04_ct_text {
        font-family: 'yg-jalnan';
        font-weight: 400;
        font-size: 5vw;
        color: #e70014;
    }
    .con04_ct_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: -1.5% 0% -1.5% 0%;
    }
    .con04_10 {
        width: 180%;
        height: 87vw;
        transform: rotate(90deg);
        position: absolute;
        top: -21%;
    }
    .con04_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
    }
    .con04_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 110vw;
        margin: -5% 0% 0% 0%;
        overflow: hidden;
    }
    .grap_abosl {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 29vw;
        top: 60%;
    }
    .grap_abosl > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 20%;
        height: 100%;
    }
    .grap_bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 78%;
        border-radius: 10px;
    }
    .grap_text_01 {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.3vw;
        color: #fff;
    }
    .grap_text_02 {
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #000;
        bottom: -22%;
    }
    .con04_text_absol {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 51%;
        left: unset;
        z-index: 1;
    }
    .con04_text_absol p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.3vw;
        color: #000;
        margin: 0% 1% 0% 0%;
    }
    .con04_text_absol p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.3vw;
        color: #e70014;
    }
    .con04_05 {
        bottom: -30%;
        width: 85%;
    }
    .con04_06 {
        width: 80%;
    }
    .con04_07 {
        width: 80%;
    }
    #grap_bar1 {
        background-color: #000;
        height: 46vw;
    }
    #grap_bar2 {
        background-color: #e70014;
        height: 9vw;
        margin: 2% 0% 2% 0%;
    }
    .grap_text_01_01 {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 400;
        font-size: 4.3vw;
        color: #fff;
    }
    #grap_bar3 {
        background-color: #000;
        height: 25vw;
    }
    #grap_bar4 {
        background-color: #000;
        height: 21vw;
    }
    .con04_08 {
        top: 32%;
        right: 12.7%;
        width: 27%;
        z-index: 1;
    }
    .con04_09 {
        top: 36%;
        right: 10%;
        width: 27%;
        z-index: 2;
        transform: unset;
    }

    .con05_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 10% 0% 0% 0%;
    }
    .con05_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 8% 0%;
    }
    .con05_left_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con05_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con05_01 {
        width: 51%;
    }
    .con05_02 {
        width: 77%;
    }
    .con05_03{
        top: 31%;
        left: 62.5%;
        width: 18%;
    }
    .con05_left_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 4% 0% 8% 0%;
    }
    .con05_left_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 125%;
    }
    .con05_right_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 120%;
        margin: 5% 0% 5% 0%;
    }
    .con05_border_div {
        background-color: #ffffff00;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 95%;
        height: 86vw;
        border-radius: 15px;
        /* border: 2px solid #000; */
        overflow: hidden;
    }
    .con05_border_div_01 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 99%;
        height: 97%;
        border-radius: 10px;
        border: 2px solid #000;
        white-space: nowrap;
        transition: all 1.5s;
    }
    .con05_border_div_02 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 99%;
        height: 97%;
        border-radius: 10px;
        border: 2px solid #000;
        white-space: nowrap;
        transition: all 1.5s;
    }
    .con05_border_div_03 {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 99%;
        height: 97%;
        border-radius: 10px;
        border: 2px solid #000;
        white-space: nowrap;
        transition: all 1.5s;
    }
    .con05_border_div_top {
        background-color: #000;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 10%;
        border-radius: 45px;
    }
    .con05_border_top {
        background-color: #000;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 10%;
        border-radius: 45px;
        z-index: 4 !important;
    }
    .con05_border_div_mid {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 90%;
        height: 80%;
    }
    .con05_border_div_mid > div:nth-of-type(1) {
        border-bottom: 1px solid #e70014;
        font-family: 'TmonMonsori';
        font-weight: 300;
        font-size: 4.2vw;
        -webkit-text-stroke: 0.3px #fff;
        color: #e70014;
        padding: 0% 0% 4% 0%;
    }
    .con05_border_div_mid_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3vw;
        color: #000;
        padding: 2% 0% 2% 0%;
        border-bottom: 0.1px solid #ababab;
    }
    .con05_border_div_bottom {
        background-color: #e70014;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 10%;
        border-radius: 0px 0px 5px 5px;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 5vw;
        color: #fff;
    }
    .con05_border_top > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 33%;
        height: 100%;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.3vw;
        transition: all 0.3s;
        cursor: pointer;
        pointer-events: all;
        margin: 0% 0% 0% 0%;
    }
    .con05_scr {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 340%;
        z-index: 1;
        padding: 1.5% 0% 2.5% 0%;
        border-bottom: 1px solid #e70014;
    }
    .con05_sd {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .con05_bottom {
        background-color: #e70014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 0vw;
    }
    .con05_06_bg{
        width: 90%;
        height: 59vw;
        background-color: #fff;
        bottom: 6%;
        border-radius: 25px; 
    }
    .con05_06 {
        bottom: 7%;
        z-index: 2;
        left: -55%;
        width: 63%;
        transition: left 2s ease-in-out;
    }
    .con05_06.active {
        left: 17%;
        animation: sway 1.5s infinite ease-in-out;
    }

    .con06_div_absol_02 {
        height: 100%;
    }
    .con06_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 176.5vw;
    }
    .con06_rorring_01, .con06_rorring_02, .con06_rorring_03, .con06_rorring_04 {
        width: 85%;
        transition: transform 0.5s ease-in-out;
        z-index: 2;
    }
    .con06_scr_01_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 300%;
        top: 5%;
        bottom: unset;
    }
    .con06_scr_02_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 300%;
    }
    .con06_sd_01 {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .con06_sd_02 {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }

    .con06_rorring_absol_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        top: -16%;
    }
    .con06_gif {
        top: 10%;
        z-index: 2;
        width: 85%;
    }
    .con06_gif2 {
        top: 10%;
        z-index: 2;
        width: 85%;
        transform: rotateY(180deg);
    }

    .con06_text_absol_01_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 63%;
        right: unset;
    }
    .con06_text_absol_01_m > p{
        font-size: 4vw !important;
        color: #e70014;
    }
    .con06_text_absol_01_m p:nth-of-type(1) {
        margin: 0% 0% 3% 0%;
    }
    .con06_text_absol_02_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 63%;
        right: unset;
   }
    .con06_text_absol_02_m > p{
        font-size: 4vw !important;
        color: #e70014;
    }
    .con06_text_absol_02_m p:nth-of-type(1) {
        margin: 0% 0% 3% 0%;
    }
    .con06_text_absol_03_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 63%;
        right: unset;
    }
    .con06_text_absol_03_m > p{
        font-size: 4vw !important;
        color: #e70014;
    }
    .con06_text_absol_03_m p:nth-of-type(4) {
        font-weight: 900;
        margin: 3% 0% 0% 0%;
    }
    .con06_text_absol_03_m p:nth-of-type(5) {
        font-weight: 900;
        margin: 0% 0% 3% 0%;
    }
    .con06_text_absol_04_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 63%;
        right: unset;
    }
    .con06_text_absol_04_m > p{
        font-size: 4vw !important;
        color: #e70014;
    }
    .con06_text_absol_04_m p:nth-of-type(4) {
        font-weight: 900;
        margin: 3% 0% 0% 0%;
    }
    .con06_text_absol_04_m p:nth-of-type(5) {
        font-weight: 900;
        margin: 0% 0% 3% 0%;
    }
    .con06_text_absol_05_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 63%;
        right: unset;
    }
    .con06_text_absol_05_m p:nth-of-type(1){
        font-size: 4vw;
        color: #e70014;
    }
    .con06_text_absol_05_m p:nth-of-type(2){
        font-size: 4vw;
        color: #e70014;
    }
    .con06_text_absol_05_m p:nth-of-type(3){
        font-size: 4vw;
                color: #e70014;
    }
    .con06_text_absol_05_m p:nth-of-type(4){
        font-size: 4vw;
        margin: 3% 0% 0% 0%;
                color: #e70014;
    }
    .con06_text_absol_05_m p:nth-of-type(5){
        font-size: 4vw;
                color: #e70014;
    }

 .con16_div_m{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 0%;
    z-index: 2;
    transition: all 0.3s;
}
.con16_div_rltv_m{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.con16_swiper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.con16_swiper_slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.con16_sd_div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
.con06_text_absol_01_m,
.con06_text_absol_02_m,
.con06_text_absol_03_m,
.con06_text_absol_04_m,
.con06_text_absol_05_m,{
    opacity: 1;
}

    .con07_mid_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% 0% 0%;
    }
    .con07_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 13% 0% 0% 0%;
    }
    .con07_01 {
        width: 88%;
    }
    .con07_top_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 4.5% 0%;
    }
    .con07_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;
    }
    .con07_scr_top {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 300%;
        z-index: 1;
        padding: 3% 0% 3% 0%;
    }
    .con07_scr_bottom {
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 340%;
        z-index: 1;
        padding: 0% 0% 3% 0%;
    }
    .con07_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 110%;
        overflow: hidden;
        margin: 3.5% 0% 0% 0%;
    }
    .con07_scr_02_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 240%;
        top: 24%;
        transform: rotate(7deg);
    }
    .con07_scr_01_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 240%;
        top: 27%;
        transform: rotate(-15deg);
        z-index: 1;
    }

    .con08_bg_box {
        clip-path: ellipse(65% 60% at 50% 65%);
        background-color: #fff;
        width: 100%;
        height: 50vw;
        bottom: -38%;
    }
    .con08_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 12% 0%;
    }
    .con08_01 {
        width: 90%;
    }
    .con08_02 {
        top: -27%;
        left: 53%;
        width: 8%;
    }
    .con08_03{
        top: -27%;
        left: 104%;
        width: 8%;
    }
    .con08_div_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 245%;
        z-index: 1;
        margin: 0% -38% 0% 0%;
    }
    .con08_04 {
        left: 48%;
        top: 58%;
        width: 14%;
        z-index: 2;
    }
    .con08_05 {
        left: 22.5%;
        top: 25%;
        width: 23%;
    }

    .con09_01 {
        width: 74%;
    }
    .con09_sd_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        background-color: #fff;
        border-radius: 25px 0px 0px 25px;
    }
    .con09_bottom p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 4.2vw;
        color: #000;
    }
    .con09_bottom p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3.2vw;
        color: #000;
    }
    .con09_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 65vw;
        border-radius: 25px;
        overflow: hidden;
        border: 3px solid;
        border-top: 3px solid #000;
        border-bottom: 3px solid #000;
        margin: 5.5% 0% 14.5% 0%;
    }
    .con09_mid_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 8% 0%;
    }
    .con09_swiper_slide.swiper-slide-next > div {
        width: 270%;
        background-color: #000 !important;
        transition: all 0.3s;
        margin: 0% 0% 0% -75%;
    }
    .con09_swiper_slide.swiper-slide-next + div > div {
        border-left: 3px solid #000;
        margin: 0% 0% 0% 63%;
    }
    .con09_sd_video_absol {
        background-color: azure;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 67%;
        height: 40vw;
        top: 5%;
        left: 36%;
        border-radius: 15px;
    }
    .con09_line{
        background-color: #fff;
    }
    .con09_text_absol p:nth-of-type(1) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 400;
        font-size: 4vw;
        color: #fff;
    }
    .con09_text_absol p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3vw;
        color: #fff;
    }
    .con09_scr {
        background-color: #000;
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 340%;
        z-index: 1;
        margin: 10.5% 0% 0% 0%;
    }
    .con09_sd {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .con09_10 {
        bottom: 7%;
        left: 69.5%;
        z-index: 2;
        width: 30%;
    }
    .con09_prev_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 10%;
        left: 37%;
        top: 86%;
    }
    .con09_next_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 10%;
        right: 37%;
        transform: rotate(180deg);
        top: 86%;
    }
    .con09_video {
        width: 410%;
        height: 145%;
    }

    .con10_mid {
        border-radius: 45px 45px 0px 0px;
        background-color: #e70014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 31vw;
    }
    .con10_04 {
        width: 70%;
    }

    .con10_top {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 57vw;
    }
    .con10_top_rltv {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 152%;
    }
.menu_sd_img {
    width: 165%;
    z-index: 1;
    margin: 0% 0% -10% 0%;
    transition: all 0.3s;
}
.menu_sd_cover:hover .menu_sd_img {
    margin: 0% 0% 4% 0%;
}
.menu_sd_cover {
    background-color: #000;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 81%;
    height: 80%;
    border-radius: 50vw;
    overflow: hidden;
    cursor: pointer;
    pointer-events: all;
    transition: all 0.3s;
}
    .menu_border_div {
        background-color: #e70014;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 105vw;
        margin: -10% 0% 0% 0%;
        padding: 19% 0% 30% 0%;
    }
    .menu_swiper_slide {
        flex-direction: column;
        height: 41vw !important;
        margin: 0% 0% 4% 0%;
    }
    .menu_border_div > #menu_border {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 98.5%;
        border-radius: 0px 0px 15px 15px;
        overflow: hidden;
        z-index: 1;
        margin: 0% 0% -1% 0%;
    }
    .menu_swiper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 85%;
        height: 94vw;
        overflow: hidden;
        cursor: grab;
        margin: 0% 0% 0% 0%;
    }
    .menu_sd_text p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 4.4vw;
        margin: 0% 0% 0% 0%;
    }
    .menu_sd_text p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
    }
    .menu_button {
        background-color: #000;
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 13vw;
        border-radius: 15px 15px 0px 0px;
    }
    .menu_button_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 33.3%;
        height: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.4vw;
        color: #bababa;
        cursor: pointer;
        pointer-events: all;
        transition: all 0.3s;
    }

    .con11_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 93% 0% 0% 0%;
    }
    .con11_top {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        z-index: 1;
        margin: 0% 0% 33% 0%;
        opacity: 0;
    }
    .con11_bottom {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70vw;
        z-index: 1;
    }
    .con11_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 111%;
        height: 100%;
        left: unset;
        bottom: 6.5%;
    }
    .con11_sd_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65vw;
        transition: all 0.3s;
        border-radius: 25px;
    }
    .con11_bottom_box {
        background-color: #e70014;
        width: 100%;
        height: 81vw;
        bottom: 0%;
        z-index: 1;
    }
    .con11_01 {
        top: 12%;
        left: 8%;
        z-index: 1;
        width: 66%;
    }
    .con11_02 {
        top: 36%;
        width: 85%;
    }
    .con11_06_m{
        width: 49%;
        top: 2%;
        left: 61%;
        z-index: 1;
    }
    .con11_y_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 56%;
        height: 33vw;
        top: -59%;
        right: 7%;
        z-index: 1;
    }
    .con11_07_m{
        width: 53%;
        top: -58%;
        z-index: 1;
        left: -6%;
    }
    .con11_scr {
        background-color: #fff;
        transform-origin: top;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 340%;
        z-index: 1;
        padding: 0.5% 0% 0.5% 0%;
    }
    .con11_sd {
        width: 100%;
        animation: marqueeXup linear 40s infinite;
    }
    .con11_swiper_absol{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 47%;
        top: -57%;
        left: 39%;
        z-index: 1;
    }
    .con11_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con11_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con11_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con11_sd_img_m{
        width: 100%;
    }
    .con11_video_absol{
        border: 2px solid #e70014;
    }

    .con11_swiper_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60vw;
        overflow: hidden;
        top: 5%;
    }
    .con11_swiper_slide_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con11_sd_div_m2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
    }
    
    .con12_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 14% 0%;
        z-index: 2;
    }
    .con12_content {
        background: url(/images/con12_bg.jpg) no-repeat center / cover;
        object-fit: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        border-radius: 25px;
        overflow: hidden;
        border: 3px solid #e70014;
    }
    .con12_01 {
        margin: 0% 3.5% 0% 0%;
        width: 50%;
    }
    .con12_02 {
        width: 34%;
    }
    .con12_top {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 8% 0%;
    }
    .con12_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 210%;
        margin: 0% 0% 14% 0%;
    }
    .con12_text_01 {
        font-family: "Pretendard";
        font-weight: 800;
        font-size: 5.8vw;
        color: #e70014;
        top: 11%;
        transition: all 0.3s;
        z-index: 1;
    }
    .con12_text_02 {
        font-family: 'yg-jalnan';
        font-weight: 900;
        font-size: 7vw;
        color: #e70014;
        top: 53%;
        transition: all 0.3s;
        z-index: 1;
    }
    .con12_swiper_slide.swiper-slide-next > div > .con12_sd_img_absol {
        opacity: 1;
        transition: all 0.3s;
    }
    .con12_swiper_slide.swiper-slide-next > div > p {
        color: #fff;
    }
    .con12_swiper_slide.swiper-slide-next + div > div > .con12_sd_img_absol {
        opacity: 0;
        transition: all 0.3s;
    }
    .con12_swiper_slide.swiper-slide-next + div > div > p {
        color: #e70014;
    }
    .con12_sd {
        width: 340%;
        animation: marqueeXup linear 40s infinite;
    }
    .con12_sd_next {
        right: -580%;
    }

    .con13_top_div {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
        height: 151vw;
        border-radius: 15px;
        overflow: hidden;
        margin: 10% 0% 4% 0%;
    }
    .con13_03 {
        width: 80%;
        left: 10%;
        top: 37%;
        transform: rotate(8deg);
    }
    .con13_left_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: 0%;
        top: 51%;
    }
    .con13_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        left: unset;
        top: -133%;
    }
    .con13_right_div > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        white-space: nowrap;
    }
    .con13_right_div_02 {
        margin: 3% 0% 6% 0%;
    }
    .con13_01 {
        width: 44%;
    }
    .con13_02 {
        width: 85%;
    }
    .con13_right_div_03 p:nth-of-type(1) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 900;
        font-size: 4.7vw;
        color: #000;
        margin: 0% 1% 0% 0%;
    }
    .con13_right_div_03 p:nth-of-type(2) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 800;
        font-size: 4.7vw;
        color: #e70014;
    }
    .con13_right_div_04 p:nth-of-type(1) {
        font-family: 'Paperlogy-8ExtraBold';
        font-weight: 900;
        font-size: 4.7vw;
        color: #000;
        -webkit-text-stroke: 0.3px #fff;
    }
    .con13_right_div_05 {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con13_right_div_06 {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con13_04 {
        width: 43%;
    }
    .con13_05 {
        width: 55%;
    }
    .con13_08 {
        width: 14%;
        z-index: 1;
        top: 31%;
    }
    .con13_09 {
        top: 58%;
        width: 4.5%;
    }
    .con13_10_01 {
        left: 38%;
        top: 24%;
        width: 7%;
    }
    .con13_10_02 {
        left: 33%;
        top: 48%;
        width: 7%;
    }
    .con13_10_03 {
        left: 55%;
        top: 62%;
        width: 7%;
    }
    .con13_07_01 {
        top: 66%;
        left: 43%;
        width: 7%;
    }
    .con13_07_02 {
        top: 40%;
        left: 58%;
        width: 7%;
    }
    .con13_07_03 {
        top: 18%;
        left: 54%;
        width: 7%;
    }
    .con13_06_01 {
        left: 39.9%;
        top: 36.5%;
        width: 3.3%;
    }
    .con13_06_02 {
        left: 34.9%;
        top: 61.5%;
        width: 3.3%;
    }
    .con13_06_03 {
        left: 44.8%;
        top: 78.5%;
        width: 3.3%;
    }
    .con13_06_04 {
        left: 56.9%;
        top: 74.5%;
        width: 3.3%;
    }
    .con13_06_05 {
        left: 59.9%;
        top: 52.5%;
        width: 3.3%;
    }
    .con13_06_06 {
        left: 55.9%;
        top: 31.5%;
        width: 3.3%;
    }

    .con14_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 38% 0%;
    }
    .con14_01 {
        width: 86%;
    }
    .con14_02 {
        z-index: 1;
        top: -9%;
        left: 1%;
        width: 28%;
    }
    .con14_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 8.5% 0%;
    }
    .con14_video_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 55vw;
        border-radius: 25px;
        overflow: hidden;
    }
    .con14_video{
        width: 115%;
        height: 105%;
    }
    .con14_03 {
        left: 9%;
        bottom: -30%;
        width: 59%;
        z-index: 2;
    }
    .con14_04 {
        right: 5%;
        bottom: -37%;
        width: 44%;
        z-index: 1;
    }

    .con15_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 27% 0%;
    }
    .con15_01 {
        width: 78%;
    }
    .con15_02{
        width: 105%;
        left: -1%;
        z-index: 2;
        height: 71vw;
    }
    .con15_top_02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
        margin: 1.5% 0% 7% 0%;
    }
    .con15_swiper_slide.swiper-slide-next {
        z-index: 1;
    }
    .con15_swiper_slide.swiper-slide-next > div {
        scale: 1.4;
    }
    .con15_swiper_slide.swiper-slide-next + div > div {
        scale: 1;
    }
    .con15_swiper_slide.swiper-slide-next + div {
        margin: 0% 0% 0% 0%;
    }
    .con15_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 75vw;
    }
    .con15_swiper_absol {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .con15_swiper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
        margin: 0% 0% 0% -1%;
    }
    .con15_sd_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vw;
        transition: all 0.3s;
        background-color: #000;
        border-radius: 15px;
        border: 2px solid #000;
    }

    .con15_swiper_absol_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 43%;
        height: 70vw;
        padding: 0.5%;
        overflow: hidden;
        border-radius: 25px;
        background-color: #000;
        z-index: 4;
        scale: 1.3;
        top: 13%;
    }
    .con15_swiper_m {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin: 0% 0% 0% -2.5%;
        border-radius: 25px;
        overflow: hidden;
        scale: 0.98;
    }
    .con15_swiper_slide_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .con15_sd_div_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 69vw;
        transition: all 0.3s;
        background-color: #000;
        border-radius: 10px;
        border: 2px solid #000;
        overflow: hidden;
    }
    .con15_video_m{
       width: 110%;
        height: 115%;
    pointer-events: all;
    cursor: pointer;
    }

    .con15_03 {
        z-index: 6;
        bottom: -28%;
        left: 43%;
        width: 49%;
    }
    .con15-button-prev {
        z-index: 2;
        left: 9.5%;
        width: 8%;
        cursor: pointer;
        pointer-events: all;
        top: 55%;
    }
    .con15-button-next {
        z-index: 2;
        right: 9.5%;
        width: 8%;
        transform: rotate(180deg);
        cursor: pointer;
        pointer-events: all;
        top: 55%;
    }

    .con16_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 14% 0%;
    }
    .con16_01 {
        width: 86%;
    }
    .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-color: #e70014 !important;
        /* 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-color: #e70014;
        /* 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;
    }
    .con16_border {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: 60vw;
        z-index: 1;
        margin: 1.5% 0% 1.5% 0%;
    }
    .con16_border_div_first {
        background-color: #000;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 8vw;
    }
    .con16_border_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 7vw;
        border-bottom: 1px solid #8989898c;
    }
    .con16_border_div_last {
        background-color: #e70014;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 9vw;
    }
    .con16_border_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 90%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 2.4vw;
        color: #b8b8b8;
    }
    .con16_border_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 90%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 2.4vw;
        color: #b8b8b8;
    }
    .con16_04 {
        width: 72%;
    }
    .con16_bottom_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 9% 0% 0% 0%;
    }
    .con16_mid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 2% 0% 6% 0%;
    }
    .con16_text_div_first {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
        letter-spacing: 0.5vw;
    }
    .con16_border_div > div:nth-of-type(1) {
        width: 25%;
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con16_border_div > div:nth-of-type(2) {
        width: 50%;
        border-left: 1px solid #8989898c;
        border-right: 1px solid #8989898c;
        font-family: "Pretendard";
        font-weight: 300;
        font-size: 3vw;
        color: #000;
    }
    .con16_border_div > div:nth-of-type(3) {
        width: 25%;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
    }
    .con16_border_div_last > p:nth-of-type(1) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.5vw;
        color: #fff;
    }
    .con16_border_div_last > p:nth-of-type(2) {
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 3.5vw;
        color: #fff;
        margin: 0% 0% 0% 0.5%;
    }
    .con16_border_div_last > p:nth-of-type(3) {
        font-family: "Pretendard";
        font-weight: 400;
        font-size: 3.5vw;
        color: #fff;
    }

    .con17_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 14% 0% 14% 0%;
    }
    .con17_01 {
        width: 65%;
    }
    .con17_top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 5% 0%;
    }
    .con17_bottom_m{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        pointer-events: none;
    }
    .con17_swiper_m{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 95vw;
        overflow: hidden;
    }
    .con17_swiper_slide{
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
        width: 100%;
        overflow: hidden !important;
        transition: all 0.3s;
    }
    .con17_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .con17_img_m{
        width: 75%;
    }

    .con18_1 {
        width: 36%;
    }

    .map_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 4% 0%;
        overflow: hidden;
    }
    .map_div_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 3% 0% 6% 0%;
    }
    .map_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 13% 0% 93% 0%;
    }
    .map {
        width: 90%;
        height: 65vw;
        z-index: 1;
        border: solid 1.5px #b6b6b6;
        overflow: unset;
    }
    .map_mid {
        overflow: unset;
    }
    .mid_map_search {
        background: white;
        overflow: hidden;
        z-index: 2;
        width: 90%;
        height: 80vw;
        left: 4.7%;
        top: 99.5%;
        border: solid 1px #8d8d8d;
    }
    .mid_map_search_top > div {
        color: white;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
        padding-bottom: 3%;
        font-size: 3.2vw;
        font-family: "pretendard-bold";
        cursor: pointer;
    }
    .mid_map_search_mid input {
        appearance: none;
        border: none;
        outline: none;
        width: 98%;
        height: 7vw;
        padding-left: 5%;
        font-family: 'Pretendard-regular';
        font-size: 3vw;
    }
    .map_icon {
        right: 8%;
        width: 5%;
    }
    .mid_map_search_item_title {
        font-size: 3.3vw;
        font-family: "pretendard-bold";
    }
    .mid_map_search_item {
        margin: 0% 7%;
        border-bottom: 1px solid #000;
        padding: 3% 0;
        font-size: 3vw;
    }
    .mid_map_search_bottom {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 56.9vw;
        width: 99.5%;
        cursor: pointer;
    }
    .mid_map_search_bottom::-webkit-scrollbar {
        width: 0.5vw;  /* 세로축 스크롤바 폭 너비 */
        height: 0.5vw;  /* 가로축 스크롤바 폭 너비 */
    }
    .mid_map_search_bottom::-webkit-scrollbar-track {
        width: 1px;
        background-color: #00000030;
    }
    .mid_map_search_bottom::-webkit-scrollbar-thumb {
        background-color: #cf242c;
        position: absolute;
    }

    .form_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 6% 0%;
    }
    .form_right_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 0% 0%;
    }
    .form_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 95%;
    }
    .form_margin_input {
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 90%;
        height: 5.5vw;
        overflow: hidden;
        border-bottom: solid 1px #e70014a6;
    }
    .form_name {
        font-size: 3.2vw;
    }
    .form_name2 {
        font-size: 3.2vw;
    }
    .form_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        border: solid 1px #000;
        background-color: #fff;
        z-index: 1;
        border-radius: 15px;
    }
    .form_input_01 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
    }
    .form_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 37% 0% 15% 0%;
    }
    .form_02 {
        width: 215%;
        bottom: 0%;
    }
    .con19_02 {
        top: 14%;
        left: unset;
        width: 75%;
    }
    .form_text_absol {
        top: 24%;
        left: unset;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 5.6vw;
        color: #ffffffd1;
    }
    .form_submit_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 92%;
        height: 8vw;
        border-radius: 50px;
        margin: 4% 0% 4% 0% !important;
        font-family: "Pretendard";
        font-weight: 700;
        font-size: 4.5vw;
        color: #fff;
        cursor: pointer;
        pointer-events: all;
    }
    .agree_text {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.8vw;
        color: #e70014a6;
        left: 6.5%;
    }
    .form_margin_Agree_input {
        margin: 3% 0% 4% 0% !important;
    }
    .footeer_agree_checkbox_01 {
        width: 5.2%;
        height: 3.5vw;
        z-index: 1;
        outline: 1px solid #e70014a6;
        background-color: white;
        appearance: none;
        margin: -1% -3% 2% -97%;
        cursor: pointer;
        scale: 0.7;
    }
    .agree_text2 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.8vw;
        color: #e70014a6;
        left: 80.5%;
        top: -14.5%;
        cursor: pointer;
        pointer-events: all;
    }
    .form_input_02 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
    }
    .form_input_03 {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 3vw;
        border: none;
        outline: none;
        padding: 1%;
        box-sizing: border-box;
        width: 75%;
    }

    @keyframes bounce-top {
        0% {
          -webkit-transform: translateY(-22px);
                  transform: translateY(-22px);
          -webkit-animation-timing-function: ease-in;
                  animation-timing-function: ease-in;
          opacity: 1;
        }
        24% {
          opacity: 1;
        }
        40% {
          -webkit-transform: translateY(-12px);
                  transform: translateY(-12px);
          -webkit-animation-timing-function: ease-in;
                  animation-timing-function: ease-in;
        }
        65% {
          -webkit-transform: translateY(-6px);
                  transform: translateY(-6px);
          -webkit-animation-timing-function: ease-in;
                  animation-timing-function: ease-in;
        }
        82% {
          -webkit-transform: translateY(-3px);
                  transform: translateY(-3px);
          -webkit-animation-timing-function: ease-in;
                  animation-timing-function: ease-in;
        }
        93% {
          -webkit-transform: translateY(-2px);
                  transform: translateY(-2px);
          -webkit-animation-timing-function: ease-in;
                  animation-timing-function: ease-in;
        }
        25%,
        55%,
        75%,
        87% {
          -webkit-transform: translateY(0px);
                  transform: translateY(0px);
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out;
        }
        100% {
          -webkit-transform: translateY(0px);
                  transform: translateY(0px);
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out;
          opacity: 1;
        }
      }

      @keyframes zoomIn {
        0% {
            background-size: 270%;
        }
        100% {
            background-size: 340%;
        }
    }

.popup_absol {
    border: 2px solid #e21013;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%;
    height: 100vw;
    z-index: 5;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
}
.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: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.infro_popup_img {
    scale: 1;
    width: 100%;
    height: 100%;
    border-right: 0px solid #000;
}
.popup_close {
    top: 4%;
    right: 4%;
    width: 5%;
    cursor: pointer;
    pointer-events: all;
    z-index: 1;
}
.popup_top_right_div {
    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: 3% 0% 0% 0%;
}
.popup_text_01 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 4.5vw;
    color: #000;
    margin: 0% 0% 3% 0%;
}
.popup_line {
    background-color: #bababaed;
    width: 89%;
    height: 0.05vw;
    margin: 0% 0% 4% 0%;
}
.popup_text_02 {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 4.2vw;
    color: #bababaed;
    margin: 0% 0% 2% 0%;
}
.popup_text_03 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 4.2vw;
    color: #000;
    margin: 0% 0% 4% 0%;
}
#popup_link {
    background-color: #000;
    border-radius: 50px;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 4.2vw;
    color: #fff;
    padding: 2% 6% 2% 6%;
}
}