@charset "UTF-8";
/* ----------------------------------------------------------------------
   AEO 신규 페이지 (/parkrio/, /jamsil/, /case/{번호}/, /faq/, /kitchen/, /guide/, /video/)
   한 주소로 PC·모바일을 함께 보여주는 반응형. 기존 글꼴·노란 버튼(.yellowBtn)·상단/하단을 그대로 쓴다.
   기존 페이지와 겹치지 않도록 모든 규칙은 .aeo 아래에만 건다.
---------------------------------------------------------------------- */
.aeo{color:#222; background:#fff;}
.aeo .aeo-wrap{max-width:1080px; margin:0 auto; padding:40px 20px 90px;}
.aeo a{color:inherit;}
.aeo p{line-height:1.75; margin:0 0 14px; font-size:16px;}

/* 경로 */
.aeo .aeo-crumbs{font-size:13px; color:#888; margin-bottom:22px;}
.aeo .aeo-crumbs a{color:#888; text-decoration:none;}
.aeo .aeo-crumbs a:hover{text-decoration:underline;}
.aeo .aeo-crumbs span{margin:0 2px;}

/* 제목 */
.aeo h1{font-size:34px; font-weight:700; line-height:1.35; margin:0 0 18px; color:#111; word-break:keep-all;}
.aeo h1 small{display:block; font-size:15px; font-weight:500; color:#9a7a3c; margin-bottom:10px; letter-spacing:0.02em;}
.aeo h2{font-size:24px; font-weight:700; line-height:1.4; margin:56px 0 18px; color:#111; word-break:keep-all;}
.aeo h3{font-size:18px; font-weight:700; line-height:1.45; margin:0 0 8px; color:#111;}
.aeo .aeo-lead{font-size:17px; color:#444; margin-bottom:24px;}

/* 요약 상자 */
.aeo .aeo-summary{background:#F7F4EC; border-left:4px solid #FFB526; padding:20px 24px; margin:0 0 28px;}
.aeo .aeo-summary ul{margin:0; padding:0 0 0 18px;}
.aeo .aeo-summary li{list-style:disc; line-height:1.75; font-size:16px; margin:2px 0;}

/* 정보 표 (dl) */
.aeo .aeo-facts{display:grid; grid-template-columns:140px 1fr; border-top:2px solid #111; margin:0 0 10px;}
.aeo .aeo-facts dt,
.aeo .aeo-facts dd{padding:13px 4px; border-bottom:1px solid #e3e3e3; font-size:15px; line-height:1.6; margin:0;}
.aeo .aeo-facts dt{font-weight:700; color:#555;}
.aeo .aeo-facts dd a{color:#9a6a00;}

/* 카드 목록 (사례·단지) */
.aeo .aeo-cards{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px 22px; margin:0; padding:0;}
.aeo .aeo-cards li{list-style:none;}
.aeo .aeo-cards a{display:block; text-decoration:none;}
.aeo .aeo-cards .aeo-thumb{display:block; aspect-ratio:4/3; overflow:hidden; background:#eee; margin-bottom:10px;}
.aeo .aeo-cards .aeo-thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;}
.aeo .aeo-cards a:hover .aeo-thumb img{transform:scale(1.04);}
.aeo .aeo-cards strong{display:block; font-size:17px; line-height:1.45; color:#111;}
.aeo .aeo-cards .aeo-meta{display:block; margin-top:4px;}
.aeo .aeo-cards p{font-size:14px; color:#555; margin:6px 0 0;}
.aeo .aeo-meta{font-size:13px; color:#888;}

/* 글 목록 (블로그·가이드 링크) */
.aeo .aeo-links{margin:0; padding:0; border-top:1px solid #e3e3e3;}
.aeo .aeo-links li{list-style:none; padding:13px 2px; border-bottom:1px solid #e3e3e3; font-size:15px; line-height:1.55;}
.aeo .aeo-links li a{text-decoration:none;}
.aeo .aeo-links li a:hover{text-decoration:underline;}
.aeo .aeo-note{font-size:14px; color:#777; margin-top:10px;}

/* 공간 탭 (사례 상세) */
.aeo .aeo-tabs{display:flex; flex-wrap:wrap; gap:8px; margin:30px 0 4px; padding:0;}
.aeo .aeo-tabs button{border:1px solid #ccc; background:#fff; color:#333; padding:10px 20px; font-size:15px; cursor:pointer; border-radius:24px; font-family:inherit;}
.aeo .aeo-tabs button.on{background:#111; border-color:#111; color:#fff;}
.aeo .aeo-space{margin-top:24px;}
.aeo .aeo-space h2{margin-top:26px;}
.aeo .aeo-js .aeo-space{display:none;}
.aeo .aeo-js .aeo-space.on{display:block;}
.aeo .aeo-gallery{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.aeo .aeo-gallery a{display:block; aspect-ratio:4/3; overflow:hidden; background:#eee;}
.aeo .aeo-gallery img{width:100%; height:100%; object-fit:cover; display:block;}
.aeo .aeo-tags{margin-top:16px;}
.aeo .aeo-tags span{display:inline-block; font-size:13px; color:#666; background:#f3f3f3; padding:5px 10px; margin:0 6px 6px 0; border-radius:14px;}

/* 질문·답변 */
.aeo .aeo-faq .aeo-qa{border-bottom:1px solid #e3e3e3; padding:18px 0;}
.aeo .aeo-faq .aeo-qa:first-of-type{border-top:2px solid #111;}
.aeo .aeo-faq h3:before{content:"Q. "; color:#FFB526;}
.aeo .aeo-faq .aeo-a p{font-size:15px; color:#444; margin-bottom:8px;}

/* 상담 안내 */
.aeo .aeo-cta{background:#342F26; color:#eee; padding:34px 36px; margin-top:64px;}
.aeo .aeo-cta h2{color:#fff; margin:0 0 18px; font-size:22px;}
.aeo .aeo-cta .aeo-facts{border-top-color:#6b6455;}
.aeo .aeo-cta .aeo-facts dt,
.aeo .aeo-cta .aeo-facts dd{border-bottom-color:#4a4438; color:#ddd;}
.aeo .aeo-cta .aeo-facts dt{color:#bbb;}
.aeo .aeo-cta .aeo-facts dd a{color:#FFB526;}
.aeo .aeo-cta-btns{margin:24px 0 0;}
.aeo .yellowBtn{display:inline-block; text-decoration:none; color:#fff;}
.aeo .aeo-btn-line{display:inline-block; padding:15px 26px; border:1px solid #bbb; border-radius:30px; font-size:14px; font-weight:700; text-decoration:none; margin-left:6px; color:inherit;}
.aeo .aeo-cta .aeo-btn-line{color:#eee; border-color:#8a826f;}

/* 영상 */
.aeo .aeo-video{position:relative; width:100%; aspect-ratio:16/9; background:#000; margin:0 0 20px;}
.aeo .aeo-video iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

/* 본문 (가이드·사례 본문 HTML) */
.aeo .aeo-body h2{margin-top:40px;}
.aeo .aeo-body ul,
.aeo .aeo-body ol{margin:0 0 14px 20px;}
.aeo .aeo-body li{list-style:disc; line-height:1.75; font-size:16px;}
.aeo .aeo-body ol li{list-style:decimal;}
.aeo .aeo-body img{max-width:100%; height:auto;}
.aeo .aeo-body p a{color:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#FFB526;}
.aeo .aeo-body table{width:100%; border-collapse:collapse; margin:0 0 18px; font-size:15px; line-height:1.6;}
.aeo .aeo-body th,
.aeo .aeo-body td{border-bottom:1px solid #e3e3e3; padding:11px 10px; text-align:left; vertical-align:top;}
.aeo .aeo-body thead th{background:#F7F4EC; border-bottom:2px solid #FFB526;}
.aeo .aeo-body tbody th{width:22%; color:#555; font-weight:700;}

.aeo .aeo-404{text-align:center; padding:120px 20px;}
.aeo .aeo-404 h1{font-size:24px;}

/* 메인 페이지 바로가기 (index.php, m/index.php) */
.aeo-entry{background:#F7F4EC; padding:70px 0 74px;}
.aeo-entry .aeo-wrap{max-width:1280px; margin:0 auto; padding:0 20px;}
.aeo-entry h2{font-size:30px; font-weight:400; line-height:1.4; color:#111; margin:0 0 12px; word-break:keep-all;}
.aeo-entry h2 b{font-weight:700;}
.aeo-entry p.aeo-lead{font-size:16px; color:#555; line-height:1.7; margin:0 0 30px;}
.aeo-entry ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin:0; padding:0;}
.aeo-entry li{list-style:none;}
.aeo-entry li a{display:block; height:100%; background:#fff; padding:24px 22px; text-decoration:none; color:#222; border-top:3px solid #FFB526;}
.aeo-entry li strong{display:block; font-size:18px; margin-bottom:8px; color:#111;}
.aeo-entry li span{display:block; font-size:14px; line-height:1.6; color:#666;}

/* 휴대폰 */
@media (max-width: 767px){
	/* 모바일 상단(header_other_m)은 높이가 없어 본문과 겹친다. 새 페이지에서만 자리를 잡아 준다 */
	.aeo-body > header{height:60px;}
	.aeo .aeo-wrap{padding:24px 16px 60px;}
	.aeo h1{font-size:24px;}
	.aeo h2{font-size:20px; margin-top:42px;}
	.aeo p, .aeo .aeo-summary li{font-size:15px;}
	.aeo .aeo-facts{grid-template-columns:96px 1fr;}
	.aeo .aeo-facts dt, .aeo .aeo-facts dd{font-size:14px; padding:11px 2px;}
	.aeo .aeo-cards{grid-template-columns:1fr 1fr; gap:20px 12px;}
	.aeo .aeo-cards strong{font-size:15px;}
	.aeo .aeo-gallery{grid-template-columns:1fr 1fr; gap:6px;}
	.aeo .aeo-tabs button{padding:8px 14px; font-size:14px;}
	.aeo .aeo-cta{padding:26px 20px; margin-left:-16px; margin-right:-16px;}
	.aeo .aeo-btn-line{margin:8px 0 0;}
	.aeo-entry{padding:44px 0 48px;}
	.aeo-entry .aeo-wrap{padding:0 16px;}
	.aeo-entry h2{font-size:22px;}
	.aeo-entry ul{grid-template-columns:1fr;}
}