@charset "utf-8";

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: sans-serif, 'Malgun Gothic', Helvetica, 'Apple SD Gothic Neo';
    color: #333;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.25px;
}

body, input, textarea {
    font-family: sans-serif, 'Malgun Gothic', Helvetica, 'Apple SD Gothic Neo';
    font-weight: 400;
}

* {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

img {
    vertical-align: middle;
    display: block;
    max-width: 100%;
}

a {
    color: #333;
    text-decoration: none;
    transition: 0.3s ease;
}

a:link {
    color: #333;
}

a:visited {
    color: #000;
}

a:hover {
    color: #15bf57;
}

li, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul:after {
    content: "";
    display: block;
    clear: both;
}

h2 {
    font-size: inherit;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0 0 0;
}

h5 {
    float: left;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
}

h6 {
    font-size: 23px;
    margin: 0;
    padding: 50px 0 30px;
}

h7 {
    font-size: 16px;
    margin: 0;
    padding: 50px 0 30px;
    display: block;
    line-height: 23px;
}

h8 {
    padding: 10px 0 30px;
    display: block;
    font-size: 23px;
    font-weight: 700;
}

h9 {
    padding: 0;
    margin-left: 15px;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
}

h10 {
    font-size: 20px;
    font-weight: 700;
}

h11 {
    padding: 10px 0 23px;
    display: block;
    font-size: 21px;
    font-weight: 700;
}

hr {
    background-color: #f2f2f2;
    margin: 20px 0;
    border: 0;
    height: 1px;
    width: 100%;
    float: inherit;
}

div {
    box-sizing: border-box;
}

.btn_icon {
    position: relative;
    padding: 8px 0 8px 16px;
    width: 40px;
}

.pipe {
}

.pipe:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 12px 0 12px;
    vertical-align: -1px;
    background-color: #e3e6ea;
}

.pipe2:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 2px 16px 0 16px;
    vertical-align: 0px;
    background-color: #aaa;
}

.pipe3:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 12px 0 12px;
    vertical-align: -1px;
    background-color: #fff;
}

.pipe4:before {
    position: absolute;
    top: 5px;
    content: '';
    display: inline-block;
    width: 150px;
    height: 2px;
    margin: 0 12px 0 12px;
    background-color: #eee;
}

.pipe5 {
    width: 1px;
    height: 20px;
    background: #aaa;
    margin: 0 15px 6px;
}

header {
    z-index: 2;
}

section {
    width: 1152px;
    min-width: 1152px;
    box-sizing: border-box;
    margin: 0px auto;
}

section:after {
    display: block;
    content: '';
    clear: both;
}

.disnone {
    display: none;
}

.disblock {
    display: block !important;
}

.disflex {
    display: flex !important;
}

.disin {
    display: inline-block !important;
}

.flex_between {
    justify-content: space-between;
}

.ndata_text {
    text-align: center;
    padding: 120px 0;
    margin-bottom: 50px;
}

.orange {
    color: #15bf57 !important;
}

.orange2 {
    color: #15bf57 !important;
    display: contents;
}

select {
    height: 36px;
    font-size: 14px;
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 165px;
    background-color: #fff;
    margin-right: 5px;
}

.spanline {
    color: #ddd;
    padding: 0 3px;
    font-weight: 500;
    display: inline-block;
}

.spanline2 {
    background: #ddd;
    padding: 20px 0;
    display: inline-block;
    height: 45px;
    width: 1px;
}

.spanline3 {
    background: #ddd;
    margin: 1px 10px 0;
    display: inline-block;
    height: 13px;
    width: 1px;
}

.search_count {
    width: 100%;
    max-width: 1112px;
    margin: 25px auto 0px;
    padding: 23px;
    text-align: center;
    background: #f9f9f9;
}

.search_count2 {
    position: relative;
    width: 100%;
    margin: 25px auto 10px;
    padding: 23px 30px 23px 50px;
    font-size: 13px;
    background: #f9f9f9;
    line-height: 19px;
}

.search_count2 span {
    font-size: 13px;
    text-align: left;
    width: 25px;
    display: block;
    position: absolute;
    left: 35px;
    padding-top: 1px;
}

.search_count3 {
    width: 100%;
    max-width: 1112px;
    margin: 25px auto 10px;
    padding: 23px;
    display: flex;
    justify-content: space-between;
    background: #f9f9f9;
}

.search_count3 p {
    margin: 0;
}

.search_count3 ul {
    display: flex;
    align-items: center;
}

.search_count3 ul li {
    margin-left: 13px;
}

.search_mar {
    margin: 0 auto 25px !important;
}

.m0 {
    margin: 0 !important;
}

.mr_50 {
    margin-right: 50px;
}

.ml_10 {
    margin-left: 10px;
}

.mb_10 {
    margin-bottom: 10px;
}

.centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.bor_top {
    border-top: 1px solid #ddd;
}

.bor_top2 {
    border-top: 1px solid #15bf57;
}

.bor_bottom {
    border-bottom: 1px solid #ddd;
}

.w_33 {
    width: 32.55% !important;
    float: left;
    margin-right: 13px !important;
}

.w_33:nth-child(3n) {
    margin-right: 0 !important;
}

.w33 {
    width: 33.33% !important;
}

.a_default {
    cursor: default;
    opacity: 0.3;
}

.top_default {
    cursor: default;
    background: #2d3539;
    color: #666;
}

.top_default.active {
    background: #2d3539 !important;
}

.ico_comment {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -4px 4px 0 8px;
}

/* 검색바 */
#search_wrap {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

#search_wrap .search_bar {
    background-color: #15bf57;
}

#search_wrap .search_bar .search_box {
    position: relative;
    padding: 2px;
    width: 100%;
    margin: 0 auto;
}

#search_wrap .search_bar .search_box:after {
    content: "";
    display: block;
    clear: both;
}

#search_wrap .search_bar .search_box .btn_close_sb {
    width: 20px;
    float: left;
    margin: 6px 16px 0 0;
    cursor: pointer;
}

#search_wrap .search_bar .search_box .btn_search {
    background-color: transparent;
    color: #fff;
    border: 0;
    vertical-align: top;
    padding: 11px 12px 0;
    border-radius: 8px;
}

#search_wrap .search_bar .search_box form {
    margin: 0;
    box-sizing: border-box;
    position: relative;
}

#search_wrap .search_bar .search_box .search_input {
    width: calc(100% - 57px);
    background-color: #fff;
    border: 0;
    padding: 8px 16px;
    font-size: 16px;
    box-sizing: border-box;
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
    height: 50px;
    font-weight: 500;
}

#search_wrap .search_bar .search_box .search_input::placeholder {
    color: #888;
}

#search_wrap .search_bar .search_box .icon_search_w {
    width: 27px;
}

.news_header #search_wrap .search_bar .search_box .icon_search_w {
    width: 23px;
}

.search_box .search_typing {
    height: 49px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 15px;
    font: 500 20px 'notosans';
}

.search_box .search_typing .typing_in {
    margin: 0;
}

.search_box .search_typing .typing_in::after {
    content: '';
    margin-left: .4rem;
    border-right: 2px solid #777;
    animation: cursor .9s infinite steps(2);
}

@keyframes cursor {
    from {
        border-right: 2px solid #222;
    }
    to {
        border-right: 2px solid #777;
    }
}

/* 버튼 */
.btn_wrap {
    margin: 50px 0 90px;
    text-align: center;
}

.btn_more_big {
    padding: 12px 40px;
    border-radius: 90px;
    border: 1px solid #e4e8eb;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    color: #5f7d95;
    min-width: 200px;
    -webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.btn_more_big:hover {
    transform: translate(-10px, -10px);
    color: #15bf57;
}

.btn_type {
    border: 1px solid #15bf57;
    background-color: #15bf57;
    -webkit-background-color: #15bf57;
    display: block;
    width: 100%;
    height: 36px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}

.btn_type:hover {
    background: #0ba748;
}

.btn_type img {
    filter: invert(1);
    width: 11px;
    display: inline-block;
    margin: -4px 5px 0 0;
}

.btn_account {
    border: 1px solid #15bf57;
    background-color: #15bf57;
    -webkit-background-color: #15bf57;
    display: flex;
    width: 150px;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 0;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.btn_account img {
    filter: invert(1);
    width: 11px;
    display: inline-block;
    margin: 0px 5px 0 0;
}

.btn_gray {
    border: 1px solid #ddd;
    background-color: #eff2f8;
    -webkit-background-color: #eff2f8;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 36px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.btn_gray:hover {
    background: #e8eaef;
}

.btn_type1 {
    background: #555;
    display: block;
    color: #fff;
    padding: 8px 8px;
    font-size: 13px;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: 26px auto 0;
}

.btn_type2 {
    background: #fff;
    display: block;
    text-align: center;
    padding: 9px 20px 9px 4px;
    font-size: 14px;
    border-radius: 35px;
    margin: 18px auto 0;
    border: 1px solid #ddd;
    width: 200px;
    position: relative;
}

.btn_type2:before {
    width: 10px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    background: #000;
    top: 15px;
    right: 15px;
    transform: rotate(45deg);
}

.btn_type2:after {
    width: 10px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    background: #000;
    top: 21px;
    right: 15px;
    transform: rotate(-45deg);
}

.btn_type2 span {
    color: #15bf57;
}

.btn_type4 {
    border: 1px solid #15bf57;
    background-color: #15bf57;
    display: block;
    overflow: hidden;
    height: 36px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.btn_type5 {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 6px 18px;
}

.btn_type5 img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: -4px;
    margin-right: 4px;
}

.btn_black {
    background-color: #000;
    color: #fff;
}

.btn_black2 {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 6px 18px;
    background-color: #000;
    color: #fff;
}

.btn_type6 {
    font-size: 13px;
    padding: 3px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    display: inline-block;
    color: #5f7d95;
}

.btn_type6 img {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-top: -5px;
    margin-right: 4px;
}

.btn_type7 {
    font-size: 13px;
    padding: 3px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 16px;
    display: inline-block;
    color: #5f7d95;
}

.btn_type7 img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right: 4px;
}

.btn_type10 {
    padding: 4px 5px;
    border-radius: 3px;
    z-index: 1;
    display: inline-block;
    font-size: 11px;
    border: 1px solid #ddd;
}

.btn_white {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 6px 18px;
    background-color: #fff;
    color: #000;
    border: 1px solid #e4e8eb;
    cursor: pointer;
}

.btn_white:hover {
    background: #f9f9f9;
}

.btn_white2 {
    display: inline-block;
    border-radius: 20px;
    font-size: 11px;
    text-align: center;
    font-weight: 500;
    padding: 3px 14px;
    background-color: #fff;
    color: #777;
    border: 1px solid #e4e8eb;
    line-height: 15px;
    cursor: pointer;
}

.btn_white2:hover {
    color: #15bf57;
}

.btn_white2.active {
    border: 1px solid #000;
    font-weight: 700;
    color: #000;
}

.btn_orange {
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 7px 10px;
    background-color: #fff;
    color: #15bf57;
    border: 1px solid #15bf57;
    cursor: pointer;
    line-height: 18px;
    width: 106px;
    margin-left: 5px;
}

.btn_orange:hover {
    background: #f9f9f9;
}

.search_more {
    position: relative;
    margin-top: 5px;
}

.search_more:after {
    display: block;
    content: '';
    clear: both;
}

.more_btn2 {
    display: inline-block;
    padding-top: 10px;
}

.more_btn {
    font-size: 14px;
    font-weight: 700;
    padding: 1.5% 9%;
    border: 1px solid #ddd;
    margin-top: 5%;
    border-radius: 24px;
    box-shadow: 2px 2px 7px rgb(0 0 0 / 10%);
    cursor: pointer;
}

.more_btn:hover {
    background: #15bf57;
    border: 1px solid #15bf57;
    color: #fff;
}

.more_btn3 {
    padding: 13px;
    border: 1px solid #ddd;
    margin: 3% auto 1%;
    border-radius: 50%;
    box-shadow: 2px 2px 7px rgb(0 0 0 / 10%);
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
}

.more_btn3 img {
    width: 13px;
}

.more_btn3:hover {
    background: #15bf57;
    border: 1px solid #15bf57;
}

.more_btn3:hover img {
    filter: invert(1);
}

.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;
    position: inherit;
}

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

.more_txt {
    display: flex;
    font-size: 13px;
    position: absolute;
    top: 0;
    right: 0;
}

.more_txt img {
    width: 9px;
    transform: rotate(90deg);
    padding-bottom: 5px;
    opacity: 0.7;
}

.more_btn2 img {
    width: 20px;
    opacity: 0.5;
}

a.kakao_btn {
    width: 40%;
    display: inline-block;
    padding: 10px 0;
    background: #ffdc00;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    justify-content: space-between;
    margin-left: 1%;
    text-align: center;
    margin-top: 20px;
}

a.data_btn {
    background: #fff;
    border: 1px solid #9a9a9a;
    padding: 1px 21px;
    border-radius: 5px;
    margin-left: 0;
    position: absolute;
    right: 0px;
    font-size: 15px;
    font-weight: 700;
    color: #1d2427;
}

a.data_btn img {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-top: 1px;
    margin-right: 4px;
}

a.kakao_btn .kakao_i {
    margin-left: 15px;
    display: inline-block;
}

a.kakao_btn .kakao_i i {
    padding: 0;
}

.kakao_btn img {
    width: 26%;
}

.ico_bullet {
    width: 40px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -4px;
}

.ico_bullet2 {
    width: 32px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -4px;
}

.ico_bullet_s {
    width: 22px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -4px;
}

.ico_bullet3 {
    width: 26px;
    display: inline-block;
    margin-right: 6px;
    margin-top: -5px;
}

.ico_bullet4 {
    width: 31px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -2px;
}

.ico_bullet5 {
    width: 31px;
    display: inline-block;
    margin-right: 6px;
    margin-top: -7px;
}

.ico_bullet6 {
    width: 30px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -8px;
}

.ico_bullet7 {
    width: 20px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -3px;
}

.ico_bullet8 {
    width: 18px;
    display: inline-block;
    opacity: 0.8;
}

.ico_bullet9 {
    width: 22px;
    display: inline-block;
    margin-right: 8px;
    margin-top: -5px;
}

.ico_bullet10 {
    width: 27px;
    display: inline-block;
    margin-right: 7px;
    margin-top: 1px;
}

.ico_bullet11 {
    width: 25px;
    display: inline-block;
    padding-bottom: 7px;
}

.ico_bullet12 {
    display: inline-block;
    width: 36px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.ico_bullet13 {
    width: 14px;
    display: inline-block;
    margin-right: 6px;
    margin-top: -3px;
}

.ico_bullet14 {
    width: 11px;
    display: inline-block;
    margin-left: 3px;
    transform: rotate(90deg);
    margin-top: -4px
}

.ico_bullet15 {
    width: 16px;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.ico_bullet16 {
    width: 70px;
    display: inline-block;
    opacity: 0.2;
}

.filebox label {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    height: 54px;
    line-height: 48px;
}

.form_para {
}

.form_para2 {
    display: flex;
}

.form_para2 .form_para_split:first-child {
    width: 35%;
}

.form_para2 .form_para_split:last-child {
    width: 65%;
    display: flex;
}

.form_para2 .form_writer {
    float: left;
    width: 95px;
    line-height: 48px;
    font-weight: 700;
    margin-right: auto;
}

.form_para2 .file_box {
    width: 330px !important;
}

.form_para3 .form_para_split {
    display: flex;
}

.form_para3 .form_writer {
    float: left;
    width: 95px;
    line-height: 48px;
    font-weight: 700;
    margin-right: auto;
}

.form_para3 .textbox {
    width: calc(100% - 95px) !important;
}

.form_para_split {
}

.form_para_split:after {
    content: "";
    display: block;
    clear: both;
}

.form_para_split > input.textbox {
    width: calc(100% - 108px);
    float: left;
}

.form_para_split > .btn_type8,
.form_para_split > .filebox {
    width: 100px;
    float: right;
    margin-left: 8px;
    cursor: pointer;
}

.form_para_split > select {
    width: 100px;
    float: left;
    margin-right: 8px;
    cursor: pointer;
    height: 48px;
}

.form_para_span {
    margin-bottom: 8px;
    font-size: 12px;
    color: #999;
    font-weight: 700;
}

.form_para_flex {
    display: flex;
    align-items: center;
}

.form_para_flex .form_title {
    width: 40%;
}

.form_box .form_summ {
    font-size: 13px;
}

.board_service {
    display: flex;
}

.board_service select {
    width: 200px;
    max-width: 200px;
}

.board_service input {
    width: 642px;
}

.btn_type8, .filebox {
    border: 1px solid #ddd;
    background-color: #f2f4f7;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 48px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #666;
}

.youView_txt .btn_type7 {
    background-color: #fff;
    padding: 1px 11px;
    height: 26px;
    width: 90px;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    border: 1px solid #15bf57;
    color: #15bf57 !important;
    border-radius: 0;
    line-height: 22px;
}

.title_wrap4 {
    padding: 20px 0;
}

.title_wrap4:after {
    content: "";
    display: block;
    clear: both;
}

.title_wrap4 .title_wrap_r {
    max-width: 360px;
    float: right;
}

.title_wrap4 .title_wrap_r li:first-child {
    float: left;
}

.title_wrap4 .title_wrap_r li:last-child {
    float: right;
    width: calc(100% - 73px);
}

.title_wrap4 .title_wrap_r li > .textbox2 {
    width: calc(100% - 90px);
    float: left;
}

.title_wrap4 .title_right {
    float: right;
}

.btn_wrap .title_right {
    float: right;
}

/* 페이지네이션 */
.pagenation_wrap {
    display: inline-block;
}

.pagenation_wrap ul li {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #e4e8eb;
    font-weight: 500;
    font-size: 13px;
    -webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    cursor: pointer;
    margin: 4px;
}

.pagenation_wrap ul li a {
    color: #5f7d95;
    padding: 6px 12px;
    display: inline-block;
}

.pagenation_wrap ul li.active a {
    border: 1px solid #15bf57;
    background-color: #15bf57;
    color: #fff;
    border-radius: 4px;
}

.pd_8 {
    padding-right: 8px;
}

.pd_5 {
    padding: 5% 0 2%;
}

.pd_0 {
    padding: 0 !important;
}

.pd_20 {
    padding-top: 20px !important;
}

.pd_40 {
    padding-top: 40px !important;
}

.pd_25 {
    padding-bottom: 25px;
}

.pd_w20 {
    padding: 20px;
}

.pd_b0 {
    padding-bottom: 0 !important;
}

.pd_sort {
    padding: 0 20px 18px !important;
}

.mg_12 {
    margin-bottom: 12px;
}

.mg_0 {
    margin-right: 0px !important;
}

.mg_5 {
    margin-right: 5px;
}

.w100 {
    width: 100% !important;
}

.w460 {
    width: 460px;
    min-width: 460px;
}

.w540 {
    width: 540px;
    min-width: 540px;
}

.mr_30 {
    margin-right: 30px !important;
}

.ml_30 {
    margin-left: 30px !important;
}

.mg_20 {
    margin-bottom: 20px;
}

.mgt_20 {
    margin-top: 20px;
}

.txt_line {
    line-height: 36px;
    padding: 20px 0 5px;
}

.flex_bet {
    justify-content: space-between;
}

.flex_end {
    justify-content: flex-end !important;
}

.flex_column {
    flex-direction: column;
    align-items: flex-start;
}

.datebox {
    position: relative;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    line-height: 25px;
    height: 28px;
    width: 155px;
}

.datebox span {
    display: inline-block;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 0;
}

.date_content {
    position: absolute;
    border-radius: 3px;
    background: #fff;
    width: 230px;
    margin: 0 auto;
    padding: 20px;
    top: 26px;
    z-index: 2;
    right: -1px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
}

.date_content .cal_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 22px;
}

.date_content .cal_nav .year-month {
    width: 80%;
    text-align: center;
    line-height: 1;
}

.date_content .cal_nav .nav {
    display: flex;
    border: 1px solid #333333;
    border-radius: 5px;
}

.date_content .cal_nav .go-prev,
.date_content .cal_nav .go-next {
    display: block;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.date_content .cal_nav .go-prev::before,
.date_content .cal_nav .go-next::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    border-width: 1px 1px 0 0;
    transition: border 0.1s;
}

.date_content .cal_nav .go-prev:hover::before,
.date_content .cal_nav .go-next:hover::before {
    border-color: #15bf57;
}

.date_content .cal_nav .go-prev::before {
    transform: rotate(-135deg);
}

.date_content .cal_nav .go-next::before {
    transform: rotate(45deg);
}

.date_content .cal_wrap {
    padding-top: 13px;
    position: relative;
    margin: 0 auto;
}

.date_content .cal_wrap .days {
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.date_content .cal_wrap::after {
    top: 368px;
}

.date_content .cal_wrap .day {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 7);
    text-align: left;
    color: #999;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.date_content .cal_wrap .day:hover {
    background: rgb(242 242 242);
    color: #222;
}

.current.today {
    background: rgb(242 242 242);
    color: #222;
}

.date_content .cal_wrap .dates {
    display: flex;
    flex-flow: wrap;
}

.date_content .cal_wrap .day:nth-child(7n -1) {
    color: #3c6ffa;
}

.date_content .cal_wrap .day:nth-child(7n) {
    color: #ed2a61;
}

.date_content .cal_wrap .day.disable {
    color: #ddd;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 5px;
}

hr.hr_side {
    background-color: #ddd;
    margin: 20px 0;
    color: #000;
    border: 0;
    height: 1px;
    width: 100%;
    float: inherit;
}

.bg_gray {
    background: #f4f6f8;
}

/* 메뉴페이지 슬라이드 */
.slick_menu {
    margin-bottom: 25px;
    border: 1px solid #ffe9d7;
}

.slick_menu .slick-prev {
    position: absolute;
    top: 87px;
    left: -16px;
    color: #000;
    display: flex;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    border-radius: 50%;
    align-items: center;
    background: #fff;
    width: 30px;
    height: 30px;
    justify-content: center;
    z-index: 1;
    font-weight: 700;
    font-family: swiper-icons;
}

.slick_menu .slick-next {
    position: absolute;
    top: 87px;
    right: -16px;
    color: #000;
    display: flex;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    border-radius: 50%;
    align-items: center;
    background: #fff;
    width: 30px;
    height: 30px;
    justify-content: center;
    z-index: 1;
    font-weight: 700;
    font-family: swiper-icons;
}

.slick_menu .slick-prev:before,
.slick_menu .slick-next:before {
    display: none;
    opacity: 1;
}

.slick_menu .slick-prev:hover:before,
.slick_menu .slick-next:hover:before {
    color: #000;
}

.slick_menu .slick-prev:hover,
.slick_menu .slick-next:hover {
    opacity: 1;
    background: #f9f9f9;
}

.slick_menu .slick-prev:after {
    content: 'prev';
    font-size: 10px;
    color: #000;
}

.slick_menu .slick-next:after {
    content: 'next';
    font-size: 10px;
    color: #000;
}

.slick_menu .slick_item {
    height: 175px;
    padding: 20px 25px;
    background: #fffaf6;
}

.slick_menu .menu_box {
    width: 32.9%;
    display: inline-flex;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    padding-left: 15px;
    color: #000;
}

.slick_menu .menu_box:last-child {
    border-right: 0;
}

.slick_menu .menu_box .menu_tag {
    height: 135px;
    padding-left: 20px;
}

.slick_menu .menu_box .menu_tag a {
    color: #555;
    font-size: 15px;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}

.slick_menu .menu_box .menu_tag a:hover {
    color: #15bf57;
}

.m_Menu {
    padding: 0 8px;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    z-index: 2;
    position: absolute;
    top: 45%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 50px;
    line-height: 1;
    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 30px;
}

[dir='rtl'] .slick-prev {
    right: 30px;
    left: auto;
}

.slick-prev:before {
    content: '<';
}

[dir='rtl'] .slick-prev:before {
    content: '<';
}

.slick-next {
    right: 30px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 30px;
}

.slick-next:before {
    content: '>';
}

[dir='rtl'] .slick-next:before {
    content: '>';
}

{
    right: 30px
;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 30px;
}

.slick-next:before {
    content: '>';
}

[dir='rtl'] .slick-next:before {
    content: '>';
}

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.slick-dots li {
    margin: 0 4px;
}

.slick-dots li button {
    font-size: 0;
    border: 0;
    background: #ddd;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
}

.slick-dots li.slick-active button {
    background: #666;
}

/* 검색창 */
.menu_search {
    float: right;
}

.menu_search .btn_white {
    border: 1px solid #15bf57;
    color: #fff;
    background: #15bf57;
}

.menu_search .btn_white img {
    filter: invert(1);
}

.menu_search .btn_white:hover {
    background: #0ba748;
}

.menu_search .btn_white img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-right: 4px;
}

input.textbox {
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    outline: none;
    margin-bottom: 10px;
}

input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input.textbox:focus {
    border: 1px solid #000;
}

input.textbox::placeholder {
    color: #ccc;
    opacity: 1
}

input.textbox2 {
    width: 100%;
    height: 36px;
    padding: 0 11px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    outline: none;
}

input.textbox2:focus {
    border: 1px solid #000;
}

input.textbox2::placeholder {
    color: #ccc;
    opacity: 1
}

input.textbox3 {
    width: 100%;
    height: 36px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    outline: none;
}

input.textbox3:focus {
    border: 1px solid #000;
}

input.textbox3::placeholder {
    color: #ccc;
    opacity: 1
}

/*상품조회 검색 */
.d_search {
    width: 100%;
    padding: 0 8px 20px 0;
}

.d_search:after {
    clear: both;
    display: block;
    content: '';
}

.d_search li {
    float: left;
    padding-right: 8px;
}

.d_search li:last-child {
    padding-right: 0;
}

.d_search li > .selectbox {
    height: 36px;
    font-size: 14px;
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 190px;
    background-color: #fff;
}

.d_search li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
}

.d_search li > .textbox3 {
    width: 100%;
    float: left;
}

.d_search li > .btn_type {
    width: 80px;
    margin-left: 8px;
    float: right;
}

/* 체크박스 */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #fff;
    border: 1px solid #000;
}

.container-checkbox input:checked ~ .checkmark {
    border: 1px solid #15bf57;
    background-color: #15bf57;
}

.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.container-checkbox .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 라디오 버튼 */
.container-radio {
    display: block;
    position: relative;
    padding-left: 24px;
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.container-radio:hover input ~ .checkmark {
    background-color: #fff;
}

.container-radio input:checked ~ .checkmark {
    border: 1px solid #15bf57;
    background-color: #15bf57;
}

.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-radio input:checked ~ .checkmark:after {
    display: block;
}

.container-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

textarea {
    width: 100%;
    padding: 16px;
    border: 1px solid #e4e8eb;
    background-color: #f9f9f9;
    height: 200px;
    resize: none;
}

/* 상품조회 */
.title_wrap_r li:first-child {
    float: right;
}

.title_wrap_r li:last-child {
    float: right;
    width: 100%;
}

.title_wrap_r li > .selectbox {
    height: 36px;
    font-size: 14px;
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 100px;
    background-color: #fff;
    vertical-align: top;
}

.title_wrap_r li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
    margin-right: 5px;
}

.title_wrap_r li > .btn_type4 {
    width: 85px;
    margin-left: 0px;
    float: right;
}

.title_wrap_ser {
    display: flex;
    justify-content: space-between;
    padding: 18px 20px 0 20px;
}

.title_wrap_ser .title_wrap_l {
    width: 50%;
    float: left;
}

.title_wrap_ser .title_wrap_r {
    width: 50%;
    max-width: 380px;
}

.title_wrap_ser .tab_btn ul li {
    width: auto;
    margin: 0 25px 0 0;
    position: relative;
}

.title_wrap_ser .tab_btn2 {
    width: 100%;
}

.title_wrap_ser .tab_btn2 ul li {
    width: auto;
    margin: 0 3% 0 0;
}


/* 최상단 배너 */
#topBanner2 {
    display: none;
    min-height: 56px;
}

#topBanner {
    min-height: 56px;
}

#topBanner2 .topBanner_inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 56px;
    width: 1120px;
}

#topBanner2 .topBanner_inner .topBanner_img {
    text-align: center;
    color: #fff;
    padding: 16px;
}

.topBanner_inner .btn_close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 12px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.topBanner_inner .btn_close.on .bar:nth-of-type(1) {
    margin-top: 0px;
}

.topBanner_inner .btn_close.on .bar:nth-of-type(3) {
    margin-bottom: 0px;
}

.topBanner_inner .btn_close.on .bar {
    position: relative;
    display: block;
    width: 25px;
    height: 2px;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.topBanner_inner .btn_close.on .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}

.topBanner_inner .btn_close.on .bar:nth-of-type(2) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
    margin-top: 28px;
}

.topBanner_inner .btn_open.on .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(45deg);
    -ms-transform: translateY(15px) rotate(45deg);
    transform: translateY(15px) rotate(45deg);
}

.topBanner_inner .btn_open.on .bar:nth-of-type(2) {
    -webkit-transform: translateY(-15px) rotate(-45deg);
    -ms-transform: translateY(-15px) rotate(-45deg);
    transform: translateY(-15px) rotate(-45deg);
    margin-top: 27px;
    margin-left: 11px;
}

.topBanner_inner .btn_open.on .bar {
    position: relative;
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#topBanner2 .topBanner_inner .btn_open {
    position: absolute;
    right: 0;
    padding: 12px;
    top: 0;
    box-sizing: border-box;
    cursor: pointer;
}

#topBanner2 .topBanner_inner .banner_txt {
    cursor: pointer;
}

#topBanner #logo_name {
    width: 1112px;
    margin: 0 auto;
    padding: 16px 0;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

#topBanner #logo_name .logo_ico2 {
    background-position: -26px -33px;
}

#topBanner #logo_name .logo_ico3 {
    background-position: -52px -33px;
    width: 18px;
}

#topBanner #logo_name a.logo_school {
    color: #fff;
}

#topBanner #logo_name .btn_orange {
    width: 85px;
    padding: 5px 10px;
    font-weight: 600;
    border: 1px solid #fff;
    background: none;
    color: #fff;
}

#linkMenu_wrap {
    border-bottom: 1px solid #f2f2f2;
}

#linkMenu_wrap .linkMenu_l {
    float: left;
}

#linkMenu_wrap .linkMenu_l:after {
    content: "";
    display: block;
    clear: both;
}

#linkMenu_wrap .linkMenu_l li {
    float: left;
    font-size: 13px;
    padding-right: 16px;
}

#linkMenu_wrap .linkMenu_r {
    float: right;
}

#linkMenu_wrap .linkMenu_r:after {
    content: "";
    display: block;
    clear: both;
}

#linkMenu_wrap .linkMenu_r li {
    float: left;
    font-size: 12px;
}

.inner {
    width: 100%;
    max-width: 1152px;
    padding: 24px 20px;
    box-sizing: border-box;
    margin: 0 auto;
}

.inner:after {
    content: "";
    display: block;
    clear: both;
}

.inner_lm {
    width: 1152px;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    height: 160px;
    display: flex;
    align-items: center;
}

.inner_lm:after {
    content: "";
    display: block;
    clear: both;
}

.inner_lm #logo_area {
    float: left;
    width: 70%;
}

.inner_lm #logo_area ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_lm #logo_area ul .logo {
    width: 40%;
    margin-right: 15px;
}

.inner_lm #logo_area ul .logo a img {
    width: 100%;
}

.inner_lm #logo_area ul li:last-child {
    width: 77%;
}

nav {
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 0 auto;
}

nav #gnb_wrap {
    width: 100%;
    max-width: 1152px;
    box-sizing: border-box;
    margin: 0 auto;
    /*overflow: hidden;
    overflow-x: auto;
    overflow-y: hidden;*/
    white-space: nowrap;
    padding: 0 20px;
}

nav #gnb_wrap .gnb_menu.active:before {
    position: absolute;
    bottom: -1px;
    clear: both;
    display: block;
    content: '';
    font-weight: 500;
    border-bottom: 2px solid #15bf57;
    width: 100%;
    z-index: 2;
}

nav #gnb_wrap .gnb_menu.active a {
    color: #15bf57;
    font-weight: 700;
}

nav #gnb {
}

nav #gnb li {
    position: relative;
    display: inline-block;
    font-weight: 500;
    padding: 15px 0;
    margin-right: 15px;
}

nav #gnb li:hover a {
    color: #15bf57;
}

nav #gnb li .ico_menu {
    display: inline-block;
    margin-top: -3px;
    margin-right: 8px;
    cursor: pointer;
}

header #util {
    float: right;
}

header #util li {
    display: inline-block;
    float: left;
    font-size: 13px;
    position: relative;
    padding-left: 8px;
}

/* 푸터 */
footer {
    border-top: 1px solid #e4e8eb;
}

footer #fnb {
    border-bottom: 1px solid #ddd;
}

footer #fnb .fnb_l {
    float: left;
}

footer #fnb .fnb_l:after {
    content: "";
    display: block;
    clear: both;
}

footer #fnb .fnb_l li {
    display: inline-block;
    font-size: 14px;
    margin-right: 16px;
}

footer #fnb .fnb_r {
    float: right;
}

footer #fnb .fnb_r:after {
    content: "";
    display: block;
    clear: both;
}

footer #fnb .fnb_r li {
    float: left;
    font-size: 13px;
    margin-right: 16px;
    color: #666;
}

footer #copyright .cr_l {
    float: left;
}

footer #copyright .cr_r ul {
    display: flex;
    align-items: center;
}

footer #copyright .cr_l li {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.7;
}

footer #copyright .cr_l li span {
    color: #eee;
    padding: 0 8px;
}

footer #copyright .cr_l li strong {
    color: #15bf57;
}

footer #copyright .cr_l:after {
    content: "";
    display: block;
    clear: both;
}

