.mobile-pc {
    display: none !important;
}

/* =========== B=reakpoints ============ */
@media screen and (max-width: 1023px) {
    .pc {
        display: none;
    }

    .tablet {
        display: flex;
    }

    .pc-mobile {
        display: none;
    }

    .mobile-pc {
        display: flex;
    }
}

@media screen and (max-width: 599px) {

    .tablet {
        display: none;
    }

    .mobile {
        display: flex;
    }

    .mobile-pc {
        display: flex !important;
    }

    .pc-mobile {
        display: none !important;
    }


    /* 모바일 반응형 시작 */
    .intro {
        height: 67vh;
    }

    .intro_top_con {
        white-space: nowrap;
        font-size: 9vw;
    }

    .intro_top_con {
        white-space: nowrap;
        font-size: 7.5vw;
        position: absolute;
        top: 30%;
        width: 130%;
        transition: 0.5s all;
        left: -15%;
        justify-content: space-around;
        /* opacity: 0; */
    }

    .intro_top_con_2nd {
        font-size: 9vw;
    }

    .maindoor,
    .maindoorleft,
    .maindoorright {
        display: none !important;
    }

    /* main */
    .main {
        /* overflow: hidden; */
        /* margin-top: 10vw; */
        height: 78vh !important;
    }

    .main_top {
        margin-top: 100vw;
        /* flex-direction: column; */
    }

    .main_top2 {
        width: 15%;
        margin: 5% 1.5%;
        margin-top: 4%;
    }

    .main_top1 {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        top: 0;
    }

    .main_top1ab {
        width: 110.701%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .main_top1ab2 {
        width: 87.0849%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .main_top3 {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        top: 0;
    }

    .main_top3ab {
        width: 110.701%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .main_top3ab2 {
        width: 86.3469%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .main_top2nd {
        margin-top: 0%;
        margin-left: 0%;
    }

    .main_top3rd {
        margin-top: 0.3%;
        margin-left: 0%;

    }

    .main_top4th {
        width: 95.4856%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 6vw;
        margin-left: 0%;
        margin-bottom: 95vw;
    }

    .main_top4th>img {
        height: 40vw;
        opacity: 0;
    }

    .main_top4thab {
        /* flex-direction: column;
        margin-top: 60vw; */
        z-index: 5;
        margin-bottom: 15vw !important;
        z-index: 5;
        width: 99%;
    }

    .main_top4thabitem {
        width: 45% !important;
        margin: 5vw 0;
        z-index: 6;
    }

    .main_top4thab2 {
        margin: 0 1%;
    }

    .mainab {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: -21%;
        top: 63%;
        z-index: 0;
    }

    .mainabab {
        width: 121.445%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: -10%;
        bottom: 40%;
        animation: smoke2 3s infinite;
    }

    .mainab2 {
        /* width: 84.7743%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -30%;
        top: 46%;
        z-index: 0; */
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: -21%;
        top: 63%;
        z-index: 0;
    }

    .main_top4thabitemab {
        opacity: 0;
    }

    .main_top4thabitem_on .main_top4thabitemab {
        opacity: 1;
    }

    .mainvd {
        filter: grayscale(1) brightness(0.4);
        height: 115vw;
        margin-top: 0vw !important;
        top: 0;
    }

    .mainvd video {
        width: 100%;
        object-fit: cover;
        height: 115vw;
        object-position: 65% top;
    }

    .maindoorleft {
        width: 27.569%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 50%;
        bottom: 0;
    }

    .maindoorright {
        width: 27.569%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 50%;
        bottom: 0;

    }

    /* con1 */
    .con1ab {
        top: 5vw;
        display: none !important;
    }

    .con1ab>img {
        width: 95% !important;
        display: none;
    }

    .con1top {
        margin-top: 15vw;
        margin-left: 0%;
    }

    .con1top2nd {
        margin-top: 0.5%;
        margin-left: 0%;
    }

    .con1top2nd span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con1top3rd {
        text-align: center;
        margin-bottom: 5vw;
    }

    .con1top4th {
        width: 48.8714%;
        width: 85%;
        height: 30vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3.2%;
        margin-left: 0%;
        border: 1px solid var(--mc);
        border-radius: 4vw;
        margin-bottom: 6vw;
    }

    .con1top4th>img {
        display: none;
    }

    .con1top4thab2 {
        width: 35%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -15%;
    }

    .rolling-counter-wrap .row {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        width: 110%;
        margin-left: -14vw;
        margin-top: 8vw;
    }

    .rolling-number {
        position: relative;
        width: 10vw !important;
        height: 11vw;
        overflow: hidden;
        text-align: center;
        /* margin: 0 -0.1vw; */
    }

    .rolling-number .numbers span {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        letter-spacing: -0.05em;
        font-weight: 900;
        font-size: 10vw;
        width: 100%;
        height: 10vw;
    }

    #section04 .rolling-counter-wrap .rolling-number+.rolling-number {
        margin-left: 0.5vw;
    }

    .rolling-unit {
        margin: 0 10px;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        padding: 0;
        margin: 0;
        font-size: 5vw;
        margin-bottom: -2%;
        margin-left: 2%;
        margin-right: 2%;
        color: black;
        font-family: var(--sf);
    }

    .con1top5th {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
        margin-left: 0%;
        margin-bottom: -11.3%;
    }

    .con1top5thab {
        margin-left: 0%;
    }

    .con1ab2 {
        width: 150%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 0;
    }

    .con1top5thab3>img {
        transform: rotate(-40deg) scaleX(-1);
    }

    .con1top5thab2 {
        width: 45%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 35%;
        right: 66%;
    }

    .con1top5thab2>img {
        transform: rotate(40deg);
    }

    .con1top5thab2ab {
        margin-top: 0%;
        margin-left: 0%;
        top: 26%;
        left: 12%;
        font-size: 3.5vw;
    }

    .con1top5thab2ab2 {
        margin-top: 9%;
        margin-left: -6%;
        left: 20%;
        top: 35%;
        font-size: 3.7vw;
    }

    .con1top5thab2ab2 span {
        font-size: 9vw;
    }

    .con1top5thab3 {
        width: 45%;
        left: 66%;
        top: 35%;
    }

    .con1top5thab3 .con1top5thab2ab {
        top: 26%;
        left: 25%;
    }

    .con1top5thab3 .con1top5thab2ab2 {
        margin-top: 17%;
        margin-left: 6%;
        left: 23%;
        top: 28%;
    }

    .con1top4thab {
        margin-top: 0%;
        margin-left: 0%;
        right: 35.5%;
        text-align: left;
        top: 20%;
        white-space: nowrap
    }

    .con1top4thab3 {
        right: 3%;
        bottom: 20%;
    }

    /* con2 */
    .con2_item1st1 {
        margin-top: 15vw !important;
        height: 137vw;
    }

    .con2_item1st {
        background: white;
        width: 90% !important;
        border-radius: 1vw;
        margin-bottom: 5vw;
    }

    .con2_item1st2 {
        margin-bottom: 15vw !important;
    }

    .con2_item1stbd {
        border-radius: 1vw;
        width: 97%;
        height: 98%;
        position: absolute;
        border: 1px solid var(--mc);
    }

    .con2_item1st {
        background: white;
        width: 75.5%;
        border-radius: 1vw;
        margin-top: 6%;
    }

    .con2_item1sttop {
        margin-top: 4vw;
        margin-left: 0%;
        width: 65%;
        text-align: center;
    }

    .con2_item1sttop2nd {
        font-weight: 400;
        margin-top: 3vw;
        margin-bottom: 6vw;
    }

    .con2_item1stab {
        width: 40% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -4%;
    }

    .con2_item1sttopab {
        width: 55%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 10%;
        right: 0%;
    }

    .con2_item1sttop p {
        z-index: 2;
        position: relative;
    }

    .con2_item1sttop3rd {
        margin-top: 2.3%;
    }

    .con2_item1sttop3rd1 {
        width: 80%;
    }

    .con2_item1stbot3rd1 {
        width: 80%;
    }

    .con2_item1sttop3rd1_r {
        margin-top: 2vw;
    }

    .con2_item1stbot3rd1_r {
        margin-top: 2vw;
    }

    .con2_item1sttop3rd1ab {
        text-align: center;
    }

    .con2_item1sttop3rdab {
        width: 30% !important;
        display: flex;
        justify-content: end;
        align-items: end;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 1;
        transform: rotate(90deg);
        right: -7vw;
    }

    .con2_item1stbot3rdab {
        width: 30% !important;
        display: flex;
        justify-content: end;
        align-items: end;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 1;
        transform: rotate(90deg);
        right: -7vw;
    }

    .con2_item1sttop3rd {
        margin-top: 2.3%;
        margin-bottom: 3.4%;
        flex-direction: column;
    }

    .con2_item1st2 {
        margin-top: 4%;
        margin-bottom: 5%;
        height: 130vw;
    }

    .con2_item1sttopab2 {
        width: 36%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 10%;
        right: -1%;
    }



    /* con3 */

    .con3ab {
        width: 93% !important;
        margin-top: 0%;
        margin-bottom: 36vw;
    }

    .con3ab2 {
        width: 13%;
        left: 6vw;
        top: 56vw;
    }

    .con3ab3 {
        width: 10%;
        left: 28vw;
        top: 61vw;
    }

    .con3ab4 {
        width: 13%;
        right: 19vw;
        top: 61vw;
    }

    .con3ab5 {
        width: 9%;
        right: 8vw;
        top: 57vw;
    }

    .con3_top {
        margin-top: 15vw;
        margin-bottom: 2vw;
        margin-left: 0%;
    }

    .con3_top2nd {
        margin-bottom: 3vw;
        font-size: 10vw;
    }

    .con3_top3rd {
        margin-top: 0.3%;
        margin-left: 0%;
    }

    .con3_top4th {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20vw;
        margin-left: -0.7%;
        margin-top: 20vw;
        bottom: -7vw;
        right: -25vw;
    }

    .con3_top4thab2 {
        width: 140%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 85%;
        top: 0;
    }

    .con3_top4thab {
        width: 22.3729%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 56%;
        right: 9%;
    }

    .con3_top5th {
        margin-top: -5.5%;
        margin-left: 0%;
        height: 80vw;
    }

    .con3_top5th_top {
        margin-top: 5.5%;
    }

    .con6_mid_swiper_item {
        width: 100%;
    }

    .con6_mid_swiper_1_slide_p_con2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .con6_mid_swiper_2 {
        margin-left: 0%;
        top: 5vw;
    }

    .con6_mid_swiper_1_slide_p_con2ab {
        width: 90%;
        top: 10%;
    }

    .con6_mid_swiper_1_slide_p_con2abab {
        width: 27.6423%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 5%;
    }

    .con6_mid_swiper_1_slide_p_con2ab2 {
        margin-top: 0%;
        margin-left: 0%;
        left: 9%;
        top: 0%;
    }

    .con6_mid_swiper_1_slide_p_con2ab2 {
        margin-top: 0%;
        margin-left: 0%;
        left: 9%;
        display: inline-block;
        width: 53%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .con6_mid_swiper_1_slide_p_con2ab2 p {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 2vw;
    }

    .con6_mid_swiper_1_slide_p_con2ab3rd {
        margin-top: 2vw;
        margin-left: 0%;
        top: 52%;
        font-size: 3vw;
    }

    .con6_mid_swiper_1_slide_p_con2ab2nd {
        margin-top: 0%;
        margin-left: 0%;
        top: 42%;
    }

    .con6_mid_swiper_3 {
        margin-top: 1%;
        width: 105%;
        margin-left: 0%;
        bottom: 5vw;
    }

    /* con4 */
    .con4 {
        padding: 13vw 0;
        padding-bottom: 100vw;
    }

    .con4ab {
        top: 5vw;
    }

    .con4ab>img {
        width: 90vw !important;
    }

    .con4top {
        width: 12%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5vw;
        margin-left: 0%;
        margin-bottom: 3vw;
    }

    .con4top2nd {
        margin-top: 0.3vw;
        margin-left: 0%;
        margin-bottom: 2vw;
    }

    .con4top3rd {
        font-size: 10vw;
        margin-bottom: 1vw;
    }

    .con4top4th {
        margin-bottom: 5vw;
        text-align: center;
    }

    .con4top5th {
        width: 100%;
        margin-top: 13vw;
        margin-bottom: 25vw;
    }

    .con4top5th2 {
        width: 100%;
        margin-top: 13vw;
        margin-bottom: 25vw;
    }

    .con4top5th2 .con4top5thitem {
        width: 100%;
    }

    .con4top5th_slide {
        width: 100%;
        height: 113vw;
        left: 0;
        top: -8vw;
    }

    .con4top5thitem2top {
        width: 96.256%;
        margin-top: -4%;
        margin-left: 2%;
    }

    .con4top5thitem2top2nd {
        width: 60%;
        margin-top: 5%;
        margin-left: 3%;
    }

    .con4top5thitem2top3rd {
        width: 55%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        position: absolute;
        right: 0;
        overflow: hidden;
        bottom: 0;
    }

    .con4top5thitem2top3rd img {
        margin-bottom: -25%;
        margin-right: 0%;
    }

    .con04_5,
    .con04_9,
    .con04_13 {
        width: 24vw !important;
        margin-right: 0vw;
        right: 1vw;
    }

    .con04_17 {
        width: 26vw !important;
        right: 2vw;
    }

    /* .con4top5thitem {
        opacity: 0;
        transition: opacity 0.8s;
    }

    .con4top5thitem.active {
        opacity: 1;
        z-index: 10;
    } */

    .con4top5thitem2 {
        transform: translateY(0%);
    }

    .con4top5thitem3 {
        transform: translateY(0%);
    }

    .con4top5thitem4 {
        transform: translateY(0%);
    }


    .con04_18 {
        margin-top: 110vw;
        margin-bottom: 15vw;
    }

    .con4top5th2 .con04_18 {
        margin-top: 0vw;
        margin-bottom: 15vw;
    }

    .con4item1 {
        width: 90%;
        left: 4vw;
        margin-top: -51vw;
    }

    .con4item2 {
        width: 67.0729vw;
        height: 40.7292vw;
        right: 3.6vw;
        bottom: 9vw;
        border-radius: 3vw;
        border: 1px solid #83283b;
    }

    /* con5 */
    .con5_con {
        background: black;
        width: 92%;
        margin: 5.5% 0;
        border-radius: 1vw;
        overflow: hidden;
    }

    .con5_bd {
        height: 96%;
        width: 95.6%;
        border: 1px solid var(--mc);
        border-radius: 1vw;
        z-index: 2;
        pointer-events: none;
    }

    .con5_top {
        margin-top: 15vw;
        margin-left: 0%;
    }

    .con5_top2nd {
        margin-top: 2vw;
    }

    .con5_top3rd {
        text-align: center;
        margin-top: 3vw;
        margin-bottom: 5vw;
    }


    .con7_prev:after,
    .con7_next:after {
        content: unset !important;
    }

    .con7_prev {
        top: unset !important;
        width: 10vw !important;
        height: 3.3vw !important;
        border-radius: unset;
        overflow: hidden;
        left: 21.2% !important;
        bottom: 43%;
        transition: 0.4s background;
    }

    .con7_next {
        top: unset !important;
        width: 10vw !important;
        height: 3.3vw !important;
        border-radius: unset;
        overflow: hidden;
        right: 21.2% !important;
        bottom: 43%;
        transition: 0.4s background;
    }

    .con6_mid_swiper_1_slide {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .con6_mid_swiper_1_slide_p_con4 {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con6_mid_swiper_1_slide_p_con4ab {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 65%;
        left: 80%;
        cursor: pointer;
        z-index: 2;
    }

    .vid01,
    .vid02 {
        width: 100%;
        height: 100%;
        border-radius: 1.0417vw;
        object-fit: cover;
    }

    .vid01,
    .vid02 {
        width: 44vw;
        object-fit: cover;
    }

    .con06_8,
    .con06_9 {
        width: 58vw;
        object-fit: cover;
        border-radius: 1vw;
    }

    .con06_9 {
        width: 58vw;
        object-fit: cover;
        border-radius: 1vw;
    }

    .con6_mid_swiper_4 {
        margin-top: 3%;
        margin-left: 0%;
        width: 150%;
        margin-bottom: 15vw;
    }

    /* con6 */

    .con6_top {
        width: 35%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15vw;
        margin-left: 0%;
    }

    .con6_top2nd {
        margin-top: 4vw;
    }

    .con6_top3rd {
        margin-top: 1vw;
        margin-bottom: 5vw;
        font-size: 10vw;
    }

    .con6_top4th {
        margin-top: 1.4%;
        margin-bottom: 15vw;
        flex-direction: column;
    }

    .con6_top4thitem {
        width: 75%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1% 1%;
    }

    .con6_txt {
        font-size: 3.5vw;
        bottom: 4.5vw;
    }

    .con6ab {
        width: 300%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 0;
    }

    .con6ab2 {
        width: 10%;
        top: 0.7%;
    }

    .con6ab3 {
        width: 10%;
        top: 0.7%;
    }

    /* con7 */
    .con6_mid_swiper_1_slide_p_con5 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .con7_light {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 0;
    }

    .con7_top {
        margin-top: 15vw;
    }

    .con7_top2nd {
        margin-top: 2vw;
        font-size: 10vw;
    }

    .con7_top2ndab1 {
        width: 13%;
        left: 7%;
        bottom: -25%;
    }

    .con7_top2ndab2 {
        width: 13%;
        right: 7%;
        bottom: -25%;
    }

    .con6_mid_swiper_1_slide_p_con5ab {
        opacity: 0;
    }

    .con6_mid_swiper_1_slide_p_con5,
    .con6_mid_swiper_1_slide_p_con5ab {
        transition: 0.3s all;
    }

    .con6_mid_swiper_1_slide.swiper-slide-active .con6_mid_swiper_1_slide_p_con5ab {
        opacity: 1;
        scale: 0.6;
        top: -30vw;
    }

    .con6_mid_swiper_1_slide.swiper-slide-active .con6_mid_swiper_1_slide_p_con5 {
        opacity: 1;
    }

    .con6_mid_swiper_1_slide_p_con5a {
        width: 29vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    /* .con6_mid_swiper_1_slide_p_con51 {
        width: 40vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .con6_mid_swiper_1_slide_p_con52 {
        width: 40vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .con6_mid_swiper_1_slide_p_con53 {
        width: 40vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .con6_mid_swiper_1_slide_p_con54 {
        width: 9.5833vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .con6_mid_swiper_1_slide_p_con55 {
        width: 9.6875vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    } */

    .con6_mid_swiper_1_slide_p_con5 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        opacity: 0.4;

        border-right: 1px solid #8b702c;
    }

    .con6_mid_swiper_5 {
        margin-top: 0%;
        margin-left: 0%;
        background: #00000059;
        padding: 3.3% 0;
        margin-top: 9.4%;
        border: 1px solid #8b702c;
    }

    .con7_top3rd {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: -4%;
    }

    .con7ab1 {
        width: 2.93963%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 5%;
        left: 10%;
    }

    .con7ab2 {
        width: 17.9003%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 3%;
        top: 12%;
    }

    .con7ab3 {
        width: 4.46194%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 0;
        top: 36%;
    }

    .con7ab4 {
        width: 10.7612%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 75%;
        left: 10%;
    }

    .con7ab5 {
        width: 23.0971%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 3%;
        top: 7%;
    }

    .con7ab6 {
        width: 6.14173%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 6%;
        top: 13%;
    }

    .con7ab7 {
        width: 2.20472%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 0;
        top: 44%;
    }

    .con7ab8 {
        width: 2.51968%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 12%;
        top: 66%;
    }

    .con7ab9 {
        width: 3.25459%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        right: 6%;
        top: 86%;
    }

    .con7ab10 {
        width: 99.9475%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    /* con8 */
    .con8top {
        margin-top: 15vw;
        margin-left: 0%;
        font-size: 10vw;
    }

    .con8top2nd {
        margin-top: 1vw;
        margin-bottom: 5vw;
        font-size: 5vw;
    }

    .con8topab {
        width: 29%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        bottom: 11%;
        left: 54.5%;
    }

    .con8_top3rditem {
        width: 100%;
        height: 30vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        margin: 0.6%;
        margin: 3vw 0;
    }

    .con8_top3rditem>img {
        width: 100%;
        height: 33vw !important;
    }

    .con8_top3rd {
        width: 79% !important;
        margin-top: 65%;
        margin-bottom: 15vw;
        flex-direction: column;
    }

    .con8ab {
        height: 100%;
        width: 1.8vw;
        left: 0;
    }

    .con8ab2 {
        right: 0 !important;
        left: unset;

    }

    .con8_top3rditemab {
        width: 40%;
    }

    .con8_top3rditemab1 {
        bottom: 103%;
        left: -6%;
    }

    .con8_top3rditemab2 {
        bottom: 130%;
        left: 9%;
    }

    .con8_top3rditemab3 {
        bottom: 124%;
        right: -6%;
    }

    .con8_top3rditemab4 {
        bottom: 106%;
        right: 9%;
    }

    /* con9 */
    .con9_top {
        margin-top: 15vw;
    }

    .con9_top2nd {
        margin-top: 0.5vw;
        font-size: 10vw;
    }

    .con9_top3rd {
        margin-top: 1.5vw;
    }

    .con9_top4th {
        margin-top: 3vw;
    }

    .con9_top4thitem1 {
        width: 25%;
    }

    .con9_top4thitem2 {
        width: 20%;
    }

    .con9_top4thitemab {
        opacity: 0;
        transition: 0.3s all;
        width: 100% !important;
    }

    .con9_top4thitemon .con9_top4thitemab {
        opacity: 1;
    }

    .con9_txt {
        font-size: 4vw;
    }

    .con9_top5th {
        margin-top: 5%;
    }

    .con9_top5thitem {
        background: white;
        width: 90%;
        padding: 2% 0;
        border-radius: 1vw;
        flex-direction: column;
    }

    .con9_top5thab {
        width: 12%;
        left: 7%;
    }

    .con9_top5thab2 {
        width: 12%;
        right: 7%;
    }

    .con9_top5th2 {
        width: 70%;
        margin-top: 3%;
        margin-left: 0%;
        margin-bottom: 5%;
    }

    .con9_top5th1 {
        width: 85%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
        margin-left: 0%;
        top: 0;
    }

    .con9_top5th2ab {
        margin-top: 0%;
        margin-left: 0%;
        top: 51%;
    }

    .con9_txt5_1 {
        font-size: 3.5vw;
        line-height: 4vw;
        right: 6vw;
        top: 19.5vw;
    }

    .con9_txt5_1 span {
        font-size: 4vw;
    }

    .con9_txt5_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        right: 10.5vw;
        bottom: 11vw;

    }

    .con9_txt5_2 span {
        font-size: 4vw;
    }

    .con9_txt5_3 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 15vw;
        bottom: 7.5vw;
    }

    .con9_txt5_3 span {
        font-size: 4vw;
    }

    .con9_txt5_4 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 3vw;
        bottom: 25.5vw;
    }

    .con9_txt5_4 span {
        font-size: 4vw;
    }

    .con9_txt5_5 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 7.5vw;
        top: 16.5vw;
    }

    .con9_txt5_5 span {
        font-size: 4vw;
    }

    .con9_txt5_6 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 1vw;
        top: 0vw;
    }

    .con9_txt5_6 span {
        font-size: 4vw;
    }

    .con9_txt5_7 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 33.5vw;
        top: 0vw;
    }

    .con9_txt5_7 span {
        font-size: 4vw;
    }

    .con9_txt5_8 {
        font-size: 3.8vw;
        top: 29vw;
    }

    .con9_txt5_8 span {
        color: #83283B;
        background-color: #ffffff;
    }

    .con9_txt5_9 {
        font-size: 3.3vw;
        bottom: 21vw;
    }

    .con9_txt5_1_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        right: 4.5vw;
        top: 20.5vw;
    }

    .con9_txt5_1_2 span {
        font-size: 4vw;
    }

    .con9_txt5_2_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        right: 12.5vw;
        bottom: 9.5vw;

    }

    .con9_txt5_2_2 span {
        font-size: 4vw;
    }

    .con9_txt5_3_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 12vw;
        bottom: 9.5vw;
    }

    .con9_txt5_3_2 span {
        font-size: 4vw;
    }

    .con9_txt5_4_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 3vw;
        bottom: 29.5vw;
    }

    .con9_txt5_4_2 span {
        font-size: 4vw;
    }

    .con9_txt5_5_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 13.5vw;
        top: 11.5vw;
    }

    .con9_txt5_5_2 span {
        font-size: 4vw;
    }

    .con9_txt5_7_2 {
        font-size: 3.5vw;
        line-height: 4vw;
        left: 34.5vw;
        top: 0vw;
    }

    .con9_txt5_7_2 span {
        font-size: 4vw;
    }

    .con9_top5th1ab {
        width: 38.0153%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5%;
        margin-left: 0%;
        font-size: 3vw;
        bottom: 2.4%;
        right: 9%;
        white-space: nowrap;
    }

    .con9_top5th1ab span {
        font-size: 4vw;
    }

    .con9_txt2 {
        width: 58% !important;
        top: 0;
        left: 0;
    }

    .con9_txt2_title {
        font-size: 3.5vw;
        margin: 0.8vw 0;
    }

    .con9_txt2_sub {
        font-size: 3.2vw;
        margin: 0.9vw 0;
    }

    .con9_txt3 {
        width: 42% !important;
        top: 0;
        right: 0;
    }

    .con9_txt3_title {
        font-size: 3.5vw;
        margin: 0.8vw 0;
    }

    .con9_txt3_sub {
        font-size: 3.2vw;
        margin: 0.9vw 0;
    }

    .con9_txt4 {
        font-size: 4vw;
        left: 17.5vw;
        bottom: 1.3vw;
    }

    .con09_5 {
        top: -3vw;
    }

    .con09_6 {
        top: 3vw;
    }


    /* con10 */
    .con10_top {
        margin-top: 15vw;
    }

    .con10_top2nd {
        margin-top: 1vw;
        margin-bottom: 3vw;
        text-align: center;
        font-size: 10vw;
    }

    .con10_top3rd {
        margin-top: 2.5%;
        margin-left: 0%;
        flex-direction: column;
    }

    .con10_top3rdab {
        width: 20%;
    }

    .con10_top3rditem {
        width: 80vw;
        flex-direction: column;
        border-radius: 3vw;
    }

    .con10_top3rditem_top {
        width: 80vw;
    }

    .con10_top3rditem_top2nd {
        width: 12%;
        margin-top: 12%;
        margin-left: 30%;
    }

    .con10_top3rditem_top2ndab {
        right: 90%;
        bottom: -36%;
        font-size: 14vw;
    }

    .con10_top3rditem_top3rd {
        width: 80%;
        height: 1px;
        background: #5d5d5d;
        margin-top: 6%;
    }

    .con10_top3rditem_top4th {
        margin-top: 4%;
        margin-left: 0%;
    }

    .con10_top3rditem_top5th {
        width: 55.1923%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2.2%;
        margin-left: 0%;
        margin-bottom: 7%;
    }

    .con10_top4thitem2 {
        margin-left: 0%;
        margin: 0 auto;
        margin-top: 25vw;
    }

    .con10_top4th {
        width: 80vw;
        margin-top: 5%;
        margin-left: 0%;
        margin-bottom: 7%;
    }

    .con10_top3rdab2 {
        width: 27%;
        right: 3%;
        top: 53%;
    }

    .con10_top4thab {
        width: 30%;
        left: 38.8%;
        top: 50%;
    }

    /* con11 */
    .con11_top {
        margin-top: 15vw;
        margin-left: 0%;
    }

    .con11_top2nd {
        margin-top: 1vw;
        font-size: 10vw;
    }

    .con11_top3rd {
        margin-top: 2vw;
        margin-bottom: 5vw;
        margin-left: 0%;
    }

    .con11_top4th {
        margin-top: 3%;
        flex-wrap: wrap;
    }

    .con11_top4th_item {
        width: 45%;
    }

    .con11_top4th_itemtop2nd {
        width: 96.9595%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -4%;
        margin-left: 0%;
    }

    .con11_top4th_itemtop2nd1,
    .con11_top4th_itemtop2nd2 {
        margin-bottom: 5vw;
    }

    .con11_top4th_itemtop2ndab {
        width: 77.0035%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 10%;
    }

    .con11_top4th_itemtop2ndab2 {
        width: 64.8084%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 60%;
    }

    .con11_top4th_itemtop2ndab2nd {
        width: 83.2753%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 60%;
    }

    .con11_top5th {
        width: 88vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3%;
        margin-left: 0%;
        margin-bottom: 6.6%;
        flex-direction: column;
    }

    .con11_9_1,
    .con11_9_2,
    .con11_9_3 {
        margin-top: 5vw;
    }

    .con11_top5thab {
        width: 20%;
    }

    .con11_top5thab1 {
        left: 85%;
        top: 5.2%;
    }

    .con11_top5thab2 {
        left: 85%;
        top: 8.3%;
    }

    .con11_top5thab3 {
        left: 85%;
        top: 11.5%;
    }

    .con11_top5thab4 {
        left: 85%;
        bottom: 59%;
    }

    .con11_top5thab5 {
        left: 85%;
        bottom: 55.8%;
    }

    .con11_top5thab6 {
        left: 85%;
        bottom: 52.5%;
    }

    .con11_top5thab10 {
        left: 85%;
        bottom: 25.7%;
    }

    .con11_top5thab11 {
        left: 85%;
        bottom: 22.5%;
    }

    .con11_top5thab12 {
        left: 85%;
        bottom: 19.5%;
    }

    .con11_top5thab7 {
        width: 22.1111%;
        right: -5vw;
        top: 38vw;
    }

    .con11_top5thab8 {
        width: 22.1111%;
        right: -5vw;
        top: 122vw;
    }

    .con11_top5thab9 {
        width: 22.1111%;
        right: -5vw;
        top: 205vw;
    }

    .con11_top5th_txt {
        color: #fff;
        font-family: 'Pretendard';
        font-weight: 400;
        right: 0vw;
        bottom: -3.5vw;
        font-size: 2.2vw;
    }

    /* con12 */
    .con12_top {
        margin-top: 15vw;
    }

    .con12_top2nd {
        margin-top: 1vw;
        font-size: 10vw;
    }

    .con12_top4th {
        margin-top: 7%;
        margin-bottom: 15vw;
        flex-direction: column;
    }

    .con12_top4th1 {
        width: 80vw;
        border-radius: 5vw;
        overflow: hidden;
        border: 1px solid #83283b;
    }

    .con12_top4th2 {
        width: 80vw;
        margin-top: 1vw;
        border-radius: 5vw;
        overflow: hidden;
        border: 1px solid #83283b;
    }

    .con12_top4th1>img {
        border-radius: 1vw 0 0 1vw;
    }

    .con12_top4th2>img {
        border-radius: 0 1vw 1vw 0;
    }

    .con12_top4th1ab1 {
        width: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 7%;
    }

    .con12_top4th1ab2 {
        width: 25%;
        top: 23%;
        left: 37%;
    }

    .con12_top4th1ab3 {
        width: 25%;
        top: 20%;
        left: 65%;
    }

    .con12_top4th1ab4 {
        width: 25%;
        top: 60%;
        left: 40%;
    }

    .con12_top4th1ab5 {
        width: 20%;
        top: 57%;
        left: 68%;
    }

    .con12_top4th1ab6 {
        width: 20%;
        left: 12%;
        top: 35%;
    }

    .con12_top4th1ab7 {
        width: 20%;
        top: 71%;
        left: 17%;
    }

    .con12_top4th2ab {
        width: 70%;
        top: 8%;
    }

    .con12_top4th2ab2 {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 24%;
        left: 8%;
    }

    .con12_top4th2ab22 {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 24%;
        right: 8%;
    }

    .con12_top4th2ab23 {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: 57%;
    }

    .con12_top4th2ab2ab2 {
        width: 80%;
        left: 101%;
        top: 43%;
    }

    .con12ab {
        width: 26.1942%;
        top: -7%;
        left: 0;
    }

    .con12ab2 {
        width: 26.1942%;
        right: 0;
        top: -7%;
    }

    /* con13 */
    .con13_top {
        margin-top: 15vw;
    }

    .con13_top2nd {
        margin-top: 2vw;
    }

    .con13_top2ndab {
        width: 9%;
        left: 16.6%;
        bottom: 13%;
    }

    .con13_top2ndab2 {
        width: 9%;
        left: 26.3%;
        bottom: 13%;
    }

    .con13_top3rd {
        margin-top: 1vw;
        margin-bottom: 4vw;
    }

    .con13_top4th {
        margin-top: 3.3%;
        margin-bottom: 15vw;
        flex-direction: column;
    }

    .con13_top4thitem {
        width: 55vw;
        height: 55vw;
        /* clip-path: ellipse(44% 49% at 50% 50%); */
        border-radius: 50%;
        overflow: hidden;
        rotate: 21deg;
    }

    .con13_top2ndab3 {
        width: 5.5643%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 32%;
        top: -115%;
    }

    .con13_title span {
        letter-spacing: 0.5vw;
    }

    .con13_top4thitemab {
        margin-top: 0%;
        margin-left: 0%;
        /* rotate: -21deg; */
        width: 220%;
    }

    .con13_top4thitemab1_1 {
        left: -27.5vw;
        top: -6vw;
    }

    .con13_top4thitemab1_2 {
        left: -27vw;
        top: -5vw;
    }

    .con13_top4thitemab1_3 {
        left: -32.5vw;
        top: -2.5vw;
    }

    .con13_top4thitemab21 {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 15.4vw;
        top: 17.2vw;
    }

    .con13_top4thitemab22 {
        width: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 8.2vw;
        top: 17.2vw;
    }

    .con13_top4thitemab23 {
        width: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        left: 7.2vw;
        top: 15.2vw;
    }

    .con13_top4thitemab2 {
        rotate: -21deg;
        transform: translateY(0);
    }

    .con13_top4thitem:hover .con13_top4thitemab2 {
        opacity: 0;
        transform: translateY(-20%);
    }

    .con13_top4thitemab {
        filter: brightness(0.4);
    }

    .con13_top4thitemab,
    .con13_top4thitemab2 {
        transition: 0.3s all;
    }

    .con13_top4thitem:hover .con13_top4thitemab {
        filter: brightness(1);
    }

    .con13_top4thitem_on .con13_top4thitemab2 {
        opacity: 0;
        transform: translateY(-20%);
    }

    .con13_top4thitem_on .con13_top4thitemab {
        filter: brightness(1);
    }

    .con13_top4th {
        margin-top: 2.3%;
        margin-bottom: 6%;
    }

    .con13ab {
        width: 15.2231%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        top: -14%;
        right: 25%;
    }

    .con13ab2 {
        width: 25%;
        left: 2%;
        top: 30%;
    }

    .con13ab3 {
        width: 25%;
        right: 2%;
        bottom: 15%;
    }

    /* con14 */
    .con14_top {
        width: 35%;
        margin-top: 90vw;
    }

    .con14_top2nd {
        margin-top: 2.5vw;
        margin-left: 0%;
    }

    .con14_top3rd {
        margin-top: 1.5vw;
    }

    .con14_top4th {
        margin-top: 3.5vw;
        margin-bottom: 10vw;
    }

    .con6_mid_swiper_32nd {
        height: 65vw;
        width: 100% !important;
        left: 0%;
        top: -3.5vw;
        flex-direction: column;
    }

    .con6_mid_swiper_33rd {
        height: 65vw;
        width: 100% !important;
        top: 180vw;
        right: 0%;
        flex-direction: column;
    }

    .con14_top5th {
        width: 77%;
        margin-bottom: 57%;
    }

    .con6_mid_swiper_1_slide_p_con32nd {
        width: 90% !important;
    }

    .con14ab {
        width: 70%;
        left: 30.9%;
        top: -51vw;
        transform: rotate(90deg);
    }

    .con14ab2 {
        width: 70%;
        right: 30.9%;
        bottom: -50vw;
        transform: rotate(90deg);
        z-index: 2;
    }

    .con14_top5thab3 {
        width: 58%;
        bottom: 90%;
        z-index: 2;
        left: -8%;
    }

    .con14_top5thab4 {
        width: 58%;
        right: -8%;
        top: 10%;
        z-index: 2;
    }

    .con14_top5thab5 {
        width: 58%;
        top: 26%;
        left: 10%;
    }

    /* con15 */
    .con15_top {
        width: 60%;
        margin-top: 15vw;
    }

    .con15_top2nd {
        margin-top: 3vw;
        margin-left: 0%;
    }

    .con15_top3rd {
        margin-top: 0.5vw;
    }

    .con15_top4th {
        margin-top: 3vw;
    }

    .con15_top3rdab {
        width: 31%;
        right: 52.5vw;
        bottom: 2vw;
    }

    .con15_top5th {
        width: 90%;
        height: 40vw;
        margin-top: 8.2%;
        margin-left: 0%;
        margin-bottom: 15vw;
    }

    .con15_top5th>img {
        height: 40vw;
    }

    .con15_top5th_item {
        height: 25%;
    }

    .con15_top5th_item1 {
        border-radius: 1vw 1vw 0 0;
        top: 0;

    }

    .con15_top5th_item2 {
        top: 25%;

    }

    .con15_top5th_item3 {
        top: 50%;

    }

    .con15_top5th_item4 {
        border-radius: 0 0 1vw 1vw;
        bottom: 0%;
    }

    .con15_top5th_item_on {
        background: var(--mc);
        transition: 0.3s all;
    }

    .con15_top5th_item_leftab {
        transition: 0.3s all;
        transform: translateX(-50%);
        opacity: 0;
    }

    .con15_top5th_item_on .con15_top5th_item_leftab {
        transform: translateX(0%);
        opacity: 1;
    }

    .con15_top5th_item_left {
        margin-top: 0%;
        margin-left: 0%;
        width: 6%;
        font-size: 4vw;
        justify-content: flex-start;
        white-space: nowrap;
        left: 10%;
    }

    .con15_top5th_item_leftab {
        width: 160%;
        left: 170%;
    }

    .con15_top5th_item_right {
        right: 2%;
        font-size: 3vw;
    }

    .con15_top5thab {
        width: 40%;
    }

    .con15_top5thabitem {
        width: 100%;
    }

    .con15ab {
        width: 10%;
        left: 3.2%;
        top: 3%;
    }

    .con15ab2 {
        width: 10%;
        right: 3.2%;
        top: 3%;
    }

    .con15ab3 {
        width: 10%;
        left: 3.2%;
        bottom: 3%;
    }

    .con15ab4 {
        width: 10%;
        right: 3.2%;
        bottom: 3%;
    }

    /* con16 */
    /* 레이아웃 */
    .time-widget-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0px 0;
        margin-bottom: 8vw;
        margin-top: 15vw;
    }

    .slot-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.3em;
    }

    /* 움직이는 숫자 띠 */
    .digit-strip {
        display: flex;
        flex-direction: column;
        will-change: transform;
        /* 초기에는 transition 없이, JS로 이동시킬 때만 transition 적용 */
    }

    /* 숫자 하나하나의 스타일 */
    .digit-strip span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1.6em;
        /* digit-box 높이와 100% 일치시켜야 함 */
        width: 100%;
        line-height: 1;
        /* 높이 왜곡 방지 */
    }

    /* 콜론(:)과 물결(~) */
    .separator {
        color: #333;
        /* 잘 보이게 일단 어두운 색, 필요시 #fff로 변경 */
        font-size: 0.8em;
        padding: 0 0.1em;
        display: flex;
        align-items: center;
        height: 1.6em;
    }

    .separator {
        color: white;
        font-size: 0.8em;
        padding: 0 0.1em;
        display: flex;
        align-items: center;
        height: 1.6em;
    }

    /* 숫자 들어가는 원형 박스 */
    .digit-box {
        width: 7.3vw;
        height: 9vw;
        background-color: #fff;
        border-radius: 2vw;
        overflow: hidden;
        position: relative;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        font-weight: 600;
    }

    .separator {
        color: white;
        font-size: 0.8em;
        padding: 0 0.1em;
        display: flex;
        align-items: center;
        height: 1.6em;
        font-weight: 400;
    }

    .con16 {
        background: url(/images/con16_6.jpg) no-repeat center / cover;
    }

    .con16_top {
        width: 140%;
        margin-top: -11%;
        margin-left: 0%;
    }

    .con16_top_img {
        width: 59.4583vw !important;
        bottom: -10vw;
        right: 41vw;
        opacity: 0;
    }

    .con16_top_img_change {
        opacity: 1 !important;
    }

    .con16_topabitem {
        width: 61.6146%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 26%;
        rotate: 0deg;
        filter: brightness(0.3);
        transition: 0.5s all;
    }


    .con16_topab {
        width: 37%;
        top: 62%;
    }


    /* con17 */
    .con17 {
        margin-top: -5vw;
    }

    .con17_top {
        margin-top: 15vw;
    }

    .con17_2nd {
        padding-top: 7vw;
        padding-bottom: 15vw;
    }

    .con17_top4th {
        width: 75%;
        margin-top: 20vw;
        margin-left: 0%;
    }

    .con17_top4thab {
        margin-top: 0%;
        margin-left: 0%;
        width: 86%;
        bottom: unset;
        top: 12%;
    }

    .con17_top4thab1item {
        width: 100% !important;
    }

    .con17_top4thab2 {
        width: 28%;
        right: 83%;
        top: -38%;
    }

    .con17_top4thab2abab {
        top: 166%;
        font-size: 9vw;
        left: 0%;
    }

    .con17_top4thab2ab {
        width: 59.2179%;
        top: 235%;
        right: -23%;
    }

    .con17_top4thab3 {
        width: 28%;
        left: 83%;
        top: -38%;
    }

    .con17_top4thab3ab {
        width: 33.8436%;
        top: 230%;
        left: 64%;
    }

    .con17ab3 {
        width: 25%;
        left: 2%;
        top: 60%;
        display: none;
    }

    .con17ab4 {
        width: 6.5%;
        left: 17.7%;
        top: 64%;
        display: none;
    }

    .con17ab {
        width: 20.5%;
        left: 27%;
        top: 41%;
    }

    .con17ab2 {
        width: 33%;
        left: 65%;
        top: 64vw;
    }

    .con17bt {
        bottom: -5vw;
    }

    .con17_slide {
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: var(--mc);
        padding: 4vw 0;
    }

    .image_sd_r {
        width: 400%;
    }

    .con08_tab_wrap {
        gap: 1vw;
        margin-bottom: 3vw;
    }

    .con08_tab {
        width: 11.706%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s;
        font-size: 1.2vw;
    }

    .con08_tab>img.rltv {
        opacity: 1;
        transition: all 0.3s;
    }

    .con08_tab img.absol {
        opacity: 0;
        transition: all 0.3s;
    }

    .con08_tab:hover {
        color: #C2A381;
    }

    .con08_tab:hover>img.rltv {
        opacity: 0;
    }

    .con08_tab:hover img.absol {
        opacity: 1;
    }

    .con08_tab.con08_change {
        color: #C2A381;
    }

    .con08_tab.con08_change>img.rltv {
        opacity: 0;
    }

    .con08_tab.con08_change img.absol {
        opacity: 1;
    }

    div.con08_menu {
        width: 70%;
        height: 35vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .con08_menu .swiper-slide {
        flex-direction: column;
    }

    .con08_menu_img {
        width: auto;
        height: 13vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1vw;
    }

    .con08_menu_img img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    .con08_arr {
        width: 4.51444%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
    }

    .con08_arr.con08_change {
        z-index: 1;
        opacity: 1;
        pointer-events: all;
    }

    .con08_prev {
        left: 10%;
    }

    .con08_next {
        right: 10%;
    }

    .con08_menu {
        opacity: 0;
    }

    .con08_menu.con08_change {
        opacity: 1;
        z-index: 2;
    }

    .con08_tab {
        width: 17%;
        font-size: 3vw;
    }

    .con08_tab.con08_change {
        color: white;
    }

    .con08_menu_img {
        width: auto;
        height: 32vw;
        margin-bottom: 2vw;
    }

    .con08_menu_img img {
        width: auto !important;
        height: 100%;
        object-fit: cover;
    }

    .con08_menu_tt {
        margin-top: 0%;
        margin-left: 0%;
        font-family: var(--sf);
        text-align: center;
        font-size: 3.3vw;
        font-weight: 700;
    }

    .con08_menu_desc {
        margin-top: 0%;
        margin-left: 0%;
        text-align: center;
        font-size: 3vw;
        margin-top: 1%;
        font-family: var(--mf);
        margin-bottom: 5vw;
    }

    div.con08_menu {
        width: 78%;
        height: 90vw;
        margin-top: 4vw;
    }

    .con08_tab_wrap {
        gap: 1vw;
        margin-bottom: 3vw;
        margin-top: 3.6%;
    }

    /* con18 */

    .con18top {
        width: 300% !important;
    }

    .con18topab {
        width: 3%;
        top: 72%;
        right: 36%;
    }

    .con18top2nd {
        width: 25%;
        margin-top: 15vw;
    }

    .con18top3rd {
        margin-top: 4vw;
    }

    .con18top4th {
        margin-top: 2vw;
        text-align: center;
    }

    .con18top5th {
        margin-top: 2%;
        margin-bottom: 10vw;
        flex-direction: column;
    }

    .con18top5thitem {
        width: 80vw;
        margin: 2% 1%;
    }

    .con18top5thitemab {
        opacity: 0;
        transition: 0.3s all;
    }

    .con18top5thitem_on .con18top5thitemab {
        opacity: 1;
    }

    .con18_txt {
        font-size: 4vw;
        bottom: 4.3vw;
    }

    /* con19 */
    .con19top {
        margin-top: 15vw;
    }

    .con19top2nd {
        margin-top: 1vw;
    }

    .con19top3rd {
        margin-top: 2vw;
        text-align: center;
        margin-bottom: 140vw;
    }

    .con19top4th {
        margin-top: 3.5%;
        margin-bottom: 7.3%;
    }

    .con19top4th_item1 {
        width: 70% !important;
        margin: 6vw 0;
        margin-left: -10%;
    }

    .con19top4th_item_1 {
        margin-top: -260vw;
    }

    .con19top4th_item_2 {
        margin-top: -215vw;
    }

    .con19top4th_item_3 {
        margin-top: -157vw;
    }

    .con19top4th_item_4 {
        margin-top: -110vw;
    }

    .con19top4th_item_5 {
        margin-top: -50vw;
    }

    .con19top4th_item2 {
        width: 70% !important;
        margin-left: -10%;
    }

    .con19top4th_item {
        perspective: 1000px;
        width: 70% !important;
    }

    .con19ab {
        width: 4%;
        left: 2%;
    }

    .con19ab2 {
        width: 4%;
        right: 2%;
    }

    .con19top4th_item1ab {
        opacity: 0;
    }

    .con19top4thab {
        display: flex;
        height: 120vw;
        width: 0.1vw;
        right: 12.5vw;
        top: -130vw;
    }

    .con19top4thabitem_main {
        width: 10vw;
        height: 100%;
        z-index: 10;
    }

    .con19top4thabitem {
        top: 4%;
        opacity: 0;
        width: 100%;
    }

    .con19top4thabitem_on {
        opacity: 1;
    }

    .con19top4thaab1 {
        opacity: 1;
    }

    .flip-card-front {
        width: 97.2115%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    .flip-card-back {
        width: 97.2115%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
    }

    /* con20 */
    .con20top {
        margin-top: 15vw;
        margin-left: 0%;
    }

    .con20top2nd {
        margin-top: 1vw;
        margin-bottom: 4vw;
        font-size: 10vw;
    }



    /* con21 */
    .con21top {
        margin-top: 15vw;
        width: 76%;
        font-size: 7vw;
        text-align: center;
    }

    .con21top2nd {
        margin-top: 1vw;
        width: 76%;
        font-size: 10vw;
        text-align: center;
    }

    .con21top3rd {
        width: 76%;
        margin-top: 3vw;
        margin-bottom: 90vw;
        font-size: 3.5vw;
        text-align: center;
    }

    .con21top4th {
        width: 53%;
        margin-top: 4%;
        margin-left: -40%;
        margin-bottom: -17.9%;
    }

    .con21top4thab2 {
        width: 35%;
        bottom: 62%;
        left: 78%;
    }

    .con21top4thab3 {
        width: 11%;
        bottom: 68%;
        right: -3%;
    }

    .con21top4thab {
        width: 118.528%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0%;
        margin-left: 0%;
        z-index: 4;
        animation: smoke 2s infinite;
        bottom: 20%;
    }

    .con20ab2 {
        width: 100.787%;
        bottom: 0;
    }

    .con21ab {
        width: 300% !important;
        top: 0;
    }

    .con21abab {
        width: 9%;
        left: 9%;
        top: 95%;
    }

    .con21ab2 {
        bottom: 0;
        width: 100.787%;
    }


    .form {
        border-radius: 3vw;
        width: 75%;
        margin: 0 auto;
        margin-top: 40vw;
    }

    .form_row_imput_radio:checked {
        background: var(--mc);
        height: 7vw;
        border-radius: 2vw;
    }

    .form_row_imput_radio {
        width: 34%;
        border-radius: unset;
        height: 7vw;
        border: unset;
        background: #80808026;
        border-radius: 2vw;
    }

    .form_row_imput_radio:checked::before {
        color: white;
        border-radius: 2vw;
    }

    .form_row {
        border-bottom: unset !important;
        width: 90%;
    }

    .form_agree_check:checked::after {
        background: var(--mc);
    }

    .form_row_imput_text {
        padding-left: 3%;
        box-sizing: border-box;
        border: 1px solid #80808026;
        border-radius: 2vw;
        background: white;
        height: 7vw;
    }

    .form_submit {
        display: flex;
        justify-content: center;
        align-items: center;
        background: unset;
        padding: 0;
        width: 100%;
        height: 7vw;
        background: var(--mc);
        color: white;
        position: relative !important;
        margin-bottom: 0;
        font-size: 3.5vw;
        font-family: var(--sf);
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
        cursor: pointer;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 400;
        top: 104%;
        position: relative !important;
        width: 85%;
        border-radius: 1vw;
        margin-bottom: 10%;
    }

    .form_agree {
        display: flex;
        align-items: center;
        width: 78%;
        margin-top: 8%;
        margin-bottom: 5%;
        justify-content: flex-end;
    }

    .form_row_label {
        font-family: var(--sf) !important;
        font-size: 3vw;
    }

    .form_row_imput_radio::before {
        font-family: var(--sf) !important;
        font-size: 3vw;
    }

    .form_row_label_required::after {
        content: '*';
        font-family: Pretendard-regular;
        color: #cb1f39;
        white-space: nowrap;
        font-size: 5vw;
        position: absolute;
        right: 100%;
        width: 0%;
        bottom: -10%;
        left: -1%;
    }

    .form_agree_check {
        margin-right: 2%;
        width: 2vw;
        height: 2vw;
        overflow: hidden;
        outline: 0;
        background: #f2f2f2;
        color: transparent;
        border: none;
        appearance: none;
    }

    .form_agree_span {
        font-size: 3vw;
        font-family: Pretendard-regular !important;
        color: black;
    }


    /*    map*/
    .map_mid_2nd {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        width: 92%;
        margin-bottom: 15vw;
        border: none;
    }

    .map {
        width: 100%;
        height: 55vw;
        border-radius: 0vw;
        margin-top: 6vw;
        border-radius: 5vw;
        border: 1px solid var(--mc);
    }

    .map_search {
        width: 5% !important;
        right: 12%;
    }

    .map_mid_map_search_mid {
        width: 100%;
        height: 40vw;
        box-sizing: border-box;
        overflow: hidden;
    }

    .map_mid_map_search_mid_title {
        font-family: var(--sf);
        font-size: 5vw;
        font-weight: 700;
        margin-bottom: 1.4vw;
        margin-top: 1vw;
    }

    .map_mid_map_search {
        position: relative !important;
        width: 100%;
        background: white;
        height: 114vw;
        top: 5%;
        z-index: 0;
        left: 0;
        border-radius: 5vw;
        overflow: hidden;
        border: 1px solid var(--mc);
    }

    .map_mid_map_search_top>div {
        color: #000;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 3.2vw;
    }

    .map_mid_map_search_mid input {
        appearance: none;
        border: none;
        outline: none;
        height: 70%;
        padding-left: 5%;
        font-size: 3vw;
    }


    .map_sido_wrap {
        width: 86.7403%;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5vw;
    }

    .map_mid_map_search_mid input::placeholder {
        color: #00000054;
    }


    .map_mid_map_search_item {
        font-size: 3.4vw;
        padding: 6% 0%;
    }

    .map_mid_map_search_item_title {
        font-size: 4.3vw;
        font-family: pretendard-bold;
    }

    .map_mid_map_search_bottom {
        /* overflow: scroll; */
        overflow-y: hidden;
        height: 73.5vw;
        width: 100%;
        border: 1px solid #000;
    }

    .map_mid_map_search_item_address {
        margin-top: 4%;
        margin-bottom: 0;
    }

    p.popup_right_2nd {
        font-weight: 600;
        width: 100%;
        font-size: 4.1vw;
        padding-bottom: 3%;
        box-sizing: border-box;
        font-family: 'pretendard variable';
    }

    .map_plus {
        width: 7.4%;
        height: 6.9vw;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 4%;
        top: 5vw;
        cursor: pointer;
    }

    .map_search_left_img {
        width: 17.942%;
    }

    /* 시도 */
    .form-control {
        width: 48%;
        height: 8vw;
        font-family: 'pretendard Variable';
        font-size: 4vw;
    }

    .map_mid_map_search_mid input {
        appearance: none;
        border: none;
        outline: none;
        width: 86.7403%;
        height: 9.3vw;
        padding-left: 9%;
        font-weight: 400;
        font-size: 4vw;
        border-radius: 0vw;
        box-sizing: border-box;
        margin-top: 1.5vw;
    }



}