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

    .main_content {
        background-attachment: unset;
        height: 75vw;
    }
    .main_text_absol {
        top: 49%;
    }
    .main_text_absol > p {
        font-family: 'Paperlogy';
        font-weight: 900;
        font-size: 9.5vw;
        margin: 0% 0% -2.5% 0%;
    }
    .ccon1_01_div{
        width: 33.1575% !important;
    }
    .ccon1_02_div{
        width: 22.4173% !important;
    }

    .con02_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 287vw;
    }
    .ccon2_01_div {
        width: 38% !important;
        top: 16%;
        right: 10%;
    }
    .ccon2_02_div {
        width: 67% !important;
        left: 11%;
        bottom: 83%;
    }
    .con02_left {
        width: 100%;
    }
    .con02_center{
        width: 100%;
    }
    .con02_right{
        width: 100%;
    }
    .con02_left_text_absol {
        font-size: 4.2vw;
    }
    .con02_center_text_absol{
        font-size: 4.2vw;
    }
    .con02_right_text_absol {
        font-size: 4.2vw;
    }
    .ccon2_03a_div{
        transform: unset;
        right: -15%;
    }
    .con02_center_text_absol {
        top: 57%;
        left: 58%;
    }
    
    .menu_div {
        margin: 7% 0% 0% 0%;
    }
    .menu_button_div_01 {
        height: 15.5vw;
        padding: 1% 0% 1% 0%;
    }
    .menu_title {
        font-size: 8.7vw;
        margin: 8% 0% 4% 0%;
    }
    .menu_button_div {
        height: 8.5vw;
    }
    .menu_button_s {
        width: 25%;
        font-size: 3.2vw;
    }
    .menu_button_s_01 > p:nth-of-type(1) {
        font-size: 3.2vw;
    }
    .menu_button_s_01 {
        width: 24%;
        font-size: 3.2vw;
        border-radius: 5px;
    }
    .menu_button_s_02 > p:nth-of-type(1) {
        font-size: 3.2vw;
    }
    .menu_button_s_02 {
        width: 31%;
        font-size: 3.2vw;
        border-radius: 5px;
    }
    .menu_border_div_01 > div {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 121vw;
    }
    .menu_border_div_02 > div {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 121vw;
    }
    .menu_border_div_03 > div {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 120vw;
    }
    .menu_border_rltv {
        width: 100%;
        height: 100%;
        align-items: flex-start;
        justify-content: center;
    }
    .menu_border_s {
        width: 45%;
        margin: 1% 1.5% 1% 1.5%;
    }
    .menu_border_s_img_div {
        height: 42vw;
    }
    .menu_border_s_md_img_div {
        height: 43vw;
    }
    .menu_border_s_text_div > p {
        font-size: 3vw;
    }
    .prev_page {
        width: 9vw;
        height: 9vw;
    }
    .next_page {
        width: 9vw;
        height: 9vw;
    }
    .menu_button_div_02 {
        flex-wrap: wrap;
        height: 14.5vw;
        padding: 2% 0% 14% 0%;
    }
    .arrow_menu_img{
        width: 18.99913% !important;
    }
    .menu_button_s_03 {
        width: 22%;
        font-size: 3.2vw;
        border-radius: 5px;
    }
    .menu_button_s_03 > p:nth-of-type(1) {
        font-size: 3.2vw;
    }
    .menu_button_s_03 {
        width: 33%;
        font-size: 3.2vw;
        border-radius: 5px;
    }
    .menu_button_div_03 {
        height: 15.5vw;
        padding: 1% 0% 1% 0%;
    }

    .popup_content {
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
        border-radius: 15px;
        border: 1px solid #09784d;
        outline: 7px solid #fff;
        overflow: hidden;
    }
    .popup_div {
        flex-direction: column;
        height: 140vw;
        margin: 0% 0% 0% 0%;
        padding: 4% 0% 8% 0%;
    }
    .popup_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 35%;
    }
    .popup_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65%;
    }
    .popup_title_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 6% 0% 5% 0%;
    }
    .popup_title_div_01 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Paperlogy';
        font-weight: 800;
        font-size: 4.3vw;
        font-style: italic;
        color: #09784d;
    }
    .popup_title_div_01 > P {
        width: 85%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    .popup_title_div_02 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Paperlogy';
        font-weight: 700;
        font-size: 6.3vw;
        margin: 2.5% 0% 0% 0%;
    }
    .popup_title_div_02 > P {
        width: 95%;
        text-align: center;
        white-space: normal;
        word-break: break-word !important;
    }
    .popup_nutrition_div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
    }
    .popup_nutrition_01 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3.2vw;
        color: #6e6e6e;
        margin: 0% 0% 2% 0%;
    }
    .popup_nutrition_01 > p:nth-of-type(2) {
        width: 85%;
        margin: 1% 0% 1% 0%;
        text-align: center;
    }
    .popup_nutrition_02 {
        flex-wrap: wrap;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: "Pretendard";
        font-weight: 500;
        font-size: 3vw;
        color: #6e6e6e;
        padding: 0% 0% 0% 0%;
        margin: -3% 0% 0% 0%;
        position: relative;
    }
    .popup_nutrition_s {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
    }
    .popup_line {
        background-color: #e7e7e7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #6e6e6e;
        border-bottom: 1px solid #6e6e6e;
        width: 100%;
        padding: 6% 0% 6% 0%;
        margin: 6% 0% 6% 0%;
    }
    .popup_nutrition_s > p {
        width: 83%;
        height: 3vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    .popup_nutrition_s:nth-last-of-type(1) > .popup_line {
        width: 100%;
    }
    .popup_line_m {
        background-color: #6e6e6e;
        width: 0.5vw;
        height: 116%;
        top: 5%;
        bottom: unset;
    }
    .popup_close {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 6.7vw;
        height: 6.7vw;
        border-radius: 5px;
        cursor: pointer;
        pointer-events: all;
        top: 3%;
        right: 5%;
    }



    .popup_content_02 {
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 87%;
        border-radius: 15px;
        border: 1px solid #09784d;
        outline: 7px solid #fff;
        overflow: hidden;
    }
    .popup_div_02 {
        flex-direction: column;
        height: 129vw;
        padding: 8% 0% 11% 0%;
    }
    .popup_close_02 {
        background-color: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 6.7vw;
        height: 6.7vw;
        border-radius: 5px;
        cursor: pointer;
        pointer-events: all;
        top: 3%;
        right: 5%;
    }
    
    .popup_margin_m{
        margin: 4% 0% 0% 0%;
    }











    /* 
    background: url("/images/con3_bg.jpg") no-repeat center / cover; 
    object-fit: cover;

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

    flex-wrap: wrap;

    font-family: 'LOTTERIACHAB';

    font-family: "Pretendard";
    font-weight: 400;
    font-size: 1vw;
    color: #000;

    . p:nth-of-type(1)

    .con08_swiper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        overflow: hidden;
    }
    .con08_swiper_slide{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .con08_sd_img{
        width: 100%;
    }
    .con08_swiper_slide.swiper-slide-next > div {

    }
*/
}