footer #copyright .cr_r {
    float: right;
}

footer #copyright .cr_r li {
    float: left;
    width: 150px;
    margin-left: 26px;
}

footer #copyright .cr_r li img {
    width: 100%;
}

footer #copyright .cr_r:after {
    content: "";
    display: block;
    clear: both;
}

.copy_big {
    padding: 70px 130px 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background: #15bf57;
}

.copy_big .copy_font {
    width: 720px;
}

.copy_big .copy_font a {
    letter-spacing: -3px;
    color: #fff;
    font: 700 110px 'Noto Sans KR';
}

.copy_right {
    width: 410px;
    justify-content: space-between;
    display: flex;
    padding-bottom: 20px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}

.inner_scroll {
    width: 100%;
    max-width: 1152px;
    padding: 16px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.inner_scroll:after {
    display: block;
    content: '';
    clear: both;
}

.sort_wrap {
    padding: 0 8px 16px 8px;
}

.sort_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.sort_wrap .tab_btn {
    float: left;
}

.sort_wrap .tab_btn ul li {
    margin: 0 20px 0 0;
}

.sort_wrap .product_count {
    color: #333;
    width: 30%;
    float: left;
}

.sort_wrap .product_btn {
    float: right;
    display: flex;
}

.sort_wrap .product_btn .btn_type,
.sort_wrap .product_btn .btn_white {
    width: 106px;
    font-size: 14px;
    margin-left: 5px;
    padding: 7px 10px;
    line-height: 18px;
}

.sort_wrap .product_btn .btn_all {
    height: 34px;
    border: 1px solid #4cca61;
    color: #4cca61;
}

.sort_wrap .product_btn .btn_all.btn_type {
    border: 1px solid #4cca61;
    background: #4cca61;
    color: #fff;
}

.sort_wrap .product_btn .btn_all.btn_type img {

}

.sort_wrap .product_btn .btn_all img {

}

.sort_wrap .product_btn .ico_bullet12 {
    border: 1px solid #e4e8eb;
    height: 34px;
    margin-top: 3px;
}

.sort_wrap .product_btn .btn_type img {
    width: 14px;
}

.sort_wrap .product_btn2 {
    display: flex;
}

.sort_wrap .product_btn2 .btn_type,
.sort_wrap .product_btn2 .btn_white {
    width: 120px;
    font-size: 14px;
    margin-left: 5px;
    padding: 7px 10px;
    line-height: 19px;
}

.sort_wrap .product_sort {
    float: right;
}

.sort_wrap .product_sort li {
    float: left;
    margin-left: 16px;
}

.ai_tit {
    font-size: 27px;
    display: flex;
    color: #000;
}

.ai_tit .ai_width {
    width: 160px;
}

.ai_tit .product_btn2 .menu_tab {
    font-size: 17px;
    margin-left: 10px;
}

.ai_tit .product_btn2 .menu_tab.on {
    border-bottom: 2px solid #15bf57;
    color: #15bf57;
    font-weight: 700;
    line-height: 34px;
}

.ai_tit .product_btn2 {
    margin-left: 15px;
}

/* 탭 */
.tab_btn {
    position: relative;
    float: left;
}

.tab_btn ul {
    display: flex;
    padding-left: 0;
    margin: 0;
}

.tab_btn ul li {
    width: 70px;
    text-align: center;
    padding: 0 0 7px 0;
    box-sizing: border-box;
    margin: 0 5px 0 10px;
}

.tab_btn ul li a {
    color: #888;
}

.tab_btn ul li:hover:before,
.tab_btn ul li:active:before,
.tab_btn ul li.active:before {
    position: absolute;
    bottom: -1px;
    clear: both;
    display: block;
    content: '';
    font-weight: 500;
    border-bottom: 2px solid #15bf57;
    width: 100%;
}

.tab_btn ul li:hover a,
.tab_btn ul li:active a,
.tab_btn ul li.active a {
    color: #15bf57;
    font-weight: 700;
}

.tab_btn2 {
    position: relative;
    width: 165px;
    top: 7px;
    float: left;
    margin-bottom: 13px;
}

.tab_btn2 ul {
    display: flex;
    padding-left: 0;
    margin: 0;
    justify-content: center;
}

.tab_btn2 ul li {
    width: 70px;
    text-align: center;
    padding: 0 0 3px 0;
    box-sizing: border-box;
    margin: 0 5px 0 10px;
}

.tab_btn2 ul li a {
    color: #999;
}

.tab_btn2 ul li:hover,
.tab_btn2 ul li:active,
.tab_btn2 ul li.active {
    font-weight: 500;
    border-bottom: 2px solid #ef2c2c;
}

.tab_btn2 ul li:hover a,
.tab_btn2 ul li:active a,
.tab_btn2 ul li.active a {
    color: #15bf57;
    font-weight: 700;
}

.tab_cont ul li {
    width: 100%;
    display: block;
}

.tab_cont ul li.tab_h:after {
    clear: both;
    display: block;
    content: '';
}

.tab_cont .tab_h {
    margin-bottom: 10px;
}

.tab_pd {
    padding: 20px 13px;
}

.tab_btn {
    width: 100%;
    text-align: center;
}

.tab_btn .more_btn {
    display: inline-block;
    text-align: center;
    margin: 30px auto;
}

.insta_btn {
    width: 100%;
    text-align: center;
}

.insta_btn .more_btn {
    display: inline-block;
    text-align: center;
    margin: 30px auto;
}

/* 서브페이지 상단 */
.sub_txt {
    font-size: 20px;
    padding: 3px 0;
    font-weight: 700;
}

.sub_top {
    font-size: 26px;
    color: #000;
    max-width: 1152px;
    margin: 0 auto;
    padding: 30px 20px 15px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

.sub_top span {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
}

.sub_top .sub_tit span {
    font-size: 13px;
}

.sub_top .sub_tit .active {
    color: #15bf57;
}

.sub_top span img {
    width: 18px;
    display: inline-block;
    margin-top: -3px;
    margin-right: 2px;
}

.sub_top span.credit_cretop {
    cursor: pointer;
}

.sub_top .title_wrap_r2 {
    width: 520px;
    display: flex;
}

.sort_wrap .title_wrap_r2 {
    float: right;
}

.sub_top .title_wrap_r2 li,
.sort_wrap .title_wrap_r2 li {
    height: 36px;
}

.sub_top .title_wrap_r2 li:first-child,
.sort_wrap .title_wrap_r2 li:first-child {
    float: right;
}

.sub_top .title_wrap_r2 li:last-child,
.sort_wrap .title_wrap_r2 li:last-child {
    float: right;
    width: 100%;
}

.sub_top .title_wrap_r2 li > .selectbox,
.sort_wrap .title_wrap_r2 li > .selectbox {
    height: 36px;
    font-size: 14px;
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 100px;
    background-color: #fff;
    vertical-align: top;
}

.sub_top .title_wrap_r2 li > .textbox2,
.sort_wrap .title_wrap_r2 li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
}

.sub_top .title_wrap_r2 li > .textbox3,
.sort_wrap .title_wrap_r2 li > .textbox3 {
    width: calc(100% - 130px);
    float: left;
}

.sub_top .title_wrap_r2 li > .btn_type,
.sort_wrap .title_wrap_r2 li > .btn_type {
    width: 80px;
    margin-left: 8px;
    float: left;
}

.sort_wrap .title_wrap_r2 li > .btn_white {
    width: 120px;
    font-size: 14px;
    margin-right: 5px;
    padding: 8px 10px;
    line-height: 18px;
    border: 1px solid #ccc;
}

.sub_top .sub_tit {
    display: flex;
    justify-content: center;
    align-items: end;
}

.sub_top .sub_explain {
    font-size: 15px;
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 19px;
}

.sub_top .tit_tab {
    display: flex;
    padding-left: 15px;
}

.sub_top .tit_tab a {
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-right: 5px;
}

.sub_top .tit_tab a.active {
    background: #15bf57;
    border: 1px solid #15bf57;
    color: #fff;
    font-weight: 700;
}

.sub_pd {
    padding: 0 0 60px;
}

.sub_top2 {
    font-size: 26px;
    color: #000;
    max-width: 1152px;
    margin: 0 auto;
    padding: 0 0 15px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

.sub_top2 .title_wrap_r2 {
    width: 300px;
    display: flex;
}

.sub_top2 .title_wrap_r2 li {
    height: 36px;
}

.sub_top2 .title_wrap_r2 li:first-child {
    float: right;
}

.sub_top2 .title_wrap_r2 li:last-child {
    float: right;
    width: 100%;
}

.sub_top2 .title_wrap_r2 li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
}

.sub_top2 .title_wrap_r2 li > .btn_type {
    width: 80px;
    margin-left: 8px;
    float: right;
}

/* 메뉴검색 */
/* 급식메뉴 */
.menu_table {
    padding: 0 8px;
}

.menu_table:after {
    display: block;
    content: "";
    clear: both;
}

.menu_table .menu_content {
    position: relative;
    width: 20%;
    float: left;
    border-right: 1px solid #e4e8eb;
    border-bottom: 1px solid #222;
    min-height: 310px;
    text-align: left;
}

.menu_table .menu_content.season_menu {
    border: 2px solid #4cca61 !important;
}

.menu_table .menu_content:nth-child(1),
.menu_table .menu_content:nth-child(2),
.menu_table .menu_content:nth-child(3),
.menu_table .menu_content:nth-child(4),
.menu_table .menu_content:nth-child(5) {
    border-top: 2px solid #7c7c7c;
}

.menu_table .menu_content:nth-child(5n) {
    border-right: 1px solid #fff;
}

.menu_table .menu_content .menu_list li:nth-child(10),
.menu_table .menu_content .menu_list li:nth-child(11),
.menu_table .menu_content .menu_list li:nth-child(12),
.menu_table .menu_content .menu_list li:nth-child(13),
.menu_table .menu_content .menu_list li:nth-child(14),
.menu_table .menu_content .menu_list li:nth-child(15),
.menu_table .menu_content .menu_list li:nth-child(16),
.menu_table .menu_content .menu_list li:nth-child(17),
.menu_table .menu_content .menu_list li:nth-child(18),
.menu_table .menu_content .menu_list li:nth-child(19),
.menu_table .menu_content .menu_list li:nth-child(20) {
    display: none;
}

.menu_table .menu_content .menu_list2 li:nth-child(10),
.menu_table .menu_content .menu_list2 li:nth-child(11),
.menu_table .menu_content .menu_list2 li:nth-child(12),
.menu_table .menu_content .menu_list2 li:nth-child(13),
.menu_table .menu_content .menu_list2 li:nth-child(14),
.menu_table .menu_content .menu_list2 li:nth-child(15),
.menu_table .menu_content .menu_list2 li:nth-child(16),
.menu_table .menu_content .menu_list2 li:nth-child(17),
.menu_table .menu_content .menu_list2 li:nth-child(18),
.menu_table .menu_content .menu_list2 li:nth-child(19),
.menu_table .menu_content .menu_list2 li:nth-child(20) {
    display: none;
}

.menu_table .menu_content .menu_tit {
    font-size: 16px;
    background: #eff2f8;
    text-align: center;
    padding: 6px 5px;
    border-bottom: 1px solid #e4e8eb;
    color: #4c4c4c;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.ai_height {
    min-height: 288px !important;
}

.master_height {
    min-height: 255px !important;
}

.menu_table .menu_tit2 {
    width: 20%;
    float: left;
    font-size: 17px;
    background: #eff2f8;
    text-align: center;
    padding: 9px 5px;
    border-top: 2px solid #7c7c7c;
    border-bottom: 1px solid #e4e8eb;
    border-right: 1px solid #e4e8eb;
    color: #000;
}

.menu_table .menu_tit:last-child {
    border-right: 0;
}

.menu_table .menu_content .menu_list {
    padding: 7px 15px;
    font-size: 14px;
    line-height: 25px;
    width: 100%;
    display: table;
}

.menu_table .menu_content .menu_list2 .menu_plus {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 72px auto;
    cursor: pointer;
    transition: 0.2s;
    transform: rotate(0deg);
}

.menu_table .menu_content .menu_list2 .menu_plus:before {
    content: '';
    width: 28px;
    background: #333;
    display: block;
    height: 1px;
    position: absolute;
    top: 30px;
    left: 18px;
}

.menu_table .menu_content .menu_list2 .menu_plus:after {
    content: '';
    transform: rotate(90deg);
    width: 28px;
    background: #333;
    display: block;
    height: 1px;
    position: absolute;
    top: 30px;
    left: 18px;
}

.menu_table .menu_content .menu_list2 .menu_plus:hover {
    transform: rotate(180deg);
}

.menu_table .menu_content .menu_list .menu_day {
    padding-bottom: 8px;
    -webkit-line-clamp: 2;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    padding-top: 3px;
    text-align: left;
    position: relative;
    min-height: 48px;
}

.menu_table .menu_content .menu_list .menu_day span {
    position: inherit;
    top: 0;
    left: 0;
    display: block;
}

.menu_table .keyword_content {
    min-height: 271px !important;
}

.menu_table .menu_content .menu_list .keyword_day {
    font-size: 14px !important;
    min-height: 32px !important;
}

.menu_table .menu_content .menu_list li a {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #000;
}

.menu_table .menu_content .menu_list .menu_select {
    background: #e9fff2;
}

.menu_table .menu_content .menu_list2 {
    padding: 7px 15px;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
    display: table;
}

.menu_table .menu_content .menu_list2 .reco_r1,
.menu_table .menu_content .menu_list2 .reco_r2,
.menu_table .menu_content .menu_list2 .reco_r3 {
    position: relative;
    font-size: 10px;
    margin-left: 3px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
}

.menu_table .menu_content .menu_list2 .menu_day {
    padding-bottom: 10px;
    -webkit-line-clamp: 2;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    line-height: 16px;
    color: #000;
    font-weight: 700;
    padding-top: 5px;
    text-align: right;
    position: relative;
    min-height: 48px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu_table .menu_content .menu_list2 .menu_day span {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 21px;
    background: #e8edf5;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
}

.day_none {
    font-size: 15px;
    height: auto;
    text-align: center;
    margin: 82px auto;
}

.day_none strong {
    color: #15bf57;
}

.menu_table .menu_content .menu_list2 li a {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #000;
}

.menu_table .menu_content .menu_list2 .menu_select {
    background: #e9fff2;
}

.menu_table .menu_content li {
    position: relative
}

.menu_table .menu_content li:hover a {
    color: #15bf57;
}

.menu_table .menu_content li:hover a:after {
    position: absolute;
    content: '통합검색';
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    top: 0;
    margin-left: 8px;
    padding: 0 4px;
    font-size: 11px;
    width: 50px;
    text-align: center;
}

.menu_btn {
    display: flex;
    position: absolute;
    right: 5px;
    bottom: 12px;
}

.view_content {
    display: none;
}

.btn_pic:hover .view_content,
.btn_modify:hover .view_content,
.btn_copy:hover .view_content,
.btn_star:hover .view_content,
.btn_nutri:hover .view_content,
.btn_alle:hover .view_content,
.pop_hover:hover .view_content,
.star2:hover .view_content {
    position: absolute;
    top: -36px;
    left: -19px;
    width: 68px;
    display: block;
    color: #fff;
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
}

.pop_share img {
    filter: invert(1);
    width: 24px;
    opacity: 0.6;
    position: relative;
    margin-top: 2px;
    margin-left: 9px;
}

.pop_share:hover .view_content {
    position: absolute;
    top: 55px;
    right: 10px;
    width: 150px;
    display: block;
    color: #fff;
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
}

.btn_view {
    position: relative;
}

.btn_view:hover .view_content {
    position: absolute;
    top: 40px;
    right: 0;
    width: 220px;
    display: block;
    color: #fff;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
}

.pop_hover:hover .view_content {
    right: -30px;
    width: 87px;
    top: -29px;
}

.star2:hover .view_content {
    right: -16px;
    width: 60px;
    top: -29px;
}

.btn_replay:hover .view_content {
    position: absolute;
    top: 36px;
    right: 0px;
    width: 220px;
    display: block;
    color: #fff;
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
}

.btn_pic,
.btn_modify,
.btn_copy,
.btn_star,
.btn_nutri {
    margin-left: 5px;
    background-color: #eff2f8;
    padding: 8px;
    width: 28px;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
}

.btn_alle {
    margin-left: 5px;
    background-color: #eff2f8;
    padding: 5px;
    width: 28px;
    border-radius: 50px;
    cursor: pointer;
    position: relative;
}

.btn_pic img {
    opacity: 0.2;
}

.btn_copy:hover,
.btn_pic:hover,
.btn_modify:hover,
.btn_nutri:hover {
    background: #15bf57;
}

.btn_alle.active,
.btn_alle:hover {
    background: #ef2c2c;
}

.btn_copy:hover img,
.btn_pic:hover img,
.btn_modify:hover img,
.btn_nutri:hover img {
    filter: invert(1);
    opacity: 1;
}

.btn_alle:hover img,
.btn_alle.active img {
    filter: invert(1);
    opacity: 1;
}

.btn_replay {
    position: relative;
    float: right;
    margin-top: -3px;
}

.btn_star {
    padding: 6px;
}

.pic_op img {
    opacity: 1;
}

.btn_modify.active {
    background: #15bf57;
}

.btn_modify.active img {
    filter: invert(1);
    opacity: 1;
}

.menu_search {
    float: right;
}

/* 복사할 경우 */
#toast {
    position: fixed;
    min-width: 150px;
    bottom: 40px;
    right: 130px;
    text-align: center;
    z-index: 99;
}

#toast .toastWrap {
    margin: 6px 0 0;
    padding: 18px 0 15px;
    display: none;
}

.toast {
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0 2px 3px #999;
    padding: 17px 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 13px;
    white-space: pre;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timerWrap {
    position: absolute;
    bottom: 4px;
    left: 4px;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#toast2 {
    position: fixed;
    min-width: 150px;
    top: 48%;
    left: 47%;
    text-align: center;
    z-index: 999;
}

#toast2 .toastWrap2 {
    margin: 6px 0 0;
    padding: 18px 0 15px;
    display: none;
}

.toast2 {
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0 2px 3px #999;
    padding: 18px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    white-space: pre;
    text-align: center;
    position: relative;
}

.timerWrap2 {
    position: absolute;
    bottom: 4px;
    left: 4px;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/* 메뉴 지도 검색 */
.map_content:after {
    display: block;
    content: '';
    clear: both;
}

.map_content .ai_tit {
    position: absolute;
    padding: 20px;
}

.map_content .map_img {
    position: relative;
    background: url(//img.menu365.co.kr/map.svg) no-repeat;
    height: 650px;
    background-position: -90px;
    width: 500px;
    background-size: 650px;
    float: left;
    margin-top: 75px;
}

.map_content .map_img div {
    position: absolute;
    font-size: 14px;
}

.map_content .map_img .map_city_se {
    top: 130px;
    left: 120px;
    padding: 10px;
}

.map_content .map_img .map_city_bu {
    left: 340px;
    bottom: 180px;
    padding: 10px;
}

.map_content .map_img .map_city_dg {
    top: 355px;
    left: 280px;
    padding: 10px;
}

.map_content .map_img .map_city_in {
    top: 150px;
    left: 70px;
    padding: 10px;
}

.map_content .map_img .map_city_gw {
    bottom: 170px;
    left: 100px;
    padding: 10px;
}

.map_content .map_img .map_city_da {
    top: 298px;
    left: 160px;
    padding: 10px;
}

.map_content .map_img .map_city_ul {
    top: 390px;
    left: 350px;
    padding: 10px;
}

.map_content .map_img .map_city_sj {
    top: 265px;
    left: 130px;
    padding: 10px;
}

.map_content .map_img .map_city_gg {
    top: 180px;
    left: 150px;
    padding: 10px;
}

.map_content .map_img .map_city_cb {
    top: 220px;
    left: 205px;
    padding: 10px;
}

.map_content .map_img .map_city_cn {
    top: 245px;
    left: 80px;
    padding: 10px;
}

.map_content .map_img .map_city_jb {
    top: 370px;
    left: 140px;
    padding: 10px;
}

.map_content .map_img .map_city_jn {
    top: 485px;
    left: 110px;
    padding: 10px;
}

.map_content .map_img .map_city_gb {
    top: 290px;
    left: 300px;
    padding: 10px;
}

.map_content .map_img .map_city_gn {
    bottom: 190px;
    left: 240px;
    padding: 10px;
}

.map_content .map_img .map_city_je {
    bottom: 18px;
    left: 95px;
    padding: 10px;
}

.map_content .map_img .map_city_gd {
    top: 140px;
    left: 270px;
    padding: 10px;
}

.map_img ul {
    display: flex;
    padding: 0 15px;
}

.map_img ul:before {
    border: 1px solid #ddd;
    background: #fff;
    width: 526px;
    height: 300px;
    top: 48px;
    left: -1px;
    padding: 0 20px 10px 20px;
    border-radius: 0 0 5px 5px;
    z-index: 1;
    display: block;
    content: '';
    position: absolute;
}

.map_img ul li {
    line-height: 28px;
    padding: 10px 15px;
    cursor: pointer;
}

.map_img ul li span {
    width: 98px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
}

.map_img ul li span.map_name {
    width: 60px;
}

.map_content .map_img span.map_txt {
    display: block;
    position: initial;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    width: 100%;
    text-align: left;
}

.map_content .map_img span.map_txt > span {
    color: #888;
    font-weight: 300;
    display: inline;
    font-size: 15px;
}

.map_content .map_img span.map_txt > span > strong {
    padding: 0 11px;
    font-weight: 300;
    color: #ccc;
    font-size: 19px;
}

.map_img .map_city_se .map_school_se,
.map_img .map_city_se .map_school_se ul > li > .map_1_list,
.map_img .map_city_se .map_school_se ul > li > .map_2_list,
.map_img .map_city_se .map_school_se ul > li > .map_3_list,
.map_img .map_city_bu .map_school_bu,
.map_img .map_city_bu .map_school_bu ul > li > .map_1_list,
.map_img .map_city_bu .map_school_bu ul > li > .map_2_list,
.map_img .map_city_bu .map_school_bu ul > li > .map_3_list,
.map_img .map_city_dg .map_school_dg,
.map_img .map_city_dg .map_school_dg ul > li > .map_1_list,
.map_img .map_city_dg .map_school_dg ul > li > .map_2_list,
.map_img .map_city_dg .map_school_dg ul > li > .map_3_list,
.map_img .map_city_in .map_school_in,
.map_img .map_city_in .map_school_in ul > li > .map_1_list,
.map_img .map_city_in .map_school_in ul > li > .map_2_list,
.map_img .map_city_in .map_school_in ul > li > .map_3_list,
.map_img .map_city_gw .map_school_gw,
.map_img .map_city_gw .map_school_gw ul > li > .map_1_list,
.map_img .map_city_gw .map_school_gw ul > li > .map_2_list,
.map_img .map_city_gw .map_school_gw ul > li > .map_3_list,
.map_img .map_city_da .map_school_da,
.map_img .map_city_da .map_school_da ul > li > .map_1_list,
.map_img .map_city_da .map_school_da ul > li > .map_2_list,
.map_img .map_city_da .map_school_da ul > li > .map_3_list,
.map_img .map_city_ul .map_school_ul,
.map_img .map_city_ul .map_school_ul ul > li > .map_1_list,
.map_img .map_city_ul .map_school_ul ul > li > .map_2_list,
.map_img .map_city_ul .map_school_ul ul > li > .map_3_list,
.map_img .map_city_sj .map_school_sj,
.map_img .map_city_sj .map_school_sj ul > li > .map_1_list,
.map_img .map_city_sj .map_school_sj ul > li > .map_2_list,
.map_img .map_city_sj .map_school_sj ul > li > .map_3_list,
.map_img .map_city_gg .map_school_gg,
.map_img .map_city_gg .map_school_gg ul > li > .map_1_list,
.map_img .map_city_gg .map_school_gg ul > li > .map_2_list,
.map_img .map_city_gg .map_school_gg ul > li > .map_3_list,
.map_img .map_city_cb .map_school_cb,
.map_img .map_city_cb .map_school_cb ul > li > .map_1_list,
.map_img .map_city_cb .map_school_cb ul > li > .map_2_list,
.map_img .map_city_cb .map_school_cb ul > li > .map_3_list,
.map_img .map_city_cn .map_school_cn,
.map_img .map_city_cn .map_school_cn ul > li > .map_1_list,
.map_img .map_city_cn .map_school_cn ul > li > .map_2_list,
.map_img .map_city_cn .map_school_cn ul > li > .map_3_list,
.map_img .map_city_jb .map_school_jb,
.map_img .map_city_jb .map_school_jb ul > li > .map_1_list,
.map_img .map_city_jb .map_school_jb ul > li > .map_2_list,
.map_img .map_city_jb .map_school_jb ul > li > .map_3_list,
.map_img .map_city_jn .map_school_jn,
.map_img .map_city_jn .map_school_jn ul > li > .map_1_list,
.map_img .map_city_jn .map_school_jn ul > li > .map_2_list,
.map_img .map_city_jn .map_school_jn ul > li > .map_3_list,
.map_img .map_city_gb .map_school_gb,
.map_img .map_city_gb .map_school_gb ul > li > .map_1_list,
.map_img .map_city_gb .map_school_gb ul > li > .map_2_list,
.map_img .map_city_gb .map_school_gb ul > li > .map_3_list,
.map_img .map_city_gn .map_school_gn,
.map_img .map_city_gn .map_school_gn ul > li > .map_1_list,
.map_img .map_city_gn .map_school_gn ul > li > .map_2_list,
.map_img .map_city_gn .map_school_gn ul > li > .map_3_list,
.map_img .map_city_je .map_school_je,
.map_img .map_city_je .map_school_je ul > li > .map_1_list,
.map_img .map_city_je .map_school_je ul > li > .map_2_list,
.map_img .map_city_je .map_school_je ul > li > .map_3_list,
.map_img .map_city_gd .map_school_gd,
.map_img .map_city_gd .map_school_gd ul > li > .map_1_list,
.map_img .map_city_gd .map_school_gd ul > li > .map_2_list,
.map_img .map_city_gd .map_school_gd ul > li > .map_3_list {
    display: none;
}

.map_img .map_name:hover {
    color: #15bf57;
}

.map_img .map_school_1:hover .map_name:before,
.map_img .map_school_2:hover .map_name:before,
.map_img .map_school_3:hover .map_name:before {
    background: #15bf57;
    width: 60px;
    height: 2px;
    content: '';
    display: block;
    position: absolute;
    top: 47px;
    z-index: 9;
}

.map_img .map_school_1:hover .map_name {
    color: #15bf57;
}

.map_img .map_school_2:hover .map_name {
    color: #15bf57;
}

.map_img .map_school_3:hover .map_name {
    color: #15bf57;
}

.map_img .map_school_1:hover .map_name:before {
    left: 29px;
}

.map_img .map_school_2:hover .map_name:before {
    left: 120px;
}

.map_img .map_school_3:hover .map_name:before {
    left: 210px;
}

.map_img .map_city_in .map_school_1,
.map_img .map_city_in .map_school_2,
.map_img .map_city_in .map_school_3 {
    position: relative;
}

.map_img .map_city_se:hover .map_school_se,
.map_img .map_city_se:hover .map_school_se .map_school_1:hover > .map_1_list,
.map_img .map_city_se:hover .map_school_se .map_school_2:hover > .map_2_list,
.map_img .map_city_se:hover .map_school_se .map_school_3:hover > .map_3_list,
.map_img .map_city_bu:hover .map_school_bu,
.map_img .map_city_bu:hover .map_school_bu .map_school_1:hover > .map_1_list,
.map_img .map_city_bu:hover .map_school_bu .map_school_2:hover > .map_2_list,
.map_img .map_city_bu:hover .map_school_bu .map_school_3:hover > .map_3_list,
.map_img .map_city_dg:hover .map_school_dg,
.map_img .map_city_dg:hover .map_school_dg .map_school_1:hover > .map_1_list,
.map_img .map_city_dg:hover .map_school_dg .map_school_2:hover > .map_2_list,
.map_img .map_city_dg:hover .map_school_dg .map_school_3:hover > .map_3_list,
.map_img .map_city_in:hover .map_school_in,
.map_img .map_city_in:hover .map_school_in .map_school_1:hover > .map_1_list,
.map_img .map_city_in:hover .map_school_in .map_school_2:hover > .map_2_list,
.map_img .map_city_in:hover .map_school_in .map_school_3:hover > .map_3_list,
.map_img .map_city_gw:hover .map_school_gw,
.map_img .map_city_gw:hover .map_school_gw .map_school_1:hover > .map_1_list,
.map_img .map_city_gw:hover .map_school_gw .map_school_2:hover > .map_2_list,
.map_img .map_city_gw:hover .map_school_gw .map_school_3:hover > .map_3_list,
.map_img .map_city_da:hover .map_school_da,
.map_img .map_city_da:hover .map_school_da .map_school_1:hover > .map_1_list,
.map_img .map_city_da:hover .map_school_da .map_school_2:hover > .map_2_list,
.map_img .map_city_da:hover .map_school_da .map_school_3:hover > .map_3_list,
.map_img .map_city_ul:hover .map_school_ul,
.map_img .map_city_ul:hover .map_school_ul .map_school_1:hover > .map_1_list,
.map_img .map_city_ul:hover .map_school_ul .map_school_2:hover > .map_2_list,
.map_img .map_city_ul:hover .map_school_ul .map_school_3:hover > .map_3_list,
.map_img .map_city_sj:hover .map_school_sj,
.map_img .map_city_sj:hover .map_school_sj .map_school_1:hover > .map_1_list,
.map_img .map_city_sj:hover .map_school_sj .map_school_2:hover > .map_2_list,
.map_img .map_city_sj:hover .map_school_sj .map_school_3:hover > .map_3_list,
.map_img .map_city_gg:hover .map_school_gg,
.map_img .map_city_gg:hover .map_school_gg .map_school_1:hover > .map_1_list,
.map_img .map_city_gg:hover .map_school_gg .map_school_2:hover > .map_2_list,
.map_img .map_city_gg:hover .map_school_gg .map_school_3:hover > .map_3_list,
.map_img .map_city_cb:hover .map_school_cb,
.map_img .map_city_cb:hover .map_school_cb .map_school_1:hover > .map_1_list,
.map_img .map_city_cb:hover .map_school_cb .map_school_2:hover > .map_2_list,
.map_img .map_city_cb:hover .map_school_cb .map_school_3:hover > .map_3_list,
.map_img .map_city_cn:hover .map_school_cn,
.map_img .map_city_cn:hover .map_school_cn .map_school_1:hover > .map_1_list,
.map_img .map_city_cn:hover .map_school_cn .map_school_2:hover > .map_2_list,
.map_img .map_city_cn:hover .map_school_cn .map_school_3:hover > .map_3_list,
.map_img .map_city_jb:hover .map_school_jb,
.map_img .map_city_jb:hover .map_school_jb .map_school_1:hover > .map_1_list,
.map_img .map_city_jb:hover .map_school_jb .map_school_2:hover > .map_2_list,
.map_img .map_city_jb:hover .map_school_jb .map_school_3:hover > .map_3_lis,
.map_img .map_city_jn:hover .map_school_jn,
.map_img .map_city_jn:hover .map_school_jn .map_school_1:hover > .map_1_list,
.map_img .map_city_jn:hover .map_school_jn .map_school_2:hover > .map_2_list,
.map_img .map_city_jn:hover .map_school_jn .map_school_3:hover > .map_3_list,
.map_img .map_city_gb:hover .map_school_gb,
.map_img .map_city_gb:hover .map_school_gb .map_school_1:hover > .map_1_list,
.map_img .map_city_gb:hover .map_school_gb .map_school_2:hover > .map_2_list,
.map_img .map_city_gb:hover .map_school_gb .map_school_3:hover > .map_3_list,
.map_img .map_city_gn:hover .map_school_gn,
.map_img .map_city_gn:hover .map_school_gn .map_school_1:hover > .map_1_list,
.map_img .map_city_gn:hover .map_school_gn .map_school_2:hover > .map_2_list,
.map_img .map_city_gn:hover .map_school_gn .map_school_3:hover > .map_3_list,
.map_img .map_city_je:hover .map_school_je,
.map_img .map_city_je:hover .map_school_je .map_school_1:hover > .map_1_list,
.map_img .map_city_je:hover .map_school_je .map_school_2:hover > .map_2_list,
.map_img .map_city_je:hover .map_school_je .map_school_3:hover > .map_3_list,
.map_img .map_city_gd:hover .map_school_gd,
.map_img .map_city_gd:hover .map_school_gd .map_school_1:hover > .map_1_list,
.map_img .map_city_gd:hover .map_school_gd .map_school_2:hover > .map_2_list,
.map_img .map_city_gd:hover .map_school_gd .map_school_3:hover > .map_3_list {
    display: block;
}

.map_img .map_city_se .map_school_se,
.map_img .map_city_bu .map_school_bu,
.map_img .map_city_dg .map_school_dg,
.map_img .map_city_in .map_school_in,
.map_img .map_city_gw .map_school_gw,
.map_img .map_city_da .map_school_da,
.map_img .map_city_ul .map_school_ul,
.map_img .map_city_sj .map_school_sj,
.map_img .map_city_je .map_school_je,
.map_img .map_city_gd .map_school_gd,
.map_img .map_city_gg .map_school_gg,
.map_img .map_city_cb .map_school_cb,
.map_img .map_city_cn .map_school_cn,
.map_img .map_city_jb .map_school_jb,
.map_img .map_city_jn .map_school_jn,
.map_img .map_city_gb .map_school_gb,
.map_img .map_city_gn .map_school_gn {
    background: #fff;
    width: 568px;
    top: 33px;
    left: 0;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    z-index: 1;
}

.map_img .map_city_se .map_school_se .map_1_list,
.map_img .map_city_se .map_school_se .map_2_list,
.map_img .map_city_se .map_school_se .map_3_list,
.map_img .map_city_bu .map_school_bu .map_1_list,
.map_img .map_city_bu .map_school_bu .map_2_list,
.map_img .map_city_bu .map_school_bu .map_3_list,
.map_img .map_city_dg .map_school_dg .map_1_list,
.map_img .map_city_dg .map_school_dg .map_2_list,
.map_img .map_city_dg .map_school_dg .map_3_list,
.map_img .map_city_in .map_school_in .map_1_list,
.map_img .map_city_in .map_school_in .map_2_list,
.map_img .map_city_in .map_school_in .map_3_list,
.map_img .map_city_gw .map_school_gw .map_1_list,
.map_img .map_city_gw .map_school_gw .map_2_list,
.map_img .map_city_gw .map_school_gw .map_3_list,
.map_img .map_city_da .map_school_da .map_1_list,
.map_img .map_city_da .map_school_da .map_2_list,
.map_img .map_city_da .map_school_da .map_3_list,
.map_img .map_city_ul .map_school_ul .map_1_list,
.map_img .map_city_ul .map_school_ul .map_2_list,
.map_img .map_city_ul .map_school_ul .map_3_list,
.map_img .map_city_sj .map_school_sj .map_1_list,
.map_img .map_city_sj .map_school_sj .map_2_list,
.map_img .map_city_sj .map_school_sj .map_3_list,
.map_img .map_city_gg .map_school_gg .map_1_list,
.map_img .map_city_gg .map_school_gg .map_2_list,
.map_img .map_city_gg .map_school_gg .map_3_list,
.map_img .map_city_cb .map_school_cb .map_1_list,
.map_img .map_city_cb .map_school_cb .map_2_list,
.map_img .map_city_cb .map_school_cb .map_3_list,
.map_img .map_city_cn .map_school_cn .map_1_list,
.map_img .map_city_cn .map_school_cn .map_2_list,
.map_img .map_city_cn .map_school_cn .map_3_list,
.map_img .map_city_jb .map_school_jb .map_1_list,
.map_img .map_city_jb .map_school_jb .map_2_list,
.map_img .map_city_jb .map_school_jb .map_3_list,
.map_img .map_city_jn .map_school_jn .map_1_list,
.map_img .map_city_jn .map_school_jn .map_2_list,
.map_img .map_city_jn .map_school_jn .map_3_list,
.map_img .map_city_gb .map_school_gb .map_1_list,
.map_img .map_city_gb .map_school_gb .map_2_list,
.map_img .map_city_gb .map_school_gb .map_3_list,
.map_img .map_city_gn .map_school_gn .map_1_list,
.map_img .map_city_gn .map_school_gn .map_2_list,
.map_img .map_city_gn .map_school_gn .map_3_list,
.map_img .map_city_je .map_school_je .map_1_list,
.map_img .map_city_je .map_school_je .map_2_list,
.map_img .map_city_je .map_school_je .map_3_list,
.map_img .map_city_gd .map_school_gd .map_1_list,
.map_img .map_city_gd .map_school_gd .map_2_list,
.map_img .map_city_gd .map_school_gd .map_3_list {
    width: 568px;
    height: 300px;
    top: 48px;
    left: -1px;
    padding: 0 20px 10px 20px;
    border-radius: 0 0 5px 5px;
    z-index: 1;
    overflow-y: auto;
}

.map_img .map_city_se .map_school_se ul > li > span,
.map_img .map_city_bu .map_school_bu ul > li > span,
.map_img .map_city_dg .map_school_dg ul > li > span,
.map_img .map_city_in .map_school_dg ul > li > span,
.map_img .map_city_gw .map_school_gw ul > li > span,
.map_img .map_city_da .map_school_da ul > li > span,
.map_img .map_city_ul .map_school_ul ul > li > span,
.map_img .map_city_sj .map_school_sj ul > li > span,
.map_img .map_city_gg .map_school_gg ul > li > span,
.map_img .map_city_cb .map_school_cb ul > li > span,
.map_img .map_city_cn .map_school_cn ul > li > span,
.map_img .map_city_jb .map_school_jb ul > li > span,
.map_img .map_city_jn .map_school_jn ul > li > span,
.map_img .map_city_gb .map_school_gb ul > li > span,
.map_img .map_city_gn .map_school_gn ul > li > span,
.map_img .map_city_je .map_school_je ul > li > span,
.map_img .map_city_gd .map_school_gd ul > li > span {
    display: block;
}

.map_img .map_city_se:hover,
.map_img .map_city_bu:hover,
.map_img .map_city_dg:hover,
.map_img .map_city_in:hover,
.map_img .map_city_gw:hover,
.map_img .map_city_da:hover,
.map_img .map_city_ul:hover,
.map_img .map_city_sj:hover,
.map_img .map_city_gg:hover,
.map_img .map_city_cb:hover,
.map_img .map_city_cn:hover,
.map_img .map_city_jb:hover,
.map_img .map_city_jn:hover,
.map_img .map_city_gb:hover,
.map_img .map_city_gn:hover,
.map_img .map_city_je:hover,
.map_img .map_city_gd:hover {
    color: #15bf57;
}

.map_img .map_city_se:hover .map_school_se,
.map_img .map_city_bu:hover .map_school_bu,
.map_img .map_city_dg:hover .map_school_dg,
.map_img .map_city_in:hover .map_school_in,
.map_img .map_city_gw:hover .map_school_gw,
.map_img .map_city_da:hover .map_school_da,
.map_img .map_city_ul:hover .map_school_ul,
.map_img .map_city_sj:hover .map_school_sj,
.map_img .map_city_gg:hover .map_school_gg,
.map_img .map_city_cb:hover .map_school_cb,
.map_img .map_city_cn:hover .map_school_cn,
.map_img .map_city_jb:hover .map_school_jb,
.map_img .map_city_jn:hover .map_school_jn,
.map_img .map_city_gb:hover .map_school_gb,
.map_img .map_city_gn:hover .map_school_gn,
.map_img .map_city_je:hover .map_school_je,
.map_img .map_city_gd:hover .map_school_gd {
    color: #000;
}

.map_content .map_table {
    width: 620px;
    float: left;
    padding-top: 20px;
}

.map_content .map_table .menu_empty {
    padding: 200px 0;
}

.map_content .map_table .d_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.map_content .map_table .map_txt {
    display: flex;
    font-size: 16px;
    line-height: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 77%;
}

.map_content .map_table .map_txt strong {
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    text-align: center;
}

.map_content .map_table .map_txt .map_arrow {
    padding-left: 7px;
    display: inline-block;
}

.map_content .map_table .map_txt .map_arrow a {
    position: relative;
}

.map_content .map_table .map_txt .map_arrow a:hover {
    color: #333;
}

.map_content .map_table .map_txt .map_arrow a img {
    width: 20px;
    display: inline-block;
    vertical-align: top;
}

.map_content .map_table .map_txt .map_arrow a span {
    display: none;
}

.map_content .map_table .map_txt .map_arrow a:nth-child(2) img {
    transform: rotate(180deg);
}

.map_content .map_table .map_txt .map_arrow a:nth-child(1):hover span {
    position: absolute;
    top: -32px;
    right: 0px;
    width: 65px;
    display: block;
    color: #fff;
    z-index: 99;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
}

.map_content .map_table .map_txt .map_arrow a:nth-child(2):hover span {
    position: absolute;
    top: -32px;
    left: 0px;
    width: 65px;
    display: block;
    color: #fff;
    z-index: 99;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
}

.map_content .map_table table {
    width: 100%;
    border-collapse: collapse;
    letter-spacing: normal;
    table-layout: fixed;
}

.map_content .map_table table, th, td {
}

.map_content .map_table th {
    font-size: 14px;
    background: #eff2f8;
    text-align: center;
    padding: 8px 16px;
    border: 1px solid #e4e8eb;
    width: 20%;
}

.map_content .map_table td {
    padding: 3px 7px;
    border: 1px solid #e4e8eb;
    font-size: 12px;
    text-align: center;
    color: #000;
    vertical-align: top;
    height: 80px;
    min-height: 80px;
}

.map_content .map_table tr p {
    margin: 3px 0;
}

.map_content .map_table th:first-child {
    border-left: 0;
}

.map_content .map_table th:last-child {
    border-right: 0;
}

.map_content .map_table td:first-child {
    border-left: 0;
}

.map_content .map_table td:last-child {
    border-right: 0;
}

.map_content .map_table .mtable_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 18px;
    height: 150px;
}

.map_content .map_table .mtable_text strong {
    line-height: 22px;
}

#date_selector {
    display: inline-flex;
    align-items: center;
    width: 150px;
    justify-content: space-between;
    margin-left: 39px;
}

