@charset "utf-8";

/* ***************************************************************
   main_test.html 전용 - 오늘의 식단표 바
   (미션/비전/슬로건 롤링바 대체 / 클릭 시 전체 월 식단표로 이동)
   * 실제 오픈 시 아래 내용을 main.css 의 .menuWrap 영역에 병합하면 됩니다.
*************************************************************** */

.main .visual .visualCon .rightZone .menuWrap a {
	display:grid !important;
	grid-template-columns:auto 1fr;
	grid-template-areas:"label menu";
	align-items:center; gap:20px;
	line-height:1.4; padding-right:85px;
	background:#fff url(/images/main/ico-restaurant.svg) no-repeat center right 30px;
	background-size: 45px;
}
.main .visual .visualCon .rightZone .menuWrap a p {grid-area:label; white-space:nowrap; font-weight:500; color:#000; transition:.3s;}
.main .visual .visualCon .rightZone .menuWrap a span {
	grid-area:menu; word-break:break-all;
	font-size:var(--fs19); color:#666; transition:.3s;
	overflow:hidden; text-overflow:ellipsis;
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.main .visual .visualCon .rightZone .menuWrap a:hover p,
.main .visual .visualCon .rightZone .menuWrap a:hover span {color:var(--base3);}


/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width:1249px) {
.main .visual .visualCon .rightZone .menuWrap a {
	gap:10px; padding-right:60px;
	background:#fff url(/images/main/ico-restaurant.svg) no-repeat center right 36px;
	background-size:45px;
}
.main .visual .visualCon .rightZone .menuWrap a span {font-size:16px;}
}


/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) {
.main .visual .visualCon .rightZone .menuWrap a {
	grid-template-columns:1fr;
	grid-template-areas:"label" "menu";
	height:auto; min-height:65px; padding:12px 60px 12px 15px; gap:2px;
}
.main .visual .visualCon .rightZone .menuWrap a span {-webkit-line-clamp:2;}
}

/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {
.main .visual .visualCon .rightZone .menuWrap a {
	background-size:30px;
}
}