*{font-size: 15px;}
.hero-header {
    background: url(../../img/menu/menu-head2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
}
@media (max-width: 1389px){
    .hero-header{
        height: auto;
        background-position: left center;
    }
}
.webheader .container-fluid{   
    display: block;
}
.sticky-top .container-fluid{
    display: block;
}


.hero-header .display-3 {
    text-shadow: rgb(153 81 32 / 70%) 0px 0px 11px;
}
.hero-header .breadcrumb .breadcrumb-item a {
    color: #c9ebe1;
}


.hero-header .breadcrumb-item+.breadcrumb-item::before {
    color: #bafde5cf
}


.br_story{
    font-family: 'Noto Sans KR', sans-serif; 
}


.br_story h3{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 20px;
}
.container-fluid, .container{word-break: keep-all;}
@media (min-width: 1400px){
    .container:not(footer .container) {
        max-width: 1150px;
    }
}


.bg-f5{  background-color: #f5f5f5;}
/* menu */
.section1{
    color: #615454;
    margin: 0 auto;
    padding-top: 60px;  
}
.menu-box{  
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-box .menu:last-child{
    margin-right: 0;
    color: #999999;
}
.section1 img{width:100%; object-fit: cover;}


.menu{  
    font-size: 25px;
    font-weight: 500;
    margin-right: 30px;
    cursor: pointer;    
    font-family: 'establishRetrosansOTF'; 
    /* font-family: 'Noto Serif KR', serif; */
    /* font-family: 'Playfair Display', serif; */
}
.menu span{
    font-size: 18px;
    font-weight: 400;    
    font-family: 'Noto Sans KR', sans-serif;  
    top: 7px;
}


.cc{
    padding: 60px 0;
}
.grid-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);  
    gap: 40px;
    margin-top: 10px;  
}
.prod{
    margin-bottom: 60px;
    padding: 27px 41px; 
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px 0px;
    border-radius: 20px;
    overflow: hidden;
}
.title{
    font-weight: 500;
    /* font-family: 'establishRetrosansOTF'; */
    /* font-family: 'Noto Serif KR', serif; */
    color: #1c1c1c;
    font-size: 30px;    
    text-transform: uppercase;
    letter-spacing: -0.6px;
}
.title-small{font-size: 25px;}
.nation .title{color: #f5f5f5; font-size: 30px;}


.cat2 .title{
    line-height: 36px;
}
.cat2 .title span{
    color: #b9a383;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.8px;
    /* font-family: 'establishRetrosansOTF'; */
}
.cat2 .title span:after{
    position: absolute;
    content: "";
    width: 45px;
    height: 1px;
    top: 50%;    
    margin-left: 5px;
    background: #b9a383;
}
.cat2 .nation .title{
    color: #b9a383;
}
.cat2 .nation .title span{
    text-transform: lowercase;
    font-size: 20px; 
    color: #b9a383;
}
.cat2 .nation .title span:after{
    content: none;
}
.cat2 .nation-liq .title{
    text-shadow: 3px 3px 15px #ffffff;
}
/*  °ψΕλ  */
.nation-last-cater{
    margin-top: 12px;
    text-align: center;
}
.nation-last-cater .title{ 
    color: #b9a383; 
}
.img-last{ 
    border-right: 15px solid #ffecdb;
    border-left: 15px solid #ffecdb;
    border-top: 15px solid #ffecdb;  
    /* padding-bottom: 65px; */
    padding-bottom: 25px;
    background-color: #ffecdb;
    border-radius: 5px;
}
.grid-last{ 
    gap: 2px;
}
.grid-last2{
    margin-top: 35px;
    margin-bottom: 16px;
}
.img-last2{
    rotate: 3deg;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.img-last4{
    rotate: 4deg;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    top: -29px;
}
.img-last1{
    rotate: -1deg; 
    right: -1px;  
}
.cat2 video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.cat2 .img-last{
    padding-bottom: 65px;
}


article{ 
    margin: 80px 0 80px;
}





.subject{   
    font-size: 15px;
    margin: 14px 0 16px;
    letter-spacing: -1px;
}
.nation-last-cater .subject{ 
    margin: 0px 0 0px;
    font-weight: 400;   
    color: #b9a383;
}


.foodname{
    display: flex; 
    justify-content: end;
    flex-direction: column;
}
.img-wrap{
    border-radius: 3px;
    overflow: hidden;
}
.nation-liq .title{
    font-size: 35px;
    color: #fbf9fa;
}
.nation-liq{
    position: absolute;
    top: 25px;
    left: 25px; 
    z-index: 9;
    color: #fbf9fa;
}


.show_cater{    
    font-size: 20px;
    background-color: #fea116;
    color: #FFF;   
    z-index: 1;
    transition: all .5s ease;
    padding: 1rem 3rem;
    border-radius: 3px;
}
.show_cater:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 3px;
    background: linear-gradient(109.6deg, rgba(28, 28, 28, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
    transition: all .5s ease;
}
.show_cater:hover {
    background-color: #fea116;
    color: #fff;
    border-radius: 3px;
}
.show_cater:hover:after {
    /* left: 0; */
    width: 100%;
}


article img:last-child{display: none;}



@media (max-width: 1025px){
    .nation .title{font-size: 25px;}
}
@media (max-width: 901px){
    .nation .title{font-size: 21px;}
}
@media (max-width: 801px){
    .nation .subject{display: none;}
}
@media (max-width: 573px){
    .nation .title{font-size: 16px;}
}
@media (max-width: 491px){
    .grid-box{
        grid-template-columns: repeat(1, 1fr);
    }    
    .nation-liq {
        top: 15px !important;
        left: 15px !important;     
    }
}


@media (max-width: 1122px){
    .foodname{width: 93%;}
}
@media (max-width: 936px){   
    .title{font-size: 24px;}
    .title-small{font-size: 23px;}
}
@media (max-width: 836px){   
    .title{font-size: 22px;}
    .title-small{font-size: 18px; }
}
@media (max-width: 800px){   
    .foodname{width: 100%;}
    .grid-box{gap: 9px;}
}
@media (max-width: 746px){   
    .nation-liq{
        top: 5px !important; left: 15px !important;
        width: 100%;
        display: flex;
        justify-content: space-between;      
    }
    .nation-liq .subject{
        padding-right: 25px;
        margin: 0px 0 0px;
    }
}
@media (max-width: 700px){   
    .grid-box{display: block;}
    .title{font-size: 30px;  margin-top: 13px;}
    .title-small{font-size: 30px; }
    .nation-liq .title{
        margin-top: 0;
        font-size: 25px;
    }
    .nation-liq .subject span{
        display: none;
    }
    .img-last4{
        top: 0;
    }
}
@media (max-width: 598px){  
    .title{font-size: 25px;}
    .title-small{font-size: 20px; }
}
@media (max-width: 566px){  
    .nation-liq .subject {padding-left: 15px;}
    .prod{
        padding: 12px 12px 19px;
    }
}
@media (max-width: 530px){  
    .nation-liq .subject{
        padding-right: 30px;
    }
}
@media (max-width: 530px){  
    .nation-liq .subject{
        font-size: 14px;
    }
    article img:last-child{display: block;}
    article img:first-child{display: none;}
}
@media (max-width: 441px){  
    .prod{
        margin-bottom: 39px;       
    }
    .title{font-size: 20px;}
    .cat2 .title{font-size: 30px;}
    .nation-liq .subject {
        display: none;      
    }
    .subject{font-size: 14px;}
}
@media (max-width: 363px){  
    .menu{font-size: 21px;}
}