.main {
    width: 100%;

    display: flex;
    align-items: center;
    flex-direction: column;
}

.main_bg {
    background: url('/images/main_07.png') center center / cover no-repeat;

    width: 96.823vw;
    height: 40.7295vw;

    display: flex;
    flex-direction: column;
    align-items: center;

    border-radius: 0 0 4vw 4vw;
}

.main_iner {
    width: 93.9585vw;
    height: 39.323vw;

    border-left: 0.260vw solid #fff000;
    border-right: 0.260vw solid #fff000;
    border-bottom: 0.260vw solid #fff000;

    border-radius: 0 0 3.4vw 3.4vw;

    display: flex;
    justify-content: center;

    z-index: 10;
}

.main_01 {
    width: 50.2086vw;
}

.main_09 {
    width: 34.688vw;
}

.main_10 {
    width: 34.0105vw;
}

.main_11 {
    width: 31.9796vw;
}

.main_tsd {
    padding: 1.7vw 0;
}

.main_sd {
    z-index: 20;

    bottom: -5.9vw;
}

.main_ckn_01 {
    width: 49.4792vw;
}

.main_ckn_02 {
    width: 41.25vw;
}

.main_ckn_03 {
    width: 50.7813vw;
}

.main_02 {
    margin-top: 11.5vw;
    width: 31.406vw;

    left: -0.6vw;
}

.main_03 {
    width: 3.125vw;
    top: 10.6vw;
    left: 14.1vw;
}

.main_fire {
    width: 100%;

    bottom: -11vw;

    mix-blend-mode: hard-light;
    opacity: 0.4;
    filter: grayscale(0.5);
}

div.main_lr_sd {
    width: 100vw;
    z-index: 6;
}

.main_lr_sd .swiper-slide {
    transition: 0.7s;
    opacity: 1;
    scale: 1;
}

.main_lr_sd .swiper-slide-prev {
    opacity: 0;
    scale: 0.2;
}

div.main_left_sd {
    bottom: -12.2vw;
    left: -42vw;
}

div.main_right_sd {
    bottom: -12.2vw;
    right: -42vw;
}

.main_04 {
    width: 12.0313vw;

    top: 28.229vw;
    right: 31.25vw;

    z-index: 30;
}

.main_twrap {
    margin-top: 0.8vw;
    z-index: 10;
}

.main_05 {
    width: 7.0835vw;
    margin-bottom: -0.6vw;
}

.main_06 {
    width: 0.8336vw;
    margin-left: 0.2vw;
}

.main_prc {
    width: 7vw;
    letter-spacing: -0.156vw;
    text-align: right;
}

.con01 {
    background: #000;

    z-index: 20;
}

.con01_01 {
    width: 41.1458vw;
    margin-bottom: 0.4vw;
}

.con01_02 {
    width: 37.7085vw;
}

.con01_item {
    width: 21.9792vw;
    height: 24.7917vw;

    background: #fff;

    border-radius: 2vw;

    cursor: pointer;

    transition: 0.4s;
}

@media screen and (min-width:600px) {

    /* PC */
    .con01_item.change {
        background: #fff000;
    }

    .con01_item.change .con01_himg {
        width: 25.7813vw;
        margin-top: 1.5104vw;
        margin-bottom: -11vw;
    }

    .con01_item.change .con01_inum {
        transform: rotate(10deg);
    }

}

.con01_inum {
    width: 3.4375vw;

    top: 1.0417vw;
    left: 0.8333vw;

    transition: 0.4s;
}


.con01_himg {
    width: 25.7813vw;
    margin-top: 1.5104vw;

    margin-bottom: -17vw;

    transition: 0.4s;
}

.com01_it1 {
    margin-bottom: 1.2vw;
}

.con01_06 {
    width: 5.26046vw;
}

.con01_08 {
    width: 6.25vw;
}

.con01_11 {
    width: 7.6042vw;
}

.con01_iwrap {
    column-gap: 1.61vw;
    margin-top: 3.96vw;
    margin-bottom: 5.2vw;
}

.con01_13 {
    width: 100vw;
}

.con01_15,
.con01_16 {
    width: 4.4271vw;
}

.con01_15 {
    top: 7vw;
    left: -3vw;

    z-index: 10;
}

.con01_16 {
    top: 7vw;
    right: 3.3vw;

    z-index: 15;
}

.con01_17 {
    width: 7.6042vw;
    left: -19vw;
    top: 9vw;
}

.con01_18 {
    width: 11.5104vw;
    top: 14vw;
    left: -12vw;
}

.con01_19 {
    width: 14.1146vw;
    top: 6vw;
    right: -12vw;
}

.con01_tger {
    width: 36.4583vw;

    margin-bottom: -8.3vw;

    z-index: 10;

}

.con01_tger_wrap {
    bottom: 0;
    z-index: 10;
    pointer-events: none;
}

.tger2 {
    z-index: 10;
}

div.con01_wave {
    position: relative;
    width: 100vw;
    margin-top: -8.4vw;

    z-index: 10;
}

.con02 {
    margin-top: -3.5vw;
    padding-top: 1vw;

}

.con02_plus {
    width: 2.91676vw;
}

.con02_p1 {
    left: 31.9vw;
}

.con02_p2 {
    right: 31.9vw;
}

.con02_03 {
    width: 42.3958vw;

    margin-bottom: 3.4375vw;
}

.con02_02 {
    width: 15.8854vw;
}

.con02_tt {
    width: 20.52086vw;

    margin-bottom: 1.1vw;
}

.con02_t1 {
    margin-bottom: 2.76vw;
}

.con02_item {
    width: 33.333vw;
    height: 29.2188vw;

    border: 0.05vw solid #000;

    display: flex;
    align-items: center;
    flex-direction: column;

    overflow: hidden;
    background: #fff;
}

.con02_citem {
    border-left: none;
    border-right: none;
}

.con02_it_img {
    width: 27.6563vw;
    margin-top: -0.2vw;

    clip-path: inset(1% 0 0 0);

    border-radius: 0 0 1vw 1vw;
}

.con02_it_pint {
    width: 6.14585vw;
    margin-top: -1.5vw;
    z-index: 10;

    margin-bottom: 1.6vw;
}

.con02_it_tt {
    width: auto;
    height: 1.7188vw;

    margin-bottom: 0.8vw;
}

.con02_it_ovry {
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.9);
}

.con02_09 {
    margin-top: 1vw;
    width: 14.01046vw;
}

.tger_mker {
    z-index: 1;
}

.con02_14 {
    width: 4.1667vw;
    bottom: -1vw;
}

.con02_15 {
    width: 6.9271vw;
    top: 3.3vw;
}

.con02_13 {
    width: 13.4375vw;
    top: 1.4vw;
}

.con02_13_ovry {
    width: 100%;
    height: 100%;
    background: #c31c0f;
    border-radius: 50%;
}

