@font-face {
	font-family: 'Pretendard';
	src: url('/templates-assets/fonts/PretendardVariable.woff2?v=20251101') format('woff2-variations');
	font-weight: 100 900;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Pretendard', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

:root{
	--bg: #f0f0f0;
	/* --head-bg: #f0f0f01a; */
	--head-bg: #f0f0f0;
	--head-height: 60px;
	--max-width: 768px;
	--text-color: #333333;
	--text-color-80: #333333b0;
}

html, body {
	display: flex;
	flex-direction: row;
	background-color: var(--bg);
}

header {
	position: fixed;
	top: 0;
	left: 0;
	max-width: var(--max-width);
	width: 100%;
	background-color: var(--head-bg);
    backdrop-filter: blur(7px);
    z-index: 99;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	height: var(--head-height);
	padding: 0 30px;
}
header h2 {font-weight: 400;font-size: 130%;}
header > div:nth-child(2) {display: flex;flex-direction: row;align-items: center;gap: 10px;}
header > div:nth-child(2) a {color: var(--text-color);text-decoration: none;/*border: 1px solid #00000047;border-radius: 8px;padding: 6px 10px;*/}

main {max-width: var(--max-width);width: 100%;margin-top: var(--head-height);}

section {background-color: #ffffff;margin-bottom: 15px;}

footer {padding: 25px 30px 100px 30px;color: #4f4f4f;}

.hero {position: relative;background-color: #ffffff00;}
.hero .icon-img {position: absolute;bottom: -70px;right: 30px;width: 40%;max-width: 177px;z-index: 9;}
.hero .icon-img img {width: 100%;height: auto !important;}
.hero-card {position:relative;margin: 30px 20% 0px 30px;z-index: 10;}
.hero-card h1 {font-size: 160%;}
.hero-sub {margin: 20px 0 30px;padding: 0;font-size: 120%;}
.hero-ctas {display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 30px;}
.hero-ctas a {padding: 5px 0;color: var(--text-color);text-decoration: none;}

section.card {padding: 30px;}
section.intro h2 {margin-bottom: 20px;}
section.intro img {border-radius: 10px;border: 1px solid #ddd;width: 100%;height: auto !important;}
section.intro p {color: var(--text-color-80);font-size: 120%;line-height: 140%;margin-bottom: 30px;}
section.intro .tag-list {display: flex;flex-wrap: wrap;gap: 5px;margin-bottom: 30px;}
section.intro .tag-list span {padding:6px 10px;background:#eef2ff;border-radius:8px;font-size:13px;color:#374151;}

section.featured h2 {margin-bottom: 20px;}
section.featured .item {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
section.featured .item:last-child {padding-bottom: 0;border: 0;}
section.featured .item > div {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
section.featured .item h3 {}
section.featured .item .price {font-size: 100%;font-weight: 700;}
/* section.featured .item p {color: var(--text-color-80);font-size: 120%;line-height: 140%;} */
section.featured .item p {color: #222;font-size: 18px;line-height: 1.6;}

section.contact h2 {margin-bottom: 20px;}
section.contact .contact-list {display: flex;flex-wrap: wrap;gap: 15px;}
section.contact .contact-list a {color: var(--text-color);text-decoration: none;}

section.hours h2 {margin-bottom: 20px;}

.hours-table {width: 100%; border-collapse: collapse; margin: 20px 0;}
.hours-table thead th {padding: 12px; text-align: left; border: 1px solid #ddd; background-color: #e8f0fe; font-weight: bold;}
.hours-table tbody td {padding: 12px; text-align: left; border: 1px solid #ddd;}

.badge-open{background:#22c55e26;color:#86efac;padding:2px 8px;border-radius:999px;font-size:18px}
.badge-closed{background:#f59e9e;color:#5c0000;padding:4px 10px;border-radius:999px;font-size:18px}

/*** AddPapa Ads Wrap ***/
aside.right-wrap {flex: 1;}
.addpapa-ads-wrap {position: fixed;bottom: 30px;right: 30px;}

/*** 반응형 CSS ***/
@media all and (max-width: 1080px){ /* AddPapa Ads Wrap */
	.addpapa-ads-wrap {display: none;}
}
@media all and (max-width: 1024px){ /* 데스크탑 시작점. 노트북/PC 기준 */
}
@media all and (max-width: 768px){ /* 태블릿 경계 (iPad mini) */
}
@media all and (max-width: 600px){
}
@media all and (max-width: 420px){ /* 연락하기 */
}