@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_li_lt {position:relative;width:33.3333%;float:left;padding:0 10px;background:#fff}
.pic_li_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_li_lt .lat_title a {color:#000;display:inline-block;position:relative}
.latest_top_wr .pic_li_lt:nth-child(3n+1) {clear: both!important}

.pic_li_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center}
.pic_li_lt .lt_more:hover {color:#777}
.pic_li_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_li_lt li {border-bottom:1px solid #e5ecee;margin-bottom:10px}
.pic_li_lt li .lt_img {display:none}
.pic_li_lt li:first-child .lt_img {display:block;margin:0 0 10px;}
.pic_li_lt li:first-child .lt_img img, .pic_li_lt li .lt_img video {width:100%;height:auto}
.pic_li_lt li .pic_li_tit {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}

.pic_li_lt li .fa-heart {color:#ff0000}
.pic_li_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.pic_li_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_li_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_li_lt li .fa-caret-right {color:#bbb}
.pic_li_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_li_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.pic_li_lt .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_li_lt .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.pic_li_lt .empty_li:before {background:none;padding:0}

.pic_li_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_li_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_li_lt .lt_more:hover {color:#777}

/* 썸네일 목록형 최근글 스타일 */
.pic_li_lt {
    margin-bottom: 30px;
}

.lat_title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.lat_title a {
    color: #333;
    text-decoration: none;
}

.lat_title a:hover {
    color: #007bff;
}

.menu-item {
    margin-bottom: 30px;
    text-align: center;
}

.menu-img {
    width: 100%;
    height: 200px;
    padding: 0 !important;
    object-fit: cover;
    border-radius: 0.5rem;
    transition: transform 0.3s ease;
}

.menu-img:hover {
    transform: scale(1.05);
}

.menu-item h4 {
    margin: 15px 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.menu-item h4 a {
    color: #333;
    font-size: 1.3rem;
    font-weight: 300;
    font-family: var(--default-font);
    text-decoration: none;
}
.menu-item h4 a:hover {
    color: var(--accent-color);
}
/* 모바일 (화면 너비 768px 이하) */
@media screen and (max-width: 768px) {
    .menu-item h4 a {
        font-size: 1rem;
    }
}

.menu-item p {
    font-size: 1rem;
    font-weight: 300;
    font-family: var(--default-font);
    text-decoration: none;
}

.ingredients {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.price {
    color: #28a745;
    font-size: 14px;
    font-weight: bold;
}

.new_icon, .hot_icon {
    background: #dc3545;
    color: white;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 5px;
}

.hot_icon {
    background: #ff6b35;
}

.fa-lock {
    color: #dc3545;
    margin-right: 5px;
}

.empty_li {
    padding: 50px 20px;
    color: #999;
    font-size: 16px;
}

.lt_more {
    display: inline-block;
    padding: 10px 30px;
    background: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.lt_more:hover {
    background: #0056b3;
    color: white;
    text-decoration: none;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .col-lg-4 {
        margin-bottom: 20px;
    }
    
    .menu-img {
        height: 180px;
    }
    
    .menu-item h4 {
        font-size: 16px;
    }
}