#date_selector #prev_month {
    transform: rotate(270deg);
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 6px;
    width: 28px;
    cursor: pointer;
}

#date_selector #next_month {
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 6px;
    width: 28px;
    cursor: pointer;
    transform: rotate(-270deg);
}

#date_selector #prev_month:hover,
#date_selector #next_month:hover {
    border: 1px solid #000;
    background: #f9f9f9;
}

.school_search {
    width: 98%;
    background: #f9f9f9;
    padding: 15px 8%;
    margin: 0 auto;
    border-radius: 5px;
}

.school_search li {
    margin-bottom: 0;
}

.school_search li > .selectbox {
    max-width: 190px;
}

.company_search {
    width: 96.5%;
    background: #f9f9f9;
    padding: 15px 8%;
    margin: 0 auto;
    border-radius: 5px;
}

.company_search li {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.company_search li > .selectbox {
    max-width: 190px;
}

.company_search .d_search li > .textbox2 {
    margin-left: 15px;
}

.pop_school {
    width: 95%;
    margin: 10px auto 0;
    height: 349px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.pop_school th {
    width: 70%;
    font-size: 14px;
    background: #eff2f8;
    text-align: center;
    padding: 8px 16px;
}

.pop_school th:first-child {
    width: 30%;
}

.pop_school tr:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.pop_school td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    border: 1px solid #e4e8eb;
    padding: 5px 8px;
}

.pop_school table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #000;
    letter-spacing: normal;
    table-layout: fixed;
}

.pop_company {
    width: 95%;
    margin: 10px auto 0;
    height: 349px;
    overflow-x: hidden;
}

.pop_company .join_sort {
    justify-content: flex-end;
}

.pop_company .join_sort ul li {
    padding-right: 15px;
}

.no_data {
    height: 100px;
}

/* 학교팝업 */
.m_head {
    padding: 5px 16px;
    box-sizing: border-box;
    height: 52px;
}

.m_head .m_title {
    padding: 6px 0;
    float: left;
    font-weight: 500;
    font-size: 18px;
}

/* 랭킹순위 */
.ranking_table {
    width: 25%;
    padding: 4px;
    display: table-cell;
    height: 445px;
}

