.hero {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.hero_vd {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    pointer-events: none;
}

.hero_pd_top {
    padding-top: 4.7vw;
}

.hero_box_pding {
    padding: 0.781vw;
}

.hero_box {
    border: 1.458vw solid #151a82;
}

.hero_bd_red {
    border: 0.156vw solid #db3325;
}

.hero_bd_blue {
    border: 0.156vw solid #151a82;
}

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

    padding: 4.75vw;
}

.hero_ov3_sdwrap {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 100vw #000;
}

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

    padding: 4.75vw 0;
}

.hero_tt_txt {
    height: 5.99vw;
}

.hero_tt_01 {
    top: -0;
}

.hero_tt_02 {
    bottom: -0;
}

.hero_ct_tt_wrap {
    font-size: 2.969vw;

}

.hero_ct_tline {
    color: #000;

    text-shadow:
        -0.104vw -0.104vw 0 #fff,
        0.104vw -0.104vw 0 #fff,
        -0.104vw 0.104vw 0 #fff,
        0.104vw 0.104vw 0 #fff;
}

.hero_ct_tt {
    padding: 0 1.6vw;
}

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

    z-index: 20;
}

.hero_door {
    width: 21.875vw;
    height: 100%;

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

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


.hero_dt_abt {
    font-size: 3.906vw;
    margin-right: 0.3vw;
}

.hero_dt_wrap {
    margin-top: 5.729vw;
    gap: 0.365vw;
}

.hero_dtxt {
    width: 6.458vw;
}

.hero_push_man {
    bottom: 0;
}

.hero_push_man_01 {
    width: 14.844vw;
    right: 0;
}

.hero_push_man_02 {
    width: 15.365vw;
    left: 0;
}

.hero_ovry {
    z-index: 10;
}

.hero_over_03 {
    z-index: 20;
}

.hero_over_04 {
    z-index: 50;
}

.hero_over_05 {
    z-index: 40;
}

.hero_ov4_lwrap {
    z-index: 10;
}



.main_glass {
    width: 26.823vw;
    top: 12vw;
    opacity: 0.8;
    z-index: 10;
    mix-blend-mode: overlay;
}

.intro_bg {
    width: 100vw;
    top: -4.7vw;
}

.intro_bg_piece {
    background: rgba(0, 0, 0, 0.7);
    height: 10vw;
}

.hero_ov5_title {
    width: 19.427vw;
}

.hero_ov5_iner {
    padding-top: 10.4vw;
}

.hero_ov5_twrap {
    margin-top: 5.469vw;
}

.main_06 {
    width: 31.4586vw;
    margin-bottom: 0.4vw;
}

.main_07 {
    width: 41.4586vw;
}

.hero_ov4_twrap {
    bottom: 0;
    height: 7.552vw;
    border-top: 1px solid #fff;
    padding-top: 1.771vw;
}

.main_09 {
    width: 11.302vw;
    margin-bottom: 1vw;
}

.main_10 {
    width: 17.24vw;
}

.c01_02_03_wrap {
    z-index: 100;
    overflow: hidden;
}

.con01 {
    background: url('/images/con01_07.png') center top / cover no-repeat;
    width: 100vw;
    height: 58.125vw;

    z-index: 10;
}

.con01_franchise {
    width: 40vw;

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

.con01_shutter {
    width: 100vw;

    top: -4.5vw;
}

.con01_iner {
    z-index: 10;
}

.con01_tv {
    width: 35.469vw;
}

.con01_tv_txt {
    width: 18.542vw;
}

.con01_tv_t1 {
    left: -20.5vw;
}

.con01_tv_t2 {
    right: -20.5vw;
}

.con01_t1 {
    margin-bottom: 2.1vw;
    z-index: 1;
}

.con01_vd {
    width: 24.4vw;
    height: 18.4vw;
    left: 2.8vw;
    top: 3.2vw;

    border: 1px solid #747474;
    overflow: hidden;
    border-radius: 1.6vw;
}


.mute_button {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border-radius: 8px;
    padding: 0.5% 1.5% 0.5% 1%;
    font-size: 0.8vw;
    top: 0.6vw;
    left: 0.9vw;
    transition: all 0.3s ease;
    z-index: 20;
    cursor: pointer;
    pointer-events: all;
}

.mute_button:hover {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.con01_twrap_02 {
    margin-top: 2vw;
}

.con01_t3 {
    margin-top: 0.5vw;
}

.con02_1st {
    background: url('/images/con02_bg.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 55.937vw;

    margin-top: -4vw;
    padding-top: 8.854vw;
    z-index: 9;
}

.con02_01 {
    width: 12.656vw;
    margin-bottom: -0.7vw;
    z-index: 1;
}

.con02_03 {
    width: 37.188vw;
}

.con02_timg {
    height: 3.9586vw;
}

.con02_timg_02 {
    margin-top: 0.5vw;
    margin-bottom: 2vw;
}

.con02_simg {
    width: 40.208vw;
}

div.con02_swiper {
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 26.1vw;
    z-index: 10;
}

.con02_simg_ltop {
    width: 51.458vw;
    margin-top: -1vw;
}

.con02_swiper .swiper-slide>.con02_simg {
    transition: 0.6s;
}

.con02_swiper .swiper-slide-prev>.con02_simg,
.con02_swiper .swiper-slide-next>.con02_simg,
.con02_swiper .swiper-slide-next+.swiper-slide>.con02_simg,
.con02_swiper .is-prev-before>.con02_simg {
    transform: translateY(-60%);
}

.con02_twrap {
    z-index: 20;
}

.con02_2nd {
    background: url('/images/con02_bg2.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 37.031vw;

    margin-top: -8vw;
    padding-top: 7vw;
}

.con02_twrap_02 {
    z-index: 40;
}

.con02_t1 {
    margin-bottom: -0.5vw;
}

.con02_t2 {
    margin-bottom: 1.6vw;
}

.con02_t3 {
    width: 16.875vw;
    margin-bottom: 1.8vw;
}

.con02_t4_01 {
    margin-bottom: 1.5vw;
}

.con02_07 {
    width: 14.4796vw;

    top: 4.4vw;
    left: 7.813vw;

    z-index: 10;
}

.con02_08 {
    width: 13.021vw;

    right: 7.656vw;
    top: 15.2vw;
}

.con02_10 {
    width: 1.198vw;
}

.con02_3nd {
    height: 6.927vw;
    padding: 0.521vw 0;

    /* margin: 1.094vw 0; */

    border-top: 1px solid #000;
    border-bottom: 1px solid #000;

    background: #fff;
}

.con02_3nd_iner {
    background: #18897f;
}

.con02_09 {
    width: 11.615vw;
    z-index: 10;
}

.con02_3nd_txt {
    width: 4.531vw;
    margin-bottom: 0.5vw;
}

.con02_3nd_st1 {
    padding: 0 1.3vw;
    width: 12vw;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.con02_3nd_swiper .swiper-slide {
    width: unset;
}

.con03 {
    background: url('/images/con03_bg.png') center top / cover no-repeat;
    width: 100vw;
    height: 51.146vw;

    padding-top: 5vw;
}

.con03_01 {
    width: 10.469vw;
}

.con03_t1 {
    margin-top: 1.146vw;
    margin-bottom: 0.3vw;
}

.con03_02 {
    width: 33.438vw;
}

.card {
    position: relative;
    perspective: 156.25vw;
}

.card_front,
.card_back {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

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

    border: 1px solid #000;
    overflow: hidden;
}

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

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

.con03_card {
    width: 26.4586vw;
    height: 29.792vw;
}

.con03_cdf_top {
    width: 100%;
    height: 3.802vw;

    top: 0;

    font-size: 1.667vw;
    color: #fff;
}

.con03_cdf_twrap {
    bottom: 3.646vw;
}

.con03_cdf_t1 {
    font-size: 1.26vw;
}

.con03_cd_num {
    width: 4.219vw;
}

.con03_cdf_tnum {
    margin-bottom: 0.9vw;
}

.con03_cdb_tnum {
    margin-bottom: 1.2vw;
}

.con03_cdf_t2 {
    margin-top: 1vw;
    font-size: 0.93vw;
}

div.con03_swiper {
    padding: 2.969vw 0;
}

.con03_cdb_t1 {
    font-size: 2vw;
}

.con03_04b {
    width: 2.083vw;
    margin-left: 0.7vw;
}

/* 카드 애니메이션 */
.con03_swiper .swiper-slide-active .card_front {
    transform: rotateY(360deg);
    z-index: 2;
}

.con03_swiper .swiper-slide-active .card_back {
    transform: rotateY(180deg);
    z-index: 1;
}

.con03_card_wrap {
    transition: 0.7s;
}

/* PC */
@media screen and (min-width:600px) {
    .con03_swiper .swiper-slide .con03_card_wrap {
        transform: scale(0.8);
    }

    .con03_swiper .swiper-slide-active .con03_card_wrap {
        transform: scale(1);
    }

}


.con03_cdf_top.hndm {
    letter-spacing: -0.05vw;
}

.con03_cdf_t3 {
    font-size: 0.85vw;
    opacity: 0.7;
}

.con_btn_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}

.con_btn {
    width: 3.906vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    transition: 0.3s;
}

/* PC */
@media screen and (min-width:600px) {
    .con_btn:hover .con_btn_hv {
        opacity: 1;
    }

}


.con_btn_hv {
    transition: 0.2s;
    opacity: 0;
    z-index: 1;
}

.con03_btn_wrap {
    position: absolute;
    top: 30vw;
    width: 30.2vw;
}

.con04_iner {
    width: 87.708vw;
    height: 49.844vw;
    background: #444;
}

.con04_vd_ovry {
    background: rgba(0, 0, 0, 0.7);
}

.con04_iwrap {
    padding-top: 7.813vw;

    z-index: 100;
}

.con04_01 {
    width: 15.677vw;
    margin-bottom: 0.2vw;
}

.con04_t1 {
    margin-bottom: 1vw;
}

.con04_grp_wrap {
    width: 100vw;
}

.con04_05a {
    z-index: 10;
}

.con04_twrap_02 {
    margin-top: 3.9vw;
}

.con04_t3 {
    margin-top: 0.6vw;
}

.con04_02 {
    width: 14.01vw;
    top: 10.833vw;
    right: 2.708vw;
}

.con04_03 {
    z-index: 10;
    width: 1.615vw;
    bottom: 3.2vw;
    left: 35.9vw;
}

.con04_04 {
    z-index: 10;
    width: 1.719vw;
    bottom: 3.6vw;
    left: 49.4vw;
}

.con05_02 {
    width: 17.813vw;
}

.con05_03 {
    width: 19.167vw;
    margin-bottom: -6vw;
    margin-left: -0.9vw;
}

.con05 {
    padding-top: 5.729vw;
}

.con05_04 {
    width: 40.938vw;
}

.con05_05 {
    width: 26.146vw;
}

.con05_ct_twrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 0.3vw;
    margin-right: 0.6vw;
}

.con05_ct_twrap_02 {
    margin-left: 0.4vw;
    margin-bottom: 0.2vw;
}

.con05_ct_t1 {
    opacity: 0.5;
}

.con05_simg {
    width: 21.042vw;
}

div.con05_swiper {
    width: 28.646vw;
    padding-top: 3.125vw;

    z-index: 100;

    top: 12.3vw;
}

.con05_swiper_01 {
    left: 0;
}

.con05_swiper_02 {
    right: 0;
}

.con05_swiper div.swiper-slide {
    align-items: flex-start;
    transition: 0.6s;
}

.con05_swiper .swiper-slide-active {
    transform: translateY(-3.125vw);
}

.con05_ct_t3 {
    margin-top: 1.9vw;
}

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

    margin-top: 17.708vw;
}

.con05_finer {
    width: 100vw;
    z-index: 10;
}

.con05_finer_bg {
    margin-top: -1px;
}

.con05_finer_iwrap {
    margin-top: -14.427vw;
    margin-bottom: 7.813vw;
}

.con05_cc_t1 {
    margin-bottom: 0.4vw;
}

.con05_cc_t2 {
    margin-bottom: 0.2vw;
}

.con05_cc_up {
    width: 2.083vw;
    margin-left: 0.677vw;
}

.con05_cc {
    width: 14.167vw;
    position: absolute;
    bottom: 1.927vw;
}

.con05_cc_01 {
    left: -19vw;
}

.con05_cc_02 {
    right: -19vw;
}

.con05_cc_wrap {
    margin-top: -13.6vw;
}

.con05_ct_cc {
    width: 25.99vw;
}

.con05_ft_t2 {
    width: 46.094vw;
}

.con05_ft_t1 {
    margin-top: 2.4vw;
    margin-bottom: 0.5vw;
}

.con05_cc_abt {
    bottom: 0.7vw;
    right: -7vw;
    opacity: 0.5;
}

.con05_ab_iwrap {
    bottom: 8vw;
    z-index: 10;
}

.con05_ab_item {
    width: 100vw;
}

.con05_center {
    z-index: 100;
}

.con06 {
    overflow: hidden;
}

.con06_dni_02 {
    width: 12.188vw;
}

.con06_iner {
    width: 100vw;
    height: 46.406vw;

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

.con06_bg {
    position: absolute;
}

.con06_bg_01 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}

.con06_bg_02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    z-index: 1;
}

.con06_bg_01 .con06_item {
    padding-left: 5.6vw;
}

.con06_twrap_01 {
    margin-right: 6.094vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}

.con06_twrap_02 {
    margin-left: 6.094vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.con06_twrap {
    margin-top: 9.896vw;
}

.con06_t1 {
    margin-bottom: 0.2vw;
}

div.con06_t1.line_ovry_txt {
    padding: 0vw 0.4vw 0vw 0.2vw;
}


.con06_t3 {
    margin-top: 2vw;
}

.con06_btxt {
    height: 6.875vw;
    bottom: -0.3vw;
}

.con06_btxt_01 {
    left: -0.3vw;
}

.con06_btxt_02 {
    left: -0.7vw;
}

.con06_05 {
    width: 8.646vw;
    right: 5.833vw;
    bottom: 3.594vw;
}

.con06_09 {
    width: 1.771vw;
    bottom: 4.688vw;
    left: 5.885vw;
}

.con06_door {
    z-index: 100;

    display: flex;
    align-items: flex-end;
}

.con06_door_01 {
    left: 0;
}

.con06_door_02 {
    right: -5.7vw;
}

.con06_dni_01 {
    width: 11.771vw;
}

.con06_twrap .con06_t3 {
    margin-bottom: 2.3vw;
}

.con06_tbox {
    padding: 1.5vw 2.4vw;
}

.con06_drag {
    width: 6.094vw;
}

.con06_drag_01 {
    right: -3.1vw;
}

.con06_drag_02 {
    left: -3.1vw;
}

.con06_tb_t2 {
    margin-top: 1.1vw;
}

.con06_item {
    z-index: 10;
}

.con06_bg .con06_item {
    padding: 0;
}


.con06_door_iner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.con06_door_iner_01 {
    align-items: flex-start;
}

.con06_door_iner_02 {
    align-items: flex-end;
}

.con06_bg_02 .con06_door_iner_02 .con06_twrap {
    right: 5.7vw;
}

.con06_bg1_dtem_wrap {
    z-index: 15;
    bottom: 0;
    right: 1vw;
}

.con06_bg1_dtem {
    width: 41.3546vw;
}

.con06_bg1_dtem_t1 {
    top: 0.9vw;
}

.con06_bg1_dtem_twrap {
    top: 10vw;
}

.con06_bg1_dtem_t2 {
    margin-bottom: 1vw;
}

.con06_bg1_cc {
    width: 8.229vw;
    aspect-ratio: 1;
    border-radius: 50%;
    top: 3.6vw;
}

.con06_bg1_cc_01 {
    left: 2.5vw;
}

.con06_bg1_cc_02 {
    right: 2.5vw;
}

.con06_bg2_tbox {
    width: 50.2086vw;
    right: 5.7vw;
    bottom: 4.9vw;

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

    position: absolute;

}

.con06_bg2_tb_twrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 1vw;

    padding-right: 5.7vw;
}


/* 애니 */
.con06_hv_btn_wrap {
    z-index: 1000;

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

.con06_hv_btn {
    width: 34%;
    height: 100%;
}

.con06_door {
    transition: 1s 0.3s;
    z-index: 100;
}

.con06_door_01 {
    transform: translateX(-105%);
}

.con06_door_02 {
    transform: translateX(105%);
}

.con06_bg_01.change_door .con06_door_01 {
    transform: translateX(0);
}

.con06_bg_02.change_door .con06_door_02 {
    transform: translateX(0);
}


.con06_bg .con06_item {
    opacity: 0;
    transition: 0.3s 0.1s;
}

.con06_bg_02>img {
    opacity: 0;
    transition: 0.3s 0.1s;
}

.con06_bg_02.change_door>img {
    opacity: 1;
}

.con06_bg.change_door .con06_item {
    opacity: 1;
    transition: 0.3s 1.2s;
}

.con06_bg1_dtem_wrap {
    opacity: 0;
    transition: 0.3s 0.1s;
}

.con06_bg.change_door .con06_bg1_dtem_wrap {
    opacity: 1;
    transition: 0.3s 1.2s;
}



.con07 {
    background: url('/images/con07_bg.jpg') center top / cover no-repeat;

    width: 100vw;
    height: 46.146vw;

    /* padding-top: 8.333vw; */
}

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

    gap: 15.104vw;
    margin-bottom: 2.3vw;
}



.con07_sitem {
    overflow: hidden;

    width: 22.7086vw;
    height: 22.7086vw;
    margin: 0 0.75vw;

    border: 0.104vw solid #000;

    transition: 0.6s ease-in-out;
}

/* PC */
@media screen and (min-width:600px) {
    .con07_swiper .swiper-slide-active .con07_sitem {
        width: 41.771vw;
    }

    .con07_swiper .swiper-slide {
        width: auto;
    }

}



.con07_sitem>img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.3);
    transition: 0.3s ease-in-out 0.3s;
}

