@charset 'utf-8';

body {background: #fff;}

.intro-pre {text-align: center;}
.intro-title {text-align: center; white-space: pre-line;}
.intro-desc {text-align: center;  white-space: pre-line;}
@media screen and (max-width: 1280px) {
	.intro-title {white-space: normal; word-break: keep-all;}
	.intro-desc {white-space: normal; word-break: keep-all;}
}

/* 배너 */
.menu-board-banner {background: #2D2D2D; position: relative; overflow: hidden;}
.menu-board-banner-inner {padding: 7.5rem 0 11.5rem;}
.menu-board-banner-title {white-space: pre-line; color: #fff;}
.menu-board-banner-title-b {font-weight: 700;}
.menu-board-banner-desc-wrap {display:flex; flex-direction: column; gap: 2rem;}
.menu-board-banner-desc {color: #fff; white-space: pre-line;}
.menu-board-banner-r {}
.menu-board-banner-img {position: absolute; bottom: 0; right: -11.4375rem; width: 52rem; aspect-ratio: 891/655;  transform: rotate(8deg);}
.menu-board-banner-r img {display: block; width: 100%; height: 100%; object-fit: cover;}

@media screen and (min-width: 1281px) {
}
@media screen and (max-width: 1280px) {
	.menu-board-banner-inner {padding: 4rem 3vw;}
	.menu-board-banner-title {word-break: keep-all;}
	.menu-board-banner-desc{white-space: normal; word-break: keep-all;}

	.menu-board-banner-r {display: flex; justify-content: center; align-items: center; margin-top: 3rem;}
	.menu-board-banner-img {position: relative; bottom: auto; right: auto; transform: rotate(0deg);}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 320px) {
}
/* 배너 */

/* 메뉴판 유형 */
.menu-type {}
.menu-type-inner {padding: 7.5rem 0;}
.menu-type-title { white-space: pre-line;}
.menu-type-desc {white-space: pre-line;}
.menu-type-list {display: flex; flex-wrap: wrap; column-gap: 2rem; row-gap: 1.5rem; margin-top: 2rem;} 
.menu-type-item {width: calc((100% - 2 * 2rem) / 3); box-sizing: border-box; border: 1px solid #000; border-radius: 2.5rem; padding: 1.5rem 2rem;}
.menu-type-item-head {display: flex; justify-content: space-between; align-items: center;}
.menu-type-item-head-l {flex: 1}
.menu-type-item-num {color: var(--color-primary); font-size: 1.125rem; font-weight: 400;}
.menu-type-item-title {font-size: 1.25rem; font-weight: 600;}
.menu-type-item-head-r {}
.menu-type-item-icon {display: block; width: 3rem; height: 3rem;}
.menu-type-item-simple-desc {font-size: 1.25rem; white-space: pre-line}
.menu-type-item-divider {border:none; border-bottom: 1px solid #0005; width: 95%; margin: 1rem auto 1rem 0;}
.menu-type-item-body {display: flex; gap: 1.25rem; margin-top: 0.5rem;}
.menu-type-item-img {width: 8.4375rem; aspect-ratio: 135 / 195; flex-shrink: 0;}
.menu-type-item-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.menu-type-item-content {display: flex; flex-direction: column; justify-content: center; gap: 1rem;}
.menu-type-item-content-title {display: flex; align-items: center; gap: 0.5rem;}
.menu-type-item-content-title::before {content: ''; display: block; border-radius: 50%; width: 0.625rem; height: 0.625rem; background: #353535;}
.menu-type-item-content-desc {font-size: 0.875rem; color: #757575; margin-top: 0.5rem; white-space: pre-line;}

@media screen and (min-width: 1281px) {
}
@media screen and (max-width: 1280px) {
	.menu-type-inner {padding: 4rem 3vw;}

	.menu-type-list {column-gap: 2rem; row-gap: 1.5rem;} 
	.menu-type-item {width: calc((100% - 2rem) / 2); border-radius: 2.5rem; padding: 1.5rem 2rem;}
}
@media screen and (max-width: 768px) {
	.menu-type-title {white-space: normal;}
	.menu-type-desc {white-space: normal;}

	.menu-type-list {column-gap: 2rem; row-gap: 1.5rem;} 
	.menu-type-item {width: 100%; border-radius: 2.5rem; padding: 1.5rem 2rem;}
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 320px) {
}
/* 메뉴판 유형 */

/* 메뉴판 인쇄용지 */
.menu-paper {background: #f5f5f5;}
.menu-paper-inner {padding: 7.5rem 0;}
.menu-paper-list {display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 3rem;}
.menu-paper-item {width: calc((100% - 3 * 2rem) / 4); border-radius: 1.5rem; overflow: hidden;}
.menu-paper-item-img {background: #dfdfdf; width: 100%; height: 10rem;}
.menu-paper-item-img img {width: 100%; height: 100%; object-fit: cover;}
.menu-paper-item-name {background: #fff; display: flex; justify-content: center; align-items: center; height: 4rem; font-size: 1.25rem; font-weight: 400;}
@media screen and (min-width: 1281px) {
}
@media screen and (max-width: 1280px) {
	.menu-paper-inner {padding: 4rem 3vw;}
	.menu-paper-list {}
	.menu-paper-item {width: calc((100% - 2rem) / 2);}
}
@media screen and (max-width: 768px) {
	.menu-paper-list {}
	.menu-paper-item {width: 100%;}
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 320px) {
}
/* 메뉴판 인쇄용지 */