.ranking_table .main_tit {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ranking_table:first-child .ranking_name .ranking_school {
    width: 100%;
    padding-bottom: 12px;
}

.ranking_table table {
    width: 100%;
    border-collapse: collapse;
    letter-spacing: normal;
    table-layout: fixed;
    border-bottom: 1px solid #f1f1f1;
    border-top: 2px solid #7c7c7c;
}

.ranking_table th {
    font-size: 13px;
    background: #eff2f8;
    text-align: center;
    padding: 8px 2px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 500;
}

.ranking_table th:last-child,
.ranking_table td:last-child {
    border-right: 0;
}

.ranking_table td {
    font-size: 14px;
    padding: 5px 3px;
    border-right: 1px solid #f1f1f1;
}

.ranking_table th.rank_num {
    width: 13%;
    text-align: center;
}

.ranking_table th.rank_name {
    width: 43%;
}

.ranking_table th.rank_food {
    width: 23%;
    text-align: center;
}

.ranking_table th.rank_mon {
    width: 21%;
    text-align: center;
}

.ranking_table td.rank_num {
    text-align: center;
}

.ranking_table td.rank_name {
    padding-left: 9px;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ranking_table td.rank_food {
    text-align: center;
}

.ranking_table td.rank_mon {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ranking_table td.rank_mon img {
    width: 10px;
    margin-right: 3px;
    margin-top: 1px;
}

.ranking_table_cont {
    overflow: hidden;
    position: relative;
    display: flex;
}

.ranking_table_cont ul {
    display: flex;
}

.ranking_table_cont ul li {
    width: 283px;
}

.ranking_table_cont .tab_h {
    position: relative;
    padding-bottom: 40px;
}


.main_tright .swiper-button-next2,
.main_tright .swiper-button-prev2,
.ranking_table_cont .tab_h .swiper-button-next2,
.ranking_table_cont .tab_h .swiper-button-prev2,
.ranking_table_cont .tab_h .swiper-button-next3,
.ranking_table_cont .tab_h .swiper-button-prev3,
.ranking_table_cont .tab_h .swiper-button-next4,
.ranking_table_cont .tab_h .swiper-button-prev4,
.ranking_width .swiper-button-next2,
.ranking_width .swiper-button-prev2 {
    position: absolute;
    color: #000;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    background: #fff;
    width: 24px;
    height: 24px;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}

.main_tright .swiper-button-next2:hover,
.main_tright .swiper-button-prev2:hover,
.ranking_table_cont .tab_h .swiper-button-next2:hover,
.ranking_table_cont .tab_h .swiper-button-prev2:hover,
.ranking_table_cont .tab_h .swiper-button-next3:hover,
.ranking_table_cont .tab_h .swiper-button-prev3:hover,
.ranking_table_cont .tab_h .swiper-button-next4:hover,
.ranking_table_cont .tab_h .swiper-button-prev4:hover,
.ranking_width .swiper-button-next2:hover,
.ranking_width .swiper-button-prev2:hover {
    background: #f1f1f1;
}

.main_tright .swiper-button-prev2:after,
.main_tright .swiper-button-next2:after,
.ranking_table_cont .tab_h .swiper-button-prev2:after,
.ranking_table_cont .tab_h .swiper-button-next2:after,
.ranking_table_cont .tab_h .swiper-button-prev3:after,
.ranking_table_cont .tab_h .swiper-button-next3:after,
.ranking_table_cont .tab_h .swiper-button-prev4:after,
.ranking_table_cont .tab_h .swiper-button-next4:after,
.ranking_width .swiper-button-next2:after,
.ranking_width .swiper-button-prev2:after {
    font-size: 12px;
    font-weight: 700;
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.main_tright .swiper-button-next2:after,
.ranking_table_cont .tab_h .swiper-button-next2:after,
.ranking_table_cont .tab_h .swiper-button-next3:after,
.ranking_table_cont .tab_h .swiper-button-next4:after,
.ranking_width .swiper-button-next2:after {
    content: 'next';
    font-size: 10px;
}

.main_tright .swiper-button-prev2:after,
.ranking_table_cont .tab_h .swiper-button-prev2:after,
.ranking_table_cont .tab_h .swiper-button-prev3:after,
.ranking_table_cont .tab_h .swiper-button-prev4:after,
.ranking_width .swiper-button-prev2:after {
    content: 'prev';
    font-size: 10px;
}

.main_tright .swiper-button-next2 {
    right: 0;
    top: 0;
}

.main_tright .swiper-button-prev2 {
    right: 0;
    top: 0;
    left: -47px !important;
}

.ranking_table_cont .swiper-button-next2,
.ranking_table_cont .swiper-button-next3,
.ranking_table_cont .swiper-button-next4 {
    left: 23px;
    bottom: 0;
}

.main_tright .swiper-button-prev2,
.ranking_table_cont .swiper-button-prev2,
.ranking_table_cont .swiper-button-prev3,
.ranking_table_cont .swiper-button-prev4 {
    left: 0;
    bottom: 0;
}

.ranking_width .swiper-button-next2 {
    right: 20px;
    bottom: 20px;
}

.ranking_width .swiper-button-prev2 {
    right: 43px;
    bottom: 20px;
}

.ranking_table_cont .swiper-slide ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 14px;
    line-height: 2;
    padding-left: 20px;
}

.ranking_table_cont .swiper-slide ul li span {
    color: #15bf57;
    font-size: 15px;
    text-align: center;
    width: 25px;
    display: block;
    position: absolute;
    left: -6px;
}

.ranking_more {
    position: absolute;
    right: 15px;
    bottom: 18px;
}

.ranking_more:after {
    content: 'next';
    font-size: 12px;
    font-weight: 700;
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding-left: 6px;
}

.ranking_more2 {
    position: absolute;
    right: 15px;
    bottom: -18px;
    font-size: 12px;
}

.ranking_more2:after {
    content: 'next';
    font-size: 12px;
    font-weight: 700;
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding-left: 6px;
}

.ranking_more3 {
    position: absolute;
    right: 10px;
    bottom: 14px;
    font-size: 13px;
}

.ranking_more3:after {
    content: 'next';
    font-size: 12px;
    font-weight: 700;
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding-left: 6px;
}

.ranking_name {
    text-align: left;
    font-size: 16px;
}

.ranking_name:after {
    display: block;
    content: '';
    clear: both;
}

.ranking_name .ranking_school {
    text-align: center;
    width: 87%;
    float: left;
}

.ranking_name .ranking_img {
    position: relative;
    padding-bottom: 5px;
}

.ranking_name .ranking_img:after {
    clear: both;
    display: block;
    content: '';
}

.ranking_name .ranking_img a {
    float: right;
}

.ranking_name .ranking_img a > img {
    width: 35px;
    padding: 1px 5px 8px 10px;
    display: inline-block;
    cursor: pointer;
}

.rank_defalt table {
    border-top: 2px solid #afafaf;
}

.rank_defalt {
    color: #d4d4d4;
}

.rank_defalt th {
    background: #f8f8f9;
}

.ranking_tab {
    position: relative;
}

.ranking_tab .list {
    overflow: hidden;
}

.ranking_tab .list li {
    float: left;
}

.ranking_tab .list li.rank_list {
    width: 20%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-right: 0;
}

.ranking_tab .list li.rank_list:last-child {
    border-right: 1px solid #ddd;
}

.ranking_tab .list li.rank_list a.btn {
    padding: 6px 0;
    font-size: 12px;
}

.rank_list .swiper-pagination5 {
    text-align: center;
}

.rank_list .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #000;
    opacity: .15;
    border-radius: 50%;
    margin: 0 2px;
}

.rank_list .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.rank_list .menu_table .menu_content .menu_list2 {
    padding: 15px 25px;
}

.rank_list .menu_table .menu_content {
    min-height: 324px;
}

.ranking_tab .list .btn {
    font-size: 13px;
    display: block;
}

.ranking_tab .list .cont {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
}

.ranking_tab .list li.is_on.rank_list {
    border: 1px solid #15bf57;
    background: #15bf57;
}

.ranking_tab .list li.is_on.rank_list .btn {
    color: #fff;
}

.ranking_tab .list li.is_on .cont {
    display: block;
    overflow: hidden;
}

.ranking_tab .cont .swiper {
    position: relative;
    width: 296px;
    text-align: left;
}

.ranking_tab .menu_table {
    padding: 0;
}

.ranking_tab .menu_table .menu_content {
    border: 0;
    border: 1px solid #ddd;
}

.ranking_tab .menu_table .menu_content,
.ranking_tab .menu_table .menu_content .menu_list2 .menu_day,
.ranking_tab .menu_table .menu_content .menu_list2 li {
    width: 100%;
}

.ranking_tab .menu_table .menu_content .menu_list2 li {
    font-size: 14px;
    margin-top: 5px
}

.hover_p:hover .rank_plus {
    display: block;
    position: absolute;
    z-index: 1;
    top: 31px;
    right: 0;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    padding: 12px 15px;
    box-sizing: border-box;
    border: 1px solid #e4e8eb;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 10%);
    color: #333;
    line-height: 30px;
    font-size: 15px;
}

.hover_p:hover .rank_plus li:hover {
    cursor: pointer;
    background: #f5f5f5;
}

.hover_m {
    position: relative;
}

.hover_m span,
.hover_p .rank_plus {
    display: none;
}

.hover_m:hover span {
    position: absolute;
    top: -26px;
    right: -6px;
    width: 43px;
    display: block;
    color: #fff;
    z-index: 5;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
}

.rank_month {
    float: right;
    padding-top: 7px;
}

.star {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(//img.menu365.co.kr/star.svg) no-repeat;
    font-size: 0;
    z-index: 9;
    cursor: pointer;
}

.star:hover,
.star:focus,
.star:active,
.star.on {
    background: url("//img.menu365.co.kr/star_on.svg") no-repeat;
}

.star span {
    display: none;
}

.star:hover span {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: -28px;
    right: 0px;
    text-align: center;
    font-size: 11px;
}

.star2 {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(//img.menu365.co.kr/bstar.svg) no-repeat;
    font-size: 0;
    cursor: pointer;
    position: relative;
}

.star2:hover,
.star2:focus,
.star2:active,
.star2.on {
    background: url("//img.menu365.co.kr/star_on.svg") no-repeat;
}

.star2 span {
    display: none;
}

.star2:hover span {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: -28px;
    right: 0px;
    text-align: center;
    font-size: 11px;
}

.heart {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(//img.menu365.co.kr/ico_blike.svg) no-repeat;
    font-size: 0;
    z-index: 5;
    cursor: pointer;
}

.heart:hover,
.heart:focus,
.heart:active,
.heart.on {
    background: url("//img.menu365.co.kr/ico_blike_on.svg") no-repeat;
}

.heart2 {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(//img.menu365.co.kr/ico_wheart.svg) no-repeat;
    font-size: 0;
    z-index: 5;
    position: absolute;
    top: 16px;
    right: 47px;
}

.heart2:hover,
.heart2:focus,
.heart2:active,
.heart2.on,
.like:hover,
.like.on {
    background: url("//img.menu365.co.kr/ico_heart_on.svg") no-repeat;
}

.heart span {
    display: none;
}

.heart2:hover span {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: -28px;
    right: 0px;
    text-align: center;
    font-size: 11px;
}

.heart:hover span {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: -28px;
    right: 0px;
    text-align: center;
    font-size: 11px;
}

/* 1분순삭 */
.contents_card {
    width: 25%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    min-height: 340px;
    cursor: pointer;
    position: relative;
}

.contents_recipe .contents_card_box,
.contents_card .contents_card_box {
    position: relative;
    border: 1px solid #e4e8eb;
    min-height: 338px;
    display: block;
}

.contents_recipe .contents_card_box .star,
.contents_card .contents_card_box .star {
    top: 20px;
    right: 20px;
}

.contents_card_box .contents_thumbs {
    width: 100%;
    height: 0;
    padding-top: calc(430 / 600 * 100%);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #eee;
}

.contents_card_box .contents_channel {
    padding: 16px 16px 0 16px;
    font: 15px 'Noto Sans KR';
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-bottom: 8px;
}

.contents_card_box .contents_title {
    padding: 0px 16px 0 16px;
    font-size: 14px;
    word-break: break-all;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    min-height: 42px;
}

.contents_card .star:hover span {
    top: -27px;
    right: -33px;
    width: 105px;
}

.heart2:hover span {
    top: -27px;
    right: -55px;
    width: 150px;
}

.contents_data {
    position: relative;
    padding: 8px 16px 0 16px;
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: 500;
    color: #888;
    word-break: keep-all;
}

.contents_data .reco_recipe {
    position: absolute;
    right: 13px;
    top: 6px;
}

/* 컨텐츠 팝업 */
.content_btn {

}

.layer_pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 100;
}

.layer_pop .black {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
}

.layer_pop .pop_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layer_pop .pop {
    position: relative;
    background: #fff;
    padding: 1.5%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 30%);
    width: 550px;
    height: 555px;
}

.layer_pop .layer_box {
    width: 100%;
    display: flex;
}


/* sns 탈퇴*/
.layer_sns {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 99;
}

.layer_sns .black {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
}

.layer_sns .pop_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layer_sns .pop {
    position: relative;
    background: #fff;
    padding: 1.5%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 30%);
    width: 450px;
    height: 175px;
}

.layer_sns .sns_txt {
    display: flex;
    align-items: center;
}

.layer_box .layer_left {
    font: 15px Malgun Gothic;
    color: #333;
    line-height: 1.6;
}

.layer_box .layer_left a {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: 17.25rem;
    height: 14.25rem;
}

.layer_box .layer_left .layer_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.layer_box .layer_left .layer_img img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: inherit;
    max-height: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.layer_box .layer_right {
    width: 25.1235rem;
    padding-left: 4%;
}

.layer_box .empty_img {
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    display: flex;
    width: 58%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 13px;
    margin-top: 20px;
    justify-content: center;
}

.layer_box .empty_img img {
    width: 16px !important;
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
    cursor: pointer;
}

.layer_box .empty_img strong {
    font-size: 15px;
}

.layer_right .layer_name {
    display: flex;
    align-items: center;
    font: 16px 'Noto Sans KR';
    color: #333;
    font-weight: 500;
    padding-bottom: 5%;
}

.layer_right .layer_name .layer_pro {
    width: 15%;
    border: 1px solid #ddd;
    padding: 1%;
    border-radius: 50%;
    margin-right: 3%;
}

.layer_right .layer_name .layer_pro img {
    border-radius: 50%;
    width: 100%;
}

.layer_right .layer_tit {
    font-weight: 700;
    padding-bottom: 2%;
}

.layer_right .layer_content {
    font-size: 14px;
    word-break: break-all;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.layer_right .layer_day {
    padding-top: 4%;
    color: #999;
    font-size: 13px;
    letter-spacing: normal;
}

/* 댓글 관련 */
.ser_write_wrap {
    width: 100%;
    padding-top: 2%;
}

.ser_write_wrap .ser_title {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    margin-bottom: 2%;
}

.list_box .ser_title {
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: 500;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_box .ser_title ul {
    display: flex;
    align-items: center;
}

.list_box .ser_title ul li {
    width: 50px;
    padding: 3px 0;
    line-height: 20px;
}

.list_box .ser_title ul li.top_delete {
    width: 68px;
}

.list_box .ser_title ul li .btn_white {
    margin-left: 5px;
}

.list_box .ser_title ul li:first-child {
    width: 70px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ser_title span.ser_count {
    color: #15bf57;
    padding-left: 6px;
    letter-spacing: normal;
}

.master_box {
    width: 100%;
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.master_btn {
    display: flex;
}
.master_btn .btn_white {
    font-weight: 300;
}

.master_btn .btn_type {
        font-weight: 300;
    color: #fff;
    display: inline-block;
    padding: 6px 18px;
    font-size: 13px;
    height: 33px;
    width:90px;
}

.ser_write_wrap .ser_write_box {
    position: relative;
    border: 1px solid #b3b3b3;
}

.ser_write_wrap .ser_write_box:after {
    content: "";
    display: block;
    clear: both;
}

.ser_write_wrap .ser_write_box textarea.ser_textarea {
    background-color: #fff;
    font-size: 14px;
    border: 0;
    height: 95px;
    padding: 0 14px;
    margin: 10px 0;
}

.ser_write_wrap .ser_write_box .ser_word_count {
    height: 40px;
    float: left;
    text-align: right;
    width: calc(100% - 80px);
    border-top: 1px solid #e4e8eb;
    color: #bbb;
    font-size: 14px;
    padding: 10px 16px;
}

.ser_write_wrap .ser_write_box .btn_type7 {
    background-color: #eee;
    padding: 10px 18px;
    float: right;
    height: 40px;
    width: 80px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
    color: #666;
}

.ser_write_wrap .ser_write_box .btn_type7 img {
    filter: invert(100%);
    display: inline-block;
    width: 14px;
    margin-top: -4px;
    margin-right: 6px;
}

.ser_write_wrap .ser_write_box .ser_writer {
    color: #333;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 14px 14px 0 14px;
    font-size: 14px;
}

.ser_write_wrap .ser_write_box_re {
    border: 1px solid #b3b3b3;
}

.ser_write_wrap .ser_write_box_re:after {
    content: "";
    display: block;
    clear: both;
}

.ser_write_wrap .ser_write_box_re textarea.ser_textarea {
    background-color: #fff;
    font-size: 14px;
    border: 0;
    height: 18px;
    padding: 0 14px;
    margin: 10px 0;
}

.ser_write_wrap .ser_write_box_re .ser_word_count {
    height: 40px;
    float: left;
    text-align: right;
    width: calc(100% - 80px);
    border-top: 1px solid #e4e8eb;
    color: #bbb;
    font-size: 14px;
    padding: 10px 16px;
}

.ser_write_wrap .ser_write_box_re .btn_type7 {
    background-color: #eee;
    padding: 10px 18px;
    float: right;
    height: 40px;
    width: 80px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
    color: #666;
}

.ser_write_wrap .ser_write_box_re .btn_type7 img {
    filter: invert(100%);
    display: inline-block;
    width: 14px;
    margin-top: -4px;
    margin-right: 6px;
}

.ser_write_wrap .ser_write_box_re .ser_writer {
    color: #333;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 14px 14px 0 14px;
    font-size: 14px;
}

.ser_list_wrap {
}

.ser_list_wrap .ser_list_item {
    padding: 16px 0 0 0;
    border-top: 1px solid #e4e8eb;
    position: relative;
    margin-top: 20px;
}

.ser_list_wrap .ser_list_item .ser_edit {
    position: absolute;
    top: 18px;
    right: 0;
    font-size: 13px;
}

.ser_list_item .ser_writer {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.ser_list_item .ser_contents {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.ser_list_item .ser_date {
    color: #999;
    font-size: 12px;
    display: inline-block;
    padding-left: 1%;
    font-weight: 500;
}

.ser_reply .ser_rtxt {
    font-weight: 700;
    padding: 10px 0;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.ser_reply .ser_rtxt .ser_icon {
    display: flex;
}

.ser_reply .ser_rtxt .ser_icon button {
    background: none;
    border: none;
    width: 32px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    font-size: 12px;
}

.ser_reply .ser_rtxt .ser_icon .bounce_btn {
    color: #15bf57;
}

.ser_reply .ser_rtxt .ser_icon .bounce_btn2 {
    color: #2553e5;
}

.ser_reply .ser_rtxt .ser_icon button img {
    margin-right: 4px;
    margin-top: -2px;
}

.ser_reply .ser_write_wrap {
    position: relative;
    padding-left: 5%;
    border-top: 1px solid #eee;
}

.ser_reply .ser_view_wrap {
    position: relative;
    padding-left: 5%;
    padding-top: 2%;
    border-top: 1px solid #eee;
    margin-top: 2%;
}

.ser_reply .ser_write_wrap:before {
    display: block;
    content: '└';
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 18px;
    font-weight: 700;
}

.ser_reply .ser_view_wrap:before {
    display: block;
    content: '└';
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 18px;
    font-weight: 700;
}

.layer_select {
    padding-top: 3.2%;
    width: 100%;
}

/* body스크롤 금지 */
.no-scroll {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 찬반아이콘 바운스 */
.bounce {
    animation: bounce .3s;
}

.bounce_out {
    animation: bounce2 .3s;
}

@keyframes bounce {
    0% {
        transform: translateY(-20px)
    }
    33% {
        transform: translateY(0px)
    }
    66% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0px)
    }
}

@keyframes bounce2 {
    0% {
        transform: translateY(-20px)
    }
    33% {
        transform: translateY(0px)
    }
    66% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0px)
    }
}

/* 유튜브 슬라이드 */
.youtube_wrap .title_wrap_ser {
    width: 100%;
    max-width: 1152px;
    box-sizing: border-box;
    margin: 0 auto;
}

.youtube_wrap .title_wrap_ser .title_wrap_r select {
    height: 36px;
}

.youtube_wrap .title_wrap_r li:last-child {
    width: calc(100% - 185px);
}

.youtube_wrap .search_count {
    margin: 20px auto 0px !important;
}

article .search_count {
    margin: 25px auto 0px !important;
    justify-content: center;
}

.youtube_silde {
    position: relative;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}

.youtube_silde .swiper-container {
    width: 100%;
    height: 100%;
}

.youtube_silde .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.youtube_silde .swiper-slide .youView_txt {
    display: none;
}

.youtube_silde .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listWrapper ul li {
    display: flex;
    max-height: 150px;
    overflow: hidden;
}

.youtube_silde .swiper-slide {
    position: relative;
    transition: 0.2s;
    width: 25%;
    padding: 0.5%;
}

.youtube_silde .you_pop {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.youtube_silde .you_pop .you_pop_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.youtube_silde .you_pop .you_pop_box .you_preview {
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
    position: relative;
    width: 40vw;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    /*transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);*/
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    border-radius: 0.25rem;
}

/*
@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.youtube_silde .you_pop .you_pop_box .you_preview.active {
    transform: inherit;
    opacity: 1;
}
*/

.youtube_silde .you_pop .you_pop_box .you_preview img {
    width: 100%;
}

.youtube_silde .star:hover span {
    top: 27px;
    right: -10px;
    width: 105px;
}


.youtube_tit {
    width: 1130px;
    margin: 0 auto;
    padding: 10px;
    float: none;
    display: flex;
    align-items: center;
    position: relative;
}

.youtube_tit a {
    display: block;
}

.youtube_tit a span {
    width: 25px;
    padding: 6px;
    color: #333;
    transition: 0.2s;
    vertical-align: bottom;
    margin-left: 10px;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-top: 2px;
    display: block;
}

.youtube_tit a:hover span {
    transform: rotate(-180deg);
}

.youtube_tit .ico_bullet2 {
    margin-top: 0;
}

.youView_txt {
    position: relative;
    padding: 23px 20px;
    text-align: left;
}

.youView_txt p {
    margin: 0;
    padding: 1%;
}

.youView_txt .you_span {
    display: inline-block
}

.youView_txt .id {
    color: #333;
    font-weight: 500;
    padding: 0 0 11px 0;
    font-size: 16px;
    line-height: 1.6;
}

.youView_txt .title {
    font-weight: 700;
    padding: 0;
    font-size: 22px;
    color: #000;
    display: block;
    letter-spacing: -0.7px;
}

.youView_txt .cnt,
.youView_txt .date {
    padding: 0 1% 0.5%;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
}

.youView_txt .empty_img {
    margin-top: -4px;
    width: 28%;
    padding: 4px 10px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    display: flex;
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    justify-content: center;
}

.youView_txt .empty_img img {
    width: 16px !important;
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
}

.youView_txt .empty_img strong {
    font-size: 15px;
}

.youView_txt .youView_ico {
    position: absolute;
    top: 23px;
    right: 20px;
    display: flex;
}

.youView_txt .youView_ico .star2 {
    position: initial;
    margin: 0 5px;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.5);
}

.you_inner {
    width: 100%;
    max-width: 1152px;
    padding: 20px 12px;
    box-sizing: border-box;
    margin: 0 auto;
}

.you_inner:after {
    content: "";
    display: block;
    clear: both;
}

.you_inner .youtube_box:after {
    clear: both;
    display: block;
    content: '';
}

.you_inner .youtube_box ul li a {
    width: 100%;
}

.you_inner .swiper-button-prev {
    left: -35px;
    height: auto;
    top: 42%;
}

.you_inner .swiper-button-next {
    right: -35px;
    height: auto;
    top: 42%;
}

.you_inner .swiper-button-next,
.you_inner .swiper-button-prev {
    color: #888;
    --swiper-navigation-size: 30px;
}

.you_inner .swiper-button-next:hover,
.you_inner .swiper-button-prev:hover {
    background: #fff;
    color: #333;
}

.youtube_box:after {
    display: block;
    content: '';
    clear: both;
}

.youtube_box ul {
    position: relative;
    width: 25%;
    float: left;
    padding: 5px;
}

.youtube_box ul li img {
    width: 100%;
}

.youViewListWrap, .imageWrap {
    width: 100%;
}

.imageWrap {
    cursor: pointer;
}

.youViewListWrap .contents_recipe {
    width: 100%;
    padding: 0;
}

.youViewListWrap .imageWrap iframe {
    width: 100%;
    height: 380px;
}

.youViewListWrap .rank_num {
    position: absolute;
    left: 8px;
    top: 8px;
    background: rgba(0, 0, 0, 0.7);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.youtube_box .youView_txt {
    display: none;
}

.mySwiper .recipe_card {
    width: 100%;
}

.mySwiper .recipe_card .recipe_card_box {
    background: #f9f9f9;
}

.you_slide {
    position: relative;
}

.mySwiper .content_card {
    width: 100%;
}

.mySwiper .content_card .recipe_card_box {
    background: #f9f9f9;
}

/* 레시피튜브 */
.recipe_card {
    position: relative;
    width: 20%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
}

.recipe_card .star,
.recipe_card .star2 {
    position: absolute;
    z-index: 9;
    top: 25px;
    right: 25px;
}

.recipe_card .recipe_card_box {
    border: 1px solid #e4e8eb;
    min-height: 250px;
}

.recipe_card .recipe_card_box:hover {
    ㅊ
    background-color: #f9f9f9;
}

.recipe_card_box .recipe_thumbs {
    padding: 32px 32px 16px 32px;
}

.recipe_card li.rp_thumbs {
    padding: 32px 32px 16px 32px;
}

.recipe_card li.rp_title {
    color: #000;
    font-weight: 700;
    text-align: center;
    padding: 0 10px 8px;
    word-break: break-all;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
}

.recipe_card li.rp_desc {
    padding: 0 10px;
    font-size: 14px;
    word-break: break-all;
    color: #777;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.recipe_card .rp_thumb_wrap {
    position: relative;
}

.recipe_card .rp_thumb_img {
    width: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    height: 143px;
    object-fit: cover;
}

.recipe_card .rp_thumb_wrap .thumb_bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    opacity: .1;
    filter: alpha(opacity=1);
    border-radius: 50%;
}

.recipe_card .star2:hover span {
    top: -25px;
    right: -25px;
    width: 105px;
}

.recipe_card .heart:hover span {
    top: -25px;
    right: -33px;
    width: 105px;
}

.recipe_pop .recipe_card_box {
    background: #f9f9f9;
    border: 1px solid #ccc;
}

/* 1분 컨텐츠 */
.content_card {
    position: relative;
    width: 20%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
}

.content_card .star {
    top: 25px;
    right: 25px;
}

.content_card .recipe_card_box {
    border: 1px solid #e4e8eb;
    min-height: 270px;
}

.content_card .recipe_card_box:hover {
    background-color: #f9f9f9;
}

.content_card li.rp_title {
    color: #000;
    font-weight: 700;
    text-align: center;
    padding: 0 10px 8px;
    word-break: break-all;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
}

.content_card li.rp_desc {
    padding: 0 10px;
    font-size: 14px;
    word-break: break-all;
    color: #777;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.content_card li.rp_thumbs {
    padding: 32px 32px 16px 32px;
}

.content_card .rp_thumb_wrap {
    position: relative;
}

.content_card .rp_thumb_img {
    width: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
}

.content_card .rp_thumb_wrap .thumb_bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    opacity: .1;
    filter: alpha(opacity=1);
    border-radius: 50%;
}

.content_card .star,
.content_card .star2 {
    position: absolute;
    z-index: 9;
    top: 25px;
    right: 25px;
}

.content_card .star2:hover span {
    top: -25px;
    right: -25px;
    width: 105px;
}

.recipe_pop .recipe_card_box {
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.ch_profile {
    width: 1112px;
    border: 1px solid #ddd;
    padding: 3% 6%;
    margin: 0 auto 20px;
    background: #fdfdfd;
}

.ch_profile:after {
    clear: both;
    display: block;
    content: '';
}

.ch_profile .ch_left {
    width: 127px;
    float: left;
    margin-right: 5%;
    text-align: center;
}

.ch_profile .ch_img {
    border: 2px solid #ddd;
    padding: 2px;
    border-radius: 50%;
}

.ch_profile .ch_img a img {
    width: 100%;
    border-radius: 50%;
}

.ch_profile .ch_txt {
    float: left;
    width: 81%;
}

.ch_profile .ch_txt ul li {
    display: block;
}

.ch_profile .ch_txt ul .ch_tname {
    font-size: 21px;
    font-weight: 700;
}

.ch_profile .ch_txt ul .ch_tfollow {
    padding-top: 10px;
}

.ch_profile .ch_txt ul .ch_tfollow:after {
    clear: both;
    display: block;
    content: '';
}

.ch_profile .ch_txt ul .ch_tfollow .tfollow_num {
    display: inline-block;
    padding-right: 20px;
}

.ch_profile .ch_txt ul .ch_tfollow .tfollow_num strong {
    padding-left: 10px;
}

.ch_profile .ch_txt ul .ch_tfollow .ch_info {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    float: right;
    line-height: 1.5;
}

.ch_profile .ch_txt .ch_graph .gra_tit {
    padding-right: 30px;
}

.ch_graph .gra_tit,
.ch_graph .gra_box,
.ch_graph .gra_box_f {
    float: left;
}

.ch_txt .ch_tico {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    width: auto;
    padding: 5px 15px;
    font-size: 14px;
    margin-top: 15px;
    background: #fff;
}

.ch_txt .ch_tico:hover {
    background: #f9f9f9;
}

.yt_txt {
    margin-bottom: 30px;
    font-size: 13px;
    text-align: right;
    padding-right: 8px;
}

.yt_txt span {
    background-color: #333;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 8px;
    font-weight: 700;
}

.slick_yt .slick-prev {
    position: absolute;
    top: 165px;
    left: -30px;
    font-size: 0;
    background: url(//img.menu365.co.kr/ico_arrow.svg);
    width: 20px;
    height: 20px;
    border: 0;
    transform: rotate(270deg);
    z-index: 1;
    opacity: 0.5;
}

.slick_yt .slick-next {
    position: absolute;
    top: 165px;
    right: -30px;
    font-size: 0;
    background: url(//img.menu365.co.kr/ico_arrow.svg);
    width: 20px;
    height: 20px;
    border: 0;
    transform: rotate(90deg);
    z-index: 1;
    opacity: 0.5;
}

.slick_yt .slick_item .insta_card .insta_card_box {
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.slick_yt .slick_item {
}

.slick_yt .menu_box {
    width: 33%;
    display: inline-flex;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    padding-left: 15px;
    color: #000;
}

.slick_yt .menu_box:last-child {
    border-right: 0;
}

.slick_yt .menu_box .menu_tag {
    height: 135px;
    padding-left: 20px;
}

.slick_yt .menu_box .menu_tag a {
    display: block;
    color: #555;
    font-size: 15px;
    line-height: 22px;
}

.slick_yt .slick_item .recipe_card .recipe_card_box {
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.video_card {
    width: 33.33%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    min-height: 415px;
}

.video_card .video_info {
    padding: 16px 0 24px 0;
    min-height: 160px;
}

.video_card .video_info .rp_video_title {
    font-size: 16px;
    margin-bottom: 8px;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
}

.video_card .video_info .rp_video_desc {
    font-size: 14px;
    word-break: break-all;
    margin-bottom: 8px;
}

.video_card .video_info .rp_video_date {
    font-size: 14px;
    color: #999;
}

/* 급식뉴스_포털기사 */
.news_content:after {
    display: block;
    content: '';
    clear: both;
}

.news_content .naver_news,
.news_content .daum_news {
    float: left;
    width: 50%;
    padding: 5px;
}

.news_content .daum_news .news_potal,
.news_content .naver_news .news_potal {
    padding: 30px 0 15px;
    font-weight: 700;
}

.news_content .daum_news .news_potal img,
.news_content .naver_news .news_potal img {
    border-radius: 7px;
}

.news_content .news_potal .btn_type6 {
    float: right;
}

.news_content .daum_news .daum_box,
.news_content .daum_news .naver_box {
    padding-bottom: 25px;
}

.news_content .news_header ul li {
    border-top: 1px solid #35353f;
    border-bottom: 1px solid #e4e8eb;
    background-color: #fff;
    float: left;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 500;
}

.news_content .news_body ul li {
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
    float: left;
    padding: 10px 5px;
    font-size: 14px;
}

.news_content .board_num {
    width: 15%;
    text-align: center;
}

.news_content .news_header .board_tit {
    width: 50%;
    text-align: center;
}

.news_content .news_body .board_tit {
    width: 50%;
    text-align: left;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_content .board_date {
    width: 20%;
    text-align: center;
}

.news_content .board_tar {
    width: 15%;
    text-align: center;
}

.tab_ui2 {
}

.tab_ui2 li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px;
    border: 1px solid #e4e8eb;
    background-color: #f9f9f9;
    font-size: 14px;
    border-right: 0;
}

.tab_ui2 li.active {
    background-color: #fff;
    color: #000;
}

.tab_ui2 a:first-child li {
    border-radius: 8px 0 0 8px;
}

.tab_ui2 a:last-child li {
    border-right: 1px solid #e4e8eb;
    border-radius: 0 8px 8px 0;
}

.board_list_row_header {
    border-top: 1px solid #35353f;
    border-bottom: 1px solid #e4e8eb;
    background-color: #fff;
}

.board_list_row_header li {
    padding: 16px 8px;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.board_list_row_header li.board_list_num {
    width: 8%;
    float: left;
}

.board_list_row_header li.board_list_company {
    width: 20%;
    float: left;
}

.board_list_row_header li.board_list_product {
    width: 50%;
    float: left;
}

.board_list_row_header li.board_list_hit {
    width: 10%;
    float: left;
}

.board_list_row_header li.board_list_source {
    width: 14%;
    float: left;
}

.board_list_row_header li.board_list_title {
    width: 60%;
    float: left;
    color: #000;
}

.board_list_row_header li.board_list_title2 {
    width: 56%;
    float: left;
    color: #000;
}

.board_list_row_header li.board_list_desc {
    width: 20%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.board_list_row_header li.board_list_date {
    width: 12%;
    float: left;
}

.board_list_row_header li.board_list_file {
    width: 10%;
    float: left;
}

.board_list_row {
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
}

.board_list_row:hover {
    background-color: #f9f9f9;
}

.board_list_row li {
    padding: 16px 8px;
    font-size: 15px;
}

.board_list_row li.board_list_num {
    width: 8%;
    text-align: center;
    float: left;
    color: #939393;
    letter-spacing: normal;
}

.board_list_row li.board_list_desc {
    width: 20%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #939393;
    text-align: center;
}

.board_list_row li.board_list_date {
    width: 16%;
    text-align: center;
    float: left;
    color: #939393;
    letter-spacing: normal;
}

.board_list_row li.board_list_company {
    width: 20%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.board_list_row li.board_list_product {
    width: 50%;
    float: left;
    letter-spacing: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.board_list_row li.board_list_hit {
    width: 10%;
    text-align: center;
    float: left;
    color: #939393;
    letter-spacing: normal;
}

.board_footer li.board_footer_r {
    width: 50%;
    float: right;
    text-align: right;
}

.board_list_wrap2 .board_list_row li.board_list_num {
    width: 8%;
    text-align: center;
    float: left;
    color: #939393;
    letter-spacing: normal;
}

.board_list_wrap2 .board_list_row li.board_list_source {
    width: 14%;
    text-align: center;
    float: left;
    color: #000;
}

.board_list_wrap2 .board_list_row li.board_list_title {
    width: 60%;
    float: left;
    color: #000;
}

.board_list_wrap2 .board_list_row li.board_list_title2 {
    width: 56%;
    float: left;
    color: #000;
}

.board_list_wrap2 .board_list_row li.board_list_title span {
    color: #15bf57;
    font-size: 13px;
    letter-spacing: normal;
    font-weight: 500;
}

.board_list_wrap2 .board_list_row li.board_list_title2 span {
    color: #15bf57;
    font-size: 13px;
    letter-spacing: normal;
    font-weight: 500;
}

.board_list_wrap2 .board_list_row li.board_list_date {
    width: 12%;
    text-align: center;
    float: left;
    color: #939393;
    letter-spacing: normal;
}

.board_list_wrap2 .board_list_row li.board_list_file {
    width: 10%;
    text-align: center;
    float: left;
    color: #939393;
    letter-spacing: normal;
}

.board_list_wrap2 .board_list_row li.board_list_file img {
    width: 20px;
    margin: 0 auto;
    opacity: 0.8;
}

.board_view_wrap {
    border-bottom: 1px solid #e4e8eb;
}

.board_view_header {
    position: relative;
    border-top: 1px solid #35353f;
    border-bottom: 1px solid #e4e8eb;
    padding: 16px;
}

.board_view_header li {
    color: #555;
    font-size: 14px;
    margin-bottom: 9px;
}

.board_view_header li.board_view_title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
}

.board_view_header li.board_view_title a {
    float: right;
}

.board_view_header li.board_view_date a {
    color: #777;
    font-size: 14px;
}

.board_view_header li.board_view_date a:hover {
    text-decoration: underline;
    color: #15bf57;
}

.board_view_header li strong {
    color: #222;
    font-weight: 600;
    margin-right: 11px;
}

.board_view_header li.board_view_file a {
    text-decoration: underline;
}

.board_view_header .board_view_download {
    margin-top: 10px;
}

.board_footer {
    margin: 24px 0;
}

.board_footer li.board_footer_l {
    width: 50%;
    float: left;
}

.board_footer li.board_footer_r {
    width: 50%;
    float: right;
    text-align: right;
}

.board_view_contents {
    padding: 24px 16px;
    line-height: 25px;
    font-size: 15px;
}

.product_call {
    position: absolute;
    right: 15px;
    bottom: 20px;
    font-size: 17px;
    padding: 12px 28px;
    border-radius: 7px;
    background: #444;
    color: #fff;
}

.product_call:hover {
    background: #000;
}

.product_call2 {
    position: absolute;
    right: 15px;
    bottom: 20px;
    font-size: 17px;
    padding: 12px 28px;
    border-radius: 7px;
    background: #444;
    color: #fff;
    cursor: default;
}

.product_call2:hover {
    background: #444;
}

.board_write_wrap {
    border-top: 1px solid #35353f;
    border-bottom: 1px solid #e4e8eb;
    padding: 24px 0;
}

.board_write_wrap textarea.board_textarea {
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
}

.board_write_wrap textarea.board_textarea::placeholder {
    color: #ccc;
}

/* 상품게시판 */
.product_msg {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.product_msg .msg_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.product_msg .msg_wrap .btn_type {
    margin-top: 20px;
    height: 50px;
}

.product_msg .msg_box {
    position: relative;
    width: 25vw;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    border-radius: 0.25rem;
    align-items: center;
    padding: 30px;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.product_msg .msg_box.active {
    transform: inherit;
    opacity: 1;
}

.product_msg .msg_box .m_head {
    padding: 0;
}

.product_msg .msg_box .m_head .m_title {
    float: inherit;
    border-bottom: 1px solid #000;
    padding: 0 0 10px;
    font-weight: 600;
    font-size: 20px;
}

.product_msg .msg_box ul li {
    padding: 5px 0;
}

.product_msg .msg_line {
    width: 100%;
    background: #ddd;
    height: 1px;
    margin: 10px 0;
}

.product_msg .container-checkbox {
    margin: 0;
}

.product_msg .container-checkbox .checkmark {
    top: 3px;
}

.product_small {
    font-size: 13px;
    font-weight: 700;
    color: #15bf57;
}

.msg_textarea .form_title {
    padding: 13px 0 8px;
    font-weight: 700;
}

.msg_textarea textarea {
    height: 100px;
}

/* 댓글 관련 */
.cmt_write_wrap {
}

.cmt_write_wrap .cmt_title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 16px;
}

.cmt_write_wrap .cmt_title span.cmt_count {
    color: #ef2c2c;
    padding-left: 6px;
}

.cmt_write_wrap .cmt_write_box {
    border: 1px solid #b3b3b3;
}

.cmt_write_wrap .cmt_write_box:after {
    content: "";
    display: block;
    clear: both;
}

.cmt_write_wrap .cmt_write_box textarea.cmt_textarea {
    background-color: #fff;
    font-size: 16px;
    border: 0;
}

.cmt_write_wrap .cmt_write_box .cmt_word_count {
    height: 40px;
    float: left;
    text-align: right;
    width: calc(100% - 80px);
    border-top: 1px solid #e4e8eb;
    color: #bbb;
    font-size: 14px;
    padding: 10px 16px;
}

.cmt_write_wrap .cmt_write_box .btn_type7 {
    background-color: #000;
    padding: 10px 18px;
    color: #fff;
    float: right;
    height: 40px;
    width: 80px;
    font-weight: 500;
    font-size: 14px;
}

.cmt_write_wrap .cmt_write_box .btn_type7 img {
    filter: invert(100%);
    display: inline-block;
    width: 14px;
    margin-top: -4px;
    margin-right: 6px;
}

.cmt_list_wrap {
}

.cmt_list_wrap .cmt_list_item {
    padding: 16px 0;
    border-bottom: 1px solid #e4e8eb;
    position: relative;
}

.cmt_list_wrap .cmt_list_item .cmt_edit {
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 14px;
}

.cmt_list_item .cmt_writer {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-bottom: 8px;
}

.cmt_list_item .cmt_contents {
    margin-bottom: 8px;
    font-size: 16px;
}

.cmt_list_item .cmt_date {
    color: #999;
    font-size: 13px;
    letter-spacing: normal;
}

/* 레시피 */
.seach_recipe {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0 20px;
}

.seach_recipe .recipead_plus ul li {
    line-height: 34px;
}

.seach_recipe .recipead_plus ul > li .recipead_arrow {
    top: 13px;
}

.seach_recipe .recipead_plus ul > li ol {
    top: 35px;
}

.seach_recipe .search_rbtn {
    width: 30%;
}

.seach_recipe .search_rbtn li:last-child {
    width: calc(100% - 108px);
}

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

.seach_recipe .search_rbtn li > .btn_type {
    width: 80px;
    margin-left: 8px;
    float: right;
}

.seach_recipe .product_sort {
    display: flex;
}

.seach_recipe .product_sort ul {

}

.seach_recipe .product_sort ul li .container-radio {
    padding-right: 10px;
}

.contents_recipe {
    position: relative;
    width: 25%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.contents_recipe .contents_recipe_box {
    position: relative;
    border: 1px solid #e4e8eb;
    padding-bottom: 15px;
}

.contents_recipe_box .contents_thumbs {
    width: 100%;
    height: 0;
    padding-top: calc(430 / 600 * 100%);
    background-repeat: no-repeat;
    background-size: cover;
}

.contents_recipe_box .recipe_tit {
    padding: 16px 15px 8px 15px;
    font-size: 17px;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: 50px;
}

.contents_recipe_box .recipe_share {
    padding: 0px 15px 0 15px;
    font-size: 14px;
    word-break: break-all;
    font-weight: 500;
    line-height: 1.5;
    color: #888;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.contents_recipe .star,
.contents_recipe .star2 {
    position: absolute;
    z-index: 9;
    top: 15px;
    right: 14px;
}

.contents_recipe .star:hover span {
    top: -25px;
    right: -25px;
    width: 105px;
}

.reco_r1,
.reco_r2,
.reco_r3 {
    position: relative;
    font-size: 12px;
    margin-left: 3px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background: #fff;
}

.reco_r1 .reco_hover,
.reco_r2 .reco_hover,
.reco_r3 .reco_hover {
    display: none;
}

.reco_r1:hover .reco_hover,
.reco_r2:hover .reco_hover,
.reco_r3:hover .reco_hover {
    position: absolute;
    display: block;
    font-size: 11px;
    font-weight: 700;
    background: #fff;
    border: 1px solid #e4e8eb;
    padding: 5px 8px;
    width: 90px;
    text-align: center;
    top: 29px;
    left: -25px;
    border-radius: 5px;
    color: #333;
}

.reco_r1 {
    border: 1px solid #ef2c2c;
    color: #ef2c2c;
}

.reco_r2 {
    border: 1px solid #2c71ef;
    color: #2c71ef;
}

.reco_r3 {
    border: 1px solid #2bad4d;
    color: #2bad4d;
}

.reco_r1:hover {
    background: #ef2c2c;
    color: #fff;
}

.reco_r2:hover {
    background: #2c71ef;
    color: #fff;
}

.reco_r3:hover {
    background: #2bad4d;
    color: #fff;
}

/* 레시피 팝업 */
.pop_recipe {
    min-width: 320px;
}

.poprecipe_thumb {
    position: relative;
    overflow: hidden;
    max-height: 500px;
}

.poprecipe_thumb img {
    width: 100%;
}

.poprecipe_thumb .pic_txt {
    position: absolute;
    top: 6%;
    right: 3%;
    color: #fff;
    opacity: 0.7;
}

.poprecipe_thumb .pic_txt img {
    width: 60px;
    display: inline-block;
    margin-left: 5px;
}

.poprecipe_thumb .poprecipe_basket {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: 50%;
    background: #333;
}

.poprecipe_thumb .poprecipe_basket img {
    filter: invert(1);
}

.poprecipe_thumb .poprecipe_data {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 8px 17px;
    border-radius: 35px;
    background: #333;
    color: #fff;
    font-size: 13px;
}

.poprecipe_btn {
    position: relative;
    padding: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

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

.poprecipe_btn .google_txt {
    font-size: 13px;
}

.poprecipe_btn .star {
    position: relative;
    top: auto;
    right: auto;
}

.poprecipe_btn a {
    margin-right: 15px;
}

.poprecipe_btn .btn_white {
    font-size: 13px;
    border-radius: 5px;
    padding: 7px 13px;
}

.poprecipe_btn .pop_hover {
    position: relative;
}

.poprecipe_btn .pop_hover img {
    width: 21px;
    opacity: 0.6;
}

.flex_between {
    justify-content: space-between !important;
}

.poprecipe_tit {
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    color: #222;
    padding: 0 2%;
    line-height: 64px;
}

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

.poprecipe_tit .poprecipe_tit_in .poprecipe_name {
    font-size: 16px;
    color: #666;
    font-weight: 500;
    padding-top: 3%;
    display: block;
    width: 100%;
    line-height: 20px;
}

.poprecipe_tit .poprecipe_tit_in .poprecipe_name2 {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 40px;
}

.poprecipe_classify {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 45px 0 65px;
}

.poprecipe_classify .classify_img {
    display: flex;
    width: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.poprecipe_classify .classify_img .classify_amount,
.poprecipe_classify .classify_img .classify_school,
.poprecipe_classify .classify_img .classify_cook,
.poprecipe_classify .classify_img .classify_empty {
    width: 90px;
    height: 90px;
    font-size: 20px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0 9px;
}

.poprecipe_classify .classify_img .classify_amount {
    background: url("//img.menu365.co.kr/classify_img.png") 0 0 no-repeat;
}

.poprecipe_classify .classify_img .classify_school {
    background: url("//img.menu365.co.kr/classify_img.png") -98px 0 no-repeat;
}

.poprecipe_classify .classify_img .classify_cook {
    background: url("//img.menu365.co.kr/classify_img.png") -195px 0 no-repeat;
}

.poprecipe_classify .classify_img .classify_empty {
    background: url("//img.menu365.co.kr/classify_img.png") -293px 0 no-repeat;
}

.poprecipe_classify .classify_img .empty_img img {
    width: 18px;
    display: inline-block;
    margin-top: -2px;
    cursor: pointer;
}

.poprecipe_h {
    font-size: 30px;
    font-weight: 700;
    color: #222;
}

.poprecipe_h img {
    width: 75px;
    display: inline-block;
}

.poprecipe_material:after {
    display: block;
    content: '';
    clear: both;
}

.poprecipe_material ul {
    float: left;
    width: 50%;
    padding: 0 6%;
    font-size: 18px;
}

.poprecipe_material ul .pop_unit {
    text-align: right;
    padding-bottom: 3%;
}

.poprecipe_material ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 5px;
}

.pop_slide {
    flex-direction: column;
}

.pop_slide .youbute-wrapper {
    width: 96%;
    height: 100%;
    margin: 0 2%;
    display: flex;
    overflow: hidden;
}

.pop_slide .swiper-container {
    width: 80%;
    height: 100%;
    margin: 2% 10%;
}

.pop_recipe .youtube_silde .swiper-slide {
    width: 31.33%;
    margin: 0 1%;
}

.pop_slide .swiper-button-next,
.pop_slide .swiper-button-prev {
    --swiper-theme-color: #bdbdbd;
    bottom: 32%;
    height: auto;
    top: auto;
    background: none;
    --swiper-navigation-size: 35px;
}

.pop_slide .swiper-button-prev {
    left: 2%;
}

.pop_slide .swiper-button-next {
    right: 2%;
}

.poprecipe_order {
    padding-top: 20px;
}

.poprecipe_order .poprecipe_txt {
    position: relative;
    padding: 1% 6% 5%;
    line-height: 1.5;
    display: flex;
    width: 100%;
    font-size: 18px;
    justify-content: space-between;
}

.poprecipe_order .poprecipe_txt .pop_order {
    width: 8%;
}

.poprecipe_order .poprecipe_txt .poprecipe_box {
    /*width: 65%;*/
}

.poptxt_img {
    position: relative;
    overflow: hidden;
    width: 25%;
    min-width: 25%;
    min-height: 100px;
    margin-left: 2%;
}

.poptxt_img .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.poprecipe_tip {
    background: #fcf7db;
    width: 96%;
    margin: 7% auto;
    padding: 2% 4%;
    border-radius: 40px;
    display: flex;
    align-items: center;
}

.poprecipe_tip p {
    font-size: 18px;
    padding: 0 0 0 6%;
    line-height: 20px;
}

.poprecipe_tip .tip_txt {
    width: 90%;
}

.poprecipe_reply {
    width: 95%;
    margin: 0 auto;
}

.poprecipe_reply .more_btn,
.poprecipe_review .more_btn {
    width: 24%;
    margin: 5% auto;
}

.poprecipe_review {
    width: 95%;
    margin: 0 auto;
}

.poprecipe_reply .ser_title,
.poprecipe_review .ser_title {
    font-size: 20px;
    font-weight: 700;
}

.ser_write_wrap .ser_pop:after {
    display: block;
    content: '';
    clear: both;
}

.ser_write_wrap .ser_pop .ser_title {
    float: left;
}

.ser_write_wrap .ser_pop .layer_select {
    float: right;
    width: auto;
    padding-top: 0;
}

.ser_word_star {
    position: absolute;
    bottom: 11px;
    left: 7px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.ser_word_star img {
    width: 17px;
    margin-left: 3px;
}

.ser_writer .ser_word_star {
    position: inherit;
    margin-left: 5px;
}

/* 레시피 즐겨찾기 */
.recipe_plus {
    width: 13%;
}

.recipe_plus:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.recipe_plus ul {
    margin-right: 6%;
}

.recipe_plus ul > li {
    position: relative;
    font-size: 14px;
    line-height: 34px;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    width: 100%;
}

.recipe_plus ul > li:not(:last-child) {
    margin-right: 20px;
}

.recipe_plus ul > li:before {
    color: #ccc;
}

.recipe_plus ul > li .recipe_defalt {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0 30px 0 20px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.recipe_plus ul > li .alle_arrow {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 13px;
    transform: rotate(180deg);
}

.recipe_plus ul > li ol {
    position: absolute;
    z-index: 999;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.recipe_plus ul > li ol li {
    cursor: pointer;
}

/* 인스타그램 */
.insta_grid {
    width: 100%;
    margin: 0 -7px;
}

.grid-sizer,
.grid-item {
    width: 25%;
    padding: 7px;
}

.grid-item {
    margin-bottom: 15px;
    /*overflow: hidden;*/
}

.grid-item .grid-insta {
    border: 1px solid #dbdbdb;
}

.grid-item img {
    display: block;
    min-width: 100%;
    max-width: 100%;
}

.insta_profile a {
    display: flex;
    padding: 10px;
    align-items: center;
}

.insta_profile .star2 {
    top: 20px;
    position: absolute;
    right: 14px;
    z-index: 9;
}

.insta_profile .star2:hover span {
    top: -25px;
    right: -25px;
    width: 105px;
}

.insta_profile .heart {
    position: absolute;
    top: 20px;
    right: 45px;
}

.insta_profile .heart:hover span {
    top: -25px;
    right: -55px;
    width: 150px;
}

.insta_profile .insta_img {
    padding: 2px;
    border: 1px solid #ddd;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2%;
}

.insta_profile .insta_img img {
    border-radius: 50%;
}

.insta_profile .insta_name,
.insta_cbox .insta_fname {
    font-weight: 300;
    letter-spacing: normal;
    font: 12px 'Noto Sans KR';
    padding: 5px 0;
}

.insta_cbox {
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
}

.insta_cbox .insta_like {
    display: flex;
    justify-content: space-between;
}

.insta_cbox .insta_like a {
    display: flex;
    align-content: center;
}

.insta_cbox .insta_like a > .insta_ico {
    width: 29px;
    padding: 4px;
}

.insta_card {
    position: relative;
    width: 20%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
}

.insta_card .star {
    top: 25px;
    right: 25px;
}

.insta_card .star2 {
    position: absolute;
    top: 25px;
    right: 25px;
}

.insta_card .star2:hover span {
    top: -25px;
    right: -25px;
    width: 105px;
}

.insta_card .insta_card_box {
    border: 1px solid #e4e8eb;
    min-height: 295px;
}

.insta_card .insta_card_box:hover {
    background-color: #f9f9f9;
}

.insta_card li.insta_thumbs {
    padding: 32px 32px 16px 32px;
}

.insta_card li.insta_title {
    color: #000;
    font-weight: 500;
    text-align: center;
    padding: 0 5px 8px 5px;
    word-break: break-all;
    font: 17px 'Noto Sans KR';
}

.insta_card li.insta_desc {
    padding: 0 5px 24px 5px;
    font-size: 14px;
    word-break: break-all;
    color: #777;
    font-weight: 500;
    text-align: center;
}

.insta_card .insta_in {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;

}

.insta_card .insta_thumb_wrap {
    position: relative;
}

.insta_card .insta_thumb_img {
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 5%);
}

.insta_card .insta_thumb_wrap .thumb_bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    opacity: .1;
    filter: alpha(opacity=1);
    border-radius: 50%;
}

.insta_tag {
    width: 98.6%;
    background: #f9f9f9;
    padding: 20px 50px;
    text-align: center;
    margin: 0 auto 25px;
}

.insta_tag a {
    padding: 0 10px;
}

.insta_tag a:hover {
    font-weight: 500;
}

.insta_pop .insta_card_box {
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.if_profile {
    width: 1112px;
    border: 1px solid #ddd;
    padding: 30px 50px;
    margin: 0 auto 20px;
    background: #f9f9f9;
    align-items: center;
}

.if_profile:after {
    clear: both;
    display: block;
    content: '';
}

.if_profile .if_img {
    width: 127px;
    height: 127px;
    float: left;
    margin-right: 5%;
    border: 2px solid #ddd;
    padding: 2px;
    border-radius: 50%;
    overflow: hidden;
}

.if_profile .if_img a img {
    width: 100%;
    height: 119px;
    border-radius: 50%;
    object-fit: cover;
}

.if_profile .if_txt {
    float: left;
}

.if_profile .if_txt ul li {
    display: block;
    width: 100%;
}

.if_profile .if_txt ul .if_tname {
    font-size: 21px;
    font-weight: 700;
}

.if_profile .if_txt ul .if_tid {
    font-size: 15px;
    color: #aaa;
    line-height: 30px;
}

.if_profile .if_txt ul .if_tfollow {
}

.if_profile .if_txt ul .if_tfollow .tfollow_num {
    display: table-cell;
    padding-right: 30px;
}

.if_profile .if_txt ul .if_tfollow .tfollow_num strong {
    padding-left: 10px;
}

.if_profile .if_txt .if_tico {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block;
    width: auto;
    padding: 5px 15px;
    font-size: 14px;
    margin-top: 15px;
    background: #fff;
}

.if_profile .if_txt .if_tico:hover {
    background: #f9f9f9;
}

/* 관리자페이지 */
#adcontainer {
    display: flex;
    font-size: 12px;
}

#adheader {
    background: #2d3539;
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    z-index: 2;
}

#adheader nav {
    width: 100%;
    background: none;
    border-top: none;
}

#adheader nav .admin_logo {
    width: 230px;
    padding: 15px 20px;
    color: #f9f9f9;
    font-weight: 700;
}

#adheader nav .admin_logo img {
    width: 100%;
}

#adheader .nav_login {
    color: #ddd;
    font-size: 13px;
    width: 220px;
    justify-content: flex-end;
    align-items: center;
    padding: 19px 15px;
    display: flex;
    width: 40%;
}

#adheader .nav_login a {
    color: #ddd;
}

#adheader .nav_login span {
    padding: 0 10px;
}

.data_link {
    position: fixed;
    right: 15px;
    bottom: 20px;
    width: 180px;
    z-index: 10;
}

.data_link a {
    background-color: #f8f8f8;
    color: #1d2427;
    padding: 10px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    border-radius: 5px;
    font-size: 13px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.data_link a img {
    margin-right: 9px;
    height: 30px;
}

#div_login {
    display: flex;
}

.ad_count {
        display: flex;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 9;
}

/* 왼쪽 메뉴 */
#left_box {
    width: 211px;
    background: #445163;
    padding-top: 95px;
    position: fixed;
    height: 100vh;
    overflow: auto;
}

#left_box .cate_tit {
    position: relative;
    padding: 10px 25px;
    border-bottom: 1px solid #526073;
    display: block;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}

#left_box .cate_tit a {
    color: #e4e4e4;
}

#left_box .cate_tit.active a,
#left_box .cate_tit.active a.cate_big {
    color: #15bf57;
}

#left_box .cate_tit .menu_arrow {
    filter: invert(0);
    width: 13px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 12px;
    transform: rotate(180deg);
}

#left_box .cate_tit.active .menu_arrow {
    filter: none;
    color: #15bf57;
}

#left_box .cate_tit.on .menu_arrow {
    transform: rotate(360deg);
}

#left_box .cate_tit .cate_group.on .menu_arrow,
#left_box .cate_tit .cate_group1.on .menu_arrow,
#left_box .cate_tit .cate_group2.on .menu_arrow,
#left_box .cate_tit .cate_group3.on .menu_arrow,
#left_box .cate_tit .cate_group4.on .menu_arrow,
#left_box .cate_tit .cate_group5.on .menu_arrow,
#left_box .cate_tit .cate_group6.on .menu_arrow {
    transform: rotate(360deg);
    right: 10px;
    top: 10px;
}

#left_box .cate_tit .cate_school,
#left_box .cate_tit .cate_school1,
#left_box .cate_tit .cate_school2,
#left_box .cate_tit .cate_school3,
#left_box .cate_tit .cate_school4,
#left_box .cate_tit .cate_school5,
#left_box .cate_tit .cate_school6 {
    display: none;
    border-top: 1px solid #606f83;
    padding-top: 10px;
    margin-top: 10px;
}

#left_box .cate_tit.on .cate_school,
#left_box .cate_tit.on .cate_school1,
#left_box .cate_tit.on .cate_school2,
#left_box .cate_tit.on .cate_school3,
#left_box .cate_tit.on .cate_school4,
#left_box .cate_tit.on .cate_school5,
#left_box .cate_tit.on .cate_school6 {
    display: block;
    border-top: 1px solid #606f83;
    padding-top: 10px;
    margin-top: 10px;
}

#left_box .cate_tit.on .cate_school a {
    color: #fff;
    display: block;
    padding: 5px 10px;
}

#left_box .cate_tit .cate_school a.active,
#left_box .cate_school1 a.active,
#left_box .cate_school2 a.active,
#left_box .cate_school3 a.active,
#left_box .cate_school4 a.active,
#left_box .cate_school5 a.active,
#left_box .cate_school6 a.active {
    color: #15bf57;
}