.con07_swiper .swiper-slide-active .con07_sitem>img {
    filter: brightness(1);
}

.con07_btn_wrap {
    position: absolute;
    gap: 37.7vw;
    left: 17.3vw;
}

.con07_01 {
    width: 30.312vw;
}

.con07_02 {
    width: 6.25vw;
    right: 3.7vw;
}

.con08_center_wrap {
    background: url('/images/con08_bg.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 45.625vw;

    padding-top: 4.9vw;

    /* clip-path: ellipse(48% 43%); */
    clip-path: ellipse(28% 37%);
}

.con08_twrap {
    z-index: 10;
}

.con08_01 {
    width: 14.844vw;
    margin-bottom: 0.5vw;
}

.con08_02 {
    width: 20.156vw;

    margin-bottom: 2.969vw;
}

.con08_vd {
    width: 39.583vw;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
}

.con08_btn_wrap {
    position: absolute;
    gap: 35.9vw;
    z-index: 10;
}

div.con08_swiper {
    z-index: 1;
}

.con08_swiper .swiper-slide {
    transition: 0.8s;
    opacity: 1;
}

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

    .con08_swiper .swiper-slide-prev {
        transform: perspective(62.5vw) rotateY(-58deg) scaley(0.64) scaleX(1) translateX(5vw);
        transition: 0.8s 0.2s;
    }

    .con08_swiper .swiper-slide-next {
        transform: perspective(62.5vw) rotateY(58deg) scaley(0.64) scaleX(1) translateX(-5vw);
        transition: 0.8s 0.2s;
    }


}


