*{margin: 0; padding: 0;}
ul,li{list-style: none;}
a{text-decoration: none;}

#wrap{width: 100%;}

/* header */
header{width: 100%;}

.nav{width: 1200px; height: 140px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin: auto;}
.logo{width: 106px; height: 93px;}
.logo>img{width: 106px; height: 93px;}

.menu{width:504px; position: relative; }
.menu>ul{display: flex; justify-content: center; text-align: center; margin: 0 auto;}
.menu>ul>li{border-bottom: 6px solid rgb(255, 255, 255);  cursor: pointer; width: 160px; height: 140px; font-size: 20px; font-weight: 800;  display: flex; justify-content: center; align-items: center;  }

.menu>ul>li:hover{ border-bottom: 6px solid rgb(255, 217, 0);}

/* 오른쪽메뉴 */
.right_menu{display: flex; justify-content: space-between; gap: 6px;}
.right_menu1{width: 80px; height: 36px; border-radius: 50px; color: #fff; font-size: 13px; font-weight: 800;  text-align: center; line-height: 36px; background-color: #db0007;}
.right_menu2{width: 80px; height: 36px; border-radius: 50px; color: #fff; font-size: 13px; font-weight: 800;  text-align: center; line-height: 36px; background-color: #d87e00;}
.right_menu3{width: 80px; height: 36px; border-radius: 50px; color: #fff; font-size: 13px; font-weight: 800;  text-align: center; line-height: 36px; background-color: #264a36;}


/* 메인화면슬라이더 main_slider */
.mySwiper{max-width: 1920px; height: 480px;}
.swiper-slide>img{width: 100%;}


.swiper-button-next::after,.swiper-button-prev::after {display: none;}


/* 하단바 */
.menu_buttom{position: absolute; top: 140px; left: 0px; display: none; width: 100%; height: 300px; background-color: #fff; border-top: 1px solid rgb(196, 196, 196);  z-index: 9999999999999;}
.menu_buttom>div{width:492px; display: flex; justify-content: space-between; padding-top: 32px; padding-left: 584px; font-size: 13px; font-weight: 800;}
.menu_buttom>div>ul>li{margin-bottom: 16px;}
.menu_buttom>div>ul>li>a{color: #6b6b6b; }
.bt_nav{margin-left: 10px; }

.menu:hover~.menu_buttom {display: block;}
.menu_buttom:hover{display: block;}
.menu_buttom>div>ul>li>a:hover{color: #333; padding-bottom: 4px; border-bottom: 1px solid #333;}


/* section */

section{width: 100%;}

.food_font{margin-top: 12px;}

.title_font{width: 1300px; margin: 0 auto;}
.title_font>p{font-size: 32px; font-weight: 800; padding-top: 36px; padding-bottom: 42px;}


/* 메뉴사진들 */

.food_wrap{width: 1300px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; row-gap: 30px; margin-bottom: 30px;}
.food{width: 366px; height: 400px; box-shadow: 0 3px 4px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; }
.food>div>p{font-size: 16px; font-weight: 800; padding-bottom: 5px; padding-left: 16px;}


.plus{text-align: center; padding: 40px 0; cursor: pointer;}


/* footer */
footer{width: 100%; background-color: #292929;}
.footer_font{width: 1200px;  height: 260px; display: flex; justify-content: space-between; padding-top: 50px; margin: 0 auto; }
.footer_font>div{display: flex;}
.footer_font>div>ul>li{padding-bottom: 10px;}
.footer_font>div>a>img{margin: -20px 6px;}

.footer_left{font-size: 14px; font-weight: 800; padding-right: 30px;}
.ft1>a{color: #ffff00;}
.ft>a{color: #fff;}

.footer_middle{font-size: 14px; color: #fff;}

.move{z-index: 200000;  position: fixed; text-align: center;  width: 130px; height: 300px; background-color: #fff; padding-top: 30px; bottom: 100px; left: 1700px; border-radius: 20px;}
.moveimg{width: 130px; height: 300px; }