#left_box .cate_btit {
    background: #354254;
    padding: 20px 0;
    color: #f1f1f1;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
}

#left_box .cate_btit.on {
    color: #15bf57;
}

.cate_tit .ad_arrow {
    position: absolute;
    top: 18px;
    right: 30px;
    width: 13px;
    transform: rotate(0deg);
    filter: invert(1);
}

.cate_tit .show {
    transform: rotate(180deg);
}

#left_box .menu_sub {
    background: #354254;
    padding: 10px;
}

#left_box .menu_sub a {
    width: 100%;
    color: #f9f9f9;
    display: inline-block;
    padding: 8px 20px;
    font-size: 13px;
}

#left_box .menu_sub a.active {
    color: #ff8c31;
}

#left_box .menu_sub .sub_stxt li a {
    padding: 5px 29px;
    font-size: 14px;
}

#left_box .cate_sub1,
#left_box .cate_sub2,
#left_box .cate_sub3,
#left_box .cate_sub4,
#left_box .cate_sub5,
#left_box .cate_sub6 {
    display: none;
}

#left_box .cate_school1,
#left_box .cate_school2,
#left_box .cate_school3,
#left_box .cate_school4,
#left_box .cate_school5,
#left_box .cate_school6 {
    display: none;
}

/* 오른쪽 공간 */
#right_box {
    background: #edf0f5;
    width: 100vw;
    padding: 180px 20px 20px 230px;
    min-height: 883px;
}

#right_box:after {
    display: block;
    content: '';
    clear: both;
}

#right_box .btn_wrap {
    margin: 40px 0 10px;
}

.list_search {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    margin-bottom: 15px;
}

.list_box {
    position: relative;
    width: 33%;
    float: left;
    min-width: 33%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    font: 12px 'Malgun Gothic';
    height: fit-content;
    letter-spacing: normal;
}

.list_box:nth-child(2) {
    float: left;
    margin-right: 1%;
    width: 66%;
    min-width: 60%;
}

.list_box .table_info {
    overflow: hidden;
    overflow-x: scroll;
}

.list_box .table_info:after {
    display: block;
    content: '';
    clear: both;
}

.list_box .table_info table {
    width: 100%;
    border-collapse: collapse;
    letter-spacing: normal;
    table-layout: fixed;
}

.list_box .table_info thead {
    background: #f9f9f9;
}

.list_box .table_info th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 9px 0;
    text-align: center;
}

.list_box .table_info .ga_update,
.list_box .table_info .ga_crawling {
    width: 90px;
}

.list_box .table_info .ga_channel {
    width: 160px;
}

.list_box .table_info td {
    padding: 9px 2px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info tr:hover {
    background: #f9f9f9;
    cursor: pointer;
}

.list_box .table_info .ga_add {
    width: 60px;
}

.list_box .table_info .ga_city {
    width: 150px;
}

.list_box .table_info .ga_gov {
    width: 100px;
}

.list_box .table_info .ga_grade {
    width: 50px;
}

.list_box .table_info .ga_ch {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_chk {
    width: 69px;
}

.list_box .table_info .ga_ym {
    width: 45px;
}

.list_box .table_info .ga_age {
    width: 70px;
}

.list_box .table_info .ga_email {
    width: 150px;
}

.list_box .table_info .ga_sel {
    width: 100px;
}

.list_box .table_info .ga_on {
    width: 47px;
}

.list_box .table_info .ga_on.active {
    color: #15bf57;
}

.list_box .table_info .ga_month {
    width: 50px;
}

.list_box .table_info .ga_dish {
    width: 240px;
}

.list_box .table_info .ga_share {
    width: 70px;
}

.list_box .table_info .ga_content {
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_tit {
    width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_num {
    width: 130px;
}

.list_box .table_info .ga_num span,
.ad_line .ad_num span {
    border: 1px solid #666;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    font-size: 10px;
}

.list_box .table_info .ga_like {
    width: 45px;
}

.list_box .table_info .ga_reply {
    width: 48px;
}

.list_box .table_info .ga_favor {
    width: 65px;
}

.list_box .table_info .ga_img {
    width: 40px;
}

.list_box .table_info .ga_img img {
    width: 25px;
    padding: 0 2px;
    display: inline-block;
}

.list_box .table_info .ga_size {
    width: 100px;
}

.list_box .table_info .ga_link {
    width: 180px;
}

.list_box .table_info .ga_cont {
    width: 80px;
}

.list_box .table_info .ga_pimg {
    width: 100px;
}

.list_box .table_info .ga_pimg img {
    width: 100%;
    padding: 0 2px;
    display: inline-block;
}

.list_box .table_info .ga_date {
    width: 70px;
}

.list_box .table_info .ga_foodtable {
    width: 125px;
}

.list_box .table_info .ga_wri {
    width: 100px;
}

.list_box .table_info .ga_show {
    width: 240px;
}

.list_box .table_info .ga_btn {
    width: 100px;
}

.list_box .table_info .ga_dataname {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_recipe {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_source {
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_school {
    width: 100px;
}

.list_box .table_info .ga_schoolname {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.list_box .table_info .ga_adress {
    width: 300px;
}

.list_box .table_info .ga_admin {
    width: 69px;
}

.list_box .table_info .ga_arrow {
    width: 69px;
}

.list_box .table_info .ga_arrow input.textbox {
    height: 28px;
    margin: 0;
    width: 50px;
}

.list_box .table_info .ga_recommend {
    width: 40px;
}

.list_box .table_info td.ga_tit {
    text-align: left;
    padding: 12px 15px;
}

.list_box .table_info .ga_pic {
    width: 80px;
}

.list_box .table_info .ga_pic img {
    width: 17px;
    margin: 0 auto;
}

.list_box .table_info .ga_pic img.pic_none {
    opacity: 0.2;
}

.list_box .list_top {
    display: flex;
    padding-bottom: 10px;
    align-items: center;
    justify-content: space-between;
}

.list_box .list_top .btn_box {
    display: flex;
}

.list_box .list_top .btn_box div,
.list_box .list_top .btn_box a {
    margin-left: 2px;
}

.btn_box .btn_white, .btn_box .btn_type {
    padding: 8px 16px;
    min-width: 60px;
    text-align: center;
}

.list_box .list_top select {
    padding: 6px 10px;
    border: 1px solid #ddd;
}

.list_box .list_top select > option {
    line-height: 20px;
}

.list_box .list_top .btn_type {
    width: auto;
    font-size: 13px;
    text-align: center;
    /*padding: 6px 18px;
    height: 32px;*/
}

.list_box .list_top a.btn_type {
    color: #fff;
}

.list_box .list_top .btn_white {
    font-size: 13px;
}

.list_box .list_tit {
    font-size: 23px;
    font-weight: 700;
    padding-bottom: 15px;
}

.list_box .plus_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_box .plus_top .btn_box {
    display: flex;
}

.list_box .plus_top .btn_box div,
.list_box .plus_top .btn_box a {
    margin-left: 2px;
}

.list_box .plus_top .btn_box a.print_btn {
    color: #fff;
}

.list_box .table_line li {
    display: flex;
    width: 100%;
}

.list_box .table_line li.ad_line {
    border-top: 1px solid #ddd;
}

.list_box .table_line li.ad_line:last-child {
    border-bottom: 1px solid #ddd;
}

.list_box .table_line li.ad_line input.textbox {
    margin: 0;
    height: 28px;
}

.list_box .btn_white {
    font-size: 13px;
}

.list_box .table_line li .ad_table_tit {
    width: 20%;
    display: flex;
    padding: 15px 5px;
    background: #f9f9f9;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.list_box .table_line li .ad_table {
    width: 80%;
    display: flex;
    padding: 7px 10px;
    align-items: center;
}

.list_box .table_line li .ad_table2 {
    width: 100%;
    display: flex;
    padding-bottom: 10px;
}

.list_box .table_line li .ga_pic {
    flex-direction: column;
    align-items: flex-start;
}

.list_box .table_line li .ad_table a.recipe_add {
    padding: 10px;
    border: 1px solid #ddd;
    width: 50px;
    margin: 30px auto;
    display: block;
}

.list_box .table_line li .ad_table ul {
    display: flex;
}

.list_box .table_line li .ad_table ul li {
    width: 27%;
}

.list_box .table_line li .ad_table select {
    font-size: 12px;
    margin-right: 5px;
    width: 130px;
    height: 28px;
}

.list_box .table_line li .ad_table .recipe_pic {
    width: 250px;
    margin-top: 5px;
    height: 185px;
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #ddd;
    position: relative;
}

.list_box .table_line li .ad_table .recipe_pic span {
    position: absolute;
    left: 44%;
    top: 48%;
    z-index: 1;
}

.list_box .table_line li .ad_table .recipe_pic img {
    position: absolute;
    z-index: 1;
}

.list_box .table_line li .ad_table .maininsta_pic {
    width: 250px;
    margin-top: 5px;
    height: 250px;
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #ddd;
    position: relative;
}

.list_box .table_line li .ad_table .maininsta_pic span {
    position: absolute;
    left: 44%;
    top: 48%;
    z-index: 1;
}

.list_box .table_line li .ad_table .maininsta_pic img {
    position: absolute;
    z-index: 1;
}


.list_box .table_line li .ad_table .filebox {
    line-height: 28px;
    height: 28px;
    margin-left: 5px;
}

.list_box .table_line li .ad_table .filebox label {
    line-height: 28px;
}

.recipe_file {
    padding: 10px 0 0 0;
    display: flex;
    width: 100%;
}

.recipe_file input.textbox {
    height: 32px !important;
    margin-right: 1% !important;
}

.recipe_file .link_btn {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    color: #444;
    border-radius: 3px;
    line-height: 32px;
}

.filebox {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    color: #444;
}

.filebox label {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    line-height: 32px;
}

.table_line .filebox {
    font-size: 13px;
    line-height: 32px;
    height: 32px;
}

/* 관리자 검색 상단 */
.search_ad .search_data {
    margin-left: 20px;
}

.search_ad .search_data li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
    height: 28px;
}

.search_ad .search_data .btn_type {
    width: 80px;
    margin-left: 8px;
    float: right;
    height: 28px;
    font-size: 14px;
}

.search_ad .search_rbtn {
    width: 454px;
}

.search_ad .search_rbtn li:first-child {
    float: left;
}

.search_ad .search_rbtn li:last-child {
    float: right;
}

.search_ad .search_rbtn li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
    height: 36px;
}

.search_ad .search_rbtn li > .btn_type {
    width: 72px;
    margin-left: 8px;
    float: right;
    height: 36px;
    font-size: 14px;
}

.search_ad .search_rbtn2 {
    width: 622px;
}

.search_ad .search_rbtn2 li:first-child {
    float: left;
    display: flex;
}

.search_ad .search_rbtn2 li:last-child {
    float: right;
}

.search_ad .search_rbtn2 li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
    height: 28px;
}

.search_ad .search_rbtn2 li > .btn_type {
    width: 80px;
    margin-left: 2px;
    float: right;
    height: 28px;
    font-size: 14px;
}

.search_ad .search_rbtn3 {
    width: 280px;
}

.search_ad .search_rbtn3 li {
    display: flex;
}

.search_ad .search_rbtn3 li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
    height: 36px;
}

.search_ad .search_rbtn3 li > .btn_type {
    width: 80px;
    margin-left: 2px;
    float: right;
    height: 36px;
    font-size: 14px;
}

.search_ad .search_insta {
    width: 300px;
}

.search_ad .search_insta li:first-child {
    float: left;
}

.search_ad .search_insta li:last-child {
    float: right;
    width: calc(100% - 0px);
}

.search_ad .search_insta li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
    height: 28px;
}

.search_ad .search_insta li > .btn_type {
    width: 80px;
    margin-left: 8px;
    float: right;
    height: 28px;
    font-size: 14px;
}

.search_ad select {
    height: 36px;
    font-size: 13px;
}

.search_ad .product_sort ul li .container-radio {
    padding-right: 10px;
    font-size: 12px;
}

.search_ad {
    position: relative;
    display: flex;
    align-items: center;
}

.search_ad .product_sort ul {
    display: flex;
    align-content: center;
}

.search_ad .cate_ga select {
    font-size: 12px;
    margin-right: 5px;
    width: 155px;
    height: 36px;
}

.search_ad .cate_ga2 {
    display: flex;
    align-items: center;
}

.search_ad .cate_ga2 select {
    font-size: 12px;
    margin-right: 5px;
    width: 155px;
    height: 28px;
}

.search_ad .cate_ga2 input.textbox2 {
    width: 120px;
}

.log_txt {
    width:200px !important;
}
.log_box {
    width:390px !important;
}

.search_ad .search_tit {
    min-width: 40px;
    font-weight: 700;
    font-size: 13px;
    margin-right: 5px;
}

.search_ad .search_tit2 {
    width: auto;
    font-weight: 700;
    font-size: 13px;
}

.search_ad .search_tit3 {
    min-width: 40px;
    font-weight: 700;
    font-size: 13px;
}

/* 관리자 메뉴 탭 */
.tab_admenu {
    background: #1d2427;
    position: fixed;
    width: 100%;
    top: 55px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
}

.tab_admenu ul {
    display: flex;
}

.tab_admenu ul:nth-child(2) {
    border-left: 1px solid #3d494e;
}

.tab_admenu ul li {
    padding: 12px 15px;
    font-size: 13px;
    border-right: 1px solid #3d494e;
}

.tab_admenu ul li a {
    color: #9e9d9d;
    font-weight: 700;
}

.tab_admenu ul li.active {
    background: #15bf57;
}

.tab_admenu ul li.active a {
    color: #fff;
    font-weight: 700;;
}

.sub_sbox {
    position: fixed;
    top: 98px;
    left: 211px;
    padding: 15px 20px;
    background: #edf0f5;
    width: 100vw;
    z-index: 2;
}

.sub_sbox .sub_current {
    color: #555;
    font-size: 11px;
    font-weight: 500;
    padding-bottom: 5px;
    padding-left: 3px;
}

/* 그래프 차트 */
.graph_bg {
    background: #edf0f5;
    height: 100vh;
    width: 100vw;
    padding: 20px;
}

.graph_bg:after {
    clear: both;
    display: block;
    content: '';
}

.graph_tit {
    background: #fff;
    border: 1px solid #ddd;
    letter-spacing: -1.5px;
    font-size: 20px;
    padding: 25px;
    margin-bottom: 10px;
    display: flex;
}

.graph_tit .orange {
    font-weight: 700;
    display: inline-block;
    font-size: 19px;
    letter-spacing: -1px;
}

.graph_tit .graph_school {
    padding-top: 5px;
}

.graph_tit .graph_school .school_name {
    display: inline-block;
    font-size: 16px;
}

.graph_tit .graph_school .school_name strong {
    font-size: 27px;
    font-weight: 500;
    padding-left: 10px;
    letter-spacing: normal;
}

.graph_tit .graph_position {
    font: 30px 'Noto Sans KR';
    padding: 10px 0;
    width: 24%;
    text-align: center;
    border-right: 1px solid #ddd;
    margin-right: 36px;
}

.graph_tit .graph_position img {
    margin-left: 5px;
}

#chart {
    float: left;
    width: 50%;
}

.chart_area {
    width: 25%;
    min-height: 620px;
    float: left;
    background: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.chart_area li {
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
}

.chart_area .active {
    color: #15bf57;
    font-weight: 700;
}

.chart_area .active_arrow {
    display: none;
}

.chart_area .active .active_arrow {
    display: inline-block;
    float: right;
}

.chart_area .active .active_arrow .fa {
    font-size: 21px;
}

.chart_box {
    width: 75%;
    min-height: 620px;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}

.chart_box .chart_tit {
    padding: 20px 15px;
    font-size: 21px;
    text-align: left;
}

.chart_box .chart_tit .chart_btn {
    border: 1px solid #ddd;
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    padding: 4px 10px;
    font-weight: 700;
    vertical-align: top;
    border-radius: 3px;
    color: #555;
}

.chart_box .chart_tit select {
    float: right;
}

.chart_box .chart_tit2 .chart_btn {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    padding: 4px 10px;
    font-weight: 700;
    vertical-align: top;
    border-radius: 3px;
    color: #555;
}

.chart_box .chart_tit2 .chart_btn i {
    font-size: 17px;
    padding: 0 7px 0 0;
}

.chart_box .chart_tit2 {
    padding: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.chart_box svg {
    padding: 20px;
}

.chart_box .chart_list {
    float: left;
    width: 50%;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
}

.chart_box .chart_list li {
    display: flex;
    padding: 3px 0;
    align-items: center;
    padding-left: 20px;
    position: relative;
}

.chart_box .chart_list li span {
    width: 50%;
}

.chart_box .chart_list li div {
    width: 25%;
}

.chart_box .chart_list li.list_first {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.chart_box .chart_list li span:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    background: #ff617b;
    border-radius: 50%;
    left: 0;
    top: 9px;
}

.chart_box .chart_list li:nth-child(1) span:before {
    background: #fff;
}

.chart_box .chart_list li:nth-child(2) span:before {
    background: #81565f;
}

.chart_box .chart_list li:nth-child(3) span:before {
    background: #b86a6a;
}

.chart_box .chart_list li:nth-child(4) span:before {
    background: #f1a9aa;
}

.chart_box .chart_list li:nth-child(5) span:before {
    background: #f2d9d5;
}

.chart_box .chart_list li:nth-child(6) span:before {
    background: #c25a6b;
}

.chart_box .chart_list li:nth-child(7) span:before {
    background: #f1a9aa;
}

.chart_box .chart_list li:nth-child(8) span:before {
    background: #d1b9d1;
}

.chart_box .chart_list li:nth-child(9) span:before {
    background: #cea0a3;
}

.chart_box .chart_list li:nth-child(10) span:before {
    background: #da5220;
}

.chart_box .chart_list li:nth-child(11) span:before {
    background: #786868;
}

.chart_box .chart_list li:nth-child(12) span:before {
    background: #a6837d;
}

.chart_box .chart_list li:nth-child(13) span:before {
    background: #8d7062;
}

.chart_box .chart_list li:nth-child(14) span:before {
    background: #a77665;
}

.chart_box .chart_list li:nth-child(15) span:before {
    background: #e0b797;
}

.chart_box .chart_list li:nth-child(16) span:before {
    background: #b6b18b;
}

.chart_box .chart_list li:nth-child(17) span:before {
    background: #dd9159;
}

.chart_box .chart_list li:nth-child(18) span:before {
    background: #c0c7cf;
}

.chart_box .chart_list li:nth-child(19) span:before {
    background: #a44343;
}

.chart_box .chart_list li:nth-child(20) span:before {
    background: #530d2c;
}

.chart_box .chart_list li .chart_percent {
    font-weight: 700;
}

.chart_box .chart_list li .chart_cont {
    color: #888;
    font-weight: 700;
}

.chart_txt p {
    display: inline-block;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 400;
}

.chart_calender {
    display: flex;
    justify-content: space-between;
    padding: 10px 11px 10px 0;
    background: #f9f9f9;
    border: 1px solid #eee;
}

.chart_calender .chart_period {
    padding: 0 15px;
}

.chart_calender .chart_period:after {
    display: block;
    clear: both;
    content: '';
}

.chart_calender .chart_period button {
    float: left;
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px 12px;
}

.chart_calender .chart_period button:nth-child(2) {
    border-right: none;
    border-left: none;
}

.chart_calender .chart_period .active {
    border: 1px solid #15bf57 !important;
    color: #15bf57;
}

.chart_calender .chart_period .period_txt {
    margin: 2px 7px;
    float: left;
}

.chart_calender .chart_period .plus_day {
    position: relative;
    background: #fff;
    float: left;
}

.chart_calender .chart_period .plus_day input.textbox {
    padding: 2px;
    margin: 0;
    width: 115px;
    height: 28px;
    background: none;
    z-index: 1;
}

.chart_calender .chart_period .plus_day span {
    position: absolute;
    width: 15px;
    right: 10px;
    top: 6px;
    z-index: 0;
}

.chart_calender .chart_search {
    display: flex;
}

.chart_calender .chart_search .btn_type {
    margin-left: 5px;
    height: 31px;
    padding: 6px 10px;
    font-size: 13px;
}

/* 그래프 */
#canvas_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    position: relative;
    top: 5%;
    left: 0;
    display: block;
}

#canvas_container_pie {
    width: 45%;
    height: auto;
    padding-top: 25px;
    float: left;
    margin-right: 5%;
}


/* 추천레시피 팝업 */
.recipe_bg {
    background: #f9f9f9;
    height: 100vh;
    padding: 18px;
}

.recipe_bg:after {
    clear: both;
    display: block;
    content: '';
}

.recipe_bg .list_box .table_info .ga_tit {
    width: 200px;
}

.recipe_bg .list_box .table_info .ga_fix ul {
    display: flex;
}

.recipe_bg .list_box .table_info .ga_fix ul li:first-child {
    padding-right: 10px;
}

.recipe_bg .title_wrap_r li:last-child {
    float: right;
    width: 300px;
    padding-bottom: 20px;
}

.recipe_bg .title_wrap_r li:last-child .btn_type {
    width: 83px;
    float: right;
    margin: 0;
}

.recipe_bg .pop_tit {
    display: flex;
    justify-content: space-between;
}

.recipe_bg .list_box {
    width: 100%;
}

.recipe_bg .pop_tit {
    margin-bottom: 10px;
}

.recipe_bg .pop_tit .btn_type {
    width: 65px;
    height: 30px;
    font-size: 14px;
    padding: 5px 15px;
}

.recipe_bg .menu_table {
    padding: 0;
}

.recipe_bg .menu_table .menu_content {
    min-height: 270px;
}

/* 관리자 레시피 셀렉트박스 */
.recipead_plus {
    margin-right: 5px;
}

.recipead_plus:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.recipead_plus ul {
    width: 167px;
}

.recipead_plus ul > li {
    position: relative;
    font-size: 13px;
    line-height: 26px;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    width: 100%;
}

.recipead_plus ul > li:not(:last-child) {
    margin-right: 20px;
}

.recipead_plus ul > li:before {
    color: #ccc;
}

.recipead_plus ul > li .recipead_defalt {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0 40px 0 15px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.recipead_plus ul > li .recipead_arrow {
    position: absolute;
    top: 9px;
    right: 14px;
    width: 11px;
    transform: rotate(180deg);
}

.recipead_plus ul > li ol {
    position: absolute;
    z-index: 10;
    top: 27px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    padding: 10px 13px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-weight: 500;
    min-height: 70px;
    max-height: 500px;
    overflow-y: scroll;
}

.recipead_plus ul > li ol li {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: nowrap;
}

.recipead_plus ul > li ol li:last-child {
    float: left !important;
}

/* 메인 */
#container {
    position: relative;
}

#container .section:after {
    clear: both;
    display: block;
    content: '';
}

.main_section {
    padding: 20px;
    width: 1152px;
    min-width: 1152px;
    box-sizing: border-box;
    margin: 0px auto;
    position: relative;
}

.main_section:after {
    clear: both;
    display: block;
    content: '';
}

#left_container {
    float: left;
    width: 750px;
}

#right_container {
    float: right;
    width: 342px;
}

#left_container2 {
    float: left;
    width: 342px;
    padding-top: 40px;
}

#right_container2 {
    float: right;
    width: 750px;
    padding-top: 40px;
}

#right_container .contents_card {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

#right_container .grid-item {
    width: 100%;
    padding: 0;
    position: relative;
}

#right_container .insta_content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

#right_container .insta_profile .star2,
#right_container .insta_profile .heart {
    top: 15px;
}