.con09 {
    /* background: url('/images/con09_bg2.jpg') center top / cover no-repeat; */
    background: url('/images/con09_bg2.jpg') right top / contain repeat;
    height: 51.042vw;

    width: 100vw;
    height: 100vh;


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

.con09_front_img {
    width: 100vw;
    height: 100%;
    z-index: 100;
    left: 0;
}

.con09_front_ovry {
    background: rgba(0, 0, 0, 0.7);
}

.con09_front_iner {
    z-index: 10;

    top: 29.167%;
    left: 12.5vw;
}

.con09_ftwrap_t1 {
    margin-bottom: 0.7vw;
}

.con09_01 {
    width: 20.104vw;
    margin-bottom: 1.8vw;
}

.con09_02 {
    width: 21.719vw;
    margin-top: 2.5vw;
}


.con09_card_wrap {
    width: 46.042vw;

    gap: 1.25vw;

    margin-top: 2.604vw;
    margin-right: 1.5vw;
}

.con09_card_num {
    width: 3.49vw;
    top: 2.188vw;
    left: 1.823vw;
}

.con09_twrap {
    margin-top: 6.771vw;
    margin-left: 6.771vw;
}

.con09_cd_t1 {
    margin-bottom: 0.9vw;
}

.con09_cd_t2 {
    margin-bottom: 0.8vw;
}

.con09_cd_t4 {
    margin-top: 0.9vw;
}

.con09_cd_t4 > .c_red{
    font-weight: 700;
}

.con09_03a {
    width: 30vw;
    right: -6.7vw;
    bottom: -3.4vw;
}

.con09_cd_cc {
    width: 9.375vw;
    aspect-ratio: 1;
    border-radius: 50%;

    /* top: 9.4vw;
    right: 11.2vw;
    z-index: 1; */
}

.con09_cd_cc_01 {
    top: 4.1vw;
    right: 10.4vw;
}

.con09_cd_cc_02 {
    top: 3.646vw;
    right: 4.167vw;
}

.con09_cd_cc_t1 {
    margin-bottom: -0.2vw;
}

.con09_card_inbox {
    width: 35.938vw;
    border-radius: 0.521vw;
}

.con09_card5_iwrap{
    width: 10.677vw;
    gap: 0.2vw;
    position: absolute;
    right: 2.5vw;

    top: 50%;
    transform: translateY(-50%);
}

.con09_num5_card{
    width: 100%;
}

.con09_cd2_ibox {
    margin-top: 1.7vw;

    padding-top: 1.198vw;
    padding-bottom: 1.198vw;

    border: 1px solid #c4baae;
    background: #f3f0ed;

    padding-left: 1.927vw;
}

.con09_card_02 {
    height: 28.021vw;
}

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

.con09_cd2_ibx_t2 {
    margin-top: 0.6vw;
}

.con09_04a {
    width: 21.146vw;
    right: -2.2vw;
    top: 0.9vw;
    z-index: 1;
}

.con09_cd3_ibox {
    gap: 0.365vw;
    margin-top: 2.2vw;
}

.con09_cd3_item {
    flex: 1;
    height: 13.438vw;
    background: #fff;
    border-radius: 0.521vw;
    padding-top: 2.188vw;
}

.con09_cd3_item_t1 {
    margin-bottom: 0.9vw;
}

.con09_cd3_item_t3 {
    margin-top: 0.5vw;
    text-decoration: underline;
    text-underline-offset: 20%;
}

.con09_05d {
    width: 36.198vw;
    bottom: 0;
}

.con09_05b {
    width: 4.948vw;
    top: 1.25vw;
    left: 8.95vw;
}

.con09_05c {
    width: 3.229vw;
    top: 10.9vw;
    left: 31.1vw;
}

.con09_t4 {
    margin-top: 1.2vw;
}

.con10_line {
    height: 0.521vw;
}

.con10_iner {
    background: url('/images/con10_bg.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 48.177vw;

    padding-top: 5.729vw;
}

.con10_item_wrap {
    height: 19.375vw;
    gap: 0.365vw;
}

.con10_item_front {
    z-index: 10;
}




.con10_05 {
    width: 14.271vw;
    right: 0;
    bottom: 0;
}

.con10_item_twrap {
    position: absolute;

    display: flex;
    align-items: flex-end;

    bottom: 0;

    width: 100%;
    height: 100%;
    padding-left: 3.125vw;
    padding-bottom: 2.7vw;

    box-shadow: inset 0vw -5vw 7vw 0 rgba(0, 0, 0, 0.5);

    transition: 0.5s;
}


.con10_item {
    width: 20.156vw;
    border: 0.104vw solid #000;

    transition: 0.5s;
    cursor: pointer;
    overflow: hidden;
}

.con10_if_iner {
    top: 0;
    height: 100%;
    position: absolute;
    right: 0;
    width: 10.938vw;

    padding-top: 3.906vw;
    border-left: 1px solid #000;
}


/* PC */
@media screen and (min-width:600px) {
    .con10_item.item_on {
        width: 39.74vw;
    }

    .con10_vd_ovry {
        background: rgba(0, 0, 0, 0.7);
        opacity: 1;

        transition: 0.5s;
    }

    .con10_vd {
        filter: grayscale(1);
        transition: 0.5s;
    }

    .con10_item.item_on .con10_vd {
        filter: grayscale(0);
    }

    .con10_item.item_on .con10_vd_ovry {
        width: 39.74vw;
        opacity: 0;
    }

    .con10_if_iner {
        transform: translateX(134%);
        transition: 0.5s;
    }


    .con10_item.item_on .con10_if_iner {
        transform: translateX(0%);
        transition: 0.5s 0.5s;
    }

    .con10_item_twrap {
        opacity: 0;
    }

    .con10_item.item_on .con10_item_twrap {
        opacity: 1;
        transition: 0.5s 0.5s;
    }
}



.con10_03 {
    width: 19.948vw;
    margin-bottom: 0.938vw;
}

.con10_04 {
    width: 42.5vw;
    margin-bottom: 3.125vw;
}

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

.con10_t4 {
    margin-top: 2.5vw;
}

div.con11_07 {
    width: 125.052vw;
}

.con11 {
    z-index: 100;
}

.con11_iner {
    padding-top: 4.167vw;
    padding-bottom: 3.125vw;
}

.con11_sitem {
    width: 60.052vw;
    height: 24.219vw;

    background: #ece6df;
    color: #000;

    transition: 0.3s;
}

.con11_swiper_01 .swiper-slide-active .con11_sitem {
    color: #fff;
    border: 0.104vw solid #000;
}

.con11_swiper_01 .swiper-slide-active .con11_sitem_01 {
    background: #151a82;
}

.con11_swiper_01 .swiper-slide-active .con11_sitem_02 {
    background: #db3325;
}

.con11_swiper_01 .swiper-slide-active .con11_sitem_03 {
    background: #18897f;
}

.con11_swiper_01 .swiper-slide-active .con11_sitem_04 {
    background: #a61c65;
}

.con11_item_gscle {
    filter: grayscale(1);
    transition: 0.5s;
}

.con11_swiper_01 .swiper-slide-active .con11_item_gscle {
    filter: grayscale(0);
}


.con11_sitem_line_wrap {
    right: 0;
    clip-path: inset(0 0 100% 0);
    gap: 0.46vw;
}

.con11_line {
    width: 0.208vw;
    background: rgba(0, 0, 0, 0.1);
}

.con11_swiper_01 .swiper-slide-active .con11_sitem_line_wrap {
    clip-path: inset(0 0 0 0);
    transition: 0.8s 0.4s;
}


.con11_sitem_twrap {
    left: 7.813vw;
}

.con11_sitem_t1 {
    margin-bottom: 1.2vw;
    line-height: 1.3;
}

.con11_sitem_t1.fz39 {
    font-size: 1.8vw;
}

.con11_sitem_t1 >span {
    font-size: 1.5vw;
}

.con11_t2 {
    width: 40.313vw;
    margin-bottom: 1.4vw;
}

.con11_t3 {
    margin-top: 1.7vw;
}

.con11_sitem_food {
    bottom: 0;
    right: 0;
    z-index: 1;
}

.con11_sitem_food_01 {
    width: 20vw;
}

.con11_sitem_food_02 {
    width: 21.042vw;
}

.con11_sitem_bg {
    height: 100%;
    right: 0;
}

.con11_sitem_03 .con11_sitem_line_wrap,
.con11_sitem_04 .con11_sitem_line_wrap {
    z-index: 10;
}

.con11_sitem_03 .con11_sitem_line_wrap .con11_line {
    background: rgba(0, 0, 0, 0.2);
}

.con11_cc_wrap {
    right: 3.854vw;
    z-index: 100;
}

.con11_cc02_wrap {
    gap: 0.573vw;
    margin-left: 1.146vw;
}

.con11_cc01 {
    width: 13.3856vw;
    transform: translateY(20%);
    opacity: 0;
    transition: 0.4s;

}

.con11_swiper_01 .swiper-slide-active .con11_cc01 {
    opacity: 1;
    transform: translateY(0);
    transition: 0.4s 0.4s;
}

.con11_cc02 {
    width: 4.688vw;
    transform: translateY(20%);
    opacity: 0;
    transition: 0.4s;
}

.con11_swiper_01 .swiper-slide-active .con11_cc02_01 {
    opacity: 1;
    transform: translateY(0);
    transition: 0.4s 0.5s;
}

.con11_swiper_01 .swiper-slide-active .con11_cc02_02 {
    opacity: 1;
    transform: translateY(0);
    transition: 0.4s 0.55s;
}

.con11_swiper_01 .swiper-slide-active .con11_cc02_03 {
    opacity: 1;
    transform: translateY(0);
    transition: 0.4s 0.6s;
}

.con11_04a {
    width: 23.281vw;
    bottom: 0;
    right: 5vw;
    z-index: 10;
}

.con12_iner {
    background: url('/images/con12_bg.jpg') center top / cover no-repeat;
    background-attachment: fixed;
    width: 100vw;
    height: 51.094vw;
}

.con12_twrap {
    gap: 0.885vw;
}

.con12_big_txt {
    height: 10.99vw;
    overflow: hidden;
}

.con12_tv {
    width: 29.427vw;
}

.con12_tv_vd {
    width: 20.2vw;
    height: 15.2vw;
    left: 2.4vw;
    top: 2.7vw;
    border: 1px solid #747474;
    overflow: hidden;
    border-radius: 1.6vw;
}

.con12_05 {
    width: 33.75vw;
}

.con13_iner {
    height: 44.74vw;
}

.con13_lr {
    width: 50%;
    height: 100%;
    position: relative;
}

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

.con13_lr_iner {
    position: absolute;
    z-index: 10;

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

    padding-bottom: 3.125vw;
}

.con13_stamp {
    height: 6.875vw;
    top: 7.292vw;
    z-index: 2;
}

.con13_stamp_01 {
    left: 7.656vw;
}

.con13_stamp_02 {
    right: 6.042vw;
}

.con13_food {
    z-index: 1;
}

.con13_food_01 {
    width: 37.604vw;
}

.con13_food_02 {
    width: 33.802vw;
}

.con13_tbox {
    width: 45.469vw;
    height: 12.031vw;
    padding-top: 2.604vw;
}

.con13_tbox_t1 {
    height: 3.073vw;
    margin-bottom: 1.2vw;
}

.con13_tbox_02 {
    background: url('/images/con13_02c.jpg') center top / cover no-repeat;
}

.con14_iner {
    background: url('/images/con14_bg2.jpg') center top / cover no-repeat;

    width: 100vw;
    height: 52.5vw;

    padding-top: 5.729vw;
}

.con14_iwrap {
    width: 81.823vw;

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

    /* -webkit-mask-image: linear-gradient(to right,
            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 right,
            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%; */
}

.tab_menu_wrap {
    height: 3.646vw;

    gap: 1.771vw;
    padding: 0 2.448vw;

    background: #180806;
    border-radius: 1.042vw 1.042vw 0 0;
    border: 1px solid #000;

    margin-top: 1.25vw;
}

.tab_menu {
    color: #fff;
    transition: 0.3s;
    cursor: pointer;
}

.tab_menu.on_tab {
    color: #db3325;
}

.con14_01 {
    width: 7.604vw;
    margin-bottom: 0.885vw;
}

.con14_02 {
    width: 13.8546vw;
    margin-bottom: 1.667vw;
}

.tab_content {
    background: url('/images/con14_bg.jpg') center top / cover no-repeat;
    width: 89.219vw;
    height: 23.281vw;
    border-radius: 1.042vw;
    overflow: hidden;
    border: 0.104vw solid #000;

    padding-top: 1.927vw;
}

.tab_item {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;

    transition: 0.2s;

    top: 0;
    transform: translateY(10%);
    transition: 0.4s;
}

.tab_item.on_tab {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    transition: 0.4s 0.4s;
}

.con14_03 {
    width: 23.073vw;
    margin-bottom: 2vw;
}

.tab_sd_btn_wrap {
    position: absolute;
    width: 100%;
    padding: 0 2.396vw;

    top: 5.4vw;
}

div.tab_sd_btn {
    width: 3.594vw;
}

.tab_sd_btn:hover {
    filter: brightness(0.8);
}


.menu_wrap {
    width: 13.542vw;
}

.menu_img_wrap {
    width: 100%;
    height: 13.021vw;
    border: 1px solid #000;
    background: #d3b275;

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

.menu_img {
    width: 17.5vw;
    height: 12.188vw;
    bottom: -0.8vw;
}

.menu_img>img {
    object-fit: contain;
}

.menu_txt_wrap {
    width: 90%;
    margin-top: 0.2vw;
}

div.tab_swiper {
    width: 83.8%;
}

.con15_iner {
    background: url('/images/con15_bg.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 59.0626vw;
}

.con15_ct_1st_txt {
    height: 7.083vw;
}

.con15_ct_1st {
    gap: 0.5vw;
}

.con15_ct_2nd {
    width: 29.427vw;
}

.con15_ct_2nd_hash {
    height: 1.667vw;
}

.con15_ct_2nd_t1 {
    width: 18.1776vw;
    margin-bottom: 1.3vw;
}

.con15_ct_2nd_twrap {
    z-index: 100;
}

.con15_ct_2nd_t2 {
    margin-bottom: 0.26vw;
}

.con15_ct_ddm_wrap {
    z-index: 10;
}

.con15_ddm {
    height: 3.906vw;
}

.con15_ddm_01 {
    top: -11vw;
    left: -32.7vw;
}

.con15_ddm_02 {
    top: -6vw;
    left: 15.9vw;
}

.con15_ddm_03 {
    top: 6.9vw;
    left: -35.9vw;
}

.con15_sitem {
    width: 13.542vw;
    border-radius: 1.042vw;
    overflow: hidden;
    border: 1px solid #000;
}

.con15_swiper_01 {
    top: 3.854vw;
}

.con15_swiper_02 {
    bottom: 3.854vw;
}

.con15_01 {
    width: 24.063vw;
    left: 0;
    top: 0.885vw;
    z-index: 100;
}

div.con15_10 {
    width: 123.3336vw;
}

.con16_iner {
    background: url('/images/con16_bg.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 46.198vw;

    padding-top: 8.854vw;
}

.con16_t1 {
    margin-bottom: 0.2vw;
}

.con16_t2 {
    width: 39.375vw;
    margin-bottom: 1.2vw;
}

.con16_iwrap {
    margin-top: 3.125vw;
}



.con16_item {
    width: 100%;
    height: 6.979vw;
    cursor: pointer;
}

.con16_hv_img {
    opacity: 0;
    z-index: 1;
    transition: 0.5s;
}

.con16_item_ovry {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

.con16_item_iner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 25.5vw;
}

.con16_inum {
    width: 6.51vw;
}

.con16_item_t1 {
    width: 20.052vw;
    text-align: center;
}

.con16_item_t2 {
    margin-left: 3.4vw;
}
.con16_opa_txt{
    opacity: 0.7;
    font-size: 0.8vw;
}

.con17_iner {
    background: url('/images/con17_bg2.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 91.771vw;

    padding: 3.125vw;
}

.con17_box {
    border: 0.104vw solid #000;
}

.con17_box_ab1 {
    width: 2.031vw;
    position: absolute;
}

.con17_box_ab1_lt {
    left: 1.406vw;
    top: 1.406vw;
}

.con17_box_ab1_rt {
    right: 1.406vw;
    top: 1.406vw
}

.con17_box_ab1_lb {
    left: 1.406vw;
    bottom: 1.406vw;
}

.con17_box_ab1_rb {
    right: 1.406vw;
    bottom: 1.406vw;
}


/* PC */
@media screen and (min-width:600px) {
    .con16_item:hover .con16_hv_img {
        opacity: 1;
    }

    .con16_item:hover .con16_item_ovry {
        background: #151a82;
        width: 73.438vw;
        border-radius: 40vw;
    }
}

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

.con17_box_line {
    background: #000;
}

.con17_box_line_01 {
    width: 85.052vw;
    height: 0.1046vw;

    top: 2.292vw;
}

.con17_box_line_02 {
    width: 85.052vw;
    height: 0.1046vw;

    bottom: 2.292vw;
}

.con17_box_line_03 {
    width: 0.1046vw;
    height: 76.875vw;

    left: 2.396vw;
}

.con17_box_line_04 {
    width: 0.1046vw;
    height: 76.875vw;

    right: 2.396vw;
}

.con17_01 {
    width: 10.469vw;
    margin-bottom: 1vw;
}

.con17_09a {
    width: 14.01vw;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con17_09b {
    width: 10.625vw;
    bottom: 0;
}

.con17_bg {
    width: 74.583vw;
}

.con17_box_twrap {
    margin-top: 4.375vw;
    margin-bottom: 1.6vw;
}

.con17_04 {
    width: 57.344vw;
}

.con17_04a {
    width: 2.604vw;
    top: 9.75vw;
    right: 38.6vw;
}

.con17_03 {
    width: 17.188vw;
    right: -2.1vw;
    bottom: 9.1vw;
}

.con17_twrap_02 {
    margin-top: 5.052vw;
    margin-bottom: 1.6vw;
}

.con17_tt {
    margin-bottom: 0.9vw;
    height: 3.125vw;
}


.con17_iwrap {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    row-gap: 1.406vw;
}

.con17_item {
    width: 14.375vw;

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

    position: relative;
}

.con17_item_twrap {
    top: 3.438vw;
}

.con17_item_t1 {
    margin-bottom: 0.2vw;
}

.con17_arw1 {
    width: 3.021vw;
}

.con17_arw2 {
    width: 3.385vw;
}

.con17_arw {
    margin-left: -0.7vw;
    margin-right: 0.6vw;
}

.map_section_iner {
    background: url('/images/con18_bg.jpg') center top / cover no-repeat;
    height: 58.125vw;
    width: 100vw;
    padding-top: 8.854vw;
}

.con19_iner {
    background: url('/images/con19_bg.jpg') center top / cover no-repeat;
    height: 49.375vw;
    width: 100vw;
    overflow: hidden;
}

.con19_center {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.con19_top {
    width: 18.542vw;
}

.con19_foot {
    width: 13.646vw;
    margin-top: 1.2vw;
}

.con19_05 {
    width: 24.323vw;
    margin-bottom: 1.5vw;
}

.con19_04a {
    width: 10.417vw;

    z-index: 10;
}

.con19_04 {
    width: 12.448vw;
    left: 4.3vw;
    top: 2.8vw;
}

.con19_03 {
    width: 9.427vw;

    right: -5.8vw;
    top: 2.9vw;


    z-index: 10;
}

.con19_06 {
    width: 14.74vw;
    margin-bottom: 0.5vw;
}

.con19_06a {
    width: 20.313vw;
    margin-bottom: 1.4vw;
}

.con1_simg {
    width: 20.156vw;
}

div.con19_swiper {
    width: fit-content;
    height: 100%;
    top: 0;
}

.con19_swiper_01 {
    left: 5.521vw;
}

.con19_swiper_02 {
    right: 5.521vw;
}

.fsc_iner {
    background: url('/images/con20_bg.jpg') center top / cover no-repeat;
    width: 100vw;
    height: 43.802vw;

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

.con20_01 {
    width: 17.766vw;
    margin-bottom: 2.2vw;
}

.fsc_call {
    width: 18.021vw;
    margin-top: 2.6vw;
}

.fsc_animal_wrap {
    bottom: 0;
    left: 12.083vw;

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

.fsc_twrap {
    margin-left: 12.656vw;
    margin-top: 9.896vw;
}

.fsc_rb {
    width: 44.896vw;
    position: absolute;
}

.fsc_rainbow_wrap {
    bottom: 6.1vw;
}

.fsc_form_container {
    width: 50.052vw;
    height: 100%;

    background: url('/images/con20_bg2.jpg') center top / cover no-repeat;

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

    z-index: 11;
}

.con20_03 {
    width: 26.302vw;
}

.form_point {
    color: #db3325;
    font-size: 0.833vw;
    position: absolute;
    left: -0.6vw;
}

.form_row_wrap {
    width: 38.281vw;
    display: flex;
    flex-wrap: wrap;

    row-gap: 0.677vw;
}

.form_row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.771vw;
    min-height: 2.813vw;

    border: 1px solid #807e7b;
    background: #ffffff80;
}

.form_row_01 {
    border-right: none;
}


.form_row_wd50 {
    width: 50%;
}

.form_row_label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.form_row_input {
    width: 100%;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    resize: none;
}

.form_row_index .form_row_input {
    flex: 1;
    height: 7.656vw;
    padding: 0.6vw 1.5vw;
}

.form_row_index .form_row_label {
    height: 100%;
    align-items: flex-start;
    padding-top: 0.7vw;
}

.sido_slct_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 3.688vw;
}

.form-control {
    width: 100%;
    height: 100%;

    padding-left: 1vw;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: url('/images/barrow.png');
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 2.3%;
    background-position: right 1vw center;
}

.form_check_wrap {
    display: flex;
    height: 1.927vw;
    padding-left: 4.688vw;
}

.form_chk_label {
    width: 7.813vw;
    height: 100%;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.form_chk_input:checked+.form_chk_label {
    background-color: #000;
    color: #fff;
}

.form_chk_input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}



.form_agree_check {
    border: none;
    appearance: none;

    position: relative;

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

    width: 0.938vw;
    height: 0.938vw;

    outline: 1px solid #000;
    background-color: #fff;
}

.form_agree_check:checked {
    outline: 1px solid #fff;
    background-color: #282828;
}

.form_agree_check::before {
    content: '';
    opacity: 0;

    width: 100%;
    height: 100%;

    z-index: 1;
    position: absolute;

    background: url('/images/barrow.png');
    background-repeat: no-repeat;
    background-size: 0.6vw;
    background-position: center center;
    filter: invert(1);
}

.form_agree_check:checked::before {
    opacity: 1;
}

.form_agree_txt {
    color: #000;
    margin-left: 0.6vw;
    font-size: 0.833vw;
    font-weight: 300;
}

.form_agree_txt>span {
    text-decoration: underline;
    text-underline-offset: 21%;
}

.form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0.2vw;
    margin-right: 0.5vw;
}

.form_submit {
    width: 16.719vw;
    margin-top: 1.3vw;
    cursor: pointer;
}





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

.map_mid_map_search_top>div {
    color: #000;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6%;
    padding-bottom: 3%;
    font-size: 1vw;
    font-weight: 300;
    cursor: pointer;
    background-color: #fff;
}

.on2 {
    background: #16992C !important;
    color: white !important;
    font-weight: 900 !important;
}

.off2 {
    font-weight: 300 !important;
}

.map_mid_map_search_mid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 44vw;
    height: 3.9vw;
    box-sizing: border-box;
    margin: auto;
    z-index: 3;
    top: -2vw;
    background-color: #fff;

    border: 1px solid #000;
    border-radius: 0;
    overflow: hidden;
}

.map_mid_map_search_mid input {
    appearance: none;
    border: none;
    outline: none;
    /* border-radius: 0.6vw; */
    width: 85%;
    height: 100%;
    padding-left: 2.9vw;
    font-size: 0.95vw;
    font-weight: 400;
    box-sizing: border-box;
    color: #000;
}

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

.map_mid_map_search_bottom {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    /* margin: auto; */
    padding: 0vw 0;
}

.map_mid_map_search_item_title {
    width: 87%;
    font-size: 1vw;
    font-weight: 500;
}

.map_mid_map_search_item_address {
    width: 79%;
    margin-top: 0.8vw;
    margin-bottom: 0.2vw;
    color: #222;
}

.map_mid_map_search_item_tel {
    color: #222 !important;
}

.map {
    width: 99%;
    height: 34vw;
    border-radius: 1vw;
    border: 1px solid #000;

}

.map_bg {
    height: 100%;
    background-color: #fcd943;
    top: 0.3vw;
    left: 0.3vw;
    box-sizing: border-box;
    border: 1px solid #000;
}

.map_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 88vw;
    margin-bottom: 0%;
    box-sizing: border-box;

    margin-top: 3.5vw;

    z-index: 500;
}

.map_search {
    width: 1.615vw;
    cursor: pointer;
    right: 1.7vw;
    top: 1vw;
}

.con7_bottom_2 {
    width: 26.4943%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map_mid_map_search_item {
    width: 100%;
    margin: 0% auto;
    border-bottom: 1px solid #ddd;
    padding: 2vw 0 1.5vw;
    padding-left: 3vw;
    font-size: 0.8vw;
    box-sizing: border-box;
    position: relative;
    color: #000;
    cursor: pointer;
}

.map_mid_map_search {
    width: 20vw;
    background: white;
    height: 100%;
    top: 50%;
    z-index: 2;
    overflow: hidden;
    left: 0;
    border-radius: 1vw 0vw 0vw 1vw;
    border-right: 1px solid #000;
    box-sizing: border-box;
    transform: translateY(-50%);
    border: 1px solid #000;
    box-sizing: border-box;
}

.map_mid_map_search_bottom::-webkit-scrollbar {
    display: none;
}

.map_plus {
    width: 3.073vw;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 1.4vw;
    bottom: 1.2vw;
    cursor: pointer;
}

/*   .map_plus_h {
    width: 150.769%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .map_plus:hover .map_plus_h {
    opacity: 1;
  } */
.sido1 {
    width: 16%;
    height: 48%;
    border: none;
    border-right: 1px solid #b5b5b5;
    outline: none;
}

.map_link {
    width: 49.81%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
}

/* 맵 끝 */


/*popup*/


div.popup {
    width: 50vw;
    height: 21vw;
    border: 1px solid black;
    background-color: #fff;
    box-sizing: border-box;
    justify-content: space-between;
    border-radius: 0;
    border: 0.11vw solid #000;
    overflow: hidden;
}

.fixed_popup {
    width: 100%;
    position: fixed;
    top: 0;
    height: 100vh;
    background: #00000099;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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>* {
    padding-left: 1vw;
}

.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_3rd {
    margin-top: 1.3vw !important;
}

.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: 60%;
    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: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.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_right_6th_left.naver {
    width: 7.031vw;
    display: flex;
    margin-top: 1vw;
}

.popup_right_6th_left.absol {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    /* background-color: #19c365; */
    /* border-radius: 5vw; */
    right: 0.9vw;
    bottom: 1vw;
}

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

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

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

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

.popup_img_con {
    overflow: hidden;
    width: 80%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0vw;
    border: 0.11vw solid #000;
}


.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: 90%;
    font-size: 1.3vw;
    padding-bottom: 1vw;
    box-sizing: border-box;
}


.popup img {
    width: 100%;
}

.popup_close {
    width: 3.073vw;

    display: flex;
    justify-content: center;
    align-items: center;
    top: 1.1vw;
    right: 1.1vw;
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}




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


/* 커스텀 오버레이 (말풍선) 디자인 */
.my-place-label {
    background: #fff;
    border: 2px solid #000;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-align: center;
    white-space: nowrap;
    position: relative;

    /* [수정] 마커 높이(약 69px)보다 높게 설정해야 가리지 않습니다 */
    bottom: 80px;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    z-index: 10;

    left: 24%;
}

/* 말풍선 꼬리 (테두리 - 핑크색) */
.my-place-label:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/* 말풍선 꼬리 (내부 채움 - 흰색) */
.my-place-label:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
}

/* 마우스 올렸을 때 효과 */
.my-place-label:hover {
    background: #000;
    color: #fff;
    z-index: 9999 !important;
    /* 가려짐 방지 */
}

.my-place-label:hover:before {
    border-top-color: #000;
}

.popup_rayer {
    border-top: 0.11vw solid #000;
    bottom: 0;
}

.popup_ry1 {
    width: 100%;
    height: 1vw;
}

.popup_ry2 {
    width: 100%;
    height: 0.6vw;
    width: 100%;
    height: 1.7vw;
    padding-right: 1.9vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.con18_08 {
    width: 12.604vw;
}

.con09_ab_txt {
    color: #fff;
    font-size: 0.8vw;
    opacity: 0.5;
    right: 0vw;
    top: 2vw;
}


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