#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    transition: opacity 0.3s ease;
}

.cover_logo {
    width: 8.084%;
}



.hero {
    height: 50.521vw;
    z-index: 20;
    background: #F55B00;
}

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

.hero_cilp_container {
    width: 70.9%;
    height: 100%;

    overflow: hidden;
    background: #FFEC88;
    z-index: 100;
}

.main_04,
.main_03 {
    width: 91.156vw;
    aspect-ratio: 1731 / 232;
    bottom: 0vw;
    overflow: hidden;
}

.main_04 img,
.main_03 img {
    object-position: 0 0.3vw;
}

.hero_ciip_iner {
    padding-top: 11.1vw;
    height: 100%;
}


.main_08 {
    width: 14.8789%;
    aspect-ratio: 201 / 12;
    margin-bottom: 2vw;
}

.main_01 {
    width: 36.65%;
    aspect-ratio: 495 / 158;
    margin-bottom: 1.7vw;
}

.hero_swiper {
    position: absolute;
    z-index: 50;
    bottom: -6vw;
}

.hero_sitem {
    width: 35.104vw;
    aspect-ratio: 674 / 585;
}

.main_02 {
    width: 10.8146%;
    aspect-ratio: 206 / 247;
    z-index: 150;
    bottom: -1.5vw;
    right: 29.7vw;
}

.hero_swiper2 {
    position: absolute;
    top: 18vw;
}

.hero_sitem2 {
    width: 18vw;
    aspect-ratio: 674 / 585;
}

.main_07 {
    width: 100.788%;
    aspect-ratio: 1920 / 73;
    top: 0;
}

.con01_iner {
    padding-top: 10.938vw;
}

.con01_07 {
    width: 9.531vw;
    aspect-ratio: 183 / 506;
    top: -3.4vw;
    right: -8vw;
}

.con01_table {
    width: 29.167vw;
    font-size: 1.042vw;

    border: 1px solid #000;
    background: #ffffff;
    border-radius: 1.042vw;
    border-top: none;

    position: relative;
    margin-left: 8.854vw;
}


.con01_table_head {
    width: 100%;
    height: 3.021vw;
    background: #fef9dc;
    border-radius: 1.042vw;
    border: 1px solid #000;
}

.con01_table_row_wrap {
    width: 100%;
}