.main_bor {
    border: 1px solid #ddd;
    padding: 19px 17px 19px 18px;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.main_bor hr {
    margin: 20px 0;
}

.main_bor .checkbox_save ul li:first-child {
    float: left;
}

.main_bor .checkbox_save ul li:last-child {
    float: right;
}

.main_bor input.textbox {
    height: 41px;
}

.main_bor .data_login {
    display: flex;
}

.main_bor .data_login .data_input {
    width: 70%;
    padding-right: 3%;
}

.main_bor .data_login button {
    width: 30%;
    height: 92px;
}

.main_ad {
    margin-bottom: 10px;
    cursor: pointer;
}

.main_ad2 {
    margin: 30px 0 10px;
}

.main_ad3 {
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.main_ad3 .main_left {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    content: '';
    display: block;
}

.main_ad3 .main_right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    content: '';
    display: block;
}

.main_tit {
    display: block;
    padding-bottom: 15px;
    padding-top: 10px;
}

.main_tit:after {
    display: block;
    content: '';
    clear: both;
}

.main_tit .main_tleft {
    float: left;
    font-weight: 700;
    line-height: 23px;
    font-size: 14px;
    margin-right: auto;
}

.main_tit .main_tleft .main_day {
    color: #888;
    line-height: 23px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

.main_tit .main_tleft .main_day img {
    margin-left: 5px;
}

.main_day .main_day_pop {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    padding: 15px 20px;
    position: absolute;
    display: none;
    z-index: 10;
    width: 315px;
    top: 25px;
    left: 52px;
    color: #000;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
    font-size: 12px;
}

.main_day .main_day_pop p {
    line-height: 1.5;
    margin: 5px 0;
}

.main_day:hover .main_day_pop {
    display: block;
}

.main_tit .search_font {
    font-size: 17px;
}

.sub_tab {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 9px 0;
    font-size: 13px;
    color: #777;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.sub_tab:first-child {
    border-left: 1px solid #ddd;
}

.sub_tab:hover,
.sub_tab.active {
    border: 1px solid #15bf57;
    background: #15bf57;
    color: #fff;
    font-weight: 700;
}

.main_tit:after {
    display: block;
    content: '';
    clear: both;
}

.main_tit .main_tright {
    float: right;
    color: #888;
    line-height: 23px;
    font-size: 13px;
    position: relative;
}

.main_tit .main_tright a:hover {
    color: #000;
}

.main_tit_in {
    padding-bottom: 10px;
    font-size: 12px;
}

.sub_ranking {
    display: block;
    padding-bottom: 15px;
}

.sub_ranking:after {
    display: block;
    content: '';
    clear: both;
}

.sub_ranking h3 {
    float: left;
    padding: 0;
    margin: 0;
}

.sub_ranking .main_tright {
    float: right;
    color: #888;
    line-height: 23px;
}

.sub_ranking .main_tright ul,
.sub_ranking .main_tleft ul {
    display: flex;
}

.sub_ranking .main_tright ul .btn_white2 {
    margin-left: 5px;
}

.sub_pd {
    padding: 20px 0;
    width: 1112px;
    margin: 0 auto;
}

/* 메인 뉴스기사 */
.news_tab {
    position: relative;
    margin-bottom: 25px;
    padding-top: 15px;
}

.news_tab .mySwiper1 {
    width: 70%;
}

.news_tab .swiper {
    overflow: hidden;
}

.news_tab .swiper-button-prev1,
.news_tab .swiper-button-next1 {
    position: absolute;
    top: 27px;
    color: #000;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    background: #fff;
    width: 24px;
    height: 24px;
    justify-content: center;
    z-index: 1;
}

.news_tab .swiper-button-prev1 {
    right: 23px;
    left: auto;
}

.news_tab .swiper-button-next1 {
    right: 0px;
}

.news_tab .swiper-button-prev1:after,
.news_tab .swiper-button-next1:after {
    font-size: 12px;
    font-weight: 700;
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.news_tab .swiper-button-next1:after,
.news_tab .swiper-container-rtl .swiper-button-prev1:after {
    content: 'next';
    font-size: 10px;
}

.news_tab .swiper-button-prev1:after,
.news_tab .swiper-container-rtl .swiper-button-next1:after {
    content: 'prev';
    font-size: 10px;
}

.news_tab .swiper-slide {
}

.news_tab .swiper-slide-visible {
    padding: 15px 13px 20px 0;
    font-size: 15px;
    cursor: pointer;
    width: auto !important;
    font-weight: 700;
}

.news_tab .swiper-slide-thumb-active {
    color: #15bf57;
}

.news_tab .news_left,
.news_tab .news_right {
    float: left;
    font-size: 13px;
    line-height: 18px;
}

.news_tab .news_left {
    width: 50%;
    padding-right: 2%;
}

.news_tab .news_left .pic_swiper {
    width: 48%;
    float: left;
    padding-bottom: 13px;
    margin-left: 4%;
    display: flex;
    flex-direction: column;
}

.news_tab .news_left .pic_swiper:first-child,
.news_tab .news_left .pic_swiper:nth-child(3) {
    margin-left: 0;
}

.news_tab .news_left .pic_swiper .txt_swiper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    padding-top: 5px;
}

.news_tab .news_gov {
    width: 100%;
}

.news_tab .news_gov li {
    font-size: 13px;
    line-height: 18px;
    padding: 4px 0;
}

.news_tab .news_right {
    width: 50%;
}

.news_tab .news_right ul li {
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 19px;
}

.news_tab .news_right ul a:first-child li {
    padding-top: 0;
}

.news_tab .news_right ul a:nth-child(6) li {
    padding-bottom: 15px;
}

.news_tab .pic_swiper .theme_thumb {
    width: 172px;
    height: 114px;
}


/* 메인 카테고리 */
.result_tab {
    position: relative;
}

.result_tab .main_border,
.result_tab .mySwiper1 .swiper-slide-visible {
    border:none !important;
}

.result_tab .swiper-slide ul li {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    line-height: 22px;
    align-items: center;
    padding-bottom: 15px;
}

.result_tab .main_txt .swiper-slide li {
    flex-direction: inherit;
}

.result_tab .main_txt .pic_swiper {
    height: 115px;
}

.result_tab .swiper {
    overflow: hidden;
    text-align: center;
}

.result_tab .swiper .swiper-thumbs {
    padding-bottom: 15px;
}

.result_tab .swiper-button-prev,
.result_tab .swiper-button-next {
    position: absolute;
    top: 10px;
    color: #000;
    display: flex;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    border-radius: 50%;
    align-items: center;
    background: #fff;
    width: 30px;
    height: 30px;
    justify-content: center;
    z-index: 1;
}

.result_tab .swiper-button-prev {
    left: -15px;
}

.result_tab .swiper-button-next {
    right: -11px;
}

.result_tab .swiper-button-prev:after,
.result_tab .swiper-button-next:after {
    font-size: 12px;
    font-weight: 700;
}

.result_tab .main_tab {
    display: inline-block;
    float: left;
}

.result_tab .main_tab .swiper-slide,
.result_tab .main_tab .swiper-slide2 {
    text-align: center;
    width: 25% !important;
    float: left;
}

.result_tab .main_tab .swiper-slide2 {
    height: 100%;
    position: relative;
    transition-property: transform;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 15px 0;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    color: #ddd;
}

.result_tab .main_tab .swiper-slide2 img {
    opacity: 0.3;
}

.result_tab .main_tab .swiper-slide2:nth-child(4) {
    border-right: 1px solid #ddd;
}

.result_tab .main_tab .swiper-slide2:nth-child(5) {
    border-top: 0;
}

.result_tab .main_tab .swiper-slide:hover {
    color: #15bf57;
}

.result_tab .main_tab .swiper-slide-thumb-active:hover {
    color: #fff;
}

.result_tab .swiper-slide-visible {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 15px 0;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
}

.result_tab .swiper-slide-visible:nth-child(4),
.result_tab .swiper-slide-visible:last-child {
    border-right: 1px solid #ddd;
}

.result_tab .swiper-slide-visible:nth-child(5),
.result_tab .swiper-slide-visible:nth-child(6),
.result_tab .swiper-slide-visible:nth-child(7),
.result_tab .swiper-slide-visible:last-child {
    border-top: none !important;
}

.result_tab .main_tab .swiper-slide-thumb-active {
    color: #fff;
    border: 1px solid #15bf57;
    background: #15bf57;
    width: 25% !important;
}

.result_tab .insta_swiper .pic_swiper .theme_thumb {
    height: 240px;
    object-fit: cover;
    margin-bottom: 10px;
}

.result_tab .insta_swiper .pic_swiper .theme_thumb2 {
    height: 180px;
    object-fit: cover;
}

.result_tab .insta_swiper .pic_swiper .theme_thumb2 img {
    object-fit: cover;
}

.result_tab .pic_swiper {
    width: 23%;
    height: 150px;
    margin-right: 3%;
    overflow: hidden;
    position: relative;
}

.result_tab .pic_swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.result_tab .pic_swiper .thumb_bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #000;
    opacity: .04;
    filter: alpha(opacity=4);
}

.result_tab .box_swiper,
.result_tab_btn .box_swiper {
    width: 71%;
    text-align: left;
}

.result_tab .box_swiper .theme_thumb,
.result_tab_btn .box_swiper .theme_thumb {
    width: 100%;
    height: 114px;
}

.result_tab .box_swiper .cate_swiper,
.result_tab_btn .box_swiper .cate_swiper {
    color: #15bf57;
    padding-top: 7px;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.result_tab .box_swiper .tit_swiper,
.result_tab_btn .box_swiper .tit_swiper {
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.result_tab .box_swiper .content_swiper,
.result_tab_btn .box_swiper .content_swiper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height: 45px;
}

.result_tab .swiper-slide ul a:hover .theme_thumb img,
.result_tab_btn .swiper-slide ul a:hover .theme_thumb img {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.result_tab .swiper-slide:hover a,
.result_tab_btn .swiper-slide:hover a {
    color: #000;
}

.result_cont .result_tab_btn {
    display: none;
}

.result_cont .result_tab_btn.on {
    display: block;
}

.result_tab_txt {
    overflow: hidden;
    width: 283px;
}

.result_tab_txt .box_swiper {
    width: 100%;
    text-align: left;
}

.result_tab_txt .box_swiper .cate_swiper {
    color: #15bf57;
    padding-top: 7px;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.result_tab_txt .box_swiper .tit_swiper {
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.result_tab_txt .box_swiper .content_swiper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    min-height: 24px;
}

.result_tab_txt .swiper-slide ul a:hover .theme_thumb img {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.result_tab_txt .swiper-slide:hover a {
    color: #000;
}

.result_cont_key {
    margin-bottom: 10px;
}

.result_key {
    padding: 9px 21px;
    cursor: pointer;
    background: #f3f3f3;
    text-align: center;
    display: inline-block;
    border-radius: 55px;
    border-bottom: none;
    font-size: 14px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.result_key.on {
    background: #15bf57;
    color: #fff;
}

.main_swiper_btn {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
    margin-bottom: 12px;
}

.main_swiper_btn a {
    position: absolute;
    right: 0;
    font-size: 14px;
}

.main_swiper_btn .swiper-pagination {
    display: none;
    font-size: 0;
    border: 0;
    background: #ddd;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    margin: 0 5px;
    cursor: pointer;
    position: static;
}

.main_swiper_btn .swiper-pagination-bullet-active {
    background: #333;
}

.main_swiper_btn .swiper-button-prev,
.main_swiper_btn .swiper-button-prev1,
.main_swiper_btn .swiper-button-prev2,
.main_swiper_btn .swiper-button-prev4,
.main_swiper_btn .swiper-button-prev5,
.main_swiper_btn .swiper-button-prev6,
.main_swiper_btn .swiper-button-prev7,
.main_swiper_btn .swiper-button-prev8,
.main_swiper_btn .swiper-button-prev9,
.main_swiper_btn .swiper-button-next,
.main_swiper_btn .swiper-button-next1,
.main_swiper_btn .swiper-button-next2,
.main_swiper_btn .swiper-button-next4,
.main_swiper_btn .swiper-button-next5,
.main_swiper_btn .swiper-button-next6,
.main_swiper_btn .swiper-button-next7,
.main_swiper_btn .swiper-button-next8,
.main_swiper_btn .swiper-button-next9 {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    font-size: 10px;
    color: #000;
    font-weight: 700;
}

.main_swiper_btn .swiper-button-prev:after,
.main_swiper_btn .swiper-button-prev1:after,
.main_swiper_btn .swiper-button-prev2:after,
.main_swiper_btn .swiper-button-prev4:after,
.main_swiper_btn .swiper-button-prev5:after,
.main_swiper_btn .swiper-button-prev6:after,
.main_swiper_btn .swiper-button-prev7:after,
.main_swiper_btn .swiper-button-prev8:after,
.main_swiper_btn .swiper-button-prev9:after {
    content: 'prev';
}

.main_swiper_btn .swiper-button-next:after,
.main_swiper_btn .swiper-button-next1:after,
.main_swiper_btn .swiper-button-next2:after,
.main_swiper_btn .swiper-button-next4:after,
.main_swiper_btn .swiper-button-next5:after,
.main_swiper_btn .swiper-button-next6:after,
.main_swiper_btn .swiper-button-next7:after,
.main_swiper_btn .swiper-button-next8:after,
.main_swiper_btn .swiper-button-next9:after {
    content: 'next';
}

.main_swiper_btn .swiper-button-prev,
.main_swiper_btn .swiper-button-next,
.main_swiper_btn .swiper-button-prev1,
.main_swiper_btn .swiper-button-next1,
.main_swiper_btn .swiper-button-prev2,
.main_swiper_btn .swiper-button-next2,
.main_swiper_btn .swiper-button-prev9,
.main_swiper_btn .swiper-button-next9,
.main_swiper_btn .swiper-button-prev4,
.main_swiper_btn .swiper-button-next4,
.main_swiper_btn .swiper-button-prev5,
.main_swiper_btn .swiper-button-next5,
.main_swiper_btn .swiper-button-prev6,
.main_swiper_btn .swiper-button-next6,
.main_swiper_btn .swiper-button-prev7,
.main_swiper_btn .swiper-button-next7,
.main_swiper_btn .swiper-button-prev8,
.main_swiper_btn .swiper-button-next8,
.rank_list .swiper-button-prev,
.rank_list .swiper-button-next {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    background: #fff;
    width: 48px;
    height: 24px;
    justify-content: center;
    font-family: swiper-icons;
    position: initial;
    margin: 4px 0 0 0;
    border-radius: 0;
    box-shadow: none;
}

.main_swiper_btn .swiper-button-prev,
.main_swiper_btn .swiper-button-prev1,
.main_swiper_btn .swiper-button-prev2,
.main_swiper_btn .swiper-button-prev9,
.main_swiper_btn .swiper-button-prev4,
.main_swiper_btn .swiper-button-prev5,
.main_swiper_btn .swiper-button-prev6,
.main_swiper_btn .swiper-button-prev7,
.main_swiper_btn .swiper-button-prev8,
.rank_list .swiper-button-prev {
    margin-left: 8px;
    margin-right: -1px;
}

.swiper-button-prev1.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled,
.swiper-button-prev4.swiper-button-disabled,
.swiper-button-prev5.swiper-button-disabled,
.swiper-button-prev6.swiper-button-disabled,
.swiper-button-prev7.swiper-button-disabled,
.swiper-button-prev8.swiper-button-disabled,
.swiper-button-prev9.swiper-button-disabled {
    opacity: 0.3;
}

.swiper-button-next1.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled,
.swiper-button-next4.swiper-button-disabled,
.swiper-button-next5.swiper-button-disabled,
.swiper-button-next6.swiper-button-disabled,
.swiper-button-next7.swiper-button-disabled,
.swiper-button-next8.swiper-button-disabled,
.swiper-button-next9.swiper-button-disabled {
    opacity: 0.3;
}

.main_swiper_btn .swiper-button-prev:before,
.main_swiper_btn .swiper-button-prev:before1,
.main_swiper_btn .swiper-button-prev:before2,
.main_swiper_btn .swiper-button-prev:before9,
.main_swiper_btn .swiper-button-prev:before4,
.main_swiper_btn .swiper-button-prev:before5,
.main_swiper_btn .swiper-button-prev:before6,
.main_swiper_btn .swiper-button-prev:before7,
.main_swiper_btn .swiper-button-prev:before8,
.rank_list .swiper-button-prev:before {
    content: '';
}

.main_swiper_btn .swiper-button-next:before,
.main_swiper_btn .swiper-button-next:before1,
.main_swiper_btn .swiper-button-next:before2,
.main_swiper_btn .swiper-button-next:before9,
.main_swiper_btn .swiper-button-next:before4,
.main_swiper_btn .swiper-button-next:before5,
.main_swiper_btn .swiper-button-next:before6,
.main_swiper_btn .swiper-button-next:before7,
.main_swiper_btn .swiper-button-next:before8,
.rank_list .swiper-button-next:before {
    content: '';
}

/* 마이페이지 - 즐겨찾기 */
.favor_tab .main_tab {
    position: relative;
    padding: 8px 20px 20px 20px;
    display: flex;
}

.favor_tab .tab_cont {
    padding: 0 15px;
}

.favor_tab .tab_cont2 {
    padding: 0 20px;
}

.favor_tab .product_sort2 {
    padding: 5px 7px 20px;
}

.favor_tab .product_sort2 ul:after {
    display: block;
    content: '';
    clear: both;
}

.favor_tab .product_sort2 ul li {
    float: left;
    display: inline-block;
    width: auto;
    padding-right: 15px;
}

.favor_tab .main_tab a {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 16.7%;
    text-align: center;
    padding: 15px 0;
    font-size: 13px;
    font-weight: 700;
}

.favor_tab .main_tab a:first-child {
    border-left: 1px solid #ddd;
}

.favor_tab .main_tab .active {
    color: #fff;
    background: #15bf57;
    border: 1px solid #15bf57;
}

.favor_tab .seach_recipe {
    padding: 20px 0;
}

.favor_tab .tab_h {
    margin-bottom: 10px;
}

.favor_tab .menu_favor {
    padding: 0 7px 22px 7px;
}

.pic_swiper:after {
    display: block;
    content: '';
    clear: both;
}

.pic_swiper .theme_thumb {
    overflow: hidden;
    display: block;
    position: relative;
    height: 115px;
}

.pic_swiper .theme_thumb img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    image-rendering: -webkit-optimize-contrast;
    min-height: 100%;
    object-fit: cover;
}

.pic_swiper .theme_thumb:hover {
    color: #000;
}

.pic_swiper .theme_thumb .thumb_bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .06;
    filter: alpha(opacity=6);
    border: 1px solid #000;
}

.insta_swiper {
    width: 33.33%;
    display: inline-block;
    float: left;
    padding: 0.5%;
}

.insta_swiper li {
    display: flex;
    flex-direction: column;
    padding: 0.5%;
}

.result_tab .insta_swiper .pic_swiper,
.result_tab .insta_swiper .box_swiper {
    width: 100%;
}

.result_tab .insta_swiper .pic_swiper {
    height: 240px;
    margin-right: 0;
    margin-bottom: 10px;
}

.result_tab .insta_swiper .pic_swiper:after {
    content: '';
    display: block;
    clear: both;
}

.result_tab .insta_swiper .box_swiper .content_swiper {
    -webkit-line-clamp: 5;
    min-height: 110px;
}

.google_swiper {
    width: 33.33%;
    display: inline-block;
    float: left;
    padding: 0.5%;
}

.google_swiper li {
    display: flex;
    flex-direction: column;
    padding: 0.5%;
}

.result_tab .google_swiper .pic_swiper,
.result_tab .google_swiper .box_swiper {
    width: 100%;
}

.result_tab .google_swiper .pic_swiper {
    margin-right: 0;
    margin-bottom: 10px;
}

.result_tab .google_swiper .pic_swiper .theme_thumb2 img {
    min-height: 100%;
    object-fit: cover;
}

.result_tab .google_swiper .theme_thumb2 {
    height: 180px;
}

.result_tab .google_swiper .box_swiper .content_swiper {
    -webkit-line-clamp: 2;
    min-height: 46px;
}


/* 통합검색 */
#search_top {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 10;
    top: 0;
}

#search_top nav:before {
    width: 100%;
    background: #ddd;
    height: 1px;
    content: '';
    position: absolute;
    bottom: 0;
}

#search_top header {
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.search_mt {
    margin-top: 130px;
}

.search_mt #right_container {
    width: 320px;
}

.inner_search {
    width: 1152px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_search:after {
    content: "";
    display: block;
    clear: both;
}

.inner_search #logo_area {
    float: left;
    width: 55%;
}

.inner_search #logo_area ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_search #logo_area ul .logo {
    width: 55px;
    margin-right: 15px;
}

.inner_search #logo_area ul .logo a img {
    width: 100%;
}

.inner_search #logo_area ul li:last-child {
    width: 93%;
}

.inner_search #search_wrap {
    background-color: #fff;
}

.inner_search #search_wrap {
    background-color: #fff;
}

.inner_search #search_wrap .search_bar .search_box .icon_search_w {
    width: 27px;
}

.inner_search #search_wrap .search_bar .search_box .search_input {
    width: calc(100% - 63px);
}

nav {
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 0 auto;
}

nav #gnb_wrap_search {
    width: 100%;
    max-width: 1152px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 20px;
}

nav #gnb_wrap_search #gnb ul li a.active {
    font-weight: 700;
    color: #15bf57;
    position: relative;
}

nav #gnb_wrap_search #gnb ul li a.active:before {
    width: 100%;
    height: 2px;
    background: #15bf57;
    content: '';
    position: absolute;
    bottom: -15px;
}

nav #gnb {
}

nav #gnb li {
    display: inline-block;
    font-weight: 500;
    padding: 15px 0;
    margin-right: 15px;
}

nav #gnb li:hover a {
    color: #15bf57;
}

nav #gnb li .ico_menu {
    display: inline-block;
    margin-top: -3px;
    margin-right: 8px;
    cursor: pointer;
}

.scroll_off {
    transform: translateY(-52px);
    margin-top: -160px;
}

.scroll_on {

}

.result_search {
    position: relative;
    text-align: center;
}

.result_search .search_ul {
    position: relative;
}

.result_search {
    margin-top: 0;
}

.result_search .search_count {
    background: #e9fff2;
    margin-top: 0 !important;
}

.search_ul .contents_recipe {
    width: 33.33%;
}

.search_ul .contents_recipe .contents_recipe_box .contents_thumbs {
    width: 100%;
    height: 0;
    padding-top: calc(430 / 600 * 100%);
    background-repeat: no-repeat;
    background-size: cover;
}

.search_ul .contents_recipe .contents_recipe_box .recipe_tit {
    padding: 16px 15px 8px 15px;
    font-size: 17px;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_ul .contents_recipe .contents_recipe_box .recipe_share {
    padding: 3px 15px 0 15px;
    font-size: 14px;
    word-break: break-all;
    font-weight: 500;
    line-height: 1.5;
    color: #888;
    display: flex;
    justify-content: space-between;
}

.search_ul .contents_recipe .contents_recipe_box .contents_data {
    padding-bottom: 0;
}

.search_ul:after {
    clear: both;
    display: block;
    content: '';
}

.search_ul .you_inner {
    padding: 0;
    width: 33.33%;
    float: left;
    padding: 8px;
}

.search_ul .you_inner .listWrapper {
    width: 100%;
}

.search_ul .youtube_box ul {
    width: 100%;
    padding: 0;
}

.search_ul .youViewListWrap li {
    display: block !important;
    text-align: left;
    padding-bottom: 0 !important;
}

.result_search .search_ul .main_tit {
    padding: 10px 8px 15px 4px;
}

.result_search .search_ul li {
    display: flex;
    font-size: 13px;
    line-height: 22px;
    align-items: center;
    padding-bottom: 15px;
}

.result_search .search_ul li .menu_table {
    width: 100%;
    padding: 0;
}

.result_search .search_ul li .menu_table .menu_content {
    width: 100%;
    border-top: 1px solid #ddd;
}

.result_search .swiper-slide:nth-child(3n+1) .menu_table .menu_content,
.result_search .result_m .menu_content:nth-child(3n+1) {
    border-left: 1px solid #ddd;
}

.result_search .result_m .menu_content:nth-child(5n) {
    border-right: 1px solid #ddd;
}

.result_search .result_m .menu_content {
    border-top: none !important;
}

.result_search .result_m .menu_content:nth-child(1),
.result_search .result_m .menu_content:nth-child(2),
.result_search .result_m .menu_content:nth-child(3) {
    border-top: 1px solid #ddd !important;
}

.result_search .menu_table .menu_content .menu_list li {
    padding-top: 3px;
    padding-bottom: 0;
}

.result_search .menu_table .menu_content .menu_list li.menu_day {
    padding-bottom: 8px;
    flex-direction: column;
    align-items: flex-end;
}

.result_search .insta_swiper .pic_swiper .theme_thumb {
    height: 240px;
    object-fit: cover;
}

.result_search .insta_swiper .pic_swiper .theme_thumb2 {
    height: 180px;
    object-fit: cover;
}

.result_search .insta_swiper .pic_swiper .theme_thumb2 img {
    object-fit: cover;
}

.result_search .pic_swiper {
    width: 23%;
    margin-right: 3%;
    overflow: hidden;
}

.result_search .box_swiper {
    width: 71%;
    text-align: left;
}

.result_search .box_swiper .theme_thumb {
    width: 100%;
    height: 114px;
}

.result_search .box_swiper .cate_swiper {
    color: #000;
    padding-top: 7px;
    font-weight: 700;
}

.result_search .box_swiper .cate_swiper span {
    color: #999;
    padding-left: 20px;
    font-weight: 500;
    font-size: 12px;
}

.result_search .box_swiper .tit_swiper {
    /*padding-bottom: 6px;*/
    font-size: 15px;
    color: #1a0dab;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 26px;
}

.result_search .box_swiper .content_swiper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.result_search ul a .theme_thumb img {
    transition: transform .5s, -ms-transform .5s;
}

.result_search ul a:hover .theme_thumb img {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.result_search ul:hover a {
    color: #000;
}

.picture_search {
    width: 32.8%;
    display: inline-block;
    padding: 0.5%;
}

.picture_search li {
    align-items: flex-start !important;
    flex-direction: column;
    padding: 0.5%;
}

.result_search .picture_search .pic_swiper {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
}

.result_search .picture_search .box_swiper {
    width: 100%;
}

.result_search .picture_search .box_swiper .tit_swiper {
    color: #000;
}

.result_search .picture_search .pic_swiper .theme_thumb2 img {
    min-height: 100%;
    object-fit: cover;
}

.result_search .picture_search .theme_thumb2 {
    height: 180px;
}

.result_search .picture_search .box_swiper .content_swiper {
    -webkit-line-clamp: 2;
}

.result_search .picture_search .pic_swiper .theme_thumb3 img {
    min-height: 100%;
    object-fit: cover;
}

.result_search .picture_search .theme_thumb3 {
    height: 133px;
}

.result_search .grid-item,
.result_search .grid-sizer {
    width: 33.33%;
}

.result_search .insta_grid {
    margin: 0;
}

.result_search .grid-insta {
    position: relative;
    border: 1px solid #dbdbdb;
    text-align: left;
    display: inline-block;
    margin-bottom: 5px;
}

.result_search .youtube_wrap {
    margin: 0 -7px;
}

.result_search .grid-insta .insta_content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.result_search .grid-insta .insta_fname {
    padding: 0 0 10px;
}

.result_search .search_ul .swiper-button-prev,
.result_search .search_ul .swiper-button-next {
    position: absolute;
    top: 165px;
    color: #000;
    display: flex;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    border-radius: 50%;
    align-items: center;
    background: #fff;
    width: 30px;
    height: 30px;
    justify-content: center;
    z-index: 1;
    font-weight: 700;
    font-family: swiper-icons;
}

.result_search .search_ul .swiper-button-prev:hover,
.result_search .search_ul .swiper-button-next:hover {
    background: #f9f9f9;
}

.result_search .search_ul .swiper-button-prev:after,
.result_search .search_ul .swiper-button-next:after {
    font-size: 10px;
    color: #000;
}

.result_search .search_ul .swiper-button-prev {
    left: -15px;
    right: auto;
}

.result_search .search_ul .swiper-button-next {
    right: -15px;
    left: auto;
}

.search_no {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 17px;
    height: 25vh;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #eee;
    font-weight: 700;
}

.search_no img {
    width: fit-content;
    margin: 0 auto 10px;
    height: 55px;
}

.favor_no {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 17px;
    height: 25vh;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #eee;
    font-weight: 700;
    width: 100%;
    max-width: 1112px;
    margin: 0px auto 25px;
    padding: 23px;
}

/* 뉴스페이지 */
#news_top {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 2;
    top: 0;
}

#news_top nav:before {
    width: 100%;
    background: #ddd;
    height: 1px;
    content: '';
    position: absolute;
    bottom: 0;
}

#news_top header {
    border-bottom: 1px solid #ddd;
    background: #fff;
}

#news_top nav #gnb li {
    margin-right: 30px;
}

.header_bg {
    background: #f9f9f9;
    width: 100%;
}

.inner_news {
    width: 1152px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_news #logo_area {
    float: left;
}

.inner_news #logo_area ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner_news #logo_area ul .logo {
    width: 150px;
    margin-right: 15px;
}

.inner_news #logo_area ul .logo a img {
    width: 100%;
}

#logo_name {
    display: flex;
    font-size: 13px;
    width: 45%;
    justify-content: flex-end;
}

#logo_name .logo_ico1,
#logo_name .logo_ico2,
#logo_name .logo_ico3 {
    position: relative;
    width: 24px;
    height: 24px;
    background: url("//img.menu365.co.kr/logo_img.png");
    margin-left: 10px;
}

#logo_name .logo_ico1 {
    background-position: 15px 0px;
    padding: 14px 20px;
    margin-left: 0;
}

#logo_name .logo_ico2 {
    background-position: -27px 0px;
    cursor: pointer;
}

#logo_name .logo_ico3 {
    background-position: -52px 0px;
    width: 18px;
    cursor: pointer;
}

#logo_name .logo_ico1 .logo_span {
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    align-items: center;
    color: #000;
    font-weight: 400;
}

#logo_name .logo_ico1:hover .logo_span {
    display: block;
}

#logo_name .logo_ico1 .logo_span .logo_pic {
    width: 80px;
    display: inline-block;
    margin-right: 10px;
}

#logo_name .logo_ico1 .logo_span .logo_profile {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    width: 125px;
}

#logo_name .logo_ico1 .logo_span .logo_profile span,
#logo_name .logo_ico1 .logo_span .logo_profile a {
    padding: 3px 0;
    display: block;
}

#logo_name .logo_ico1 .logo_span .logo_profile span:first-child {
    font-size: 14px;
    font-weight: 700;
}

#logo_name .logo_ico1 .logo_span .logo_profile a:last-child {
    color: #999;
}

#logo_name .logo_ico1 .logo_span .logo_menu2 a {
    width: 50%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
}

#logo_name .logo_ico1 .logo_span .logo_menu2 a:first-child,
#logo_name .logo_ico1 .logo_span .logo_menu2 a:nth-child(2) {
    margin-bottom: 15px;
}

#logo_name .logo_ico2 {
    display: block;
}

#logo_name .logo_ico3:after {
    display: block;
    content: '';
    clear: both;
}

#logo_name .logo_ico3 .logo_menu {
    width: 260px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
}

#logo_name .logo_ico1 .logo_span,
#logo_name .logo_ico3 .logo_menu {
    display: none;
    top: 30px;
    right: 0;
    position: absolute;
    z-index: 100;
}

#logo_name .logo_ico1:hover > .logo_span > .logo_box {
    display: flex;
}

#logo_name .logo_ico3:hover .logo_menu {
    display: block;
}

#logo_name .logo_ico1 .logo_span:before {
    background: url("//img.menu365.co.kr/logo_img.png");
    width: 15px;
    height: 8px;
    background-position: -91px -6px;
    content: '';
    position: absolute;
    top: -8px;
    right: 4px;
}

.logo_menu:before {
    background: url("//img.menu365.co.kr/logo_img.png");
    width: 15px;
    height: 8px;
    background-position: -91px -6px;
    content: '';
    position: absolute;
    top: -8px;
    right: 0;
}

.logo_menu a {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    font-size: 12px;
    padding: 9px 2px;
    font-weight: 400;
}

.news_header {
    width: 1152px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_header #search_wrap .search_bar .search_box .search_input {
    height: 35px;
}

.news_header #search_wrap .search_bar .search_box .btn_search {
    padding: 6px 5px 0;
}

.news_header #search_wrap .search_bar .search_box .search_input {
    width: calc(100% - 41px);
}

.news_header .news_txt {
    font-size: 29px;
    font-weight: 700;
}

.news_header .news_txt:hover {
    color: #000;
}

.top_news {
    padding-top: 15px;
    padding-bottom: 30px;
}

.top_news ul {
    display: flex;
}

.top_news ul li {
    width: 25%;
    margin-left: 30px;
}

.top_news ul li:first-child {
    margin-left: 0;
}

.top_news ul li a {
    padding-bottom: 12px;
    display: block;
}

.top_news .top_newsbox .thumb_news,
.middle_img .thumb_news {
    margin-bottom: 10px;
    overflow: hidden;
}

.top_news .top_newsbox .thumb_news img,
.middle_img .thumb_news img {
    transition: transform .5s, -ms-transform .5s;
}

.top_news .top_newsbox .thumb_news:hover img,
.middle_img .thumb_news:hover img {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.top_news .top_newsbox .news_title {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.05em;
    font-weight: 700;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.top_news .txt_newstit .news_title {
    font-size: 16px;
    line-height: 22px;
    height: 45px;
    overflow: hidden;
}

.top_news .txt_newstit .news_name {
    padding-left: 10px;
}

.news_name {
    color: #999;
    font-size: 12px;
}

.middle_news ul li {
    display: flex;
    padding-bottom: 40px;
}

.middle_news ul li .middle_txt a {
    align-items: center;
    margin-bottom: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
}

.middle_news ul li a .news_name {
    padding-left: 10px;
    font-weight: 500;
}

.middle_news .middle_txt {
    width: 560px;
}

.middle_news .middle_img {
    width: 190px;
}

.middle_news .middle_img .news_title {
    font-size: 13px;
    align-items: center;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    color: #222;
}

.middle_img .thumb_news {
    width: 190px;
    height: 105px;
}

.ad_contents {
    width: 100%;
    height: 150px;
    margin-top: 55px;
    margin-bottom: 55px;
    background: #f9f9f9;
}

.news_ranking {
    position: relative;
}

.ranking_city {
    margin: 0 -10px;
}

.ranking_city:after {
    clear: both;
    display: block;
    content: '';
}

.ranking_width {
    width: 31.5%;
    float: left;
    margin: 10px 10px 0 10px;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
    padding: 20px;
    text-align: left;
}

.ranking_width .mySwiper2 {
    overflow: hidden;
    padding-bottom: 40px;
}

.main_border {
    margin-bottom: 20px !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

.news_ranking .ranking_area {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

.news_ranking .swiper-button-next,
.news_ranking .swiper-container-rtl .swiper-button-prev {
    right: -50px;
}

.news_ranking .swiper-button-prev,
.news_ranking .swiper-container-rtl .swiper-button-next {
    left: -50px;
}

.news_ranking .swiper-button-next,
.news_ranking .swiper-button-prev {
    color: #465061;
    opacity: 0.2;
    height: fit-content;
    bottom: 210px;
    top: auto;
}

.news_ranking .swiper-button-next:hover,
.news_ranking .swiper-button-prev:hover {
    background: none;
    opacity: 0.5;
}

.news_ranking ul li {
    margin-top: 15px;
    font-size: 14px;
    color: #465061;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    position: relative;
    text-align: center;
}

.news_ranking ul li:hover {
    color: #15bf57;
}

.news_ranking ul li a {
    display: flex;
    position: relative;
}

.news_ranking ul li span {
    font-weight: 700;
    color: #15bf57;
    left: 0;
    width: 20px;
    text-align: center;
    position: absolute;
}

.news_ranking .ranking_home {
    text-align: left;
}

.news_ranking .ranking_home ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    padding-left: 22px;
    text-align: left;
}

.news_ranking .ranking_home li .news_name {
    padding-left: 7px;
    display: inline-block;
    line-height: 19px;
}

.news_ranking .ranking_home li .news_tit {
    max-width: 261px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
}

.newsbg_top {
    width: 100%;
    display: flex;
    border-radius: 12px;
    margin-bottom: 25px;
    overflow: hidden;
}

.naver {
    background: #3f63bf;
}

.fsnews {
    background: #003470;
}

.newsfs {
    background: #7030a0;
}

.real {
    background: #e75b11;
}

.esg {
    background: #e31a2d;
}

.newsbg_top .news_brand {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 30px;
    color: #fff;
    line-height: 30px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    height: 70px;
    justify-content: space-between;
}

.newsbg_top .news_brand a {
    color: #fff;
}

.newsbg_top .news_brand .brand_logo {
    width: 110px;
    height: 20px;
}

.newstab ul {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 12px 0 0;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
    background: #fff;
}

.newstab ul li {
    width: 50%;
    text-align: center;
    padding: 16px 0;
}

.newstab ul li a {
    position: relative;
    display: block;
}

.newstab ul li.naver_tab.active a,
.newstab ul li.naver_tab.active a:hover {
    color: #3f63bf;
    font-weight: 700;
}

.newstab ul li.naver_tab.active a:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #3f63bf;
    left: 0;
    bottom: -17px;
}

.newstab ul li.fsnews_tab.active a,
.newstab ul li.fsnews_tab.active a:hover {
    color: #003470;
    font-weight: 700;
}

.newstab ul li.fsnews_tab.active a:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #003470;
    left: 0;
    bottom: -17px;
}

.newstab ul li.newsfs_tab.active a,
.newstab ul li.newsfs_tab.active a:hover {
    color: #7030a0;
    font-weight: 700;
}

.newstab ul li.newsfs_tab.active a:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #7030a0;
    left: 0;
    bottom: -17px;
}

.newstab ul li.real_tab.active a,
.newstab ul li.real_tab.active a:hover {
    color: #e75b11;
    font-weight: 700;
}

.newstab ul li.real_tab.active a:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #e75b11;
    left: 0;
    bottom: -17px;
}

.newstab ul li.esg_tab.active a,
.newstab ul li.esg_tab.active a:hover {
    color: #e31a2d;
    font-weight: 700;
}

.newstab ul li.esg_tab.active a:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #e31a2d;
    left: 0;
    bottom: -17px;
}

.newscont .swiper-slide {
    border-radius: 12px;
    display: flex;
    padding: 20px 40px 30px 40px;
    justify-content: space-between;
    background: #fff;
}

.newscont .swiper-slide ul {
    width: 100%;
}

.newscont .swiper-slide ul li:after {
    display: block;
    content: '';
    clear: both;
}

.newscont .swiper-slide ul a {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    text-align: left;
    width: 45%;
    float: left;
}

.newscont .swiper-slide ul a:first-child {
    margin-right: 10%;
}

.newscont .swiper-slide ul a span {
    font-size: 22px;
    position: absolute;
    left: 0;
    top: -3px;
}

.newscont .swiper-slide .newsranking_txt .newstxt_in {
    width: 350px;
    padding-left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-weight: 700;
}

.newscont .swiper-slide .newsranking_txt2 .newstxt_in {
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-weight: 700;
}

.newscont .swiper-slide .newsranking_txt .newstxt_content {
    width: 350px;
    padding-left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 13px;
    padding-top: 10px;
}

.newscont .swiper-slide .newsranking_txt2 .newstxt_content {
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 13px;
    padding-top: 10px;
}

.newscont .swiper-slide .newsranking_img {
    width: 88px;
    height: 88px;
    position: relative;
    overflow: hidden;
}

.newscont .swiper-slide .newsranking_img img {
    position: absolute;
    height: 100%;
    object-fit: cover;
    transition: transform .5s, -ms-transform .5s;
}