div.con02_foot {
    width: 100vw;
    height: 4.1vw;

    background: #fff000;
    background: linear-gradient(90deg, #fff000, #fff000, #fffab7, #fff000, #fff000);
    background-size: 300% 100%;
    animation: txt-gradation-02 5s linear infinite;
}

div.con02_20 {
    width: 110vw;
}

.con03 {
    background: url('/images/con03_bg.png') center center / cover no-repeat;

    width: 100%;
    padding-top: 7.3vw;
    /* height: 49.3229vw; */
}

.con03_04 {
    width: 28.4375vw;
    margin-bottom: 2.9vw;
}

.con03_09 {
    width: 19.4271vw;
    margin-bottom: -14.8vw;

    z-index: 10;
}

.con03_plt_wrap {
    display: flex;
    bottom: -13vw;
    gap: 10vw;
}

.con03_02 {
    width: 36.0417vw;
}

.con03_03 {
    width: 35.9375vw;
}

.con03_01 {
    width: 12.8646vw;
    top: 25.5vw;
    left: 25.5vw;
}

.con03_10 {
    z-index: 20;

    right: 21.7vw;
    bottom: -4vw;

    width: 24.375vw;
}

.con03_08 {
    width: 17.76045vw;
    mix-blend-mode: screen;

    right: -0.8vw;
    top: 0.1vw;
}

.con03_05 {
    z-index: 25;

    width: 21.3021vw;

    top: -4vw;
    right: -3vw;

    mix-blend-mode: screen;
}

.con03_06 {
    width: 58.6458vw;

    top: 4.6875vw;
    right: 4.8958vw;

    z-index: 43;
}

.con03_07 {
    width: 33.75vw;

    left: 0;
    top: 6.8229vw;

    z-index: 40;
}

.con03_11 {
    width: 35.4167vw;

    top: 4.1667vw;
    right: 0;
    z-index: 43;
}

.con04 {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    height: 95vw;
}

.con_lamp {
    top: 0;

    width: 3.2813vw;
}

.con04_01 {
    width: 74.9479vw;

    margin-top: -0.3vw;
    margin-bottom: 1vw;
}

.con04_04,
.con04_05 {
    width: 4.4271vw;
    top: 0.7813vw;
}

.con04_04 {
    left: -6.1vw;
}

.con04_05 {
    right: -6.1vw;
}

.con4_dr_red {
    width: 48.4vw;
    height: 100%;

    background: #c31c0f;
}

.con4_dr_yell {
    width: 1.56vw;
    height: 100%;

    background: #fff000;
}

.con04_door {
    top: 0;

    display: flex;

    opacity: 0.97;

    z-index: 10;
}

.con04_lt_door {
    left: -42.94vw;
}

.con04_rt_door {
    right: -42.94vw;
}

.con04_07_01 {
    z-index: 11;

    left: 0;
    top: 13vw;

    width: 65.4167vw;
}

.con04_03 {
    width: 25.4167vw;

    z-index: 50;
}

.con05 {
    background: url('/images/con04_06.png') center center / cover no-repeat;

    width: 100vw;
    height: 89.8958vw;


    top: 14.7vw;

    z-index: 11;
}

div.con05_sd {
    margin-top: 8.4vw;

    z-index: 10;
}

.con04_12 {
    width: 37.7083vw;
}

.con04_13 {
    width: 37.5vw;
}

.con04_14 {
    width: 38.8021vw;
}

.con04_15 {
    width: 37.6563vw;
}

.con04_11 {
    width: 31.9792vw;
    z-index: 10;
    pointer-events: none;
}

div.con05_sd2 {
    margin-top: -13.9vw;
}

.con05_sd2_img {
    width: 22.1354vw;
}

.con05_pwrap {
    display: flex;
    z-index: 20;
    top: 10vw;
}

.con05_pw1 {
    left: 19vw;
}

.con04_08 {
    width: 10.9375vw;
    margin-bottom: -1vw;
}

.con05_won {
    margin-left: 0.4vw;
    margin-bottom: -1.8vw;
}

.con05_pw1 .con05_price {
    width: 7.7vw;
}

.con05_pw2 {
    right: 13.7vw;
}

.con05_pw2 .con05_price {
    width: 12.6vw;
}

.con05_04 {
    width: 12.6563vw;
    margin-left: 0.5vw;
}

.con05_05 {
    width: 3.125vw;
    margin-right: 0.5vw;
}

.con05_2nd {
    padding-top: 5vw;
}

.con05_01 {
    width: 20.20836vw;

    margin-bottom: 0.4vw;
}

.con05_t3 {
    margin-top: 1vw;
}

.con05_07 {
    width: 14.1146vw;
}

.con05_08 {
    width: 7.6042vw;
}

.con05_c1 {
    top: 9.9vw;
    left: 6.3vw;
}

.con05_c2 {
    top: 6.9vw;
    left: -0.2vw;
}

.con05_c3 {
    right: -9.5vw;
    top: 29.4vw;
}

.con05_c4 {
    right: 2.34vw;
    top: 25.3vw;
}

.con05_iwrap {
    gap: 0.6vw;

    margin-top: 2.5vw;
}

.con05_item {
    width: auto;
    height: 22.70836vw;
}

.con05_11 {
    width: 4.5313vw;

    bottom: 5.1vw;
    left: 14.15vw;
}

.con05_12 {
    width: 6.19796vw;

    top: 4vw;
    left: 13.5vw;
}

.con05_cloud {
    z-index: 10;
}

.con05_09 {
    width: 4.4271vw;
}

.con05_fire {
    bottom: 0;

    width: 100%;

    bottom: 0vw;

    mix-blend-mode: hard-light;
    opacity: 0.9;
    filter: grayscale(0);

    z-index: -1;
}

.con06 {
    z-index: 20;

    background: #fff;
}

.con06_15 {
    width: 39.4271vw;
    top: -15vw;
    right: 3.3vw;

    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 90%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;

    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 90%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.con06_ovry {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;

    pointer-events: none;
}

.con06_ovry img {
    height: 100%;
    object-fit: cover;
}

.con06_lamp {
    top: 5.8vw;
}

.con05_18 {
    width: 109.5312vw;
}

.con06_tsd {
    z-index: 10;
    top: 1.2vw;
}

.con06_01 {
    margin-top: -0.5vw;
    width: 25.52086vw;
}

.con06_wave1 {
    opacity: 0.97;
}

div.con06_wave2 {
    width: 13.5937vw;
}


.con06_03 {
    width: 24.375vw;

    margin-top: 1.3vw;
    margin-bottom: 0.2vw;
}

.con06_twrap {
    padding-left: 15.3vw;
}

.con06_04 {
    width: 24.1667vw;
}

.con06_05 {
    width: 3.125vw;
    margin-bottom: -0.8vw;
    margin-left: 0.5vw;
}

.con06_t1 {
    margin-top: 1vw;
    margin-bottom: 3.1vw;
}

.con06_iwrap {
    flex-wrap: wrap;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 0.52vw;

    position: relative;

    z-index: 10;
}

.con06_item {
    width: 40.3646vw;
    height: 17.5vw;
    border-radius: 2.0835vw;

    border: 0.05vw solid #000;

    background: #fff;
    color: #000;


    overflow: hidden;

    display: flex;
    align-items: center;

    cursor: pointer;

    padding: 0 4.6vw;

    transition: 0.4s;
}

/* .con06_item.change */

.con06_item.change {
    background: #c31c0f;
    color: #fff;
}

.con06_itry_lt {
    left: -15vw;
    transition: left 0.4s;
}

.con06_itry_rt {
    right: -15vw;
    transition: right 0.4s;
}

.con06_item.change .con06_itry_rt {
    right: -1vw;
    z-index: 5;
}

.con06_item.change .con06_itry_lt {
    left: -1vw;
    z-index: 5;
}


.con06_38 {
    width: 13.125vw;

    right: -15vw;
    bottom: -0.6vw;
}

.con06_item.change .con06_38 {
    right: 2.2vw;
    transition: 0.4s 0.3s;
}

.con06_40 {
    top: 4.6vw;
    left: 3.5vw;

    width: 12.2917vw;
}

.con06_item.change .con06_40 {
    animation: g_man 2.5s infinite;
}

.con06_39 {
    width: 10.2083vw;

    top: 3.7vw;
    right: 3.9vw;
}

.con06_item.change .con06_39 {
    animation: q_man 2.5s infinite;
}

.con06_41 {
    width: 12.3438vw;

    top: 2.9vw;
    left: 2.5vw;
}

.con06_item.change .con06_41 {
    animation: cute_man 2.5s infinite;
}


.con06_man {
    z-index: 15;

    opacity: 0;

    transition: 0.4s;
}

.con06_item.change .con06_man {
    opacity: 1;
}

.con06_item_rt {
    justify-content: flex-end;
}

.con06_it_lt {
    display: flex;
    flex-direction: column;

    z-index: 10;
}

.con06_it_rt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.con06_inum {
    width: 4.32296vw;

    margin-bottom: 1.5vw;
}

.con06_tger {
    z-index: 40;

    top: -21.6vw;
    left: -27.1vw;

    width: 42.5521vw;
}

.con05_16 {
    width: 29.7917vw;

    display: flex;
    align-items: center;

    top: 5.9vw;
    left: 5.3vw;
}

.con05_15 {
    width: 12.1354vw;
    right: 0.833vw;
}

.con05_14 {
    width: 4.2708vw;
    left: 0.833vw;
}

.con06_it1 {
    margin-bottom: 0.9vw;
}

.con06_06 {
    width: 14.4792vw;

    z-index: 40;

    pointer-events: none;
}

.c_tiger2 {
    z-index: 10;
}

.con06_2nd {
    height: 75vw;
    margin-top: -14vw;

    display: flex;
    align-items: center;
    flex-direction: column;
}

.con06_2nd_bg03 {
    background: #000;

    width: 100%;
    height: calc(100% - 17.6vw);

    top: 17.6vw;

    z-index: 0;
}

.con06_08 {
    width: 17.6563vw;
    margin-bottom: 1.2vw;
}

.con06_09 {
    width: 26.7188vw;
    margin-bottom: 1.7vw;
}

.con06_bg02 {
    width: 100%;

    top: 0;
    z-index: 1;
}

.con06_iner {
    z-index: 40;

    top: 28vw;
    left: 0;

    width: 100%;
}

.con06_tdc {
    width: 13.75vw;
    height: 2.8646vw;
    background: #fff;

    bottom: -0.1vw;
    right: -0.18vw;

    z-index: -1;
}

.con06_11 {
    width: 16.4063vw;

    top: -6vw;
    left: -4.1vw;
}

div.con06_sd {
    width: 62vw;

    margin-top: 4.2vw;

    display: flex;
    justify-content: center;
    align-items: center;
}

.con06_sd_img {
    width: 29.3229vw;
}


@media screen and (min-width:600px) {

    /* PC */
    .con06_sd .swiper-slide-next {
        opacity: 0;
    }

    .con06_sd .swiper-slide {
        transition: 0.4s;
    }
}

.con06_btn_wrap {
    z-index: 10;
    gap: 25.4vw;
}

.con06_tger2 {
    top: -6vw;
    right: 1vw;

    z-index: 20;
}

.con06_17 {
    width: 10.83336vw;

    z-index: 10;
}

.con06_16 {
    width: 42.6042vw;
}

.con06_tger2_ovry {
    z-index: 1;

    width: 100%;
    height: 100%;
    border-radius: 50%;

    background: #000;
}

.con06_16 img {
    z-index: 5;
}

.con06_tger3 {
    z-index: 20;

    width: 19.9479vw;

    right: 30.1vw;
    top: 10.2vw;
}

.con06_tger2_ovry {
    width: 100%;
    height: 100%;
}

.con06_tsd2 {
    top: 30vw;
    z-index: -1;
}

.con06_13 {
    width: 14.1146vw;

    top: 26.5vw;
    right: 0vw;
}

.con06_14 {
    width: 7.6042vw;
    top: 23vw;
    right: -3vw;
}

.con06_07 {
    width: 100vw;
}

.con07_bg {
    width: 100vw;
    pointer-events: none;
}

.con07_iner {
    margin-top: -38vw;

    padding-bottom: 4vw;
}

.con07_01 {
    width: 49.1667vw;
    margin-top: 1vw;
}


.con07_card_wrap {
    margin-top: 0.5vw;

    z-index: 10;
}

.con07_card {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
    width: 27.39586vw;
    height: 27.39586vw;
    border-radius: 50%;

    margin: 0 -2.5vw;

    perspective: 1000px;
}

.card-front,
.card-back {
    position: absolute;

    display: flex;
    justify-content: center;
    align-items: center;

    backface-visibility: hidden;
    transition: transform 0.7s ease;
}

.card-front {
    width: 100%;

    transform: rotateY(0deg);
    z-index: 2;

    display: flex;
    justify-content: center;
}

.card-back {
    width: 91.25486%;
    height: 91.25486%;
    transform: rotateY(180deg);
    z-index: 1;
}

@media screen and (min-width:600px) {

    /* PC */
    .con07_card.change .card-front {
        transform: rotateY(180deg);
        z-index: 1;
    }

    .con07_card.change .card-back {
        transform: rotateY(360deg);
        z-index: 2;
    }

    .con07_card.change .con07_cd_ovry {
        animation: none;
    }

    .con07_card.change .con07_ct_bg {
        width: 0vw;
        transition: 0.4s 0s ease-in-out;
    }

}


.con07_cnum {
    width: 4.3229vw;
    margin-bottom: 0.8vw;
}

.con07_cd_ovry {
    width: 80%;
    height: 80%;
    border-radius: 50%;

    background: #000;

    z-index: -1;

    animation: scaleOpa infinite 1.25s;
}



.con07_cd1 .con07_ct_bg {
    width: 16.55vw;
    height: 1.1vw;

    top: 1.35vw;
    left: -0.2vw;
}

.con07_cd2 .con07_ct_bg {
    width: 17.55vw;
    height: 1.1vw;
    top: 2.65vw;
    left: -0.1vw;
}

.con07_cd3 .con07_ct_bg {
    width: 17.5vw;
    height: 1.1vw;
    top: 2.65vw;
    left: -0.1vw;
}

.con07_cd4 .con07_ct_bg {
    width: 14.1vw;
    height: 1.1vw;
    top: 2.65vw;
    left: 2.9vw;
}

.con07_ct_bg {
    transition: 0.4s 0.5s ease-in-out;
}



.con07_ctxt {
    z-index: 1;
    line-height: 1.3;
}

.con07_cd_iner {
    top: 4vw;
}

.con07_06 {
    width: 5.7813vw;
}

.con07_09 {
    width: 7.0313vw;
}

.con07_11 {
    width: 9.2708vw;
}

.con07_15 {
    width: 6.9792vw;
}


.con07_02 {
    width: 20.625vw;
    top: 4.8vw;
}

.con07_cd_tt {
    margin-bottom: 0.8vw;
}

.con07_03 {
    width: 25.2604vw;
}

.con07_fsd {
    margin-top: -4.8vw;
}

div.con07_16 {
    width: 100vw;
}

.con08_lr {
    width: 50%;
    height: 54.2188vw;

    overflow: hidden;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
}

.con08_lr_iner {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;


    z-index: 10;
}

.con08_left {
    background: url('/images/con08_bg02.png') center center / cover no-repeat;
}

.con08_right {
    background: url('/images/con08_bg02.png') center center / cover no-repeat;
}

.con08_twrap {
    top: 10.4167vw;

    z-index: 10;
}

.con08_08 {
    width: 30.4688vw;
    margin-bottom: 1.5vw;
}

.con08_shp_warp {
    gap: 0.8vw;
    opacity: 0.2;
    transition: 0.4s;
}

.con08_lr.change .con08_shp_warp {
    opacity: 1;
}

.con08_shp {
    opacity: 0.5;
    transition: 0.2s;
}

.con08_shp.change {
    opacity: 1;
}

.con08_01 {
    width: 14.7917vw;
}

.con08_02 {
    width: 14.8958vw;
}

.con08_left .con08_shp_warp {
    top: 13.65vw;
    left: -0.1vw;
}

.con08_right .con08_shp_warp {
    top: 13.65vw;
    right: -0.4vw;
}

.con08_18 {
    width: 14.8438vw;
}

.con08_19 {
    width: 14.7396vw;
}

.con08_ftxt {
    filter: grayscale(1) brightness(1.5);
    transition: 0.3s;
}

.con08_lr.change .con08_ftxt {
    filter: grayscale(0) brightness(1);
    animation: sc_txt 1.5s infinite ease-in-out;
}

.con08_06 {
    width: 31.6146vw;
    margin-bottom: -2.3vw;
}

.con08_20 {
    width: 41.7708vw;
    margin-bottom: -0.3vw;
}

.con08_05 {
    width: 50vw;
    margin-bottom: -11vw;
}

.con08_16 {
    width: 57.5521vw;
    margin-bottom: -10.2vw;

    position: relative;
    right: -2vw;
}

.con08_ckn {
    z-index: 1;

    filter: grayscale(1);

    transition: 0.4s;
}

.con08_lr.change .con08_ckn {
    animation: updown 1.5s infinite ease-in-out;
}

.con08_lr.change .con08_ckn {
    filter: grayscale(0);
}

.con08_lr_fire {
    width: 240%;

    bottom: -37vw;

    mix-blend-mode: hard-light;
    opacity: 0;
    filter: grayscale(0.2);

    pointer-events: none;

    transition: 0.4s 0.2s;
}

.con08_lr.change .con08_lr_fire {
    opacity: 0.8;
    bottom: 0;
}

div.con08_04 {
    width: 100vw;

    z-index: 20;
}

.con08_lr_sd {
    bottom: 0.7vw;

    opacity: 0;
    transition: 0.7s;

    z-index: 30;
}

.con08_lr.change .con08_lr_sd {
    opacity: 1;
}

.con08_03 {
    width: 14.2188vw;
    z-index: 20;
    top: 30vw;
}

.con08_lr.change .con08_03 {
    animation: updown 1.5s infinite ease-in-out;
}

.con08_dt1 {
    z-index: 2;
    clip-path: inset(0 100% 0 0);
    transition: 0.3s ease-in-out;
}

.con08_lr.change .con08_dt1 {
    clip-path: inset(0 0 0 0);
}

.con09_item {
    width: 25%;
    height: 50.9375vw;
    background: #999;
}

.con09_i1 {
    background: url('/images/con09_bg1.png') center center / cover no-repeat;
}

.con09_i2 {
    background: url('/images/con09_bg2.png') center center / cover no-repeat;
}

.con09_i3 {
    background: url('/images/con09_bg3.png') center center / cover no-repeat;
}

.con09_i4 {
    background: url('/images/con09_bg4.png') center center / cover no-repeat;
}

.con09_item_ovry {
    width: 100%;
    height: 0;

    position: absolute;

    background: #c31c0f;

    transition: 0.4s ease-in-out;

    display: flex;
    justify-content: center;
}

.con09_item {
    display: flex;
    flex-direction: column;
    align-items: center;

    overflow: hidden;
}

.con09_item.change .con09_item_ovry {
    height: 100%;
}

.con09_item_fire {
    width: 260%;
    bottom: -41vw;
    left: -17vw;
    mix-blend-mode: lighten;
    opacity: 0;
    filter: grayscale(0);

    z-index: 1;

    transition: 0.4s;
}

.con09_item.change .con09_item_fire {
    bottom: 0vw;
    opacity: 1;
    transition: 0.4s 0.3s;
}

.con09_it_iner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding-top: 22.9vw;

    z-index: 20;

    filter: grayscale(1);
    opacity: 0.4;

    transition: 0.3s;
}

.con09_item.change .con09_it_iner {
    filter: grayscale(0);
    opacity: 1;
}

.con09_05 {
    width: 6.9792vw;

    top: 1.6vw;
    left: 0.1vw;
}


.con09_05 img {
    opacity: 0;
}

.con09_item.change .con09_05 {
    animation: stamp 1.5s ease-in-out;
    z-index: 1;
}

.con09_item.change .con09_05 img {
    opacity: 1;
}

.con09_itxt {
    width: auto;
    margin-bottom: 2.8vw;
}

.con09_item.change .con09_itxt {
    animation: it_txt 1.5s infinite ease-in-out;
}

.con09_item.change .con09_food_img {
    animation: updown 1.5s infinite ease-in-out;
}

.con09_wave {
    z-index: 1;

    bottom: 1.5vw;

    opacity: 0;
    transition: 0.7s;
    z-index: 10;
}

.con09_item.change .con09_wave {
    opacity: 1;
}

.con09_06 {
    width: 50.2083vw;
    right: -15vw;
}

.con09_11 {
    width: 32.7083vw;
    right: -7vw;
}

.con09_13 {
    width: 45.7292vw;
    right: -13vw;
}

.con09_15 {
    width: 27.39586vw;
    right: -4.5vw;
}

.con09_04 {
    height: 2.2396vw;
}

.con09_10 {
    height: 2.1875vw;
}

.con09_12 {
    height: 2.2396vw;
}

.con09_14 {
    height: 2.2917vw;
}

.con09_twrap {
    z-index: 50;
    top: -0.3vw;
}

.con09_02 {
    width: 39.0625vw;
}

.con09_01 {
    width: 21.8229vw;

    margin-top: -1.9vw;
}

.con_tsd_red {
    background: #c31c0f;

    height: 3.6458vw;
    border: 0.05vw solid #000;

    background: linear-gradient(90deg, #c31c0f, #c31c0f, #ff0000, #c31c0f, #c31c0f);
    background-size: 300% 100%;
    animation: txt-gradation-02 5s linear infinite;
}

div.con09_18 {
    width: 120.8854vw;
}

.con10 {
    background: url('/images/con10_bg.png') center center / cover no-repeat;

    width: 100%;
    height: 73vw;

    display: flex;
    align-items: center;
    flex-direction: column;
}

.con10_01 {
    width: 42.7297vw;
}

.con10_02 {
    width: 14.2782vw;

    margin-top: -3.3vw;
    margin-bottom: 1.3vw;
}

.con10_03 {
    width: 20.4199vw;
    margin-bottom: 1.6vw;
}

.con10_mwrap {
    width: 85.9896vw;
    height: 35.9896vw;

    border: 0.1vw solid #c31c0f;
    border-radius: 3.125vw;

    margin-top: 3vw;

    padding: 0.73vw;

    z-index: 10;
}

.con10_miner {
    width: 100%;
    height: 100%;
    border-radius: 2.5vw;
    border: 0.2vw solid #c31c0f;
    background: #000;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab_mimg {
    width: auto;
    height: 1.3021vw;

    z-index: 15;
}

.tab_mimg img {
    height: 100%;
    object-fit: cover;
}

div.con10_tm_sd {
    padding: 3.7vw 2vw;
    width: 76vw;
}

.con10_tm_sd .swiper-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}


.con10_tm_sd .tab_menu.on .tab_mi1 {
    clip-path: inset(0 0 0 100%);
}

.tab_mi1 {
    filter: grayscale(100%) brightness(100);
    z-index: 1;
    clip-path: inset(0 0 0 0);
    transition: 0.3s;
}

.con10_tb_ovry {
    width: 7.8646vw;
    height: 2.8125vw;

    border: 0.15vw solid #c31c0f;
    border-radius: 10vw;

    z-index: 10;
    background: #000;
}

.con10_tb_ovry2 {
    width: 8.5938vw;
    height: 3.4896vw;

    border: 0.05vw solid #c31c0f;
    border-radius: 10vw;
}

.con10_tb_ovry3 {
    width: 9.3229vw;
    height: 4.1667vw;

    border: 0.05vw solid #c31c0f;
    border-radius: 10vw;
}

/* 수정 코드 */
.tab_menu_02 .con10_tb_ovry {
    width: 9.8646vw;
}

.tab_menu_02 .con10_tb_ovry2 {
    width: 10.5938vw;
}

.tab_menu_02 .con10_tb_ovry3 {
    width: 11.3229vw;
}

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

    /* 모바일 수정 코드 */
    .tab_menu_02 .con10_tb_ovry {
        width: 39.8646vw;
    }

    .tab_menu_02 .con10_tb_ovry2 {
        width: 44.5938vw;
    }

    .tab_menu_02 .con10_tb_ovry3 {
        width: 41.3229vw;
    }

    .con10_tm_sd .swiper-wrapper {
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.con10_tbov {
    opacity: 0;
    transition: 0.4s;
}

.con10_tm_sd .tab_menu.on .con10_tbov {
    opacity: 1;
}

.con10_tm_sd .tab_menu.on .con10_tb_ovry2,
.con10_tm_sd .tab_menu.on .con10_tb_ovry3 {
    animation: scaleBox 2s infinite ease-in-out;
}

.con10_mt2 {
    width: 95%;
    margin-top: 1vw;

    max-height: 4.9vw;
    overflow: hidden;
}

/*----------------------------- 고객수정 -----------------------------*/
p.con10_mt2 {
    display: none !important;
}

@media screen and (max-width:599px) {
    .con10_mwrap {
        height: 117vw !important;
    }
}



.con10_mitem {
    width: 17.6042vw;

    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.con10_mtxt {
    width: 100%;
}

.con10_mimg {
    width: 100%;
    height: 13.6458vw;

    border-radius: 1.6vw;
    overflow: hidden;

    margin-bottom: 1.45vw;
}

.con10_mimg img {
    height: 100%;
    object-fit: cover;
}

.con10_mt1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    width: 95%
}

div.con10_msd {
    width: 77vw;

    transform: translateY(20%);
    opacity: 0;

    transition: 0.6s 0.2s;
}

.tab_item.on .con10_msd {
    transform: translateY(0);
    opacity: 1;
}

.con10_btn_wrap {
    z-index: 10;
    bottom: -1.92vw;
}

.con10_21 {
    width: 55.9375vw;
    bottom: -15vw;

    z-index: 2;
}

.con10_fire {
    width: 120%;
    bottom: 0vw;
    mix-blend-mode: plus-lighter;
    opacity: 0.5;
    filter: grayscale(0);

    pointer-events: none;
}

.con10_twrap {
    z-index: 10;
}

.con10_wave {
    bottom: 3.9vw;

    z-index: 1;
}

.con11 {
    background: url('/images/con11_bg.png') center center / cover no-repeat;

    width: 100%;
    height: 73.9063vw;

    display: flex;
    flex-direction: column;
    align-items: center;

    z-index: 100;
    margin-top: -2.3vw;

    padding-top: 9.2vw;
}

.con11_02 {
    width: 22.1875vw;
}

.con11_iwrap {
    gap: 1.7188vw;

    margin-top: 2.7vw;
    margin-right: -1.1vw;
}

.con11_iline {
    width: 0.05vw;
    height: 5.5729vw;
    background: #000;

    margin-top: -1.4vw;
}

.con11_itt {
    margin-bottom: -1vw;
}

.con11_it1 {
    width: 6.3vw;
    text-align: right;
}

.con11_it2 {
    width: 4.9vw;
    text-align: right;
}

.con11_it3 {
    font-size: 3.5vw;
    margin-left: 0.2vw;
    margin-bottom: -0.5vw;
}

.con11_08 {
    width: 3.5417vw;
}

.con11_09 {
    width: 5.3646vw;
}

div.con11_rsd_01 {
    margin-top: 2vw;

    z-index: 50;
}

.con11_rsd_01 .con11_simg {
    width: 22.5521vw;
}

.con11_btn_wrap {
    z-index: 60;
    gap: 18.8vw;
}

.con11_rsd_02 .con11_simg {
    width: 16.6667vw;
}

div.con11_rsd_02 {
    position: absolute;

    z-index: 10;
    top: 36.6vw;
}

.con11_tsd {
    margin-top: -14.9vw;

    z-index: 100;
}

div.con11_03 {
    width: 58.125vw;

    -webkit-mask-image: linear-gradient(to top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;

    mask-image: linear-gradient(to top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;

}

.con11_04 {
    width: 43.9583vw;
    filter: brightness(1.6);

    -webkit-mask-image: linear-gradient(to top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;

    mask-image: linear-gradient(to top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

div.con11_wsd {
    width: 57vw;
    height: 100%;
    top: 0;
    left: 0;

    pointer-events: none;
}

div.con11_wsd_02 {
    width: 43.9583vw;
    height: 100%;

    right: -29vw;
    top: 0;

    pointer-events: none;
}

.con11_ddm {
    width: 15.2083vw;

    z-index: 40;
}

.con11_ddm1 {
    top: 11.9vw;
    left: 21.7vw;
}

.con11_ddm2 {
    top: 15.7vw;
    left: 18.2vw;
}

.con11_ddm3 {
    top: 11.3vw;
    right: 22vw;
}

.con11_12 {
    width: 35.7292vw;
    z-index: 20;

    left: 27vw;
    bottom: 14vw;
}

.con11_10,
.con04_07 {
    width: 100%;
}

.con11_msd {
    bottom: 7vw;

    z-index: 2;
}

.con11_msd_02 {
    bottom: -3vw;

    z-index: 1;
}

.con11_mt_02 {
    transform: scaleX(-1);
}

.con11_13 {
    width: 18.0208vw;

    top: 19vw;
    left: 0vw;

    z-index: 3;
}

.con11_14,
.con11_15 {
    width: 11.5104vw;

    z-index: 3;
}

.con11_14 {
    top: 30vw;
    left: 12vw;
}

.con11_15 {
    top: 26vw;
    right: 0vw;
}

.con12 {
    background: url('/images/con12_bg.png') center center / cover no-repeat;

}

.con12_01 {
    margin-top: 3.6458vw;
    margin-left: -0.3vw;

    width: 44.7396vw;
}

.con12_twrap {
    margin-left: 11.4583vw;

    margin-top: -2.8vw;
}

.con12_02 {
    width: 16.875vw;

    margin-bottom: 1vw;
}

.con12_03 {
    width: 28.4375vw;

    margin-bottom: 2.18vw;
}

.con12_04 {
    width: 43.0208vw;

    margin-left: 7.5vw;
    margin-bottom: -9.9vw;
}

.con12_fire {
    width: 100%;

    left: -29vw;
    bottom: -20vw;

    mix-blend-mode: color-dodge;
    opacity: 0.9;
    filter: grayscale(0.2);
}

.con12_lr {
    z-index: 10;
}

.con12_vwrap {
    width: 23.95836vw;
    height: 30.7292vw;

    border-radius: 1.3vw;
    overflow: hidden;

    border: 0vw;
    transition: 1.2s;
}

.con12_vd {
    width: 100%;
    height: 42.70836vw;

    bottom: -3vw;
}

.con12_vitem {
    padding: 0.7292vw;

    border-radius: 1.8vw;

    z-index: 10;

    border: 0vw;
    transition: 1.2s;
}

.con12_itv_sd .swiper-slide-active .con12_vwrap {
    border: 0.05vw solid #c31c0f;
}

.con12_itv_sd .swiper-slide-active .con12_vitem {
    border: 0.1vw solid #c31c0f;
}

.con12_itv_sd .swiper-slide-active .con12_vtxt {
    opacity: 1;
    transform: translateY(0%);
}

.con12_vtxt {
    width: 12.1875vw;
    z-index: 10;

    bottom: -0.8854vw;
    right: -2vw;

    pointer-events: none;

    opacity: 0;
    transform: translateY(80%);
    transition: 0.6s;
}

div.con12_itv_sd {
    width: 45vw;
    padding: 1vw 0;
}

.con12_itv_sd .swiper-slide-active {
    z-index: 20;
}

.con12_right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.con12_btn_wrap {
    z-index: 20;
    left: 2.7vw;
    gap: 21.4vw;
}

.con13 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.con13_01 {
    width: 15.885vw;
}

.con13_03 {
    width: 44.375vw;
    margin-top: -1vw;
    margin-bottom: 1.56vw;
}

.con13_04 {
    width: 27.7604vw;
    margin-bottom: 0.9vw;
}

.con13_tm_wrap {
    margin-bottom: 1vw;
    gap: 1vw;
}

.tab_menu2 {
    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;
    position: relative;

    width: 8.2292vw;
}

.tm2_i2 {
    z-index: 10;
    clip-path: inset(0 100% 0 0);

    transition: 0.4s;
}

.tab_menu2.on .tm2_i2 {
    clip-path: inset(0 0 0 0);
}

.tab2_content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 32.8125vw;
}

.tab_item2 {
    width: 100%;
    height: 100%;

    position: absolute;

    opacity: 0;
    visibility: hidden;

    display: flex;
    justify-content: center;
    align-items: center;

    transition: 0.4s;
}

.tab_item2.on {
    opacity: 1;
    visibility: visible;
}

.con13_vd {
    width: 37.1875vw;
    height: 22.5vw;

    overflow: hidden;
    pointer-events: none;

    border-radius: 1vw;
    border: 0.1vw solid #000;

    transform: translateY(0);
    transition: 0.4s 0.1s;

    position: relative;

}

.con13_vd video {
    height: 221%;
}

.con13_sd {
    z-index: 10;

    padding-top: 6vw;
    padding-bottom: 2.2vw;
}

.con13_sd .swiper-slide-active .con13_vd {
    transform: translateY(-5.8vw);
}

.con13_vt1 {
    width: 22.44796vw;
    clip-path: inset(0 100% 0 0);
    transition: 1s ease-in-out;

    z-index: 10;
}

.con13_vt2 {
    width: 21.7188vw;
}

.con13_sd .swiper-slide-active .con13_vt1 {
    clip-path: inset(0 0 0 0);
    transition: 1s 0.6s ease-in-out;
}

.con13_sd .swiper-slide-active .con13_vtxt {
    transform: translateY(-5.8vw);
    transition: 0.4s 0.4s;
}

.con13_vtxt {
    bottom: -2.2917vw;
    transition: 0.4s 0.1s;
}

.con13_btn_wrap {
    top: 10.6vw;
    gap: 33.5vw;

    z-index: 40;
}

.con13_11 {
    width: 52.1354vw;
    bottom: -17.2vw;
}

.con14_01 {
    width: 15.6771vw;
}

.con14_door {
    background: #9e9e9e;
}

.con14_iner_wrap {
    background: #000;
}

.con14_iner {
    width: 100%;
    height: 95vw;

    display: flex;
    flex-direction: column;
    align-items: center;

    z-index: 10;

    background: url('/images/con14_bg.png') center center / cover no-repeat;

    margin-top: 3.8542vw;
}

.card2_wrap {
    gap: 0.67vw;

    position: relative;
    z-index: 10;

    margin-bottom: 3.8542vw;
}

.card2 {
    position: relative;

    width: 12.5vw;
    height: 12.5vw;

    display: flex;
    justify-content: center;
    align-items: center;

    perspective: 1000px;
}

.card2-front,
.card2-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    transition: transform 0.7s ease;

    display: flex;
    justify-content: center;
    align-items: center;
}

.card2-front {
    transform: rotateY(0deg);
    z-index: 2;
}

.card2-back {
    transform: rotateY(180deg);
    z-index: 1;
}

@media screen and (min-width:600px) {

    /* PC */
    .card2.change .card2-front {
        transform: rotateY(180deg);
        z-index: 1;
    }

    .card2.change .card2-back {
        transform: rotateY(360deg);
        z-index: 2;
    }

    .card2.change .con14_16 {
        animation: stamp2 3s ease-in-out;
    }
}

.con14_17 {
    display: flex;
    justify-content: center;
}

.con14_table {
    width: 54.323vw;

    margin-top: 3vw;
}

.con14_tb_txt {
    width: 7.5vw;
    bottom: 2.7vw;
    left: 23.9vw;
}

.con14_19 {
    width: 12.24vw;
}

.con14_tb_t1 {
    top: 8.75vw;
    right: 4.3vw;
}

.con14_tb_t2 {
    top: 12.35vw;
    right: 4.3vw;
}

.con14_tb_t3 {
    top: 15.75vw;
    right: 4.3vw;
}

.con14_tb_t4 {
    top: 19.05vw;
    right: 4.3vw;
}

.con14_tb_line {
    width: 6.3vw;
    height: 0.1vw;
}

.con14_tbl1 {
    top: 10.35vw;
    left: 24.3vw;
}

.con14_tbl2 {
    top: 13.85vw;
    left: 24.3vw;
}

.con14_tbl3 {
    top: 17.05vw;
    left: 24.3vw;
}

.con14_tbl4 {
    top: 20.35vw;
    left: 24.3vw;
}

.con14_16 {
    width: 9.0625vw;
    top: 5.8vw;
}

.con14_03 {
    width: 42.3958vw;

    margin-bottom: -0.4vw;
    margin-top: -4vw;
}

.con14_04 {
    width: 26.5104vw;
    margin-bottom: 1.77vw;
}

.con14_t1 {
    margin-bottom: 2.76vw;
}

.con14_05 {
    width: 47.2396vw;
    left: -27.5vw;
    top: 0.5vw;
}

.con14_06,
.con14_08 {
    width: 15.1042vw;
}

.con14_07 {
    width: 20vw;
    top: 10.5vw;
    right: -3vw;
}

.con14_06 {
    top: -0.5vw;
    right: 13.3vw;
}

.con14_08 {
    top: 30.5vw;
    left: -8vw;
}

.con14_bg02 {
    width: 100%;
}

.con14_20 {
    width: 7.0833vw;
}

.con14_17 {
    width: 69.2188vw;
}

div.con14_tsd1,
div.con14_tsd2 {
    width: 3.0208vw;
    height: 50vw;

}

.con14_tsd1 {
    left: 2vw;
    transform: rotate(180deg);
}

.con14_tsd2 {
    right: 2vw;
}

.c15_wrap {
    margin-top: -7vw;

    background: #fff;
}

.con15_1st {
    z-index: 40;
}

.con15_wave {
    margin-bottom: 5.8vw;
}

.con15_01 {
    width: 12.5521vw;
    margin-bottom: 0.9vw;
}

.con15_t1 {
    margin-bottom: 1.8vw;
}

.con15_iwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    column-gap: 1vw;
    row-gap: 2vw;

    width: 88%;
}

.con15_item {
    width: 15.4688vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;

}

.con15_item>img {
    z-index: 1;
}

.con15_arow {
    position: absolute;
    width: 3.8542vw;

    top: 5.5vw;
    right: -2.4vw;
    transform: scaleX(-1);

    z-index: 20;
}


.con15_12 {
    width: 100%;
    margin-bottom: -17vw;
    margin-top: -8vw;

    z-index: 10;
}

.map {
    width: 80vw;
    height: 40vw;
    background: #ddd;
}

.con15_13 {
    width: 12.3438vw;
    margin-bottom: 0.93vw;
}

.con15_t2 {
    margin-bottom: 2.8vw;
}

.con15_2nd_ovry {
    width: 100%;
    height: 100%;
    background: #000;
}

.con15_2nd_iner {
    z-index: 50;
}

.con15_14,
.con15_15 {
    width: 15.1042vw;
}

.con15_16 {
    width: 9.1667vw;
    top: 12vw;
    left: -0.5vw;
}

.con15_14 {
    top: 19vw;
    left: 0.5vw;
}

.con15_15 {
    top: -2vw;
    right: 0vw;
}

.con15_open {
    width: 8.021vw;
}

.con15_fsd_txt {
    white-space: nowrap;
}

div.con15_fsd {
    margin-top: 4.2vw;

    height: 3.43vw;
    background: #c31c0f;

    border-top: 0.05vw solid #000;
    border-bottom: 0.05vw solid #000;
}

.con15_fsd_item {
    gap: 0.52vw;
}

.con16 {
    background: #000;

    padding-top: 4.1vw;
    padding-bottom: 9.7vw;
}

.con16_iner {
    z-index: 10;
}

.con15_20 {
    width: 42.3958vw;
    margin-bottom: -3.1vw;
    margin-left: -2vw;
}

.con16_01 {
    width: 21.0417vw;
    margin-bottom: 1.9vw;
}

div .con16_05 {
    width: 100vw;
}

.con16_twarp {
    display: flex;
    flex-direction: column;
    width: fit-content;

    margin-left: 15.3vw;
    margin-bottom: 6.25vw;
}

.con16_02 {
    width: 53.6458vw;
    bottom: -12.3vw;
    left: 0.7vw;
}

.con16_fire {
    width: 110%;
    bottom: -2vw;
    mix-blend-mode: hard-light;
    opacity: 0.7;
    filter: grayscale(0.1);
    left: -27vw;
}

.form_wrap {
    width: 31vw;
    height: 100%;

    z-index: 20;

    top: 0;
    right: 15.5vw;
}

/* form */
.form_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_wrap form {
    width: 80.479%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_margin {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.form_margin_input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 0.05vw solid #000;

    height: 3.125vw;
}

.form_margin_Agree_input {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 0.5vw;
}


.ag_wrap {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 0.5vw;
}

.ft_ag_txt {
    margin-top: 0.1vw;
}

.ft_ag_txt2 {
    text-decoration: underline;
    cursor: pointer;
}

.footeer_agree_checkbox_01 {
    width: 0.5vw;
    height: 0.5vw;

    display: flex;
    justify-content: center;
    align-items: center;

    outline: 0.1vw solid #000;
    border: none;
    cursor: pointer;
    appearance: none;
    position: relative;
    margin-bottom: -0.1vw;
}

.footeer_agree_checkbox_01:checked::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #c31c0f;
}

/* .footeer_checkbox_01 ,
.footeer_checkbox_02 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    pointer-events: none;
} */

.form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    padding: 0.7vw 0;
}

.form_margin_input>label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;

    width: 6.8vw;
    font-size: 1vw;
    font-weight: 600;
}

.form_margin_input>input {
    width: 16vw;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: 1vw;
}

.form_index_input textarea {
    width: 75%;
    height: 6vw;
    border: none;
    resize: none;
    outline: none;
    box-sizing: border-box;
    padding: 0.5vw;
    font-size: 1vw;
}

.form_check_wrap {
    display: flex;
    align-items: center;
}

.form_check_wrap label {
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 500;
    font-size: 1vw;
    cursor: pointer;
}

.agree_txt {
    cursor: pointer;
}

.footeer_checkbox_01:checked::before,
.footeer_checkbox_02:checked::before {
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    background-color: #000;

    border-radius: 50%;
}

.con16_03 {
    width: 4.4271vw;
    right: -2.2vw;
}


.form-control {
    width: 16vw;
    height: 1.98vw;
    background: #e5e5e5;
    color: #646464;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0.5vw;

    font-size: 0.85vw;
}

.map_mid_01 {
    width: 16vw;
    display: flex;
    gap: 0.2vw;
    align-items: center;
}

.map_mid_01 .form-control {
    width: 50%;
}

.triangle-down {
    --w: 0.5vw;
    --h: 0.6vw;
    border-left: var(--w) solid transparent;
    border-right: var(--w) solid transparent;
    border-top: var(--h) solid #646464;

    pointer-events: none;
}

.triangle-down1 {
    right: 0.5vw;
    position: absolute;
}

.triangle-down2 {
    right: 0.5vw;
    position: absolute;
}

.triangle-down3 {
    right: 8.6vw;
    position: absolute;
}

/* ----------------맵시작------------- */
/* 맵시작 */

.map_mid::before {
    content: '';
    position: absolute;
    width: 100.3%;
    height: 100.8%;
    background: #fff;
    border-radius: 2vw;
}

.map_mid {
    position: relative;
    width: fit-content;

    display: flex;
    justify-content: center;
    align-items: center;
}

.map {
    background-color: #fff;
    width: 73.021vw;
    height: 30.42vw;
    z-index: 1;
    overflow: hidden;
    border-radius: 2vw;
    border: 0.15vw solid #222;
}

.mid_map_search {
    background: white;
    overflow: hidden;
    z-index: 2;
    width: 18.54vw;
    height: 28.91vw;
    left: 0.87vw;
    border-radius: 1.6vw;
    border: 0.1vw solid #222;
}

.con18_02 {
    width: 25.4688vw;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: -1.5vw;
    z-index: 1000;
}

.mid_map_search_mid {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    padding: 1.3vw 1.56vw 0;
}

.map_search_icon {
    width: 1.04vw;

    right: 2.5vw;

    filter: invert(1);
}

.mid_map_search_mid input {
    appearance: none;
    border: none;
    outline: none;
    width: 100%;
    height: 3.13vw;
    padding-left: 1.30vw;
    font-size: 0.8vw;
    border-radius: 50vw;
    color: #444;

    border: 0.1vw solid #000;
}

.mid_map_search_mid input::placeholder {
    color: #666;
}

.mid_map_search_bottom {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 23vw;
    width: 99.5%;
}

.mid_map_search_bottom::-webkit-scrollbar {
    width: 0vw;
    height: 0vw;
}

.mid_map_search_item {
    margin: 0% 7%;
    border-bottom: 1px solid #9b9b9b;
    padding: 7% 0;
    font-size: 1vw;
    cursor: pointer;
    pointer-events: all;
}

.infor_div {
    opacity: 0;
    pointer-events: none;
}

.mid_map_search_item_title {
    font-size: 0.9vw;
    font-weight: 500;
}

.mid_map_search_item_addres {
    margin-top: 4%;
    margin-bottom: 1%;
    font-size: 0.7vw;
}

.mid_map_search_item_tel {
    font-size: 0.7vw;
}

.map_icon {
    width: 1.4583vw;
    right: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map_plus {
    width: 1.7vw;
    filter: invert(1);
    top: 1.3vw;
    right: 0vw;
    transition: 0.4s;
}

.map_plus:hover {
    transform: rotate(180deg);
}

/*popup*/
.fixed_popup {
    position: fixed;

    width: 100vw;
    height: 100vh;

    top: 0;

    background: #00000099;
    z-index: 999999999999;

    display: flex;
    justify-content: center;
    align-items: center;
}

div.popup {
    width: 47%;
    height: 19vw;
    /* border: 1px solid black; */
    background-color: #fff;
    box-sizing: border-box;
    gap: 3vw;
    justify-content: space-between;
    border-radius: 0.3vw;
    overflow: hidden;

    display: flex;
}

.popup_top {
    font-size: 1.5vw;
    width: 88%;
    padding-bottom: 3%;
    text-align: center;
    border-bottom: 1px solid #0000002e;
}

.popup>p:nth-child(2) {
    font-size: 1.3vw;
    width: 88%;
    margin-top: 5%;
    padding-bottom: 2%;
    text-align: left;
}

.popup>p:nth-child(4) {
    font-size: 0.9vw;
    width: 88%;
    margin-top: 1%;
}

.popup>p:nth-child(5) {
    left: 42%;
    width: 58%;
    padding-right: 8%;
    height: 12vw;
    top: 43%;
    box-sizing: border-box;
    font-size: 0.9vw;
    overflow-y: scroll;
}

.popup_right_1st {
    color: #E3C179;
    width: 78%;
    margin-bottom: 1%;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1.2vw;
    margin-top: -6%;
}

.popup_right>div>div:nth-child(2) {
    width: 65%;
    font-weight: 400;
    font-size: 0.85vw;
    color: #333;
}

.popup_right>div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: #000;
    margin-top: 3.5%;
}

.popup_right_left_txt {
    width: 18%;
    font-weight: 600 !important;
    font-size: 0.85vw !important;
    color: #000;
    position: relative;
    margin-right: 3.7%;
}

.popup_right_left_txt::after {
    content: '';
    position: absolute;
    right: 0;
    top: 31%;

    width: 1px;
    height: 50%;
    background: #c3c3c3;
}

.popup_right {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    color: #000;
    margin-top: -4%;
}

.popup_img img {
    width: 100%;
}

.fixed_popup_con {
    width: 62%;
    height: 49%;
    background-color: #000;
    top: 31%;
    left: 20%;
    border-radius: 1vw;
}

.popup_img {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    height: 100%;
    overflow: hidden;
}

.popup_img img {
    width: 108%;
}

.popup_top_absol {
    width: 12.4369%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 12%;
    left: 10%;
}

.popup_top_absol_2nd {
    width: 96.6687%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 21%;
    left: 1.5%;
}

.popup_img_con {
    position: static !important;
    overflow: hidden;
}

.popup_right_6th_left {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    right: 3%;
    bottom: 6%;
}

.popup_right_6th_left::after {
    content: '';
    width: 0%;
    height: 0.02vw;

    position: absolute;
    bottom: -0.2vw;
    left: 0;

    background: #000;
    transition: width 0.3s;
}

.popup_img_con {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_img_con img {
    height: 100%;
    object-fit: cover;
}

.popup_top_absol {
    width: 12.4369%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 18%;
    left: 52.5%;
}

.popup_right_2nd {
    font-weight: 500;
    width: 100%;
    font-size: 1.36vw;
    padding-bottom: 4%;
    box-sizing: border-box;
    font-family: 'pretendard variable';
}

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

.popup_close {
    width: 2vw;
    height: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
    right: 2%;
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

.popup_close .absol {
    width: 60%;
    height: 2px;
    background-color: #000;
}

.popup_close .absol:nth-child(1) {
    transform: rotate(45deg);
}

.popup_close .absol:nth-child(2) {
    transform: rotate(-45deg);
}

div.popup_logo {
    width: 17.156%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}


@media screen and (min-width:600px) {
    .popup_close:hover {
        transform: rotate(180deg);
    }

    .popup_right_6th_left:hover::after {
        width: 100%;
    }
}




/* #header,
#footer,
section:not(.con16 ) {
    display: none !important
} */