.con01_table_row {
    width: 100%;
    height: 3.49vw;

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

.table_row.border {
    border-bottom: 1px solid #d9d9d9;
}

.con01_table_row.last {
    height: 0.6vw;
}

.con01_table_row.border {
    border-bottom: 1px solid #000;
}

.con01_table .col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.con01_table .col4 {
    display: none;
}

.con01_table .tb_pd {
    padding-left: 1.4vw;
    padding-right: 2.9vw;
}

.con01_table .col1 {
    width: 12vw;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.con01_table .col2 {
    width: 8vw;
}

.con01_table .col3 {
    flex: 1;
}

.con01_bkb {
    width: 9.531vw;
    height: 26.354vw;
    border-radius: 30vw;
    background-color: #f55b00;
    border: 1px solid #000000;
}

.con01_table_pt {
    width: 5.104vw;
    aspect-ratio: 1;
    margin: -0.1vw 0;
}

.con01_table_pt_wrap {
    left: -2.1vw;
    top: 0.9vw;
    z-index: 10;
}

.con01_08 {
    width: 10.7097%;
    aspect-ratio: 204 / 204;
    right: 4vw;
    top: 0.1vw;
    z-index: 15;
}

.con01_t2 {
    width: 28.594vw;
    margin-bottom: 2.9vw;
    aspect-ratio: 549 / 124;
}

.con01_1st {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 6.771vw;
}

.con01_twrap {
    margin-left: 12.5vw;
}


.con01_bottom {
    width: 93.75vw;
    height: 10.938vw;
    margin: 0 auto;

    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 2.604vw 2.604vw 0 0;
    overflow: hidden;
    position: relative;

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

.con01_line {
    height: 100%;
    gap: 0.521vw;
    display: flex;
}

.con01_line.item1 {
    left: 0;
}

.con01_line.item2 {
    right: 0;
}

.con01_line .l2 {
    width: 0.417vw;
    height: 100%;
    background: #ffec88;
}

.con01_line .l1 {
    width: 3.646vw;
    height: 100%;
    background: #f55b00;
}

.con01_bottom_iner {
    height: 100%;
}

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

.con01_bat {
    width: 2.917vw;
    aspect-ratio: 59 / 98;
    top: 2.404vw;
    left: 32.175vw;

    transform-origin: left bottom;
    rotate: -35deg;
}

.con01_13 {
    width: 39.2867%;
    aspect-ratio: 22 / 30;

    right: -1.1vw;
    top: -0.5vw;

    opacity: 0;
}

.con01_bottom_twrap {
    width: 100%;
    margin-top: 1.2vw;
}

.con01_bottom_twrap .t1 {
    width: 100%;
}

.con01_09 {
    width: 6.6645%;
    aspect-ratio: 119 / 62;
    margin-top: -1.8vw;
    margin-right: 0.4vw;
}

.con01_10 {
    width: 14.5599%;
    aspect-ratio: 260 / 27;
}

.con01_11 {
    width: 23.2933%;
    aspect-ratio: 416 / 26;
    margin-top: 0.8vw;
}

.con02 {
    border-bottom: 1px solid #000;
    background: #522900;
}

.con02_iner {
    padding-top: 6.875vw;
}

.con02_twrap {
    width: 100%;
}

.con02_t2 {
    width: 30.8146%;
    aspect-ratio: 587 / 60;
    margin-bottom: 1.2vw;
}

.con02_card_wrap {
    margin-top: 10.938vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.302vw;
    margin-right: 21vw;
}

.con02_card {
    width: 16.823vw;
    aspect-ratio: 323 / 314;

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

.con02_card_ddm {
    position: absolute;
    top: -5.4vw;
    width: 89.6885%;
    aspect-ratio: 287 / 92;
}

.con02_11 {
    width: 10.8146%;
    aspect-ratio: 206 / 247;
    bottom: -0.9vw;
    right: 10.3vw;
    z-index: 50;
}

.con02_12 {
    width: 4.67292%;
    aspect-ratio: 89 / 90;
    bottom: 1.7vw;
    right: 20.3vw;
    z-index: 20;
}

.con02_13 {
    width: 5.82777%;
    aspect-ratio: 111 / 111;
    bottom: 6.2vw;
    right: 23.8vw;
    z-index: 20;
}

.con02_14 {
    width: 28.7149%;
    aspect-ratio: 547 / 488;
    bottom: 0;
    right: 6.8vw;
    z-index: 10;
    overflow: hidden;
}

.con02_02 {
    width: 11.8645%;
    aspect-ratio: 226 / 207;
    right: 20.2vw;
    top: 1.2vw;
}

.con02_03 {
    width: 12.232%;
    aspect-ratio: 233 / 231;
    left: 22vw;
    top: 2vw;
}



/* ============ con03 ============ */
.con03 {
    padding-top: 7.813vw;
    background: #fbf7e2;
}

.con03_02 {
    width: 18.9385%;
    aspect-ratio: 228 / 45;
}

.con03_t2 {
    width: 38.1112%;
    aspect-ratio: 726 / 56;
}

.con03_t3 {
    margin-top: 1.4vw;
    margin-bottom: 3.646vw;
}

.con03_sitem {
    width: 15.625vw;
    position: relative;
}

.con03_sitem>div {
    width: 100%;
}

.con03_shead {
    height: 3.125vw;
    background: #522a00;
    font-size: 0.99vw;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;

    border: 1px solid #000;
    border-radius: 1.042vw;
    color: #fff;
    margin-bottom: 0.6vw;
}

.con03_sbody {
    height: 6.25vw;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

    border: 1px solid #000;

    font-weight: 800;
    border-radius: 1.042vw;
}

.con03_sbody .t1 {
    font-size: 2.292vw;
}

.con03_sbody .t2 {
    font-size: 1.2vw;
    margin-bottom: -0.8vw;
    margin-left: 0.1vw;
}

.con03_price_counter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -0.7vw;
}

.con03_price {
    font-size: 11.667vw;
    color: #f55b00;
    font-weight: 900;
    letter-spacing: -0.2vw;
    line-height: 1;

    text-shadow: 0.7vw 0 0 #000000;
    -webkit-text-stroke: 1px #000;
}

.con03_swiper {
    margin-bottom: 2.4vw;
}

.con03_iner {
    padding-bottom: 5.9vw;
}

.con03_bottom_line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1vw;
    border-top: 1px solid #000;

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

    background: #f55b00;
}

.con03_bottom_txt {
    width: 4.04299%;
    aspect-ratio: 77 / 98;
    margin: 0 -0.2vw;
    margin-top: -1vw;
}

.con03_bowl_wrap {
    width: 32.6519%;
    aspect-ratio: 622 / 616;
    overflow: hidden;
    bottom: 0;
}

.con03_bowl {
    top: 6vw;
    position: absolute;
}

/* 6vw */

.con03_won {
    font-size: 3.646vw;
    font-weight: 900;
    margin-bottom: -3.6vw;
    margin-left: 0.7vw;
}

/* ============ con04 ============ */
.con04 {
    z-index: 30;
}

.con04_01 {
    width: 15.156vw;
    aspect-ratio: 291 / 53;
}

.con04_t3 {
    margin-top: 1.8vw;
}

.con04_center_grp {
    width: 28.9249%;
    aspect-ratio: 551 / 551;
    border-radius: 50%;
    margin-top: 5.469vw;
    z-index: 50;
}

.con04_twrap {
    position: absolute;

    top: 10.938vw;
    left: 12.5vw;
}

.con04_table .col3 {
    font-weight: 800;
}

.con04_table {
    width: 20.833vw;
    font-size: 0.938vw;
    position: absolute;

    top: 8.333vw;
    right: 12.5vw;
}

.con04_table .col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.con04_table_head {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    font-weight: 600;
}

.con04_table .table_row {
    height: 2.604vw;
}

.con04_table .table_row.border {
    border-bottom: 1px solid #e0e0e0;
}

.con04_table .col1 {
    width: 7.292vw;
}

.con04_table .col2 {
    width: 7.813vw;
}

.con04_table .col3 {
    flex: 1;
}

.con04_table_foot {
    width: 20.938vw;
    height: 3.021vw;
    background-color: #f55b00;
    border-radius: 40vw;
    color: #fff;
    font-weight: 600;
}

.con04_tsd {
    width: 87.5vw;
    height: 5.677vw;
    border-radius: 50vw;
    background-color: #ffec88;
    border: 1px solid #000000;

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

    margin-top: -0.9vw;
}

.con04_06 {
    width: 120.001%;
    aspect-ratio: 1998 / 27;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.con04_table .margin_txt {
    color: #ffec88;
    font-weight: 800;
    font-size: 1.406vw;
}

.con04_ctg_percent {
    font-size: 3.021vw;
    color: #ffec88;
    font-weight: 800;
    position: absolute;

    right: 3.5vw;
    top: 7.5vw;

    z-index: 20;
}

/* ============ con05 ============ */
.con05 {
    background: #f55b00;
    height: 49.479vw;

    margin-top: -2.8vw;
}

.con05_iner {
    height: 100%;
}

.con05_cilp_container {
    background: #fbf7e2;
    width: 81.25vw;
    height: 100%;
    position: relative;
    overflow: hidden;

    padding-top: 10.938vw;
}

.con05_iwrap {
    position: relative;
    gap: 0.521vw;
    z-index: 10;
}

.con05_item {
    width: 11.3059%;
    aspect-ratio: 175 / 56;

    filter: invert(1);
    transition: 0.4s;
    border: 1px solid #fff;
    border-radius: 20vw;
    background: #000;
}

.con05_item.on {
    filter: invert(0);
    border: 1px solid #000;
}

.con05_01 {
    width: 31.9777%;
    aspect-ratio: 495 / 204;
    margin-bottom: 1.563vw;
}

.con05_t3 {
    margin-bottom: 2.1vw;
}


.con05_food {
    position: absolute;
    z-index: 1;
}

.con05_food1 {
    width: 30.6858%;
    aspect-ratio: 475 / 557;
    top: 7.448vw;
    left: -9.8vw;
}

.con05_food2 {
    width: 31.8485%;
    aspect-ratio: 493 / 448;
    top: -9.1vw;
    right: -4.3vw;
}

.con05_food3 {
    width: 45.156%;
    aspect-ratio: 699 / 557;
    bottom: -8.5vw;
}

.con05_13 {
    width: 79.0708%;
    aspect-ratio: 1224 / 164;
    bottom: -0.5vw;
}

.con05_eazy_txt {
    width: 5.5653%;
    aspect-ratio: 106 / 314;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}

.con05_eazy_txt.item1 {
    left: 6.7vw;
}

.con05_eazy_txt.item2 {
    right: 6.7vw;
}

/* ============ con06 ============ */

.con05_15 {
    width: 100.788%;
    aspect-ratio: 1920 / 78;
    top: 0;
}

.con06_iner {
    padding-top: 7.813vw;
}

.con06_01 {
    width: 24.4629%;
    aspect-ratio: 466 / 561;

    top: -7.1vw;
    right: 0;
    z-index: 20;
}

.con06_02 {
    width: 8.7674%;
    aspect-ratio: 167 / 217;
}

.con06_03 {
    width: 15.1191%;
    aspect-ratio: 288 / 98;
    margin-bottom: 2.6vw;
    margin-top: -2.9vw;
    z-index: 20;
}

.con06_04 {
    width: 33.701%;
    aspect-ratio: 642 / 125;
    margin-bottom: 1.3vw;
}

.con06_iwrap {
    display: flex;
    height: 39.5276vw;
    margin-top: 3.125vw;
}

.con06_item {
    width: 33.33333%;
    height: 100%;
    transition: width 0.5s ease, border-radius 0.5s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.con06_item .item_back_iner {
    height: 100%;
}

.con06_item.on {
    width: 286.1%;
    border-radius: 3.125vw;
}

.con06_item.item1 {
    background: #ffffe5;
}

.con06_item.item1.on {
    border: 1px solid #f2db64;
}

.con06_item.item2 {
    background: #f55b00;
}

.con06_item.item3 {
    background: #522a00;
}

.con06_item>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.con06_item .number {
    font-size: 2.604vw;
    font-weight: 900;
    position: absolute;
    top: 5.208vw;
}

.con06_item .item_front {
    padding-top: 10.938vw;
    opacity: 1;
    visibility: visible;
    transition: 0.3s 0.3s;
}

.con06_item.on .item_front {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.con06_item .item_back {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.con06_item.on .item_back {
    opacity: 1;
    visibility: visible;
    transition: 0.3s 0.3s;
}

.con06_item .item_title1 {
    width: 1.667vw;
    aspect-ratio: 32 / 253;
}

.item_title2 {
    width: 1.771vw;
    aspect-ratio: 34 / 253;
}

.item_title3 {
    width: 1.823vw;
    aspect-ratio: 35 / 297;
}

.con06_29 {
    width: 5.833vw;
    aspect-ratio: 112 / 135;
    position: absolute;
    bottom: 4.167vw;
}

.con06_28 {
    width: 8.698vw;
    right: 6vw;
    top: 4vw;
    aspect-ratio: 1;
}

.con06_09 {
    width: 27.969vw;
    aspect-ratio: 537 / 106;
    margin-bottom: 2vw;
}

.con06_item .item_back .number {
    left: 4.688vw;
}


.con06_item1_twrap {
    top: 11.458vw;
    left: 12.5vw;

    z-index: 20;
}

.con06_06 {
    width: 37.448vw;
    aspect-ratio: 719 / 100;
    bottom: -0.4vw;
    left: 0;
}

.con06_07 {
    width: 73.906vw;
    aspect-ratio: 1419 / 1160;

    top: -19.2vw;
    right: -3.5vw;
    z-index: 5;
}

.con06_08 {
    width: 14.948vw;
    aspect-ratio: 287 / 120;

    top: 10vw;
    right: 12.9vw;
    z-index: 6;
}

.con06_item2_twrap {
    margin-top: 6.771vw;
}

.con06_11 {
    width: 19.219vw;
    aspect-ratio: 369 / 104;
    margin-bottom: 1.4vw;
}

.con06_12 {
    width: 32.5vw;
    aspect-ratio: 624 / 622;
    bottom: -16.4vw;
}

.con06_rt_item {
    width: 9.688vw;
    aspect-ratio: 1;
}

.con06_rt_item .i1 {
    z-index: 10;
    opacity: 0;
    transition: 0.3s;
}

.con06_rt_item.on .i1 {
    opacity: 1;
}

.con06_rt_item.item1,
.con06_rt_item.item4 {
    transform: translateY(10.9vw);
}

.con06_rt_item.item2 {
    margin-right: 6vw;
}

.con06_rotation_item_wrap {
    top: 17.9vw;
}

.con06_rt_item.item1 {
    margin-right: 1vw;
}

.con06_rt_item.item4 {
    margin-left: 1vw;
}

.con06_rotation_arw_wrap {
    width: 100%;
    top: 0;
}

.con06_item_arw {
    width: 3.177vw;
    aspect-ratio: 61 / 210;
}

.con06_item_arw.item1 {
    top: 26vw;
    left: 23.3vw;
    rotate: 6deg;
}

.con06_item_arw.item2 {
    top: 16.9vw;
    left: 35.5vw;
    rotate: 40deg;
}

.con06_item_arw.item3 {
    top: 18.9vw;
    left: 49.6vw;
    rotate: 105deg;
}

.con06_item_half_circle {
    width: 73.281vw;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #f98f36;
    position: absolute;
    top: 9.9vw;

    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 6%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 6%);
}

.con06_22 {
    width: 16.771vw;
    aspect-ratio: 322 / 113;
    z-index: 40;
    bottom: 2.6vw;
}

.con06_25 {
    width: 22.396vw;
    aspect-ratio: 430 / 103;
    margin-bottom: 1.8vw;
}

.con06_item3_twrap {
    top: 11.458vw;
    left: 7.552vw;
}

.con06_27 {
    top: 8vw;
    right: 8.9vw;
    width: 36.25vw;
    aspect-ratio: 696 / 500;
}

.con06_26 {
    bottom: -10vw;
    left: 9vw;
    z-index: 10;
    width: 29.844vw;
    aspect-ratio: 573 / 509;
}

.con07_iner {
    padding-top: 16vw;
    overflow: hidden;
}

.con07_t4 {
    font-size: 1.4vw;
    font-weight: 800;
}

.con18_t4 {
    font-size: 1.25vw;
    font-weight: 800;
}

.con07_t3 {
    margin-top: 1.3vw;
    margin-bottom: 1vw;
}

.con07_title {
    width: 22.7307%;
    aspect-ratio: 433 / 123;
}

.con07_side_txt {
    width: 22.6338%;
    aspect-ratio: 98 / 193;
    top: -3vw;

    z-index: 50;
}

.con07_side_txt.item1 {
    left: -8.2vw;
}

.con07_side_txt.item2 {
    right: -8.2vw;
}

.con07_04 {
    width: 12.7569%;
    aspect-ratio: 243 / 291;
    bottom: -1.8vw;
    z-index: 50;
}

.con07_05 {
    width: 90.8671%;
    aspect-ratio: 1731 / 232;
    margin-top: 6.25vw;
    margin-bottom: -0.9vw;
}

.con07_food {
    position: absolute;
}

.con07_food1 {
    width: 20.7359%;
    aspect-ratio: 395 / 377;

    top: -8.3738vw;
}

.con07_food2 {
    width: 17.4813%;
    aspect-ratio: 333 / 328;

    top: 16.2457vw;
    left: 75.2231vw;
}

.con07_food3 {
    width: 16.7989%;
    aspect-ratio: 320 / 311;

    top: 39.2152vw;
    left: 61.2598vw;
}

.con07_food4 {
    width: 16.3265%;
    aspect-ratio: 311 / 308;

    top: 39.6352vw;
    left: 22.7297vw;
}

.con07_food5 {
    width: 17.2713%;
    aspect-ratio: 329 / 329;

    top: 15.5108vw;
    left: 8.0315vw;
}

.con07_circle {
    width: 95.781vw;
    height: 91.823vw;
    border-radius: 50%;
    border: 1px solid #f55b00;
    opacity: 0.549;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.con08 {
    z-index: 20;
    background: #f66c1a;
}

.con08_box {
    width: 93.75vw;
    background-color: #ffffff;
    border: 1px solid #522a00;
    border-radius: 3.125vw;

    padding-top: 6.25vw;
    padding-bottom: 5.208vw;
    z-index: 30;
}

.con08_iner {
    padding-top: 2.604vw;
    padding-bottom: 1.563vw;
}

.con08_01 {
    width: 8.71491%;
    aspect-ratio: 166 / 31;

    margin-bottom: 3.646vw;
}

.con08_02 {
    width: 9.81042%;
    aspect-ratio: 175 / 87;
    top: -2.3vw;
}

.con08_05 {
    width: 24.1041%;
    aspect-ratio: 430 / 123;
    margin-bottom: 1.7vw;
}

.con08_iwrap {
    width: 100%;
    gap: 4.688vw;

    margin-top: 3.125vw;
}

.con08_item {
    width: 19.01vw;
    border-radius: 2.083vw;
    aspect-ratio: 367 / 348;

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 20
}

.con08_item_iner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    padding-bottom: 3.646vw;
    height: 100%;
}

.con08_item.on {
    background-color: #ffec88;
}

.con08_item>.bg_img {
    opacity: 1;
    transition: 0.3s;
}

.con08_item.on>.bg_img {
    opacity: 0;
}

.con08_item_ctt1 {
    width: 39.78%;
    aspect-ratio: 144 / 185;
}

.con08_item_ctt2 {
    width: 38.9513%;
    aspect-ratio: 141 / 157;
}

.con08_item_ctt3 {
    width: 36.7413%;
    aspect-ratio: 133 / 172;
}

.con08_item_arw {
    width: 4.20504%;
    aspect-ratio: 75 / 40;
}

.con08_item_arw.item1 {
    left: 32vw;
}

.con08_item_arw.item2 {
    left: 55.6vw;
}

.con08_number {
    position: absolute;

    top: 0.781vw;
    left: 0.781vw;

    width: 34.2551%;
    aspect-ratio: 124 / 59;
}

.con09_top {
    width: 100%;
    height: 5.208vw;
    background: #522a00;

    margin-bottom: 14.2vw;
    gap: 35vw;
}

.con09_02 {
    width: 5.35533%;
    aspect-ratio: 102 / 20;
}

.con09_03 {
    width: 5.30284%;
    aspect-ratio: 101 / 22;
}

.con09_01 {
    width: 32.7569%;
    aspect-ratio: 624 / 624;
    bottom: -15.7vw;
}

.con09_04 {
    width: 15.1191%;
    aspect-ratio: 288 / 99;
    position: absolute;
    z-index: 50;
    bottom: -17.9vw;
}

.con09_sitem {
    width: 19.01vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.con09_sitem>div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con09_simg {
    height: 21.979vw;
    border-radius: 2.604vw;
    overflow: hidden;
}

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

.con09_stxt {
    font-size: 1.25vw;
    font-weight: 800;
    height: 3.125vw;
}

.con09_stxt>p {
    width: 90%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.con09_05 {
    width: 18.5312%;
    aspect-ratio: 353 / 53;
    margin-bottom: 1.4vw;
}

.con09_t3 {
    margin-bottom: 2vw;
}


.swiper_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    pointer-events: none;
}

.swiper_btn {
    width: 3.25559%;
    aspect-ratio: 62 / 57;
    cursor: pointer;
    pointer-events: all;
}

.con09 {
    background: #fbf7e2;
}

.con09_btn_wrap {
    margin-top: 1.563vw;
    gap: 0.5vw;
}

.con09_iner {
    padding-bottom: 5.729vw;
}

.con09_swiper {
    width: 81.1vw;
}

.con10 {
    background: #522a00;
    z-index: 20;
}

.con10_top {
    width: 100%;
    height: 4.167vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 6.771vw;
}

.con10_02 {
    width: 113.387%;
    aspect-ratio: 2160 / 16;
}

.con10_01 {
    width: 9.18735%;
    aspect-ratio: 175 / 171;
    top: -1.8vw;
}

.con10_04 {
    width: 16.5364%;
    aspect-ratio: 315 / 53;
}

.con10_05 {
    width: 14.3842%;
    aspect-ratio: 274 / 53;
}

.con10_03 {
    width: 30.2897%;
    aspect-ratio: 577 / 125;
}

.con10_iwrap {
    gap: 0.781vw;
    margin-top: 2.4vw;
}

.con10_sitem {
    width: 18.385vw;
    aspect-ratio: 353 / 446;
    border-radius: 2.604vw;
    overflow: hidden;
}

.con10_swiper {
    margin-top: 5.729vw;
}

.con10_iner {
    padding-bottom: 4.167vw;
}

.con10_07 {
    width: 79.597%;
    aspect-ratio: 394 / 351;
    bottom: -0.1vw;
}

.con10_06 {
    width: 26.7727%;
    aspect-ratio: 510 / 510;
    top: 28.2vw;
    z-index: 20;
}

.con10_06>img {
    position: absolute;
    top: 0;
}

.con10_06_iner {
    position: relative;
    width: 97%;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    z-index: 20;
}

.con10_08 {
    width: 35.1525%;
    aspect-ratio: 174 / 209;
    bottom: -0.2vw;
    right: 3.5vw;
}

.con11 {
    height: 21.354vw;
    background: #f55b00;
    overflow: hidden;
}

.con11_iner {
    height: 100%;
}

.con11_03 {
    width: 68.0325%;
    aspect-ratio: 1296 / 173;
}

.con11_01 {
    width: 100.788%;
    aspect-ratio: 1920 / 1400;
    bottom: -70vw;
}

.con11_02 {
    width: 12.3895%;
    aspect-ratio: 236 / 283;
}

.con12_iner {
    padding-top: 7.813vw;
    padding-bottom: 3.125vw;
}

.con12_01 {
    width: 30.7622%;
    aspect-ratio: 586 / 54;
    margin-bottom: 1.6vw;
}

.con12_iwrap {
    margin-top: 6.25vw;
    gap: 5.208vw;
}

.con12_item {
    width: 15.0141%;
    aspect-ratio: 286 / 146;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.con12_item>img {
    position: absolute;
}

.con12_item>.i1 {
    z-index: 20;
    opacity: 0;
    transition: 0.3s;
}

.con12_item.on>.i1 {
    opacity: 1;
}

.con13_10 {
    width: 80.4206%;
    aspect-ratio: 230 / 110;
    top: -4.5vw;
    z-index: 30;
    opacity: 0;
    transition: 0.3s;
}

.con12_item.on .con13_10 {
    opacity: 1;
}

.con13_type {
    height: 13.02%;
    top: -1.6vw;
}

.con13_14 {
    width: 76.6414%;
    aspect-ratio: 1460 / 196;

    margin-top: 3.125vw;
}

.con13_14>div {
    width: 100vw;
    height: 1px;
    position: absolute;
    background: #f55b00;
}

.con13_14>img {
    position: relative;
    z-index: 10;
}

.con13_11 {
    width: 17.2713%;
    aspect-ratio: 329 / 394;
    bottom: -1.3vw;
    z-index: 20;
    pointer-events: none;
}

.con13_ob_txt {
    width: 3.36058%;
    aspect-ratio: 64 / 188;
    bottom: 3.3vw;
    z-index: 20;
}

.con13_ob_txt.item1 {
    left: 36vw;
}

.con13_ob_txt.item2 {
    right: 36vw;
}

.con14 {
    background: #020401;
}

.con14_box_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.con14_box {
    width: 50%;
    height: 20.833vw;

    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.con14_box_iner {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 20;
    transition: 0.3s;

    display: flex;
    align-items: center;
}

.con14_box.item1 .con14_box_iner,
.con14_box.item3 .con14_box_iner {
    justify-content: flex-start;
}

.con14_box.item2 .con14_box_iner,
.con14_box.item4 .con14_box_iner {
    justify-content: flex-end;
}

.con14_box.on .con14_box_iner {
    background: #f55b00;
}

.con14_center {
    width: 38.281vw;
    aspect-ratio: 1;
    background: #fff;
    border-radius: 50%;

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

    position: absolute;
    z-index: 100;

    pointer-events: none;
}

.con14_indicate {
    width: 95%;
    aspect-ratio: 1;
    background: #f55b00;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    transition: 0.3s;
}

.con14_indicate.on {
    opacity: 1;
}

.con14_indicate.item1 {
    clip-path: inset(0 50% 50% 0);
}

.con14_indicate.item2 {
    clip-path: inset(0 0 50% 50%);
}

.con14_indicate.item3 {
    clip-path: inset(50% 50% 0 0);
}

.con14_indicate.item4 {
    clip-path: inset(50% 0 0 50%);
}

.con14_center_iner {
    width: 82%;
    aspect-ratio: 1;
    background: #fff9d7;
    border: 1px solid #f55b00;
    z-index: 50;
    border-radius: 50%;

    padding-top: 6.25vw;
}

.con14_10 {
    width: 22.9876%;
    aspect-ratio: 137 / 112;
}

.con14_09 {
    width: 89.9339%;
    aspect-ratio: 536 / 126;
    margin-top: 1.042vw;
    margin-bottom: 1.8vw;
}

.con14_box_number {
    font-size: 7.865vw;
    color: #ffec89;
    font-weight: 900;
    opacity: 0;
    transition: 0.3s;
    line-height: 1;
    left: -10.2vw;
    top: -6.6vw;
}

.con14_box.on .con14_box_number {
    opacity: 1;
}

.con14_box_title {
    margin-bottom: 1.25vw;
}

.con14_twrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.con14_box.item1 .con14_twrap,
.con14_box.item3 .con14_twrap {
    align-items: flex-start;
    margin-left: 7.813vw;
}

.con14_box.item2 .con14_twrap,
.con14_box.item4 .con14_twrap {
    align-items: flex-end;
    text-align: right;
    margin-right: 7.813vw;
}

.con14_05 {
    width: 12.24vw;
    aspect-ratio: 235 / 47;
}

.con14_06 {
    width: 17.656vw;
    aspect-ratio: 339 / 46;
}

.con14_07 {
    width: 19.271vw;
    aspect-ratio: 370 / 51;
}

.con14_08 {
    width: 13.854vw;
    aspect-ratio: 266 / 45;
}

.con15 {
    height: 45.938vw;
}

.con15_iner {
    height: 100%;
}

.con15_lr {
    position: relative;
    width: 50%;
    height: 100%;

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

.con15_twrap {
    position: absolute;
    top: 4.688vw;
    z-index: 50;
}

.con15_01 {
    width: 7.1926%;
    aspect-ratio: 137 / 112;
    margin-bottom: 1.2vw;
}

.con15_02 {
    width: 31.4971%;
    aspect-ratio: 600 / 60;
    margin-bottom: 1.2vw;
}

.con15_left {
    background: #ffec89;
}

.con15_06 {
    width: 101.68%;
    aspect-ratio: 969 / 182;
    bottom: -0.7vw;
}

.con15_10 {
    width: 84.9958%;
    aspect-ratio: 810 / 177;
    bottom: -0.7vw;
    z-index: 50;
}

.con15_05 {
    width: 29.9066%;
    aspect-ratio: 285 / 342;
    right: -1.1vw;
    bottom: -1.3vw;
}

.con15_04 {
    width: 34.9433%;
    aspect-ratio: 333 / 130;
    right: 1.6vw;
    bottom: 16.5vw;
}

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

.con15_left_item_cc {
    width: 2.083vw;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #f55b00;
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    transition: 0.3s;
}

.con15_left_item.on .con15_left_item_cc {
    opacity: 1;
}

.con15_left_item_cc .chicken {
    width: 40%;
    margin-left: 0.1vw;
    filter: grayscale(100%) brightness(100);
}

.con15_left_item_txt {
    color: #000;
    transition: 0.3s;
    font-weight: 600;
}

.con15_left_item.on .con15_left_item_txt {
    color: #f55b00;
    transform: translateX(2.5vw);
    text-decoration: underline;
    text-underline-offset: 20%;
}

.con15_left_iwrap {
    top: 19.792vw;
    left: 9.375vw;
    gap: 1.6vw;
}

.con15_11 {
    width: 34.9433%;
    aspect-ratio: 333 / 323;
    bottom: -2.8vw;
    left: -6.2vw;
}

.con15_07 {
    width: 64.7439%;
    aspect-ratio: 617 / 644;
    top: -9.1vw;
    right: -9.3vw;
}

.con15_right_twrap {
    top: 19.792vw;
}

.con15_08 {
    width: 26.3389%;
    aspect-ratio: 251 / 50;
}

.con15_08_price {
    width: 52.5718%;
    aspect-ratio: 501 / 76;
    margin-top: 1vw;
    margin-bottom: 1.8vw;
}

.con16 {
    background: #f55b00;
}

.con16_iner {
    padding-top: 5.729vw;
    padding-bottom: 13.542vw;
}

.con16_01 {
    width: 7.1926%;
    aspect-ratio: 137 / 112;
}

.con16_02 {
    width: 24.5154%;
    aspect-ratio: 467 / 125;
    margin-top: 1.3vw;
    margin-bottom: 1.6vw;
}

.con16_iwrap {
    gap: 6.25vw;
    margin-top: 2.3vw;
    z-index: 50;
}

.con16_item {
    width: 25.6321%;
    aspect-ratio: 264 / 264;
}

.con16_06 {
    width: 37.8798%;
    aspect-ratio: 100 / 100;

    bottom: 0;
    right: 0;
}

.con16_07 {
    width: 25.001%;
    aspect-ratio: 66 / 65;

    top: 0.6vw;
    left: 0.6vw;
}

.con16_08 {
    width: 7.6709%;
    aspect-ratio: 79 / 31;
    left: 14.9vw;
}

.con16_09 {
    width: 2.91362%;
    aspect-ratio: 30 / 30;
    right: 16.1vw;
}

.con17 {
    z-index: 20;
    margin-top: -16.6vw;
    overflow: hidden;
}

.con17_bg {
    position: absolute;
    width: 119.01vw;
    height: 51.042vw;
    background-color: #fff9d8;
    border-radius: 50%;
    z-index: 10;

    bottom: -34.4vw;
}

.con17_iner {
    padding-top: 4.688vw;
}

.con17_item {
    width: 17.7963%;
    aspect-ratio: 339 / 345;
}

.con16_10 {
    width: 37.5863%;
    aspect-ratio: 716 / 644;
    left: -6.3vw;
    top: 20.3vw;
}

.con17_bg2 {
    position: absolute;
    top: 13vw;
    width: 100%;
    height: 100%;
    background-color: #fff9d8;
}

.con17_iwrap {
    gap: 2.083vw;
    margin-top: 5.469vw;
}

.con17_t1 {
    font-size: 1.15vw;
    margin-bottom: 1.2vw;
}

.con17_02 {
    width: 23.6755%;
    aspect-ratio: 451 / 93;
}

.con17_01 {
    width: 9.23985%;
    aspect-ratio: 176 / 115;
    margin-bottom: 1.7vw;
}

.con17_06 {
    width: 15.2766%;
    aspect-ratio: 291 / 149;
    top: -4.3vw;

    z-index: 60;
}

.con17_08 {
    width: 102.521%;
    aspect-ratio: 1953 / 195;

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

.con17_09 {
    width: 10.0797%;
    aspect-ratio: 192 / 72;
    position: absolute;
    bottom: 7.5vw;
    z-index: 20;
}

.con17_07 {
    width: 13.8593%;
    aspect-ratio: 264 / 305;
    bottom: 7.6vw;
    right: 12vw;

    z-index: 10;
}

.tsd_section {
    height: 4.167vw;
    z-index: 20;
    background: #5a3108;
}

.con17_11 {
    width: 113.019%;
    aspect-ratio: 2153 / 22;
}

.con18 {
    overflow: hidden;
}

.con18_iner {
    height: 37.5vw;
}

.con18_01 {
    width: 61.5873%;
    aspect-ratio: 396 / 30;
    margin-bottom: 1.3vw;
}

.con18_02 {
    width: 80.8719%;
    aspect-ratio: 520 / 44;
}

.con18_t3 {
    margin-top: 2.8vw;
    margin-bottom: 1vw;
}

.con18_twrap {
    top: 10.417vw;
    left: 12.5vw;
}

.con18_hand {
    width: 30.4997%;
    aspect-ratio: 581 / 741;
    bottom: -6.9vw;
    left: 29vw;

    z-index: 20;
}

.con18_screen {
    width: 37.3%;
    height: 64.2%;
    background: #fff;
    border-radius: 1.3vw;
    top: 0.83vw;
    left: 15.5vw;

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

.con18_hand>img {
    z-index: 10;
    position: relative;
    pointer-events: none;
}

.con18_search_box .t1 {
    position: absolute;
    font-size: 0.729vw;
    color: #f66c1a;
    font-weight: 700;
    top: 6.3vw;
    left: 2.6vw;
}

.con18_04 {
    width: 47.0056%;
    aspect-ratio: 102 / 96;
    top: 4vw;
    left: 7.2vw;
}

.con18_search_bar {
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
}

.con18_search_content {
    width: 6.458vw;
    height: 3.021vw;
    position: relative;
    padding-left: 0.26vw;

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

    top: 10vw;
}

.con18_search_txt_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.under_bar {
    width: 1vw;
    height: 0.156vw;
    background: #000;
    margin-bottom: 0.2vw;
}

.con18_search_txt {
    font-size: 1.563vw;
    font-weight: 700;
    height: 2.171vw;
}

.con18_search_submit {
    width: 6.458vw;
    height: 1.615vw;
    background-color: #f66c1a;
    border-radius: 20vw;
    bottom: 8vw;

    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 0.781vw;
    cursor: pointer;
}

.con18_search_box {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.con18_screen.load .con18_search_box {
    opacity: 0;
    visibility: hidden;
}

.con18_screen .load_img {
    width: 80.29%;
    aspect-ratio: 174 / 310;
    z-index: 10;

    position: absolute;

    opacity: 0;
    visibility: hidden;
}

.con18_screen.load .load_img {
    opacity: 1;
    visibility: visible;
}

.retry_btn {
    position: absolute;
    width: 6.7vw;
    height: 2vw;
    bottom: 0.8vw;
    cursor: pointer;
}

.con18_08 {
    width: 63.2556%;
    aspect-ratio: 1205 / 1010;
    right: -14.4vw;
    top: 18.3vw;
}

.con19 {
    background: #f66c1a;
    overflow: hidden;
}

.con19_iner {
    padding-top: 4.167vw;
}

.con19_box {
    width: 87.5vw;
    border-radius: 2.604vw;
    position: relative;
}

.con19_box1 {
    background: #fff;
    height: 42.031vw;
    margin-bottom: 2.292vw;
}

.con19_box2 {
    background-color: #fff9d8;
    padding-top: 6.25vw;
    padding-bottom: 5.208vw;
}

.con19_box1_table {
    width: 37.448vw;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;

    font-size: 0.99vw;

    position: absolute;
    right: 8.854vw;
    top: 50%;
    transform: translateY(-50%);
}

.con19_box1_table .table_hd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.125vw;
    border-bottom: 1px solid #000;

    font-weight: 700;
}

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

    height: 2.5vw;
    font-weight: 500;
}

.con19_box1_table .col {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.con19_box1_table .col1 {
    width: 10.938vw;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.con19_box1_table .col2 {
    width: 10.938vw;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.con19_box1_table .col3 {
    flex: 1;
    font-weight: 700;
}

.con19_box1_table .col.bg_yell {
    background: #fff9d8;
}

.con19_table_zero_stamp {
    width: 60.68%;
    aspect-ratio: 180 / 56;
    position: absolute;
    z-index: 20;
    margin-top: -0.6vw;
}

.con19_table_20_stamp {
    width: 75.85%;
    aspect-ratio: 225 / 58;
    position: absolute;
    z-index: 20;
    margin-top: -0.6vw;
}

.con19_01 {
    width: 15.625vw;
    aspect-ratio: 300 / 56;
    margin-bottom: 1.7vw;
}

.con19_box1_twrap {
    top: 8.854vw;
    left: 8.854vw;
}

.con19_box1_swrap {
    position: absolute;
    width: 44vw;
    left: -10.6vw;
    top: 20vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.con19_box1_swiper {
    padding: 3vw 0;
}

.con19_sitem {
    width: 10.729vw;
    aspect-ratio: 206 / 178;

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

.con19_sitem>img {
    position: relative;
    z-index: 20;
}

/* PC */
@media screen and (min-width:600px) {
    .con19_sitem::after {
        content: '';
        position: absolute;
        right: 0.2vw;
        width: 14.063vw;
        aspect-ratio: 1;
        border-radius: 50%;
        background-color: #ffec89;
        z-index: 1;
        transition: 0.6s;
        opacity: 0;
    }

    .swiper-slide-active .con19_sitem::after {
        opacity: 1;
    }

}


.con19_box1_line {
    width: 84%;
    height: 1px;
    background: #000;
    position: absolute;
}

.con19_box2_iwrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin-top: 3.6vw;

    padding: 0 4vw;
    column-gap: 1.458vw;
    row-gap: 2.604vw;
}

.con19_box2_item {
    width: 15.937vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.con20_11 {
    position: absolute;
    right: -1.2vw;
}

.con19_box2_item_box {
    width: 100%;
    height: 8.021vw;
    border-radius: 1.563vw;
    background-color: #ffffff;
    border: 1px solid #583108;
    z-index: 20;

    font-size: 0.938vw;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    padding-top: 0.6vw;
}

.con20_11 {
    width: 9.21153%;
    aspect-ratio: 28 / 15;
}

.con19_box2_item_head {
    width: 11.51vw;
    height: 2.448vw;
    border-radius: 20vw;
    background-color: #583108;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.99vw;
    font-weight: 700;
    position: absolute;
    top: -1.1vw;
    z-index: 30;
}

.con20_01 {
    width: 19.4971%;
    aspect-ratio: 325 / 55;
    margin-bottom: 1vw;
}

.con19_box2_item.open_item .con19_box2_item_head {
    background: #f55b00;
}

.con19_box2_item.open_item .con19_box2_item_box {
    border: 2px solid #f55b00;
}

.con19_box2_item.open_item .con19_box2_item_box::after {
    content: '';
    width: 95.7%;
    height: 91.8%;
    position: absolute;
    border: 1px solid #F55B00;
    border-radius: 1.3vw;
    top: 50%;
    transform: translateY(-50%);
}

.con20_10 {
    width: 6.83963%;
    aspect-ratio: 114 / 137;
    bottom: 4.5vw;
    right: 6.1vw;
    z-index: 20;
}

.con20_13 {
    width: 105.198%;
    aspect-ratio: 2004 / 38;
}

.con20_tsd {
    height: 7.292vw;
}

.con20_12 {
    width: 17.9013%;
    aspect-ratio: 341 / 338;
    bottom: -6.2vw;
    z-index: 20;
}

.con20_15 {
    width: 100.788%;
    aspect-ratio: 1920 / 60;
    top: 0;
}

.map_section_iner {
    padding-top: 7.292vw;
}

.con21_01 {
    width: 9.92226%;
    aspect-ratio: 189 / 46;
    margin-bottom: 1.9vw;
}

.con21_02 {
    width: 10.4997%;
    aspect-ratio: 200 / 56;
    margin-bottom: 0.9vw;
}


.map_search {
    width: 28.385vw;
    height: 4.219vw;
    background: #fff;
    border-radius: 20vw;
    border: 1px solid #000000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 10;
    font-weight: normal;

    margin-top: 2vw;
    margin-bottom: -2vw;
}

.map_search .direct {
    width: 84%;
    height: 100%;
    padding-left: 2.2vw;

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

.map_search .direct::placeholder {
    color: #777;
    font-weight: 400;
}

.map_search_icon {
    width: 5.75239%;
    aspect-ratio: 31 / 31;
    right: 1.8vw;
    cursor: pointer;
}


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

    width: 75vw;
    height: 29.688vw;

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

#map {
    background: #A8D8F0;
    cursor: pointer;

    width: 100%;
    height: 100%;
}

.map_store_wrap {
    width: 19.531vw;
    height: 100%;
    left: 0;
    background: #fff;
    border-right: 1px solid #000;

    overflow-y: scroll;
    z-index: 100;
}

.map_store_wrap {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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

.map_mid_map_search_item_iner {
    max-width: 89%;

    position: relative;

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

    width: 100%;
    padding-left: 2.396vw;

    padding-top: 2vw;
    padding-bottom: 2vw;
}


.map_mid_map_search_item {
    position: relative;
    display: flex;
    flex-direction: column;


    width: 100%;
    border-bottom: 1px solid #ddd;

    cursor: pointer;
}

.map_mid_map_search_item_title {
    width: 87%;
    font-size: 0.99vw;
    font-weight: 700;
    margin-bottom: 1vw;
}

.map_mid_map_sub_txt {
    font-size: 0.833vw;
    font-weight: 500;
    opacity: 0.8;
}

.map_mid_map_sub_txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1.6;
    color: #5c5c5c;
    font-weight: 700;
}

.map_mid_map_sub_txt .t1 {
    flex-shrink: 0;
    margin-right: 0.5vw;
}

.map_mid_map_search_item_address {
    margin-bottom: 0.2vw;
}

.map_plus {
    width: 9.59004%;
    aspect-ratio: 28 / 28;

    top: 1.771vw;
    right: 2.083vw;
}

.map_section .popup_right_6th_left {
    width: 5.052vw;
    aspect-ratio: 97 / 23;
    margin-top: 0.7vw;
}




/*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;
    font-size: 0.85vw;
    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%;
}

.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;
}

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

.fixed_popup .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%;
}

.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%;
    }
}

.form_section_iner {
    padding-top: 4.688vw;
    padding-bottom: 2.604vw;
}

.form_container {
    width: calc(100% - 2.4vw);
    height: 45.313vw;
    border-radius: 3.125vw;
    background: #32210a;
    position: relative;
}

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

.form_call_txt {
    font-size: 4.063vw;
    font-weight: 900;
    color: #ffec89;
}

.con22_02 {
    width: 8.07439%;
    aspect-ratio: 44 / 51;
    margin-right: 0.5vw;
    margin-bottom: -0.5vw;
}

.con22_01 {
    width: 34.8385%;
    aspect-ratio: 193 / 55;
    margin-bottom: 1.3vw;
}

.form_t3 {
    margin-bottom: 1vw;
}

.form_twrap {
    top: 10.417vw;
    left: 10.938vw;

    z-index: 20;
}

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

    background: #fff9d8;
    position: absolute;
    top: 0;
    right: 11.458vw;

    font-family: "Paperozi";
    font-weight: 600;
    font-size: 1.146vw;

    padding-top: 9.375vw;

    z-index: 100;
}

.form_row_wrap {
    width: 28.229vw;
}

.form_row {
    width: 100%;
    height: 4.01vw;
    border-bottom: 1px solid rgba(106, 50, 16, 0.2);

    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 2.604vw;
}

.form_row_label {
    width: 6.979vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

    flex-shrink: 0;
}

.form_point {
    position: absolute;
    color: #f55b00;
    font-size: 1.563vw;
    top: -0.2vw;
    left: -1.3vw;
}


.form_agree_wrap {
    width: 100%;
    margin-top: 1vw;

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

    padding: 0 0.8vw;
}

.form_agree_txt {
    font-size: 0.833vw;
    font-weight: 400;
    margin-left: 0.4vw;
    cursor: pointer;
}


.form_agree_check {
    border: none;
    appearance: none;

    position: relative;

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

    width: 1.094vw;
    aspect-ratio: 1;
    border-radius: 0%;
    border: 1px solid #000;
}


.form_agree_check::before {
    content: '';
    width: 30%;
    height: 60%;
    border: solid #f55b00;
    border-width: 0 2px 2px 0;
    transform: translateY(-10%) rotate(45deg);
    opacity: 0;
}

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

.form_agree_txt.modal_open_btn {
    opacity: 0.6;
    text-decoration: underline;
    text-underline-offset: 19%;
    font-size: 0.75vw;
    margin-bottom: 0.1vw;
    margin-left: 0.6vw;
}

.form_row_input {
    width: 100%;
    padding-left: 2vw;
    height: 100%;
}

.form_check_wrap {
    width: 100%;
    padding-left: 2vw;
}

/* 점포유무 체크박스 추가 */
.form_check_wrap {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 60%;
    width: 100%;
}

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

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

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


    cursor: pointer;
    transition: all 0.3s;
    font-size: 0.8vw;

    border: 1px solid rgba(106, 50, 16, 0.2);
}

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

.form_submit {
    width: 20.208vw;
    height: 4.167vw;
    border-radius: 20vw;
    background-color: #000000;
    margin-top: 2.5vw;
    cursor: pointer;
}

.con22_08 {
    width: 37.1439%;
    aspect-ratio: 143 / 28;
}

.con22_07 {
    width: 93.1156%;
    aspect-ratio: 1731 / 232;

    right: -3.7vw;
    bottom: -1.3vw;
}

.con22_06 {
    width: 65.5739%;
    aspect-ratio: 1219 / 930;
    left: -10.6vw;
    bottom: -31vw;
}

.form_bkb_wrap {
    top: 50%;
    transform: translateY(-50%);
    right: 46.4vw;
    z-index: 120;
}

.form_bkb {
    height: 5.156vw;
    margin: -0.05vw 0;
}

.con22_03 {
    width: 25.7228%;
    aspect-ratio: 98 / 99;
}

.con22_10 {
    width: 19.0435%;
    aspect-ratio: 354 / 351;
    right: 1.6vw;
    top: 2vw;
}

.con22_11 {
    width: 9.76478%;
    aspect-ratio: 186 / 223;
    z-index: 120;
    bottom: 0.7vw;
}



/* 마커디자인 */
.map_marker {
    position: relative;
    display: inline-block;
}

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

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


/* 모바일 */
@media screen and (max-width:599px) {
    .my-place-label {
        bottom: 23px;
    }
}

/* 말풍선 꼬리 (테두리 - 핑크색) */
.my-place-label:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #f55b00;
    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;
}