.newscont .swiper-slide .newsranking_img img:hover {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.newscont ul li span {
    color: #000;
    width: 33px;
}

/* 회원가입 */
.inner .title_wrap {
    width: 220px;
    margin: 10px auto;
}

.inner textarea {
    background-color: #fff;
}

.inner .btn_type {
    line-height: 50px;
    height: 50px;
    margin: 15px 0 8px
}

.inner .form_box .form_title {
    padding: 5px 0 15px 0;
    font-weight: 700;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inner .form_box .form_title .btn_orange {
    padding: 4px 5px;
    width: 90px;
    font-size: 13px;
    font-weight: 600;
}

.inner .form_box .form_title .container-checkbox {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
}

.inner .form_box .form_alle {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 10px;
    font-size: 14px;
}

.inner .checkbox_wrap .container-checkbox {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
}

.inner .checkbox_wrap .container-checkbox .checkmark {
    top: 2px;
}

.form_bor {
    padding-top: 30px;
    border-top: 1px solid #333;
    line-height: 23px;
}

.form_box .login_form {
    padding: 30px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 3px;
}

.form_box .login_form .btn_white {
    width: 100%;
    height: 50px;
    line-height: 35px;
}

.form_box .login_form ul:after {
    clear: both;
    display: block;
    content: '';
}

.form_box .login_form ul {
    padding-top: 10px;
    font-size: 13px;
    color: #555;
}

.form_box .login_form ul li:first-child {
    float: left;
}

.form_box .login_form ul li:last-child {
    float: right;
}

.form_box .login_form .checkbox_save a {
    color: #555;
}

.checkbox_save ul li {
    display: flex;
}

.form_box .login_kakao {
    width: 100%;
    height: 50px;
    display: flex;
    border-radius: 3px;
    background: #fae100;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    color: #391b1a;
    margin-bottom: 8px;
    cursor: pointer;
}

.form_box .login_naver {
    width: 100%;
    height: 50px;
    font-size: 16px;
    display: flex;
    border-radius: 3px;
    background: #ffffff;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #ccc;
}

.form_box .login_kakao img,
.form_box .login_naver img {
    width: 25px;
    margin-right: 10px;
}

.form_box .join_select {
    display: flex;
    justify-content: center;
}

.form_box .join_select a:last-child {
    opacity: 0.5;
}

.form_box .join_select .join_txt {
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 30px 20px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    width: 160px;
    margin: 15px;
    height: 160px;
    letter-spacing: -1px;
    cursor: pointer;
}

.form_box .join_select .join_txt:hover,
.form_box .join_select .join_txt.active {
    background: #f4fff8;
    border: 1px solid #15bf57;
}

.form_box .join_select .join_txt img {
    width: 60px;
    margin: 0 auto;
}

.form_box .join_select .join_txt p {
    margin: 10px 0 0 0;
}

.form_box .btn_type {
    color: #fff;
}

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

.main_login a {
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.register_footer {
    text-align: center;
    padding-top: 20px;
}

.register_footer .fnb_l ul {
    display: flex;
    justify-content: center;
    font-size: 13px;
}

.register_footer .fnb_l ul li {
    padding: 5px 10px;
}

.register_footer .inner {
    padding: 10px 0;
    font-size: 12px;
}

.register_footer .inner ul li strong {
    color: #15bf57;
}

.register_footer .cr_l {
    float: inherit;
}

.register_footer .fnb_ico {
    width: 15px;
    height: 14px;
    background: url("//img.menu365.co.kr/logo_img.png");
    margin-left: 3px;
    background-position: -75px -4px;
    padding-left: 15px;
    opacity: 0.8;
}

.join_sort {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 5px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.join_sort ul {
}

.join_sort ul li {
    padding-right: 3px;
    float: left;
}

.join_sort .container-radio {
    font-size: 13px;
    padding-left: 21px;
}

.join_sort fieldset {
    border:none;
}

/* 관리자 로그인 */
.login_web {
    width: 100%;
    height: 100vh;
    padding-top: 15%;
    background: #f9f9f9;
}

.web_box {
    border-radius: 30px;
    width: 45%;
    margin: 0 auto;
    display: flex;
    overflow: hidden;
    position: relative;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
    background: url(//img.menu365.co.kr/login_bg.jpg) no-repeat;
    background-size: cover;
    justify-content: right;
}

.web_box .form_login {
    padding: 6%;
    width: 50%;
}

.web_box .form_login form:after {
    content: '';
    display: block;
    clear: both;
}

.web_box .form_login nav {
    border-top: 0;
}

.web_box .form_login .btn_type {
    margin-top: 20px;
    height: 48px;
    line-height: 48px;
    background: #3849ad;
    border: 1px solid #3849ad;
}

.web_box .form_login input.textbox {
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    outline: none;
    width: 100%;
    margin: 3px 0;
    color: #222;
}

.web_box .form_login .confirm_btn {
    width: 100%;
    margin-top: 13px;
    background: #d92e13;
    border: none;
    border-radius: 5px;
    height: 42px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
}

.login_mainbox {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    background: #fafafa;
}

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

.login_mainbox .tab_main a {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    padding: 8px 2px;
}

.login_mainbox .tab_main a:last-child {
    border-right: 0;
}

.login_main {
    display: flex;
    align-items: center;
    padding: 12px 17px 12px 18px;
}

.login_main .logo_pic {
    width: 60px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.login_main .logo_profile {
    position: relative;
    width: 235px;
    display: flex;
    flex-direction: column;
}

.login_main .logo_profile a:last-child {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ddd;
    padding: 3px 5px;
    color: #999;
    font-size: 11px;
    background: #fff;
}

.login_main .logo_profile span {
    padding: 3px 0;
}

.login_main .logo_profile span:first-child {
    font-size: 15px;
    font-weight: 700;
}

.web_box .admin_logo {
    width: 180px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.web_box .login_copy {
    color: #fff;
    text-align: center;
    font-size: 10px;
    padding-top: 40px;
    opacity: 0.9;
}

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

.tab_btn_modi .idpw_tab li {
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #ddd;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.tab_btn_modi .idpw_tab li.active {
    border-bottom: 2px solid #15bf57;
}

.tab_btn_modi .idpw_tab li.active a {
    color: #15bf57;
    font-weight: 700;
    display: block;
}

.id_pop,
.pw_pop {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.id_pop .id_popbox,
.pw_pop .pw_popbox {
    position: relative;
}

.id_pop .id_preview,
.pw_pop .pw_preview {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 20vw;
    height: auto;
    max-height: 67.75rem;
    border-radius: 0.625rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
}

.id_pop .id_preview.active,
.pw_pop .pw_preview.active {
    transform: inherit;
    opacity: 1;
    padding: 20px 30px;
    text-align: center;
}

.id_pop .close1,
.pw_pop .close1 {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -35px;
    right: 4px;
    cursor: pointer;
}

.id_pop .id_preview .btn_type,
.pw_pop .pw_preview .btn_type {
    color: #fff;
}

.id_pop .id_preview .pop_file p,
.pw_pop .pw_preview .pop_file p {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    font-weight: 600;
}

.id_pop .id_preview .pop_file p img,
.pw_pop .pw_preview .pop_file p img {
    width: 21px;
    opacity: 0.8;
    margin-right: 5px;
    margin-top: 1px;
}

/* 계정생성 팝업 */
#popup {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    margin: 0 auto;
}

#popup .popup {
    width: 30%;
    background: #fff;
    border-radius: 5px;
    height: auto;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 25px;
    font-size: 13px;
}

#popup .popup .popup-body {
    width: 100%;
}

#popup .popup .popup-body input.textbox {
    height: 38px;
    margin: 0;
}

#popup .popup .popup-body .ad_table_tit {
    width: 35%;
}

#popup .popup .popup-foot {
    width: 100%;
    margin-top: 3%;
}

#popup .popup select {
    height: 40px;
}

#popup .popup .table_line li {
    display: flex;
    width: 100%;
}

#popup .popup .table_line li .ad_table {
    width: 80%;
    display: flex;
    padding: 7px 10px;
    align-items: center;
}

#popup .popup .table_line li.ad_line {
    border-top: 1px solid #ddd;
}

#popup .popup .table_line li.ad_line:last-child {
    border-bottom: 1px solid #ddd;
}

#popup .popup .table_line li .ad_table_tit {
    width: 20%;
    display: flex;
    padding: 15px 5px;
    background: #f9f9f9;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.pop-btn {
    display: inline-block;
    width: 49%;
    float: left;
    cursor: pointer;
    padding: 2%;
    background: #000;
    color: #fff;
    border-radius: 5px;
}

.pop-btn.close {
    background: #eee;
    color: #555;
    margin-left: 2%;
}

/* 상단버튼 */
.scrolltop {
    display: none;
    position: fixed;
    right: 135px;
    bottom: 120px;
    z-index: 1030;
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 12px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 7px rgb(0 0 0 / 10%);
    z-index: 98;
}

.scrolltop img {
    opacity: 0.4;
}

.scrolltop:hover img,
.scrolltop:focus img {
    opacity: 1;
}

.fixwrap {
    position: relative;
    background: #fff;
    z-index: 99;
    width: 100%;
    top: 0;
    transition: all 0.4s ease-in-out;
}

.fixwrap2 {
    position: relative;
    background: #fff;
    z-index: 99;
    width: 100%;
}

.fixwrap2 .title_wrap_ser {
    width: 1152px;
    margin: 0 auto;
}

.fixwrap .btn_type {
    width: 82px;
}

/* 커뮤니티 */
#left_container3 {
    float: left;
    width: 250px;
}

#right_container3 {
    float: right;
    width: 842px;
}

#right_container3 .form_para_split > .filebox {
    height: 48px;
}

#right_container3 .filebox label {
    line-height: 47px;
}

.center_box li a {
    display: block;
    padding: 14px 0 16px 20px;
    border-bottom: 1px solid #eee;
    color: #ddd;
    background: url(//img.menu365.co.kr/logo_img.png);
    background-position: 15px -76px;
    opacity: 1;
}


.center_box li.on a,
.center_box li a:hover {
    color: #15bf57;
    font-weight: 700;
    background-position: 15px -24px;
}

.center_box li.on a.a_default,
.center_box li a.a_default:hover {
    color: #ddd;
    background-position: 15px -76px;
}


.center_box li:last-child a {
    border-bottom: none;
}

.center_box {
    border: 1px solid #eee;
}

.center_bg {
    width: 250px;
    height: 200px;
    background: url(//img.menu365.co.kr/center.jpg) no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 27px;
    margin-top: 15px;
}

.center_bg p {
    margin: 0;
    padding-bottom: 0;
    font-weight: 700;
}

.center_bg strong {
    font-size: 32px;
    padding-bottom: 10px;
}

.center_bg span {
    font-size: 13px;
    letter-spacing: -0.5px;
}

/* 오픈채팅방 */
.open_box {
    margin: -1%;
}

.open_box:after {
    display: block;
    content: '';
    clear: both;
}

.open_box a {
    float: left;
    display: inline-flex;
    background: #fbe412;
    padding: 13px 18px;
    border-radius: 5px;
    width: 31.3%;
    align-items: center;
    font-size: 17px;
    margin: 1%;
}

.open_box a img {
    width: 45px;
    margin-right: 15px;
}

/* 서비스 준비중 */
.ready {
    padding: 50px 0;
    text-align: center;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.ready img {
    display: inline-block;
    width: 130px;
}

.ready p {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin: 0 0 8px 0;
    position: relative;
    padding: 30px 0 10px;
}

/* 마이페이지 - 월간식단표 */
.menu_slide {
    position: relative;
    width: 1112px;
    min-width: 1112px;
    box-sizing: border-box;
    margin: 0px auto;
    padding-bottom: 28px;
}

.menu_slide .swiper:after {
    clear: both;
    display: block;
    content: '';
}

.menu_slide .swiper {
    text-align: center;
}

.menu_slide .swiper-text {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #555;
    top: 60px;
}

.menu_slide .swiper-button-prev1,
.menu_slide .swiper-button-next1 {
    position: absolute;
    top: 9px;
    color: #000;
    display: flex;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    border-radius: 50%;
    align-items: center;
    background: #fff;
    width: 30px;
    height: 30px;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}

.menu_slide .swiper-button-prev1 {
    left: -15px;
}

.menu_slide .swiper-button-next1 {
    right: -11px;
}

.menu_slide .swiper-button-prev1:after,
.menu_slide .swiper-button-next1:after {
    font-size: 12px;
    font-weight: 700;
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.menu_slide .swiper-button-next1:after,
.menu_slide .swiper-container-rtl .swiper-button-prev1:after {
    content: 'next';
    font-size: 10px;
}

.menu_slide .swiper-button-prev1:after, v
.menu_slide .swiper-container-rtl .swiper-button-next1:after {
    content: 'prev';
    font-size: 10px;
}

.menu_slide .main_tab {
    overflow: hidden;
    display: flex;
    margin: 28px 0 38px;
}

.menu_slide .main_tab .swiper-slide {
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 15px 0;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    width: 9.99% !important;
}

.menu_slide .main_tab .swiper-slide:last-child {
    border-right: 1px solid #ddd;
    display: none;
    color: #fff;
}

.menu_slide .main_tab .swiper-slide-thumb-active {
    color: #fff;
    border: 1px solid #15bf57;
    background: #15bf57;
}

.menu_slide .main_tab span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.menu_empty {
    padding: 90px 0;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd;
}

.menu_empty .disblock .btn_type {
    margin-top: 10px;
}

.menu_empty img {
    margin: 0 auto;
    display: inline-block;
}

.menu_empty a {
    color: #fff;
}

.menu_empty .btn_type {
    height: 40px;
    display: inline-block;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: 7px 10px;
    cursor: pointer;
    line-height: 21px;
    max-width: 230px;
}

.menu_empty .btn_type a:hover {
    color: #fff;
}

.menu_empty .btn_type5:after {
    content: 'next';
    font-size: 12px;
    font-weight: 500;
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding-left: 10px;
    color: #fff;
}

.menu_empty p {
    font-size: 18px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    line-height: 1.6;
}

.menu_empty p img {
    margin: 0 auto;
    width: 90px;
    padding-bottom: 15px;
}

.menu_empty2 {
    padding: 120px 0;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd;
}

.menu_empty2 p {
    font-size: 18px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.menu_empty2 p img {
    margin: 0 auto;
    width: 130px;
    padding-bottom: 15px;
}

.menu_empty3 {
    padding: 120px 0;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ddd;
}

.menu_empty3:after {
    display: block;
    clear: both;
    content: '';
}

.menu_empty3 p {
    font-size: 18px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.menu_empty3 p img {
    margin: 0 auto;
    width: 130px;
    padding-bottom: 15px;
}

/* 마이페이지 수정 */
.mypage_modi {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.mypage_modi .my_box {
    position: relative;
}

.mypage_modi .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 1050px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.mypage_modi .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

/*.mypage_modi .my_box .modi_pop img {
    width:100%;
}*/

.mypage_modi .sub_top .title_wrap_r2 {
    width:806px;
}
.mypage_modi .sub_top .title_wrap_r2 li {
    display: flex;
}
.mypage_modi .sub_top .title_wrap_r2 li .ai_calorie {
    width:100px;
}
.mypage_modi .sub_top .title_wrap_r2 li .ai_key {
    width:300px;
}

.modi_pop .sub_top {
    width: 100%;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.modi_pop .sub_top .title_wrap_r2 .btn_white {
    height: 36px;
    float: left;
    margin-left: 6px;
    line-height: 20px;
}

.modi_pop .sub_top .title_wrap_r2 li > .textbox3 {
    width: calc(100% - 208px);
}

.modi_pop .sub_top .title_wrap_r2 select {
    float: left;
}

.modi_pop .modi_btn {
    display: flex;
    justify-content: center;
    padding-top: 25px;
}

.modi_pop .modi_btn .btn_type {
    display: inline-block;
    width: auto;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding: 6px 18px;
    margin-right: 5px;
}

.modi_pop .menu_table .menu_content {
    border-left: 1px solid #ddd;
}

.modi_pop .basic_menu {
    display: flex;
    line-height: 23px;
}

.modi_pop .basic_menu .basic_table:first-child {
    width: 22.5%;
    display: flex;
    flex-direction: column;
    padding-right: 3%;
}

.modi_pop .basic_menu .basic_table:first-child .menu_content {
    width: 100%;
    border: 1px solid #333;
}

.modi_pop .basic_menu .basic_table:first-child p {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.modi_pop .basic_menu .basic_table:last-child {
    width: 77.5%;
}

.mypage_modi .my_box .top {
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 0;
    z-index: 5;
}

.mypage_modi .my_box .top .close1 {
    font: 85px 'NanumSquare';
    font-weight: 100;
    color: #fff;
    cursor: pointer;
    line-height: 42px;
}

.register_privacy {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.register_privacy .my_box {
    position: relative;
}

.register_privacy .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 600px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.register_privacy .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
    width: 550px;
}

.register_privacy .my_box .modi_pop img {
    width: 100%;
}

.register_privacy .modi_pop .basic_menu {
    height: 400px;
    overflow-y: scroll;
}

.join_pop {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
    font-size: 18px;
    text-align: center;
}

.join_pop .my_box {
    position: relative;
}

.join_pop .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 300px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.join_pop .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
    width: 430px;
}

.register_service {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.register_service .my_box {
    position: relative;
}

.register_service .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 600px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.register_service .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
    width: 550px;
}

.register_service .my_box .modi_pop img {
    width: 100%;
}

.register_service .modi_pop .basic_menu {
    height: 430px;
    overflow-y: scroll;
}

.info_box {
    padding: 15px 0 5px;
}

.info_box .info_line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    align-items: center;
}

.info_box hr {
    margin: 15px 0;
}

.info_box .complete {
    text-align: center;
}

.info_box .complete img {
    margin: 20px auto;
    width: 75px;
}

.form_step {
    text-align: center;
}

.join_step {
    position: relative;
    display: inline-flex;
    text-align: center;
    font-size: 13px;
    width: 80%;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #bbb;
}

.join_step .step_dot {
    padding-top: 30px;
}

.join_step .step_dot.on {
    color: #15bf57;
}

.join_step .step_dot:before {
    position: absolute;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    top: 5px;
    left: 40%;
    z-index: 2;
    border: 2px solid #eee;
}

.join_step .pipe4:before {
    position: absolute;
    top: 5px;
    content: '';
    display: inline-block;
    width: 84%;
    height: 2px;
    margin: 0 12px 0 12px;
    background-color: #eee;
    top: 24px;
    left: 5%;
}

.join_step div:last-child:before {
    right: 7%;
}

.join_step .step_dot {
    position: relative;
}

.join_step .step_dot.on:before {
    background: #15bf57;
    border: 2px solid #15bf57;
}

.info_line span {
    color: #bbb;
    text-decoration: underline;
    cursor: pointer;
}

.info_line .checkbox_wrap .container-checkbox {
    margin-top: 0;
}

.mypage_pic {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.mypage_pic .my_box {
    position: relative;
    width: 600px;
    margin: 11% auto;
}

.mypage_pic .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 600px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.mypage_pic .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

.mypage_pic .my_box .modi_pop img {
    width: 100%;
}

/* 로그인정보 잘못입력했을때 */
.mypage_login {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.mypage_login .my_box {
    position: relative;
}

.mypage_login .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 390px;
    height: auto;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 37px;
    border-radius: 0.25rem;
    font-size: 17px;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.mypage_login .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

.mypage_login .my_box .modi_pop img {
    width: 90px;
    margin: 0 auto 20px;
}

.mypage_nutri {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.mypage_nutri .my_box {
    position: relative;
}

.mypage_nutri .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 350px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.mypage_nutri .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

.mypage_nutri .my_box .modi_pop img {
    width: 100%;
}

.mypage_nutri .basic_menu ul {
    display: flex;
    flex-direction: column;
    text-align: center;
    font: 16px 'Roboto';
    font-style: normal;
    width: 100%;
    line-height: 28px;
}

em {
    font-style: normal;
}

.mypage_alle {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.mypage_alle .my_box {
    position: relative;
}

.mypage_alle .modi_pop .basic_menu {
    display: block;
}

.mypage_alle .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 420px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 30px;
    border-radius: 0.25rem;
}

.mypage_alle .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

.mypage_alle .modi_pop .basic_menu {
    display: block;
}

.mypage_alle .modi_pop .basic_menu ul li {
    padding: 10px 5px;
    display: block;
    font-size: 16px;
    width: 100%;
}

.mypage_alle .modi_pop .basic_menu ul li:first-child {
    padding: 0 5px 10px 5px;
}

.mypage_alle .modi_pop .basic_menu ul li span {
    font-weight: 700;
    float: left;
}

.mypage_alle .modi_pop .basic_menu ul li strong {
    color: #ef2c2c;
}

/* 비밀번호 변경 */
.layer_pw {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.layer_pw .my_box {
    position: relative;
}

.layer_pw .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 420px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 30px;
    border-radius: 0.25rem;
}

.layer_pw .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

/* 별점평가 */
.pop_star {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background: rgba(0, 0, 0, 0.3);
}

.pop_star .my_box {
    position: relative;
}

.pop_star .my_box .starbox {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 600px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.pop_star .my_box .starbox .sub_top {
    font-size: 28px;
    padding: 15px 20px 25px;
}

.pop_star .my_box .starbox.active {
    transform: inherit;
    opacity: 1;
}

.pop_star .my_box .starbox img {
    width: 100%;
}

.pop_star .startxt .btn_type {
    margin: 0 auto;
}

.pop_star .startxt {
    text-align: center;
}

.pop_star .startxt p {
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.pop_star .startxt .star_score {
    font-size: 60px;
    font-weight: 700;
    padding: 10px 0;
}

.blind {
    position: absolute;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: none;
    clip: rect(0, 0, 0, 0);
}

.startRadio {
    display: inline-block;
    overflow: hidden;
    height: 40px;
    margin: 20px 0;
}

.startRadio:after {
    content: "";
    display: block;
    position: relative;
    z-index: 10;
    height: 40px;
    background: url("//img.menu365.co.kr/starpop.png") 0 0;
    background-size: contain;
    pointer-events: none;
}

.startRadio__box {
    position: relative;
    z-index: 1;
    float: left;
    width: 20px;
    height: 40px;
    cursor: pointer;
}

.startRadio__box input {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
}

.startRadio__box input:checked + .startRadio__img {
    background-color: #fcb424;
}

.startRadio__img {
    display: block;
    position: absolute;
    right: 0;
    width: 500px;
    height: 40px;
    pointer-events: none;
}


.top .close1 {
    cursor: pointer;
    position: absolute;
    top: -55px;
    right: 0;
    padding: 12px 0;    
    background: none;
    border: none;
}

.top .close1:before {
    content: '';
    transform: translateY(2px) rotate(45deg);
    width: 42px;
    background: #fff;
    display: block;
    height: 2px;
}

.top .close1:after {
    content: '';
    transform: rotate(-45deg);
    width: 42px;
    background: #fff;
    display: block;
    height: 2px;
}

.top2 .close1 {
    cursor: pointer;
    padding: 12px 0;
    float: right;
    margin-bottom: 5px;
}

.top2 .close1:before {
    content: '';
    transform: translateY(2px) rotate(45deg);
    width: 22px;
    background: #333;
    display: block;
    height: 1px;
}

.top2 .close1:after {
    content: '';
    transform: rotate(-45deg);
    width: 22px;
    background: #333;
    display: block;
    height: 1px;
}

.basic_table:after {
    display: block;
    content: "";
    clear: both;
}

.basic_table .menu_content {
    position: relative;
    width: 25%;
    float: left;
    border-right: 1px solid #e4e8eb;
    border-bottom: 1px solid #e4e8eb;
    min-height: 240px;
    text-align: left;
    cursor: pointer;
}

.basic_table .menu_content:nth-child(1),
.basic_table .menu_content:nth-child(2),
.basic_table .menu_content:nth-child(3),
.basic_table .menu_content:nth-child(4) {
    border-top: 1px solid #ddd;
}

.basic_table .menu_content:nth-child(1),
.basic_table .menu_content:nth-child(5) {
    border-left: 1px solid #ddd;
}

.basic_table:last-child .menu_content.active {
    border: 2px solid #15bf57;
}

.basic_table:last-child .menu_content:hover {
    background: #fafafa;
}

.basic_table .menu_content .menu_list li:nth-child(9),
.basic_table .menu_content .menu_list li:nth-child(10),
.basic_table .menu_content .menu_list li:nth-child(11),
.basic_table .menu_content .menu_list li:nth-child(12),
.basic_table .menu_content .menu_list li:nth-child(13),
.basic_table .menu_content .menu_list li:nth-child(14),
.basic_table .menu_content .menu_list li:nth-child(15),
.basic_table .menu_content .menu_list li:nth-child(16),
.basic_table .menu_content .menu_list li:nth-child(17),
.basic_table .menu_content .menu_list li:nth-child(18),
.basic_table .menu_content .menu_list li:nth-child(19),
.basic_table .menu_content .menu_list li:nth-child(20) {
    display: none;
}

.basic_table .menu_content .menu_list {
    padding: 7px 15px;
    font-size: 13px;
    line-height: 21px;
    width: 100%;
    display: table;
}

.basic_table .menu_content .menu_list .menu_day {
    padding-bottom: 8px;
    -webkit-line-clamp: 2;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    line-height: 18px;
    color: #666;
    padding-top: 3px;
    display: flex;
    justify-content: space-between;
}

.basic_table .menu_content .menu_list .menu_day span {
    display: block;
}

.basic_table .menu_content .menu_list .menu_day .aipop_cal {
    font-size: 12px;
}

.basic_table .menu_content .menu_list .menu_day .aipop_m {
    font-size: 12px;
    color: #f52323;
    margin-right: auto;
}

.basic_table .menu_content .menu_list li {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #000;
}

.basic_table .menu_content .menu_list .menu_select {
    background: #e9fff2;
}

/* 상단 배경화면 */
.sub_menu {
    top: 0;
    left: 0;
    background: url("//img.menu365.co.kr/sub_menu.jpg");
    width: 100%;
    height: 131px;
    z-index: 99;
}

.sub_menu2 {
    position: absolute;
    top: 0;
    left: 0;
    background: url("//img.menu365.co.kr/sub_menu2.jpg");
    width: 100%;
    height: 131px;
    z-index: -1;
}

.fixwrap.on {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    -webkit-animation: ani_dropdown .3s cubic-bezier(.215, .61, .355, 1);
    animation: ani_dropdown .3s cubic-bezier(.215, .61, .355, 1);
}

.sub_menu.on {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    -webkit-animation: ani_dropdown .3s cubic-bezier(.215, .61, .355, 1);
    animation: ani_dropdown .3s cubic-bezier(.215, .61, .355, 1);
}

@-webkit-keyframes ani_dropdown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ani_dropdown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bg_none {
    background: none !important;
}

.seach_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
}

.seach_menu ul {
    display: flex;
}

.seach_menu ul li .container-radio {
    padding-right: 10px;
}

.seach_menu ul li > .textbox2 {
    width: calc(100% - 88px);
    float: left;
}

.seach_menu ul li > .btn_type {
    width: 80px;
    margin-left: 8px;
    float: right;
}

/* 로딩이미지 */
.school_loader,
.school_loader2 {
    margin-top: 200px;
    text-align: center;
}

.school_loader img,
.school_loader2 img {
    margin: 0 auto;
}

.loader1 {
    position: relative;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    border: 3px solid #15bf57;

    top: 28%;
    top: -webkit-calc(50% - 43px);
    top: calc(50% - 43px);
    left: 35%;
    left: -webkit-calc(50% - 43px);
    left: calc(50% - 43px);

    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: loader1 3s linear infinite;
    animation: loader1 3s linear infinite;
}

.loader1:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 20px;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    background-color: #15bf57;
}

@-webkit-keyframes loader1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#cate_loading {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    text-align: center;
    padding-top: 18%;
}

#cate_loading p {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

#cate_loading .cloading_img img {
    margin: 0 auto;
}

#cate_loading .cloading_img {
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
    padding: 25px 50px;
    display: inline-block;
}

#cate_loading2 {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: #f5f7f9;
    z-index: 999;
    text-align: center;
    padding-top: 19%;
}

#cate_loading2 p {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

#cate_loading2 .cloading_img img {
    margin: 0 auto;
    width: 180px;
}

#cate_loading3 {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    text-align: center;
    padding-top: 13%;
}

#cate_loading3 p {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

#cate_loading3 .cloading_img {
    border-radius: 50px;
    overflow: hidden;
    background: #f1f5fb;
    padding: 40px 25px;
    display: inline-block;
}

#cate_loading3 .cloading_img img {
    margin: 0 auto;
    width: 470px;
}

#counting_box {
    display: none;
    width: 100%;
    height: 370px;
    background: url(//img.menu365.co.kr/counting_bg.jpg);
    position: relative;
    animation: slideup 0.8s;
    animation-delay: 1.8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index: -1;
    transition: all .3s ease-in-out;
}

@keyframes slideup {
    from {
    }
    to {
        height: 0;
    }
}

.counting_on {
    animation-fill-mode: backwards !important;
    transition: transform .3s;
}

#counting_box .counting_day {
    position: absolute;
    top: 25px;
    right: 7%;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

#counting_box .counting_data {
    width: 1152px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-top: 80px;
}

#counting_box .counting_data .counting_li {
    position: relative;
    text-align: center;
    width: 20%;
}

#counting_box .counting_data .counting_li .counting_logo {
    background: url(//img.menu365.co.kr/main_logo.png) no-repeat;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 20px;
    padding: 20px;
    border: 1px solid #fff;
}

#counting_box .counting_data .counting_li:nth-child(1) .counting_logo {
    background-position: 24px 31px;
}

#counting_box .counting_data .counting_li:nth-child(2) .counting_logo {
    background-position: -411px 31px;
}

#counting_box .counting_data .counting_li:nth-child(3) .counting_logo {
    background-position: -76px 32px;
}

#counting_box .counting_data .counting_li:nth-child(4) .counting_logo {
    background-position: -179px 32px;
}

#counting_box .counting_data .counting_li:nth-child(5) .counting_logo {
    background-position: -300px 33px;
}

#counting_box .counting_data .counting_txt {
    font-size: 18px;
    padding-top: 5px;
    color: #fff;
    font-weight: 700;
}

#counting_box .counting_data .counter {
    font-size: 37px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

