@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1024px) {
    .youtube_silde .you_pop .you_pop_box .you_preview {
        width: 60vw;
    }

    .recipe_card {
        width: 25%;
    }

    .you_inner .swiper-button-prev {
        left: 15px;
        padding: 10px 18px 10px 14px;
    }

    .you_inner .swiper-button-next {
        right: 15px;
        padding: 10px 14px 10px 18px;
    }

    .you_inner .swiper-button-next,
    .you_inner .swiper-button-prev {
        color: #888;
        --swiper-navigation-size: 22px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    }

    .contents_recipe {
        width: 33.33%;
    }

    .contents_card, .insta_card {
        width: 33.33%;
    }

    .recipe_plus {
        width: 18%;
    }

    .id_pop .id_preview {
        width: 50vw;
    }
}

@media screen and (max-width: 768px) {
    .layer_pop .layer_box {
        flex-direction: column;
        max-width: 100vw;
        width: 100vw;
        position: relative;
        -webkit-text-size-adjust: 100%;
    }

    .layer_box .layer_left a {
        width: 100vw;
        height: 100vw;
    }

    .layer_box .layer_right {
        width: 100vw;
        padding-left: 0;
        padding: 7%;
    }

    .layer_pop .pop {
        position: relative;
        width: 100%;
        height: 100vh;
        padding: 0;
    }

    .layer_right .layer_name {
        font-size: 20px;
    }

    .layer_pop .pop_wrap {
        width: 100%;
        height: 100%;
    }

    .ser_write_wrap,
    .layer_select,
    .ser_list_wrap {
        position: relative;
        width: 86vw;
    }

    .layer_pop .pop .top {
        right: 4.5%;
        z-index: 2;
    }

    .layer_pop .pop .top .close1 {
        color: #fff;
    }

    .ser_reply .ser_write_wrap {
        padding: 3% 0 0 7%;
        width: 86vw;
    }

    a.kakao_btn {
        width: 36%;
        padding: 2% 0;
    }

    .youtube_silde .you_pop .you_pop_box .you_preview {
        width: 95vw;
    }

    .youView_txt .title {
        font: 20px 'Noto Sans KR';
    }

    .recipe_card {
        width: 33.33%;
    }

    .news_content .naver_news, .news_content .daum_news {
        width: 100%;
    }

    .contents_recipe {
        width: 50%;
    }

    .title_wrap_ser .tab_btn2 {
        width: 100%;
        overflow-y: hidden;
        max-width: 830px;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 auto 13px auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    .title_wrap_ser .tab_btn2 ul {
        justify-content: start;
    }

    .contents_card, .insta_card {
        width: 50%;
    }

    .grid-sizer,
    .grid-item {
        width: 50%;
        margin-bottom: 1%;
    }

    .recipe_plus {
        display: none;
    }

    .youtube_box ul {
        width: 50%;
    }

    .youView_txt .empty_img {
        width: 50%;
    }

    .seach_recipe {
        flex-direction: column;
    }

    .seach_recipe .search_rbtn {
        width: 60%;
        margin-top: 1%;
    }

    .id_pop .id_preview {
        width: 70vw;
    }

    #main-popup {
        display: none;
    }

    .nomobile {
        display: flex;
    }

    .nomobile img {
        width: 100%;
    }

    body {
        max-width: 768px;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
    }
}

@media screen and (max-width: 540px) {
    .youView_txt .btn_type7 {
        padding: 5px 15px;
        height: 27px;
        width: 80px;
        font-size: 12px;
    }

    .recipe_card {
        width: 50%;
    }

    .board_list_wrap {
        border-top: 1px solid #35353f;
    }

    .board_list_row_header {
        display: none;
    }

    .board_list_row li.board_list_num {
        display: none;
        width: 100%;
        float: inherit;
    }

    .board_list_row li.board_list_file {
        display: none;
    }

    .board_list_row li.board_list_source {
        display: none;
    }

    .board_list_row li.board_list_title {
        width: 100%;
        float: inherit;
        padding-bottom: 8px;
    }

    .board_list_row li.board_list_desc {
        width: 100%;
        float: inherit;
        padding-top: 0;
    }

    .board_list_row li.board_list_date {
        display: none;
        width: 100%;
        float: inherit;
    }

    .board_view_header {
        padding: 16px 0;
    }

    .board_view_wrap > .video_wrap {
        padding: 0;
    }

    .board_view_wrap > .board_view_contents {
        padding: 16px 0 24px 0;
    }

    .board_list_wrap2 .board_list_row li.board_list_title {
        width: 100%;
    }

    .board_list_row_header {
        display: none;
    }

    .board_list_wrap2 {
        border-top: 1px solid #35353f;
    }

    .board_list_row li.board_list_title {
        width: 86%;
        padding-bottom: 8px;
    }

    .board_list_wrap2 .board_list_row li.board_list_title2 {
        width: 100%;
        float: inherit;
    }

    .grid-sizer,
    .grid-item {
        width: 100%;
        margin-bottom: 1%;
    }

    .poprecipe_tit {
        font-size: 35px;
    }

    .poprecipe_tit .poprecipe_tit_in {
        font-size: 16px;
    }

    .poprecipe_h {
        font-size: 20px;
        position: relative;
        display: flex;
        align-items: center;
    }

    .poprecipe_h .more_txt {
        font-size: 16px;
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .poprecipe_h .more_txt img {
        width: 16px;
        margin-right: 10px;
    }

    .poprecipe_h img {
        width: 60px;
    }

    .poprecipe_material ul {
        padding: 0 3%;
        font-size: 15px;
    }

    .poprecipe_order p {
        font-size: 16px;
        padding: 0 5%;
        line-height: 1.3;
    }

    .poprecipe_tip p {
        font-size: 14px;
        padding: 0 0 0 5%;
        line-height: 15px;
    }

    .poprecipe_review .ser_write_wrap {
        width: 92vw;
    }

    .poprecipe_reply .more_btn, .poprecipe_review .more_btn {
        width: 35%;
        text-align: center;
    }

    .seach_recipe .search_rbtn {
        width: 97%;
    }

    .seach_recipe .search_rbtn li > .textbox2 {
        width: calc(100% - 63px);
        float: left;
        height: 33px;
    }

    .seach_recipe .search_rbtn li > .btn_type {
        width: 55px;
        height: 33px;
        font-size: 13px;
    }

    .reco_recipe {
        display: none;
    }

    .seach_recipe .product_sort ul li .container-radio {
        padding-right: 5px;
        padding-left: 21px;
    }

    .poprecipe_reply .ser_write_wrap {
        width: 92vw;
    }

    .ser_list_item .ser_contents {
        font-weight: 300;
    }

    .title_wrap_ser {
        flex-direction: column;
    }

    .tab_btn ul {
        width: 100%;
        justify-content: center;
        padding-bottom: 4%;
    }

    .youtube_wrap .title_wrap_ser {
        flex-direction: column;
    }

    .title_wrap_ser .title_wrap_r {
        width: 100%;
        max-width: 260px;
    }

    .title_wrap_ser .tab_btn {
        width: 100%;
    }

    .title_wrap_r li:last-child {
        width: auto;
    }

    .poprecipe_order .poprecipe_txt {
        font-size: 16px;
    }

    .poptxt_img {
        min-height: 80px;
    }
}

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

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

}

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

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

}

@media screen and (max-width: 320px) {
    .poprecipe_order .poprecipe_txt {
        font-size: 14px;
    }
}