@charset "UTF-8";
:root {
	--primary-color-1: #df8810;
	--primary-color-2: #163269;
	--bg-color-1: #f7f8fa;
	--white-color-1: #ffffff;
	--black-color-1: #333333;
	--line-color-1: #d1d3d7;
	--gray-color-1: #8c8c8c;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	background: url(/data/images/check.png) no-repeat center;
	background-size: cover;
	border: none;
	outline: none !important;
}

input[type="checkbox"]:checked {
	content: "";
	display: block;
	background: url(/data/images/check_on.png) no-repeat center;
	background-size: cover;
}
textarea.comm-input {
	border-radius: 6px;
	border: 1px solid #ececec;
	padding: 10px 16px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.46;
	letter-spacing: -0.45px;
	width: 100%;
}
textarea.comm-input::placeholder {
	color: var(--gray-color-1);
}
input.comm-input {
	border-radius: 6px;
	border: 1px solid #ececec;
	padding: 10px 16px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.46;
	letter-spacing: -0.45px;
	height: 42px;
}
input.comm-input::placeholder {
	color: var(--gray-color-1);
}
input.comm-input:focus {
	outline: none;
}
.comm-label {
	display: block;
	font-size: 14px;
	color: #4f5055;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: -0.42px;
}

.blind {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}
.wrap {
	width: 100%;
	max-width: 1128px;
	padding: 0 24px;
	margin: 0 auto;
}

.icon_box img {
	width: 100%;
	display: block;
}
.hd-wrap.scroll {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 90;
}
.hd-wrap {
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 90;
	transition: 0.1s ease-in;
}
header {
	background: #fff;
	border-bottom: 1px solid #d1d3d7;
	transition: top 0.3s ease;
}
header .wrap {
	position: relative;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	height: 72px;
}
header .logo {
	width: 154px;
}
header .logo a {
	display: block;
}
header .logo a img {
	width: 100%;
	display: block;
}
header nav {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
header nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 80px;
}
header nav ul a {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
header nav ul .on a {
	color: var(--primary-color-1);
}
header .hd_right ul {
	display: flex;
	align-items: center;
	gap: 24px;
}
header .hd_right a {
	font-size: 16px;
	font-weight: 500;
}
header .hd_right .join a {
	color: var(--primary-color-1);
}
header .hd_right li {
	position: relative;
}
header .hd_right li + li::after {
	display: block;
	content: "";
	width: 1px;
	height: 14px;
	background: var(--line-color-1);
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}
header.top-hd .top-header {
	display: none;
}
header.top-hd .top-header .btn_back {
	display: block;
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
}
header.top-hd .top-header .btn_back a {
	display: block;
}
header.top-hd .top-header .btn_back a img {
	width: 100%;
	display: block;
}
footer {
	background: #f4f4f4;
	padding: 48px 0;
}
footer .wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
footer .wrap .right_group {
	text-align: right;
}
footer .logo {
	width: 154px;
	margin-bottom: 24px;
}
footer .logo a {
	display: block;
}
footer .logo a img {
	width: 100%;
	display: block;
}
footer .info p {
	opacity: 0.7;
	color: var(--gray-color-1);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: -0.42px;
}
footer .info p a {
	display: inline-block;
	color: var(--gray-color-1);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: -0.42px;
}
footer .right_group ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 32px;
	margin-bottom: 22px;
}
footer .right_group ul li {
	position: relative;
}
footer .right_group ul li + li::after {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: var(--gray-color-1);
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.5;
}
footer .right_group ul a {
	color: var(--gray-color-1);
	text-align: right;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.48px;
}
footer .right_group h3 {
	color: var(--gray-color-1);
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.54px;
	margin-bottom: 8px;
}
footer .right_group .tel {
	margin-bottom: 12px;
}
footer .right_group .tel a {
	display: block;
	text-align: right;
	color: var(--gray-color-1);
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -1.2px;
	opacity: 0.7;
}
footer .right_group p {
	color: var(--gray-color-1);
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.85;
	letter-spacing: -0.42px;
	opacity: 0.7;
}
.footer-nav {
	padding: 10px 20px 6px;
	background: #fff;
	border-top: 1px solid var(--line-color-1);
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}
.footer-nav ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-nav ul a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
}
.footer-nav ul img {
	width: 24px;
}
.footer-nav ul span {
	display: block;
	text-align: center;
	font-size: 12px;
	letter-spacing: -0.36px;
	color: var(--gray-color-1);
	font-weight: 500;
	line-height: 1.5;
}
.footer-nav ul .on span {
	color: var(--primary-color-1);
}
footer .btn-fix {
	position: fixed;
	right: 308px;
	bottom: 50px;
	width: 80px;
	z-index: 80;
}
footer .btn-fix a {
	display: block;
}
footer .btn-fix a img {
	width: 100%;
	display: block;
}