/* 로그인안된 즐찾 */
.favor_bg {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.favor_bg .favor_pop {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.favor_pop .favor_pop_box {
    position: relative;
}

.favor_pop .favor_pop_box .favor_content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 30vw;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    border-radius: 0.25rem;
    align-items: center;
    padding: 50px 0;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.favor_pop .favor_pop_box .favor_content.active {
    transform: inherit;
    opacity: 1;
}

.favor_pop .favor_pop_box .favor_content p {
    font-size: 18px;
    margin: 0;
    padding-bottom: 25px;
}

.favor_pop .favor_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
}

.favor_pop .favor_btn .close {
    width: 50%;
    line-height: 38px;
    font-size: 15px;
    height: 38px;
    margin-right: 5px;
    padding: 0;
}

.favor_pop .favor_btn .btn_type {
    width: 50%;
    color: #fff;
    line-height: 38px;
    font-size: 15px;
    height: 38px;
}

/* 신용조회 */
.credit_slick .slick_menu {
    border: none;
    margin-bottom: 0;
}

.credit_slick .slick_menu .slick_item {
    padding: 10px;
    height: auto;
    background: #fff;
}

.credit_slick .slick_menu .slick_item a {
    padding: 0px 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 3px 3px 7px rgb(0 0 0 / 15%);
    height: 100px;
}

.credit_slick .slick_menu .slick-next {
    top: 60px;
    right: -40px;
}

.credit_slick .slick_menu .slick-prev {
    top: 60px;
    left: -40px;
}

.credit_top {
    width: 1024px;
    min-width: 1024px;
    text-align: center;
    padding-bottom: 60px;
    margin: 0 auto;
}

.credit_top .credit_txt {
    padding-top: 70px;
}

.credit_bg {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.credit_bg .credit_pop {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background: rgba(0, 0, 0, 0.3);
}

.credit_pop .credit_pop_box {
    position: relative;
}

.credit_pop .credit_pop_box .credit_content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 50vw;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    border-radius: 0.25rem;
    padding: 30px;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.credit_pop .credit_pop_box .credit_content.active {
    transform: inherit;
    opacity: 1;
}

.credit_pop .credit_pop_box .credit_content h6 {
    padding: 0;
    display: flex;
    align-items: center;
}

.credit_pop .credit_pop_box .credit_content h6 .btn_white {
    margin-left: 10px;
}

.credit_pop .credit_pop_box .credit_content h6 .btn_white img {
    transform: rotate(90deg);
    width: 10px;
    display: inline-block;
    margin: -2px 0 0 5px;
}

.credit_pop .credit_pop_box .credit_content h7 {
    padding: 20px 0;
}

/* 키워드검색 */
.keyword_box {
    padding-top: 60px;
}

.keyword_box select {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}

.keyword_box .textbox2 {
    margin-bottom: 5px;
}

.keyword_box .keyword {
    height: 36px;
    font-size: 14px;
    padding: 0 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    margin: 0 0 5px 0;
    line-height: 35px;
    color: #888;
}

.userinfo_txt {
    text-align: right;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.userinfo_txt:hover {
    color: #ef2c2c;
}

.userinfo_sns {
    text-align: right;
    padding-top: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.userinfo_sns:hover {
    color: #ef2c2c;
}

/* 탈퇴 */
.popuser_txt {
    padding: 10px;
    line-height: 1.5;
}

.popuser_txt h5 {
    font-size: 30px;
    margin: 0 0 4% 0;
}

.popuser_txt .form_para {
    margin-top: 20px;
}

.popuser_txt .form_para > input.textbox {
    height: 40px;
    border-radius: 0;
}

.popuser_txt .btn_type {
    height: 49px;
}

.small_txt {
    padding: 2% 0;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px !important;
}

.text_ul_wrap {
    margin: 0 auto;
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    text-align: left;
    height: 40px;
    font-size: 14px;
}

.text_ul_wrap a {
    line-height: 34px;
    display: block;
    padding: 0 20px 0 10px;
    text-decoration: none;
}

.select_icon {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 17px;
    z-index: -1;
}

.select_icon.active {
    transform: rotate(180deg);
}

.ul_select_style {
    position: absolute;
    width: 472px;
    left: -1px;
    background: #fff;
    z-index: 2;
    top: 38px;
    display: none;
}

.ul_select_style.active {
    display: block;
}

.ul_select_style li {
    line-height: 34px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
}

.ul_select_style li:last-child {
    border-bottom: 1px solid #ccc;
}

.ul_select_style li + li {
    border-top: none;
}

.ul_select_style li:hover {
    background: #f1f1f1;
}

/* 투표 */
.vote_box {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}

.vote_box .vote_list {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 95px;
    margin-top: 15px;
    overflow: hidden;
}

.vote_box .vote_list:first-child {
    margin-top: 0;
}

.vote_box .vote_list.active {
    border: 1px solid #15bf57;
}

.vote_box .vote_list .vote_bg {
    background: #f2f2f2;
}

.vote_box .vote_list.active .vote_bg {
    background: #e9fff2;
    border-left: 1px solid #ddd;
}

.vote_box .thumbnail {
    position: relative;
    overflow: hidden;
    width: 27%;
    min-width: 95px;
    padding-top: 23%;
}

.vote_box .thumbnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.vote_box .thumbnail .centered img {
    object-fit: cover;
    min-height: 100%;
}

.vote_box .vote_percent {
    position: relative;
    width: 73%;
    height: 93px;
    display: flex;
    justify-content: space-between;
    color: #666;
}

.vote_box .vote_list.active .vote_percent {
    color: #15bf57;
}

.vote_box .vote_percent .vote_bg span {
    position: absolute;
    left: 13px;
    top: 40%;
}

.vote_box .vote_percent .vote_num {
    position: absolute;
    right: 13px;
    top: 40%;
}

.ad_vote .vote_preview {
    margin-bottom: 5px;
}

.vote_preview {
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.vote_preview:last-child {
    margin-bottom: 0px;
    border-bottom: 0;
}

.vote_preview .preview_img {
    width: 60px;
    height: 60px;
    margin-right: 7px;
}

.vote_preview ul {
    display: flex;
    flex-direction: column;
    width: 340px !important;
}

.vote_preview ul li {
    width: 100% !important;
}

.vote_preview ul li:first-child {
    margin-bottom: 5px;
}

.preview_img .thumbnail {
    position: relative;
    overflow: hidden;
    padding-top: 60px;
}

.preview_img .thumbnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.preview_img .thumbnail .centered img {
    object-fit: cover;
    min-height: 100%;
}

#vote_modify,
#vote_write {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

#vote_modify .table_line,
#vote_write .table_line {
    width: 100%;
}

/* 제철음식 */
.seasonfood {
    display: flex;
    margin: 0 8px 25px;
    background: #f9f9f9;
    padding: 13px;
    border: 1px solid #eee;
}

.seasonfood .season_txt {
    height: 58px;
    line-height: 26px;
    display: flex;
    width: 16%;
    font-size: 18px;
    flex-direction: column;
    justify-content: flex-start;
}

.seasonfood .season_box {
    width: 84%;
}

.seasonfood .season_box p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.seasonfood .season_box .btn_type {
    margin: 10px auto 0;
    line-height: 33px;
    width: 150px;
    background: #4cca61;
    border: 1px solid #4cca61;
    font-size: 14px;
}

.seasonfood .season_box .btn_type:hover {
    background: #0ea348;
}

.seasonfood .season_box .season_tag {
}

.seasonfood .season_txt2 {
    height: 58px;
    line-height: 26px;
    display: flex;
    width: 16%;
    font-size: 18px;
    flex-direction: column;
    justify-content: flex-start;
}

.seasonfood .season_box2 {
    width: 84%;
}

.seasonfood .season_box2 p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
}

.seasonfood .season_box2 .btn_type {
    margin: 10px auto 0;
    line-height: 33px;
    width: 150px;
    background: #4cca61;
    border: 1px solid #4cca61;
    font-size: 14px;
}

.seasonfood .season_box2 .btn_type:hover {
    background: #44bd58;
}

.seasonfood .season_box2 .season_price:first-child {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom-style: dotted;
}

.seasonfood .season_box2 .season_price p {
    font-weight: 700;
    font-size: 15px;
}

.seasonfood .season_btn {
    display: inline-block;
    line-height: 27px;
    border-radius: 22px;
    border: 1px solid #ddd;
    padding: 1px 13px;
    font-size: 14px;
    cursor: pointer;
    margin: 3px 2px;
    background: #fff;
}

.seasonfood .season_btn.active {
    border: 1px solid #4cca61 !important;
    color: #4cca61;
}

.seasonfood .season_btn.defalt {
    border: 1px solid #ddd !important;
    color: #ccc;
    cursor: inherit;
}

.food_today {
    position: relative;
    display: inline-flex;
    line-height: 15px;
    font-size: 14px;
    margin: 6px 4px;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #bbb;
    padding-right: 4px;
}

.food_today .food_pop {
    display: none;
    position: absolute;
    padding: 9px 2px;
    background: #000;
    color: #fff;
    top: 22px;
    border-radius: 5px;
    width: 185px;
    font-size: 12px;
    z-index: 99;
    text-align: center;
    left: 0;
    font-weight: 600;
}

.food_today:hover .food_pop {
    display: block;
}

.food_today .food_pop:before {
    background: #000;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    left: 10px;
}

.food_today .rank_mon {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2px 0 0 2px;
}

.food_today .rank_mon img {
    width: 10px;
    margin-left: 2px;
}

.seasonfood .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    vertical-align: middle;
    margin-top: 5px;
}

.seasonfood .switch input {
    display: none;
}

.seasonfood .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.seasonfood .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.seasonfood input:checked + .slider {
    background-color: #4cca61;
}

.seasonfood input:focus + .slider {
    box-shadow: 0 0 1px #4cca61;
}

.seasonfood input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.seasonfood .slider p {
    margin: 0;
    font-size: 9px;
    padding: 0 5px;
    font-weight: 700;
    text-align: right;
    color: #777;
}

.seasonfood .slider.round {
    border-radius: 34px;
}

.seasonfood input:checked + .slider p {
    text-align: left;
    color: #fff;
    padding: 0 7px;
}

.seasonfood .slider.round:before {
    border-radius: 50%;
}

/* AI검색 달력 */
.calCss {
    font-size: 8pt;
    text-align: right;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.dayEvMon {
    width: 30px;
    background-color: #FBFBFB;
    border: 1px solid #CBC7BD;
    padding: 2px 4px 0px 3px;
}

.MonToday {
    background-color: #368CFE;
    border: 1px solid #CBC7BD;
    font-weight: bold;
    padding: 2px 4px 0px 3px;
    color: white;
}

.selMon {
    background-color: #CF4040;
    border: 1px solid #CBC7BD;
    font-weight: bold;
    padding: 2px 4px 0px 3px;
    text-decoration: underline;
    color: white;
}

.onDay {
    background-color: #006060;
    border: 1px solid #4B22C0;
    padding: 2px 4px 0px 3px;
    cursor: pointer;
    color: white;
}

.divBody {
    border: 1px solid #DDDDDD;
    margin: 1px;
    background-color: #ECEADF;
    width: 177px;
    position: absolute;
    display: none;
}

.divHead {
    border: 1px solid #D4D1BF;
    background-color: #ffffff;
}

.divHeadLeft {
    width: 11%;
    padding-top: 3px;
    font-size: 8pt;
    color: #CF4040;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
}

.divHeadOnleft {
    width: 11%;
    padding-top: 3px;
    font-size: 8pt;
    color: #18CCA8;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
}

.divHeadRigth {
    width: 11%;
    padding-top: 3px;
    font-size: 8pt;
    color: #CF4040;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.divHeadOnRigth {
    width: 11%;
    padding-top: 3px;
    font-size: 8pt;
    color: #18CCA8;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
}

.divHeadCenter {
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
}

/* 달력 */
.product_month {
    position: relative;
}

.product_month strong {
    border: 1px solid #ddd;
    padding: 8px 5px 8px 13px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    margin-left: 10px;
}

.product_month strong img {
    transform: rotate(180deg);
    margin-left: 10px;
}

.product_month .product_box {
    display: none;
    position: absolute;
    z-index: 5;
    top: 40px;
    left: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.product_box .seasonfood {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 300px;
    padding: 7px 12px 12px 12px;
}

.product_box .seasonfood .season_box .season_tag a {
    font-size: 12px;
    float: right;
    padding-right: 0;
}

.product_box .seasonfood .season_box .season_tag a:hover {
    text-decoration: underline;
    color: #333;
}

.product_box .seasonfood hr {
    margin: 10px 0 6px;
}

.product_box .seasonfood .season_box .season_tag {
    padding-top: 0;
}

.product_box .seasonfood .season_box {
    width: 100%;
}

.product_box .seasonfood .season_btn {
    margin: 3px 2px;
    float: left;
    border: 1px solid #333;
}

.search_pop {
    position: relative;
    justify-content: center;
    width: 1110px;
    border: 1px solid #ffe9d2;
    border-radius: 2px;
    margin: 0 8px 25px 8px;
    background: #ffeedc;
}

.search_pop .search_ranking {
    padding: 20px 10px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #666;
    background: url('//img.menu365.co.kr/pop_banner.jpg') no-repeat;
    text-indent: -999;
}

.search_pop .top {
    position: absolute;
    z-index: 3;
    top: -10px;
    right: 0;
}

.search_pop .top .close1 {
    width: 38px;
    height: 38px;
    top: 27px;
    right: 10px;
    display: none;
}

.search_pop .top .close1.active {
    display: block;
}

.search_pop .top .close1:before,
.search_pop .top .close1:after {
    width: 30px;
    background: #000;
    height: 1px;
}

/* 플로팅 */
#floating {
    position: fixed;
    right: 0;
    top: 0px;
    width: 110px;
    height: 100%;
    text-align: center;
    z-index: 99;
    background-color: #fff;
    border-left: 1px solid #ddd;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    box-shadow: -2px 2px 8px rgb(0 0 0 / 8%);
    transition: all ease 0.5;
}

#floating .floating_arrow {
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 100px;
    border: 1px solid #ddd;
    border-right: none;
    z-index: 0;
    border-radius: 25px 0 0 25px;
    background: #fff;
    box-shadow: -2px 1px 3px rgb(0 0 0 / 6%);
    cursor: pointer;
}

#floating .floating_close {
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    transform: rotate(90 edg);
    width: 35px;
    height: 100px;
    border: 1px solid #ddd;
    border-right: none;
    z-index: 0;
    border-radius: 25px 0 0 25px;
    background: #fff;
    box-shadow: -2px 1px 3px rgb(0 0 0 / 6%);
    cursor: pointer;
}

#floating .floating_arrow img {
    width: 20px;
    position: absolute;
    top: 41%;
    left: 30%;
    transform: rotate(90deg);
}

#floating .floating_close img {
    width: 20px;
    position: absolute;
    top: 41%;
    left: 30%;
    transform: rotate(270deg);
}

#floating .floating_sns {
    padding: 11px;
}

#floating .floating_sns:after {
    display: block;
    content: '';
    clear: both;
}

#floating .floating_sns a {
    float: left;
    width: 35px;
    height: 35px;
    font-size: 0;
    margin: 4px 4px;
    display: inline-block;
}

#floating .floating_sns a:first-child {
    background: url(//img.menu365.co.kr/sns_icon.png) -115px 0 no-repeat;
}

#floating .floating_sns a:nth-child(2) {
    background: url(//img.menu365.co.kr/sns_icon.png) -1px 0 no-repeat;
}

#floating .floating_sns a:nth-child(3) {
    background: url(//img.menu365.co.kr/sns_icon.png) -39px 0 no-repeat;
}

#floating .floating_sns a:nth-child(4) {
    background: url(//img.menu365.co.kr/sns_icon.png) -77px 0 no-repeat;
}

.floating_content {
    right: 0;
    font-size: 12px;
}

.floating_content .floating_img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
}

.floating_content .floating_img:hover {
    color: #15bf57;
}

.floating_content .floating_img img {
    width: 35px;
}

.floating_content .floating_img:nth-child(2) img {
    width: 38px;
}

.floating_content .floating_img:nth-child(3) img {
    width: 31px;
    padding-bottom: 6px;
}

.floating_content .floating_img:nth-child(4) img {
    width: 40px;
    padding-bottom: 7px;
}

.floating_content hr.hr_side {
    margin: 10px 0;
}

.floating_content .floating_btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: #333;
    padding: 8px 0;
}

.floating_content .floating_btn #flo_top {
    cursor: pointer;
}

.floating_content .floating_btn #flo_top img {
    width: 20px;
    display: inline-block;
}

/* 사이트맵 */
.sitemap {
    padding: 0 15px 20px;
}

.sitemap .profile_box {
    padding: 24px 16px;
}

.sitemap .d1m_wrap {
    padding: 10px 0;
}

.sitemap .d1m_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.sitemap .d1m_wrap .d1m_box {
    width: 20%;
    padding: 4px;
    float: left;
}

.sitemap .d1m_wrap .d1m_item {
    width: 100%;
    padding: 30px 7px;
    border: 1px solid #e3e6eb;
    border-radius: 8px;
}

.sitemap .d1m_wrap .d1m_item:hover {
    border: 1px solid #15bf57;
}

.sitemap .d1m_wrap .d1m_item li {
    font-size: 15px;
    text-align: center;
}

.sitemap .d1m_wrap .d1m_item li img {
    width: 40px;
    display: inline-block;
    margin-bottom: 8px;
}

.sitemap .d1m_wrap .d1m_item li img.dlm_insta {
    width: 28px;
    padding-top: 4px;
}

.sitemap .cate_wrap {
    padding: 8px 16px 16px 16px;
}

.sitemap .cate_wrap .cate_title {
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 16px;
}

.sitemap .cate_box {
}

.sitemap .side_banner {
    padding: 0 12px;
}

.sitemap .side_banner a img {
}

/* 영양성분 슬라이드 */
.nutrition {
    margin: 0 8px 40px;
    background: #f9f9f9;
    padding: 20px 20px 0 20px;
    border: 1px solid #eee;
    position: relative;
    z-index: 2;
}

.nutrition .season_txt {
    height: 45px;
    line-height: 26px;
    display: flex;
    align-items: center;
    width: 20%;
    font-size: 18px;
}

.nutrition .season_box {
    width: 80%;
}

.nutrition .season_box:after {
    display: block;
    content: '';
    clear: both;
}

.nutrition .season_box p {
    margin: 0;
    font-size: 14px;
    padding: 13px 0;
}

.nutrition .season_btn {
    display: inline-block;
    line-height: 27px;
    border-radius: 22px;
    border: 1px solid #ddd;
    padding: 1px 13px;
    font-size: 14px;
    cursor: pointer;
    margin: 3px 0px;
    background: #fff;
}

.nutrition .season_btn.active,
.nutrition .season_btn:hover {
    border: 1px solid #00bc84;
    color: #00bc84;
}

.nutrition .season_tag {
    padding-bottom: 15px;
}

.nutrition .btn_type {
    margin: 5px auto 20px auto;
    line-height: 33px;
    width: 150px;
    background: #00bc84;
    border: 1px solid #00a775;
    font-size: 14px;
}

.nutrition .btn_type:hover {
    background: #00a775;
}

.nutri_banner {
    margin: 0 8px 40px;
    position: absolute;
    display: none;
    z-index: 1;
}

.nutri_banner .nutri_img {
    padding: 30px 10px;
    width: 1110px;
    text-align: center;
    font-weight: 700;
    color: #666;
    background: url(//img.menu365.co.kr/pop_banner2.jpg) no-repeat;
}

.nutri_banner .top {
    position: absolute;
    z-index: 3;
    z
    top: -10px;
    right: 0;
}

.nutri_banner .top .close1 {
    width: 38px;
    height: 38px;
    top: 27px;
    right: 10px;
    display: none;
}

.nutri_banner .top .close1.active {
    display: block;
}

.nutri_banner .top .close1:before,
.nutri_banner .top .close1:after {
    width: 30px;
    background: #fff;
    height: 1px;
}

.slider-container {
    width: 25%;
    float: left;
    display: flex;
    padding: 7px 20px 7px 10px;
    justify-content: space-between;
}

.slider-container:after {
    display: block;
    content: '';
    clear: both;
}

.slider-container .slider-name {
    font-size: 12px;
    width: 30%;
}

.slider-container input.textbox {
    margin-left: auto;
    max-width: 165px;
    height: 36px;
}

.rs-container * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rs-container {
    width: 70%;
    height: 50px;
    position: relative;
    float: left;
}

.rs-container .rs-bg,
.rs-container .rs-selected {
    background-color: #f1f1f1;
    border: 1px solid #eee;
    height: 10px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
    border-radius: 3px;
}

.rs-container .rs-selected {
    background-color: #00bc84;
    border: 1px solid #00a775;
    transition: all .2s linear;
    width: 0;
}

.rs-container.disabled .rs-selected {
    background-color: #ccc;
    border-color: #bbb;
}

.rs-container .rs-pointer {
    background-color: #fff;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: -10px;
    position: absolute;
    top: 0;
    transition: all .2s linear;
    box-shadow: inset 0 0 1px #bdbdbd, inset 0 1px 6px #ffffff, 1px 1px 4px rgb(0 0 0 / 30%);
}

.rs-container .rs-pointer:hover .rs-tooltip,
.rs-container .rs-pointer:active .rs-tooltip {
    display: block;
}

.rs-container.sliding .rs-pointer,
.rs-container.sliding .rs-selected {
    transition: none;
}

.rs-container .rs-scale {
    left: 0;
    position: absolute;
    top: 5px;
    white-space: nowrap;
}

.rs-container .rs-scale span {
    float: left;
    position: relative;
}

/* .rs-container .rs-scale span::before{
    background-color:#ededed;
    content:"";
    height:8px;
    left:0;
    position:absolute;
    top:10px;
    width:1px;
} */
.rs-container.rs-noscale span::before {
    display: none;
}

.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
    display: block;
}

.rs-container .rs-scale span:last-child {
    margin-left: -1px;
    width: 0;
}

.rs-container .rs-scale span ins {
    color: #333;
    display: inline-block;
    font-size: 12px;
    margin-top: 15px;
    text-decoration: none;
}

.rs-container.disabled .rs-scale span ins {
    color: #999;
}

.rs-tooltip {
    display: none;
    color: #fff;
    width: 49px;
    height: 22px;
    background: #333;
    border-radius: 3px;
    position: absolute;
    transform: translate(-50%, -23px);
    left: 13px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    padding: 0 10px;
}

.rs-tooltip:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 8px;
    height: 22px;
    background: #333;
    top: 0;
    border-radius: 3px;
}

.rs-container.disabled .rs-tooltip {
    border-color: #ccc;
    color: #999;
}

.nutri_table {
    float: right;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    color: #15bf57 !important;
    vertical-align: middle;
}

.nutri_table img {
    margin-top: 0;
    margin-left: 5px;
}

.nutri_table .nutri_pic {
    display: none;
}

.nutri_table:hover .nutri_pic {
    display: block;
    position: absolute;
    width: 800px;
    right: 0;
    z-index: 3;
    border: 1px solid #eee;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
    padding: 20px;
    background: #fff;
}

/* 네이버 메인 고정 */
.fixItem {
    position: absolute;
    z-index: 1;
    right: 0;
}

.is_fixed {
    position: fixed;
}

.is_stop {
    position: absolute;
    bottom: 20px !important;
    right: 0 !important;
}

/* 알레르기 */
.tab_cont_modi .form_alle .board_view_writer {
    padding-top: 15px;
}

.tab_cont_modi .form_alle .alle_ico {
    width: 23px;
    display: inline-block;
    margin-top: -6px;
    margin-right: 4px;
}

.tab_cont_modi .form_alle .alle_info {
    border: 1px solid #e4e8eb;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 15px 0;
}

.tab_cont_modi .form_alle .alle_info li {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.tab_cont_modi .form_alle .alle_info .alle_num {
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    background: #f9f9f9;
    color: #666;
    font-weight: 500;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.tab_cont_modi .form_alle .alle_info .alle_del {
    position: absolute;
    top: 4px;
    right: 10px;
    display: inline-block;
    width: 18px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 3px;
}

.alle_plus:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}

.alle_plus ul {
    padding: 15px 0 0;
}

.alle_plus ul > li {
    position: relative;
    font-size: 15px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    width: 100%;
}

.alle_plus ul > li:not(:last-child) {
    margin-right: 20px;
}

.alle_plus ul > li:before {
    color: #ccc;
}

.alle_plus ul > li .alle_defalt {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0 30px 0 20px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #e4e8eb;
    border-radius: 3px;
}

.alle_plus ul > li .alle_arrow {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 13px;
    transform: rotate(180deg);
}

.alle_plus ul > li ol {
    position: absolute;
    z-index: 999;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 1px solid #e4e8eb;
    height: 210px;
    overflow-y: scroll;
}

.alle_plus ul > li ol li {
    cursor: pointer;
    width: 100%;
}

.search_right ul li {
    display: flex;
    justify-content: space-between;
}

#left_naver_holder {
    flex-direction: column;
}

.search_right ul a {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: block;
    font-size: 14px;
    line-height: 1.6;
}

.search_right ul a:last-child,
.search_right .result_tab_btn a:nth-child(6) {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.search_right .main_tit {
    padding-top: 0;
    padding-bottom: 18px;
}

.search_right .result_tab .pic_swiper,
.search_right .result_tab_btn .pic_swiper {
    margin: 0 0 0 10px;
    width: 100px;
    height: auto;
}

.search_right .result_tab .box_swiper {
    width: 210px;
}

.search_right .pic_swiper .theme_thumb {
    height: 75px;
}

.pw_search {
    width: 100%;
    padding: 0 10px;
}

.pw_search .btn_type {
    line-height: 48px;
    height: 48px;
    margin: 10px auto 0;
}

#nosearch_pop {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    text-align: center;
    padding-top: 18%;
}

#nosearch_pop .nosearch_in {
    display: flex;
    justify-content: center;
}

#nosearch_pop .nosearch_in .nosearch_box {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

#nosearch_pop .nosearch_in p {
    padding: 25px 50px;
    font-size: 20px;
    line-height: 1.5;
}

#nosearch_pop .nosearch_in p strong {
    font: 600 20px 'roboto';
    color: #15bf57;
}

/* 서비스 준비중 팝업*/
#service_pop {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    text-align: center;
    padding-top: 18%;
}

#service_pop .service_in {
    display: flex;
    justify-content: center;
}

#service_pop .service_in .service_box {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

#service_pop .service_in .service_box img {
    width: 90px;
    margin: 0 auto;
}

#service_pop .service_in p {
    padding: 25px 50px;
    font-size: 20px;
    line-height: 1.5;
}

/* 로그인필요 팝업*/
#service_pop2 {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    text-align: center;
    padding-top: 18%;
}

#service_pop2 .service_in {
    display: flex;
    justify-content: center;
}

#service_pop2 .service_in .service_box {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

#service_pop2 .service_in .service_box img {
    width: 90px;
    margin: 0 auto;
}

#service_pop2 .service_in p {
    padding: 25px 50px;
    font-size: 20px;
    line-height: 1.5;
}


/* 메인 팝업창 */
#main-popup {
    position: absolute;
    left: 19%;
    top: 90px;
    padding: 0;
    z-index: 99;
    max-width: 900px;
}

#agreePopup img {
    max-width: fit-content;
}

.agree-popup-inner {
    background: #333;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}

.agree-popup-inner a {
    color: #fff;
}

.replaced_menu {
    color: #ff0000;
    background-color: #e9fff2;
}

.nomobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    height: 100%;
    background: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* 이미지우선추천 */
.recoimg_btn {
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    width: 206px;
}
.edit_btn {
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    width: 172px;
}

.edit_btn .edit_on {
    height: 30px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 27px;
    padding: 0 10px;
}

.edit_btn .edit_switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    vertical-align: middle;
    margin: 0;
}

.recoimg_btn .switch,
.edit_btn .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    vertical-align: middle;
    margin: 0 5px;
}

.recoimg_btn .switch input,
.edit_btn .edit_switch input {
    display: none;
}

.recoimg_btn .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ddd;
    -webkit-transition: .4s;
    transition: .4s;
}

.edit_btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-transition: .4s;
    transition: .4s;
}

.recoimg_btn .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background: linear-gradient(289deg, #ccc, #f1f1f1);
    -webkit-transition: .4s;
    transition: .4s;
}

.edit_btn .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 5px;
    background: linear-gradient(289deg, #ccc, #f1f1f1);
    -webkit-transition: .4s;
    transition: .4s;
}

.recoimg_btn input:checked + .slider,
.edit_btn input:checked + .slider {
    background-color: #4cca61;
    border: 1px solid #4cca61;
}

.recoimg_btn input:focus + .slider,
.edit_btn input:focus + .slider {
    box-shadow: 0 0 1px #4cca61;
}

.recoimg_btn input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    background: #fff;
}

.edit_btn input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
    background: #fff;
}

.recoimg_btn .slider p {
    margin: 0;
    font-size: 9px;
    padding: 0 5px;
    font-weight: 700;
    text-align: right;
    color: #333;
    line-height: 24px;
}
.edit_btn .slider p {
    margin: 0;
    font-size: 12px;
    padding: 0 5px;
    font-weight: 700;
    text-align: right;
    color: #333;
    line-height: 28px;
}

.recoimg_btn .slider.round {
    border-radius: 34px;
}

.edit_btn .slider.round {
    border-radius: 0px;
    margin-right: 5px;
}

.recoimg_btn input:checked + .slider p {
    text-align: left;
    color: #fff;
    padding: 0 7px;
    color: #fff;
}

.edit_btn input:checked + .slider p {
    text-align: left;
    color: #fff;
    padding: 0 6px;
    color: #fff;
}

.recoimg_btn .slider.round:before,
.edit_btn .slider.round:before {
    border-radius: 50%;
}

.recoimg_btn .recoimg_txt,
.edit_btn .recoimg_txt {
    position: relative;
    line-height: 24px;
}

.recoimg_btn .recoimg_txt:hover span,
.edit_btn .recoimg_txt:hover span {
    display: block;
}

.recoimg_btn .recoimg_txt span,
.edit_btn .recoimg_txt span {
    display: none;
    top: 40px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    padding: 10px;
    position: absolute;
    width: 260px;
    line-height: 17px;
    border-radius: 3px;
    z-index: 5;
}

.recoimg_btn .recoimg_txt .ico_bullet10,
.edit_btn .recoimg_txt span {
    margin-top: 0;
}


#holder_schoolmenu {
    width: 100%;
}
#holder_schoolmenu .result_ai:after {
    clear: both;
    display: block;
    content: '';
}
#holder_schoolmenu .result_ai {
    border-left: 1px solid #ddd;
}
#holder_schoolmenu .result_ai .menu_table {
    width:25%;
}
#holder_schoolmenu .result_ai .menu_table:nth-child(1),
#holder_schoolmenu .result_ai .menu_table:nth-child(2),
#holder_schoolmenu .result_ai .menu_table:nth-child(3),
#holder_schoolmenu .result_ai .menu_table:nth-child(4) {
    border-bottom: none;
}
#holder_schoolmenu .result_ai .menu_table .menu_list2 li {
    padding-bottom: 0;
}

.result_search .search_ul li .menu_table {
    /* width: 25%; */
    padding: 0;
    float: left;
}

.result_search .search_ul li .menu_table .menu_content {
    min-height: 280px;
}

.result_search .menu_table .menu_content {
    border-bottom: 1px solid #ddd;
}

.result_search .menu_table .menu_content .menu_list li a {
    cursor: inherit;
}

.result_search .menu_table .menu_content .menu_list li:hover a:after {
    display: none;
}

#content_list {
    width: 100%;
}

#display_month {
    display: contents;
}

#holder_recipe {
    margin: -9px;
    padding-top: 20px;
}


.result_tab_txt .ranking_table_cont ul li {
    flex-direction: column;
}


.floating_qna {
    width: 88%;
    font-size: 14px;
    line-height: 1.5;
    padding: 20px 0;
    font-weight: 600;
    background: #333;
    border-radius: 10px;
    margin: 0 auto;
    color: #fff;
}

.floating_qna strong {
    font-size: 19px;
    padding-top: 8px;
    display: block;
    line-height: 1.2;
    font-family: 'Roboto';
}

/* 메인슬라이드 */
.center .slick-next:before {
    font-family: swiper-icons;
    content: 'next';
}

.center .slick-prev:before {
    font-family: swiper-icons;
    content: 'prev';
}

.center .slick-prev:before,
.center .slick-next:before {
    font-size: 30px;
}

.center .slick-next {
    right: 20px;
}

.center .slick-prev {
    left: 20px;
}

.center .slick-dots {
    position: absolute;
    bottom: 0;
    right: 45%;
}

.center .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 0.3);
}

.center .slick-dots li button {
    background: #fff;
}

.center .slick-prev:before,
.center .slick-next:before {
    opacity: 1;
}

.center .slick-prev:hover:before,
.center .slick-next:hover:before {
    opacity: .5;
}

#holder_daum a {
    width: 50%;
    float: left;
}

#holder_daum:after {
    display: block;
    content: '';
    clear: both;
}

#holder_daum .pic_swiper .theme_thumb {
    height: 86px;
}

#holder_daum .search_more .more_txt {
    width: auto;
}

/* 로그인화면 */
.login_food .food_login {
    display: flex;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.login_food .food_login li {
    width: 50%;
    padding: 13px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.login_food .food_login li.active:first-child {
    background: #15bf57;
    border-bottom: 1px solid #15bf57;
}

.login_food .food_login li.active:last-child {
    background: #ef2c2c;
    border-bottom: 1px solid #ef2c2c;
}

.tab_cont_login .form_login:last-child .btn_type,
.login_food .form_box:last-child .btn_type,
.login_food .form_box:last-child .btn_type:hover {
    border: 1px solid #ef2c2c;
    background-color: #ef2c2c;
}

.tab_cont_login .form_login:last-child .container-checkbox input:checked ~ .checkmark,
.tab_cont_login .form_box:last-child .container-checkbox input:checked ~ .checkmark {
    border: 1px solid #ef2c2c;
    background-color: #ef2c2c;
}

.login_food .food_login li.active a {
    color: #fff;
}

.tab_cont_login .main_bor {
    border-top: 0;
}

.check_1:hover,
.check_2:hover {
    color: #15bf57;
    cursor: pointer;
}

/* 관리자페이지 button */
.agree_btn.off {
    background: #f1f1f1;
    color: #333;
    border: none;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 12px;
}

.agree_btn.on {
    background: #15bf57;
    color: #fff;
    border: none;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 12px;
}

/* 메인 랭킹 */
.tabs {
}

.tab {
    display: none;
}

.outer {
    width: 100%;
}

.tab.active {
    display: block;
}

.buttons button {
    width: 100px;
    height: 33px;
    font-size: 14px;
    display: inline-block;
    color: #777;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.buttons button.active {
    background-color: #15bf57;
    border: 1px solid #15bf57;
    color: #fff;
}

.slider {
    width: 100%;
    height: auto;
}

.item {
}

.slick-list .slick-track {
    width: 100%;
}

.pagingInfo {
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 62.55%;
    left: 190px;
    letter-spacing: 14px;
    font-size: 17px;
}

/* 메인화면 랭킹을 위한 임시 CSS 적용 */
.result_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.result_item:hover {
    background-color: #f8f9fa;
}

.rank_num {
    font-weight: bold;
    color: #007bff;
    width: 40px;
    text-align: center;
}

.rank_title {
    flex: 1;
    text-align: left;
    padding: 0 10px;
}

.rank_change {
    width: 60px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

/* 기존 buttons 스타일 활용 */
.buttons button:not(.active) {
    background: #f8f9fa;
    border: 1px solid #ddd;
}

.buttons button:hover {
    background: #e9ecef;
}

.buttons button.active:hover {
    background: #0056b3;
}

/* 네비게이션 버튼 호버 효과 */
.ranking_nav_prev:hover,
.ranking_nav_next:hover {
    background: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

/* 점심 갤러리 */
#columns{
    column-width:220px;
    column-gap: 15px;
    padding:9px;
}
#columns figure{
    display: inline-block;
    margin:0;
    margin-bottom: 15px;
}
#columns figure img{
    width:100%;
}
#columns figure figcaption{
    border-top:1px solid rgba(0,0,0,0.2);
    padding:10px;
    margin-top:11px;
}
.food_gallery .my_box {
    position: relative;
}

.food_gallery .my_box .modi_pop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 350px;
    height: auto;
    max-height: 67.75rem;
    background-color: white;
    transform: scale(0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    animation: standardModalAnimation 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 2px 2px 15px rgb(0 0 0 / 40%);
    padding: 40px;
    border-radius: 0.25rem;
}

@keyframes standardModalAnimation {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.food_gallery .my_box .modi_pop.active {
    transform: inherit;
    opacity: 1;
}

.food_gallery .my_box .modi_pop img {
    width: 100%;
}

.food_gallery .basic_menu ul {
    display: flex;
    flex-direction: column;
    text-align: center;
    font: 16px 'Roboto';
    font-style: normal;
    width: 100%;
    line-height: 28px;
        align-items: center;
}