@charset "utf-8";

.main-picture{ position: relative; width: 100%; min-width: 1320px; height: 750px; z-index: 0;}

.main-contents{ position: relative; padding: 60px 0 90px; width: 100%; min-width: 1320px; font-size: 0;}
.main-contents h2{ display: block; position: relative; margin: 136px auto 0; width: 100%; font-size: 35px; font-weight: 500; color: #000; text-align: center;}
.main-contents h2 + p{ display: block; position: relative; padding: 16px 0 79px; font-size: 20px; font-weight: 500; color: #000; text-align: center;}
.main-contents h2 + p::after{ content: ""; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 100px; height: 5px; background-color: #CD5020;}

/*.swiper{ width: 100%; height: 100%;}*/
.swiper-slide{ text-align: center;}
.swiper-slide img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.sale .sale-container{ display: flex; margin: 0 60px; font-size: 0; }
.sale .sale-container a{ display: flex; width: 100%;}
.sale .sale-container a img{ display: inline-block; width: 800px; border: 5px solid #848095;}
.sale .sale-container a p{ display: inline-block; padding-top: 87px; width: calc(100% - 800px); background: url(/img/main/salepattern.png) no-repeat bottom; font-size: 22px; color: #222222; text-align: center;}

.main-dish ul{display: flex; margin: 0 60px;}
.main-dish ul li{ position: relative; flex-grow: 1; border: 5px solid #848095;}
.main-dish ul li img{ display: block; width: 100%; height: 100%;}
.main-dish ul li span{ display: block; position: absolute; bottom: -5px; left: -5px; right: -5px; padding-right: 15px; height: 52px; background-color: rgba(255, 255, 255, .4); font-size: 20px; line-height: 52px; text-align: right; color: #000;}

.swiper-button-prev,
.swiper-button-next{ width: 30px; height: 52.47px; background-size: 30px 52.47px;}
.swiper-button-prev{ background-image: url('/img/ico_white_left.png');}
.swiper-button-next{ background-image: url('/img/ico_white_right.png');}
/* swiper 정지, 시작버튼 */
.swiper-play-stop{ position: absolute; bottom: 11px; left: calc(50% + 54px); width: 10px; height: 10px; background: center no-repeat url(/img/main/stop.png); z-index: 11;}
/* swiper의 default 버튼 이미지 없애기 */
.swiper-button-prev::after,
.swiper-button-next::after{ display:none;}
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none;}
/* swiper pagination 커스텀 */
.swiper-pagination{ line-height: 0;}
.swiper-pagination-bullet{ position: relative; width: 10px; height: 10px; background-color: transparent; border: 1px solid #fff; opacity: 1; box-shadow: 0 0 10px;}
.swiper-pagination-bullet-active{ background-color: #fff; }

/* popup */
#popup-area{ position: relative;}
#popup-area .kr-show-wrap{ position: absolute; top: 0; left: 0;  border: 2px solid #4A433B; padding: 0px; z-index: 9999; background: #fff; font-size: 0;}
#popup-area .kr-show-wrap #kr-show{ padding: 20px;}
#popup-area .kr-show-wrap #kr-show img{ width: 200px; height: 300px; border: 1px solid #CDCBBE}
#popup-area .kr-show-wrap button{height: 40px; width: 50%; border-top: 1px solid #E9E9E9; background: #fff; cursor: pointer;}
#popup-area .kr-show-wrap button:first-of-type{ border-right: 1px solid #E9E9E9;}