.event_top {
	background: var(--primary-color-2);
	color: #fff;
	width: 100%;
	padding: 0 24px;
}
.event_top a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 44px;
}
.event_top a span {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.event_top a img {
	width: 20px;
}
.main_banenr img {
	display: block;
	width: 100%;
}
.main_banenr .m_img {
	display: none;
}
.comm_tab ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.comm_tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 1.44;
	font-weight: 700;
	color: var(--gray-color-1);
	background: var(--bg-color-1);
	border-radius: 50px;
}
.comm_tab .on a {
	background: var(--primary-color-2);
	color: var(--white-color-1);
}
.tab_conts .tab_sub {
	display: none;
}
.tab_conts .tab_sub:first-child {
	display: block;
}
.sub_container {
	min-height: calc(100vh - 370px);
}
/*	*/
.tab-slide {
	width: fit-content;
	margin: 0 auto 24px;
}
.tab-slide .swiper-slide {
	width: fit-content;
}
.tab-slide .swiper-slide a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	font-size: 18px;
	letter-spacing: -0.54px;
	line-height: 1.44;
	font-weight: 700;
	color: var(--gray-color-1);
	background: var(--bg-color-1);
	border-radius: 50px;
}
.tab-slide .swiper-slide.swiper-slide-thumb-active a {
	background: var(--primary-color-2);
	color: var(--white-color-1);
}
.meal-info-section {
	padding: 80px 0;
}
.meal-slide {
	width: 100%;
	position: relative;
}
.meal-slide .img_box {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
.meal-slide img {
	width: 100%;
	display: block;
}
.meal-slide .btn_option {
	aspect-ratio: 1080 / 500;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.meal-slide .btn {
	position: absolute;
	z-index: 15;
	top: 50%;
	transform: translateY(-50%);
	width: 72px;
}
.meal-slide .btn img {
	width: 100%;
	display: block;
}
.meal-slide .btn.btn-left {
	left: 20px;
}
.meal-slide .btn.btn-right {
	right: 20px;
}
.main-title {
	font-size: 34px;
	font-weight: bold;
	letter-spacing: -1.02px;
	text-align: center;
	margin-bottom: 40px;
}
.meal-info-section .comm_tab {
	margin-bottom: 24px;
}
.meal-info-section .btn-more a {
	display: inline-flex;
	padding: 10px 24px 10px 32px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 100px;
	border: 1px solid var(--primary-color-1);
	background: #fff;
}
.meal-info-section .btn-more a span {
	color: var(--primary-color-1);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
}
.meal-info-section .btn-more a img {
	width: 20px;
	display: block;
}

.meal-info-section .description .type {
	display: block;
	color: var(--primary-color-1);
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -0.54px;
	margin-bottom: 16px;
}
.meal-info-section .description h3 {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.46;
	letter-spacing: -0.78px;
	margin-bottom: 12px;
}
.meal-info-section .description p {
	color: var(--gray-color-1);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
	text-align: center;
	margin-bottom: 24px;
}
.meal-info-section .description .price {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: -0.84px;
	margin-bottom: 32px;
}
.main-benefits-list {
	padding: 80px 0;
	background: #f9f9f9;
}
.main-benefits-list ul {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}
.main-benefits-list ul li {
	width: calc((100% - 48px) / 3);
}
.main-benefits-list ul li img {
	display: block;
	width: 100%;
	margin-bottom: 32px;
}

.main-benefits-list ul p {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	line-height: 1.46;
	letter-spacing: -0.78px;
}
.main-reviews {
	padding: 80px 0;
}
.main-reviews ul {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}
.main-reviews li {
	width: calc((100% - 48px) / 3);
}
.main-reviews .review-item {
	border-radius: 24px;
	border: 1px solid var(--line-color-1);
	background: #fff;
	padding: 24px 28px;
}
.main-reviews .review-item a {
	display: flex;
	align-items: center;
	gap: 20px;
}
.review-item .img_box {
	border-radius: 16px;
	overflow: hidden;
	width: 96px; height: 96px;
	padding: 6px;
	border-radius: 8px;
	display: flex; justify-content: center; align-items: center;
}
.review-item .img_box img {
	display: block;
/* 	aspect-ratio: 1 / 1; */
	max-width: 100%;
	max-height: 100%;
}
.review-item .description {
	width: calc(100% - 116px);
}
.review-item .description .user-id {
	color: var(--gray-color-1);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: -0.42px;
	margin-bottom: 6px;
}
.review-item .description p {
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.46;
	letter-spacing: -0.45px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.review-item .description .hashtag_box {
	margin-top: 6px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}
.review-item .description .hashtag_box span {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.42px;
	color: var(--primary-color-1);
}
.reviews-slide .review-item + .review-item {
	margin-top: 24px;
}
.main-reviews .btn-more {
	margin: 48px auto 0;
	width: fit-content;
}
.main-reviews .btn-more a {
	display: inline-flex;
	padding: 10px 24px 10px 32px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 100px;
	border: 1px solid var(--line-color-1);
	background: #fff;
}
.main-reviews .btn-more span {
	color: var(--gray-color-1);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
}
.main-reviews .btn-more img {
	width: 20px;
	display: block;
}
.event_banner img {
	width: 100%;
	display: block;
}
.event_banner .m_img {
	display: none;
}
.sub_container .delivery-areas {
	padding: 96px 0 120px;
}
.delivery-areas {
	padding: 80px 0 120px;
}
.delivery-areas .category {
	display: block;
	margin-bottom: 16px;
	color: var(--primary-color-1);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.6px;
}
.delivery-areas .main-title span {
	display: block;
	color: var(--gray-color-1);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
	margin-top: 24px;
}
.delivery-areas-box {
	border-radius: 20px;
	background: #f4f4f4;
	padding: 63px 96px 56px 72px;
}
.delivery-areas-box .title {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 26px;
	letter-spacing: -0.78px;
	font-weight: 700;
	margin-bottom: 20px;
}
.delivery-areas-box .title .logo {
	width: 154px;
}
.delivery-areas-box .title .logo img {
	width: 100%;
	display: block;
}
.delivery-areas-box .contents {
	display: flex;
	justify-content: space-between;
}
.delivery-areas-box .contents .img_box {
	width: 296px;
	display: block;
	padding-top: 30px;
}
.delivery-areas-box .contents .img_box img {
	width: 100%;
	display: block;
}
.delivery-areas-box .contents ul {
	width: 525px;
}
.delivery-areas-box .contents ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.delivery-areas-box .contents li {
	width: calc((100% - 24px) / 3);
	padding: 16px 20px;
	border-radius: 24px;
	background: var(--white-color-1);
}
.delivery-areas-box .contents li h4 {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: -0.42px;
	margin-bottom: 12px;
}
.delivery-areas-box .contents li p {
	color: var(--gray-color-1);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.36px;
}
.delivery-areas-box .contents .btn-more {
	display: none;
	margin-top: 15px;
}
.delivery-areas-box .contents .btn-more a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}
.delivery-areas-box .contents .btn-more a span {
	display: block;
	color: var(--gray-color-1);
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.39px;
	line-height: 20px;
}
.delivery-areas-box .contents .btn-more a img {
	display: block;
	width: 20px;
}
.subscribe-banner {
	background: url(/data/images/subscribe_bg.jpg) no-repeat center / cover;
	width: 100%;
	padding: 64px 20px 47px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.subscribe-banner .logo {
	width: 147px;
	margin-bottom: 22px;
}
.subscribe-banner .logo img {
	width: 100%;
	display: block;
}
.subscribe-banner p {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 6px;
}
.subscribe-banner span {
	display: block;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 32px;
}
.subscribe-banner .btn a {
	display: inline-block;
	padding: 12px 48px;
	color: #fff;
	border-radius: 60px;
	background: var(--primary-color-1);
	font-size: 26px;
	font-weight: bold;
}
.sub_container .meal-info-section .description .price {
	margin-bottom: 0;
}
/*	*/
.sub_subscribe {
	padding: 80px 0;
}
.sub_subscribe ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.sub_subscribe li {
	width: calc((100% - 24px) / 2);
	border-radius: 24px;
	border: 1px solid var(--line-color-1);
	background: var(--white-color-1);
	padding: 44px 20px 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.sub_subscribe li img {
	width: 100%;
	max-width: 466px;
	margin-bottom: 4px;
}
.sub_subscribe li .num {
	font-size: 26px;
	font-weight: bold;
	color: var(--primary-color-1);
}
.sub_subscribe li .title {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -0.78px;
	line-height: 1.46;
	margin-bottom: 16px;
}
.sub_subscribe li p {
	text-align: center;
	color: var(--gray-color-1);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
}
.free-rental {
	background: #f9f9f9;
	padding: 80px 0 120px;
}
.free-rental span {
	display: block;
	color: var(--gray-color-1);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
	margin-top: 24px;
}
.free-rental .img_box {
	background: #fff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 66px 0;
	border-radius: 24px;
	overflow: hidden;
}
.free-rental .img_box img {
	max-width: 516px;
	width: 100%;
	display: block;
}
/*	*/
.customer-banner {
	width: 100%;
	background: #faecd9;
	padding: 71px 0;
}
.customer-banner .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.customer-banner .left_group img {
	display: block;
	width: 367px;
	margin-bottom: 32px;
}
.customer-banner .left_group p {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.72px;
}
.customer-banner .right_group img {
	display: block;
	width: 258px;
}
.customer-guide {
	padding: 80px 0 150px;
}
.customer-guide .item_box h2 {
	padding: 25px 40px;
	border-radius: 12px;
	background: #f4f4f4;
	display: flex;
	width: 100%;
	color: #000;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36;
	letter-spacing: -0.66px;
}
.customer-guide .item_box p {
	padding: 24px 40px 0;
	color: var(--gray-color-1);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
}
.customer-guide .item_box + .item_box {
	margin-top: 64px;
}
.customer-guide .item_box .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 58px 24px 48px;
	border-radius: 12px;
	background: #f4f4f4;
}
.customer-guide .item_box .left_group .kakao a {
	display: block;
	color: var(--primary-color-1);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -0.54px;
	margin-bottom: 16px;
}
.customer-guide .item_box .left_group p {
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
	color: var(--black-color-1);
	margin-bottom: 6px;
}
.customer-guide .item_box .left_group .tel {
	display: flex;
	align-items: flex-end;
	gap: 16px;
}
.customer-guide .item_box .left_group .tel a {
	display: block;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: -0.9px;
}
.customer-guide .item_box .left_group .tel span {
	padding-bottom: 8px;
	color: var(--gray-color-1);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: -0.42px;
}
.customer-guide .item_box .left_group .tel .time {
	display: flex;
	gap: 10px;
}

.customer-guide .item_box img {
	width: 248px;
	display: block;
}
.menu_detail {
	padding: 40px 0 109px;
}
.menu_detail .title {
	display: block;
	color: var(--gray-color-1);
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.38;
	letter-spacing: -1.08px;
	position: relative;
	margin-bottom: 48px;
}
.menu_detail .title::after {
	content: "";
	display: block;
	width: 400px;
	height: 1px;
	background: var(--line-color-1);
	position: absolute;
	left: 0;
	top: 50%;
}
.menu_detail .title::before {
	content: "";
	display: block;
	width: 400px;
	height: 1px;
	background: var(--line-color-1);
	position: absolute;
	right: 0;
	top: 50%;
}
.menu_detail .section01 .img_box {
	width: 100%;
	display: block;
	margin-bottom: 80px;
}
.menu_detail .section01 .img_box img {
	width: 100%;
	display: block;
}
.menu_detail .section01 .explanation {
	color: var(--gray-color-1);
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.72px;
	margin-bottom: 24px;
}
.menu_detail .section01 .logo_group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin-bottom: 70px;
}
.menu_detail .section01 .logo_group .logo01 {
	width: 197px;
	display: block;
}
.menu_detail .section01 .logo_group .logo01 img {
	width: 100%;
}
.menu_detail .section01 .logo_group .icon_box {
	display: block;
	width: 32px;
}
.menu_detail .section01 .logo_group .logo02 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.menu_detail .section01 .logo_group .logo02 img {
	max-height: 53px;
}
.menu_detail .section01 .logo_group .logo02 h3 {
	text-align: center;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: -1.14px;
}
.menu_detail .section01 .explanation-box {
	border-top: 1px solid var(--line-color-1);
	padding-top: 40px;
	color: var(--gray-color-1);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.66;
	letter-spacing: -0.54px;
}
.menu_detail .about-menu {
	margin-top: 84px;
}
.menu_detail .about-menu .img_box {
	display: block;
	width: 100%;
	margin-bottom: 52px;
}
.menu_detail .about-brand .img_box img,
.menu_detail .about-menu .img_box img {
	width: 100%;
	display: block;
}
.menu_detail .explanation-box .sub_title {
	color: var(--black-color-1);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.72px;
	margin-bottom: 16px;
}
.menu_detail .explanation-box .sub_title02 {
	color: var(--black-color-1);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.6px;
	margin-bottom: 24px;
}
.menu_detail .explanation-box p {
	color: var(--gray-color-1);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.66;
	letter-spacing: -0.54px;
}
.menu_detail section + section {
	margin-top: 84px;
}
.menu_detail .img_group {
	display: flex;
	gap: 24px;
}
.menu_detail .explanation-box + .img_group {
	margin-top: 74px;
}
.menu_detail .about-brand .logo {
	width: 284px;
	margin-bottom: 16px;
}

.menu_detail .about-brand .logo img {
	width: 100%;
	display: block;
}
.menu_detail .img_group .img_box {
	flex: 1;
}
.menu_wrap {
	padding: 40px 0 120px;
}
.menu_wrap .main-title {
	text-align: left;
	margin-bottom: 24px;
}
.menu_wrap .filter-box {
	margin-bottom: 30px;
}
.menu_wrap .filter-box ul {
	display: flex;
	align-items: center;
	gap: 20px;
}
.menu_wrap .wrap.filter-wrap {
	margin-bottom: 40px;
}
.menu_wrap .filter-box a {
	display: block;
	color: var(--gray-color-1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.6px;
}
.menu_wrap .filter-box .on a {
	color: var(--primary-color-1);
}
/*	*/
.day-picker .months-box {
	display: flex;
	overflow: hidden;
}
.day-picker .months-box .day a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 32px;
}
.day-picker .months-box {
	display: flex;
	align-items: center;
}
.day-picker .months-box li + li {
	margin-left: 12px;
}
.day-picker .day.selected span {
	background: var(--primary-color-1);

	color: #fff; /* 선택된 날짜 강조 색상 */
}
.day-picker .day p {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-color-1);
}
.day-picker .day .num {
	display: block;
	text-align: center;
	width: 32px;
	line-height: 32px;
	border-radius: 50px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.54px;
	color: var(--gray-color-1);
}
.day-picker .date-slider {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-radius: 100px;
	border: 1px solid var(--line-color-1);
	background: var(--white-color-1);
	padding: 12px 16px;
}
.day-picker-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.day-picker .date-slider .days {
	display: flex;
	align-items: center;
	gap: 12px;
}
.day-picker .month01 {
	border-radius: 100px;
	background: #f4f4f4;
	width: fit-content;
	padding: 26px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: row;
	color: var(--gray-color-1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.6px;
	margin-right: 24px;
}
.day-picker .month {
	margin: 0 24px;
	border-radius: 100px;
	background: #f4f4f4;
	display: flex;
	width: fit-content;
	text-align: center;
	padding: 26px 10px;
	justify-content: center;
	align-items: center;
	color: var(--gray-color-1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.6px;
}
.date-slider button {
	width: 20px;
	display: block;
}
.date-slider button img {
	width: 100%;
	display: block;
}
.day-picker .months-box .day.off .num {
	opacity: 0.4;
	color: var(--gray-color-1) !important;
	background: #fff;
}
/*	*/
.menu_wrap .top_group {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 24px;
}
.menu_wrap .top_group .date {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 12px 32px;
	border-radius: 50px;
	background: #f4f4f4;
	color: var(--gray-color-1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.6px;
}
.menu_wrap .top_group .today {
	color: var(--primary-color-1);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.6px;
}
.menu_wrap .list-item li {
	display: flex;
	align-items: center;
	gap: 36px;
}
.menu_wrap .list-item li + li {
	margin-top: 20px;
}
.menu_wrap .list-item .thumbnail {
	width: 366px;
	aspect-ratio: 183 / 142;
	border-radius: 16px;
	overflow: hidden;
}
.menu_wrap .list-item .thumbnail img {
	aspect-ratio: 183 / 142;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
.menu_wrap .list-item .right_group {
	width: calc(100% - 402px);
}
.menu_wrap .list-item .description {
	margin-bottom: 16px;
}
.menu_wrap .list-item .category {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-bottom: 6px;
}
.menu_wrap .list-item .category p {
	color: var(--primary-color-1);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.48px;
}
.menu_wrap .list-item .category .img_box {
	position: relative;
	width: 122px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.menu_wrap .list-item .category .img_box::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background: var(--line-color-1);
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}
.menu_wrap .list-item .category .img_box img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	object-fit: contain;
}
.menu_wrap .list-item .name {
	color: #000;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.46;
	letter-spacing: -0.78px;
	margin-bottom: 10px;
}
.menu_wrap .list-item .explanation {
	color: var(--gray-color-1);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
	margin-bottom: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.menu_wrap .list-item .composition .flex-box {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
}
.menu_wrap .list-item .composition .flex-box img {
	width: 32px;
	display: block;
}
.menu_wrap .list-item .composition .flex-box span {
	color: var(--primary-color-1);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.54px;
}
.menu_wrap .list-item .composition p {
	width: 100%;
	color: var(--primary-color-1);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: -0.42px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.menu_wrap .list-item .btn-more {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.menu_wrap .list-item .btn-more a {
	display: block;
	width: 160px;
	padding: 10px;
	color: var(--primary-color-2);
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -0.54px;
	border-radius: 4px;
	border: 1px solid var(--primary-color-2);
	background: var(--white-color-1);
}
.menu_wrap .list-item .m_info {
	display: none;
}
.order_wrap {
	padding: 80px 0 120px;
}
.order_wrap .main-title {
	text-align: left;
}
.order_wrap .form-list {
	width: 100%;
	display: flex;
	column-gap: 16px;
	row-gap: 24px;
	flex-wrap: wrap;
}
.order_wrap .form-list .item-box {
	position: relative;
	width: calc((100% - 16px) / 2);
}
.order_wrap .form-list .item-box .comm-label {
	margin-bottom: 8px;
}
.order_wrap .form-list .item-box input {
	width: 100%;
	display: block;
}
.order_wrap textarea.comm-input {
	height: 44px;
	resize: none;
}
.order_wrap textarea.comm-input:focus {
	outline: none;
}
.order_wrap .form-list .item-box .btn-search {
	position: absolute;
	width: 24px;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.order_wrap .form-list .item-box .btn-search img {
	width: 100%;
	display: block;
}
.order_wrap .form-list .item-box .address-box {
	position: relative;
}
.order_wrap .form-list .item-box .address-list {
	border-radius: 12px;
	background: var(--white-color-1);
	box-shadow: 0px 4px 20px 0px rgba(143, 148, 158, 0.16);
	overflow: hidden;
	width: 100%;
	max-height: 180px;
	position: absolute;
	left: 0;
	bottom: -10px;
	transform: translateY(100%);
	z-index: 50;
	display: none;
}
.order_wrap .form-list .item-box .address-list.on {
	display: block;
}
.order_wrap .form-list .address-list ul {
	padding: 24px 32px;
	max-height: 132px;
	overflow-y: auto;
}
.order_wrap .form-list .address-list li + li {
	margin-top: 8px;
}
.order_wrap .form-list .address-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.order_wrap .form-list .address-list li a p {
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.42px;
	font-size: 14px;
}
.order_wrap .form-list .address-list li a span {
	color: var(--primary-color-1);
}
.order_wrap .form-list .startpickr-box {
	position: relative;
}
.order_wrap .form-list .startpickr-box span {
	display: block;
	position: absolute;
	right: 46px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	font-weight: 500;
	color: rgba(120, 123, 130, 0.5);
}
.order_wrap .form-list .startpickr-box .startpickr {
	background: #fff url(/data/images/icon_calendar.png) no-repeat right 16px center;
	background-size: 24px;
}
.week-day-box {
	margin-top: 48px;
	margin-bottom: 40px;
}
.order_wrap .subscribe-list h3,
.week-day-box h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.6px;
	line-height: 30px;
	margin-bottom: 20px;
}
.order_wrap .subscribe-list h3 span,
.week-day-box h3 span {
	color: var(--gray-color-1);
	display: inline-block;
	margin-left: 12px;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.42px;
	line-height: 30px;
}
.week-day {
	overflow: hidden;
	display: inline-flex;
	padding-right: 65px;
	border-radius: 12px;
	border: 1px solid var(--line-color-1);
}
.week-day .week-name {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
	background: #f7f8fa;
	margin-right: 32px;
	position: relative;
}
.week-day .week-name::after {
	content: "";
	display: block;
	background: var(--line-color-1);
	width: 1px;
	height: 92px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.week-day .week-name span {
	color: var(--gray-color-1);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.36px;
}
.week-day ul {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 12px 0 15px;
}
.week-day li {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.week-day li label {
	display: block;
	margin-bottom: 4px;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
	color: var(--gray-color-1);
}
.counter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 6px;
	border-radius: 6px;
	border: 1px solid var(--line-color-1);
}
.counter .counter-btn {
	width: 16px;
	display: block;
}
.counter .counter-btn img {
	width: 100%;
	display: block;
}
.week-day li .counter {
	margin-top: 10px;
}
.counter .counter-value {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.39px;
}
.order-form input[type="date"]::-webkit-calendar-picker-indicator,
.order-form input[type="time"]::-webkit-calendar-picker-indicator,
.order-form input[type="month"]::-webkit-calendar-picker-indicator,
.order-form input[type="week"]::-webkit-calendar-picker-indicator,
.order-form input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	display: none;
}
.order_wrap .subscribe-list li + li {
	margin-top: 24px;
}
.order_wrap .subscribe-list li.on {
	border: 2px solid var(--primary-color-1);
}
.order_wrap .subscribe-list .item a {
	display: flex;
	align-items: center;
	gap: 84px;
}
.order_wrap .subscribe-list .item a .thumbnail {
	width: 532px;
	aspect-ratio: 532 / 246;
}
.order_wrap .subscribe-list .item a .thumbnail img {
	display: block;
	aspect-ratio: 532 / 246;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.order_wrap .subscribe-list .item .info {
	width: calc(100% - 616px);
	padding-right: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.order_wrap .subscribe-list .item .info .category {
	color: var(--primary-color-1);
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -0.54px;
	margin-bottom: 6px;
}
.order_wrap .subscribe-list .item .info .name {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.46;
	letter-spacing: -0.78px;
	word-break: keep-all;
}
.order_wrap .subscribe-list .item .info .explanation {
	display: block;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: -0.42px;
	margin-top: 8px;
	color: var(--gray-color-1);
}
.order_wrap .subscribe-list .item .info .price {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.6px;
	margin-top: 16px;
}
.order_wrap .last_btn {
	margin-top: 64px;
}
.order_wrap .last_btn ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
}
.order_wrap .last_btn li {
	width: 240px;
}
.order_wrap .last_btn li button,
.order_wrap .last_btn li a {
	display: block;
	padding: 12px;
	width: 100%;
	text-align: center;
	border-radius: 100px;
	border: 1px solid var(--primary-color-1);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.54px;
	line-height: 26px;
}
.order_wrap .last_btn li .btn-border {
	color: var(--primary-color-1);
	background: #fff;
}
.order_wrap .last_btn li .btn-main {
	background: var(--primary-color-1);
	color: var(--white-color-1);
}
.product_options + .product_options .week-day-box {
	margin-top: 68px;
}

.ui-widget.ui-widget-content {
	/* 전체 박스 */
	width: 272px;
	border-radius: 20px;
	border: 1px solid #f8f5ea;
	background: #fff;
	box-shadow: 4px 4px 16px 0px rgba(134, 126, 24, 0.28);
	overflow: hidden;
	padding-top: 16px;
	padding-bottom: 10px;
}
.ui-widget-header {
	/* 헤더 (화살표/날짜표시 영역) */
	background: #fff;
	border: 0px;
	border-radius: 0px;
}
.ui-widget-header .ui-icon {
	/* 이전,다음 화살표 */

	background: transparent;
}
.calender .ui-corner-all.ui-datepicker-prev,
.calender .ui-datepicker-prev {
	/* 이전 화살표 */
	width: 24px;
	height: 24px;
	background: url(/data/images/chevron_left.svg) no-repeat center / 24px;
	left: 19px;
	top: 0;
	cursor: pointer;
}
.calender .ui-datepicker-next {
	/* 다음 화살표 */
	width: 24px;
	height: 24px;
	background: url(/data/images/chevron_right.svg) no-repeat center / 24px;
	right: 19px;
	top: 0;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
	width: 24px;
	height: 24px;
	background: url(/data/images/chevron_left.svg) no-repeat center / 24px;
	left: 19px;
	top: 0;
}
.ui-datepicker .ui-datepicker-next {
	width: 24px;
	height: 24px;
	background: url(/data/images/chevron_right.svg) no-repeat center / 24px;
	right: 19px;
	top: 0;
}
.ui-datepicker .ui-datepicker-title {
	/* 년월 텍스트 묶음 */
	color: var(--primary-color-1);
	display: flex;
	column-gap: 2px;
	justify-content: center;
	align-items: center;
	height: 24px;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
	/* 년도 숫자만 */
	color: var(--primary-color-1);
	font-size: 16px;
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
	/* *월 */
	color: var(--primary-color-1);
	font-size: 16px;
	font-weight: 700;
}
.ui-datepicker th {
	/* 요일 영역 */
	padding-top: 14px;
	padding-bottom: 8px;
}
.ui-datepicker th span {
	/* 요일 텍스트 */
	color: #b8b8b8;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.ui-datepicker th .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	/* 일자 기본영역 */
	border: 0px;
	background: none;
	text-align: center;
	width: 36px;
	height: 36px;
	padding: 5px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #3c3c3c;
	text-align: center;
	font-weight: 700;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	/* 오늘일자 */
	/* border-radius: 12px;
	background: #ffb62e;
	box-shadow: 0px 4px 8px 0px rgba(255, 182, 46, 0.28);
	color: #fff; */
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	/* 선택 일자 */
	border-radius: 12px;
	background: var(--primary-color-1);
	box-shadow: 0px 4px 8px 0px rgba(255, 182, 46, 0.28);
	color: #fff;
}
.ui-datepicker-week-end span {
	color: #62a0ff !important;
}
.ui-datepicker tr th:first-child span {
	color: #f46e7e !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: none;
	background: auto;
	top: 0;
}

/* 달력관련 css */