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

    .main_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 89%;
        margin: 17.5% 0% 3% 0%;
        border: 1px solid;
    }
    .main_text_div {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 25.5%;
    }
    .main_text_01 {
        font-size: 6vw;
    }

/*
    .con01_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 105%;
    }
    .con01_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% 9% 0%;
        border: 0px solid;
    }
    .con01_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    .con01_left_bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 45vw;
        border: 1px solid;
        border-bottom: 0px solid;
        border-top: 1px solid;
    }
    .con01_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    .con01_right_top {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100.5%;
    }
    .con01_right_top > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 8vw;
        border: 1px solid;
        cursor: pointer;
        pointer-events: all;
        border-bottom: 0px solid;
    }
    .con01_left_top_div > p {
        font-family: "poppins", sans-serif;
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con01_right_top_div > p {
        font-family: "poppins", sans-serif;
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con01_right_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50vw;
        border: 1px solid;
        border-left: 1px solid;
        border-top: 0px solid;
    }
    .con01_left_top {
        background-color: #f7f6f2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        height: 7vw;
        border: 1px solid;
        padding-left: 7%;
        border-bottom: 0px solid;
    }
    .con01_left_mid {
        background-color: #f7f6f2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        height: 0vw;
        border: 0px solid;
        padding-left: 7%;
        border-top: 0px solid;
        border-bottom: 0px solid;
    }
    .direct {
        background-color: transparent;
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.1vw;
        border: none;
        outline: none;
        width: 100%;
        height: 100%;
    }
    input.direct.show_map::placeholder {
        font-size: 3vw;
    }
    #condition {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        overflow: hidden;
        cursor: pointer;
        border: none;
        outline: none;
        font-family: 'Pretendard';
        color: #000;
        font-size: 3vw;
        font-weight: 600;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    .e4_con1_02 {
        right: 5%;
        width: 8%;
        cursor: pointer;
    }

    .board_content {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 6% 0%;
    }
    .board_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 8% 0%;
    }
    .board_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 42.5%;
        height: 55vw;
        border: 1px solid;
        margin: 0% 3% 3% 3%;
    }
    .board_top_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 24.7vw;
    }
    .board_bottom_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 65%;
        height: 28.5vw;
    }
    .board_bottom_div_top > img {
        width: 54%;
    }
    .board_text_01 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3vw;
        color: #8e715d;
    }
    .board_text_02 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
    }
    .board_text_03 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 2vw;
        color: #000;
    }
    .board_viewmore_img {
        width: 20%;
        cursor: pointer;
        pointer-events: all;
    }
    .board_viewmore_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% 0% 0%;
    }
    .map {
        width: 100%;
        height: 50vw;
        border-left: 0px solid;
        border-top: 0px solid;
        border-right: 0px solid;
    }
    .board_viewmore_store_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 265%;
    }
*/
    .con11_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 105%;
    }
    .con11_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 11% 0% 9% 0%;
        border: 0px solid;
    }
    .con11_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    .con11_left_bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 58vw;
        border: 1px solid;
        border-bottom: 0px solid;
        border-top: 0px solid;
    }
    .con11_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
    }
    .con11_right_top {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100.5%;
    }
    .con11_right_top > div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 8vw;
        border: 1px solid;
        cursor: pointer;
        pointer-events: all;
    }
    .con11_left_top_div{
        border-right: 0px solid !important;
    }
    .con11_left_top_div > p {
        font-family: "poppins", sans-serif;
        font-weight: 400;
        font-size: 3.2vw;
        color: #fff;
    }
    .con11_right_top_div > p {
        font-family: "poppins", sans-serif;
        font-weight: 400;
        font-size: 3.2vw;
        color: #000;
    }
    .con11_right_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65vw;
        border: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
        border-top: 0px solid;
    }
    .con11_left_top {
        background-color: #f7f6f2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        height: 7vw;
        border: 1px solid;
        padding-left: 7%;
        border-bottom: 0px solid;
    }
    .con11_left_mid {
        background-color: #f7f6f2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 93%;
        height: 0vw;
        border: 1px solid;
        padding-left: 7%;
        border-top: 0px solid;
        border-bottom: 0px solid;
    }
    .direct {
        background-color: transparent;
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.1vw;
        border: none;
        outline: none;
        width: 100%;
        height: 100%;
    }
    .direct2 {
        background-color: transparent;
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.1vw;
        border: none;
        outline: none;
        width: 93%;
        height: 100%;
    }
    .direct::placeholder {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.1vw;
        color: #000;
        padding-right: 10%;
    }
    .direct2::placeholder {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.1vw;
        color: #000;
        padding-right: 10%;
    }
    #condition {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        overflow: hidden;
        cursor: pointer;
        border: none;
        outline: none;
        font-family: 'Pretendard';
        color: #000;
        font-size: 3vw;
        font-weight: 600;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    .r_con11_02 {
        right: 7%;
        width: 5%;
        cursor: pointer;
    }
    .board_content_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0% 0% 8% 0%;
    }
    .board_div_ro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 42.5%;
        height: 55vw;
        border: 1px solid;
        margin: 0% 3% 3% 3%;
    }
    .board_div_ex {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 42.5%;
        height: 55vw;
        border: 1px solid;
        margin: 0% 3% 3% 3%;
    }
    .board_text_01 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3vw;
        color: #8e715d;
    }
    .board_text_02 {
        font-family: 'Pretendard';
        font-weight: 600;
        font-size: 3.2vw;
        color: #000;
    }
    .board_text_03 {
        font-family: 'Pretendard';
        font-weight: 500;
        font-size: 2vw;
        color: #000;
    }
    .board_viewmore_img {
        width: 20%;
        cursor: pointer;
        pointer-events: all;
    }
    .board_viewmore_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 5% 0% 0% 0%;
    }
    .map {
        width: 100%;
        height: 100%;
        border-left: 0px solid;
        border-top: 0px solid;
        border-right: 0px solid;
    }
    .map_ex {
        height: 100%;
        border-left: 0px solid;
        border-top: 0px solid;
        border-right: 0px solid;
    }
    .shop_name_text {
        font-family: 'Pretendard';
        font-weight: 700;
        font-size: 3.2vw;
        color: #000;
        width: 75%;
    }
    .shop_address_text {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.9vw;
        color: #000;
        width: 75%;
    }
    .shop_tell_text {
        font-family: 'Pretendard';
        font-weight: 400;
        font-size: 2.9vw;
        color: #000;
        width: 75%;
    }
}