@charset "utf-8";
/* ---------------------------------------------------------------------------
 * 서비스별 상세 페이지 (혼주한복 / 신랑신부 / 웨딩촬영 / 하객 / 돌복)
 * --------------------------------------------------------------------------- */

body { font-family:'SCoreDream','Noto Sans',sans-serif; color:#333; background:#fff; -webkit-text-size-adjust:none; }
img { max-width:100%; height:auto; }
a { text-decoration:none; color:inherit; }

/* 헤더는 메인 페이지와 동일한 마크업·스타일(layout2.css)을 그대로 사용한다.
   여기서는 현재 보고 있는 메뉴 표시만 추가한다. */
#header .head-inner .gnb ul li a.on { color:#ff9900; font-weight:700; }

/* 본문 공통 */
.service-wrap { max-width:900px; margin:0 auto; padding:0 20px 90px; }

.breadcrumb { font-size:13px; color:#999; padding:22px 0 6px; }
.breadcrumb a:hover { color:#aa3e69; }
.breadcrumb span { padding:0 6px; }
.breadcrumb strong { color:#555; font-weight:500; }

/* 상단 소개 */
.service-hero { padding:14px 0 34px; border-bottom:1px solid #f0f0f0; }
.service-hero h1 { font-size:40px; font-weight:600; letter-spacing:-1.5px; color:#1e1e1e; line-height:1.3; }
.service-hero .lead { margin-top:14px; font-size:17px; line-height:1.75; color:#666; letter-spacing:-0.4px; }
.service-hero .price-tag { margin-top:20px; font-size:17px; color:#333; }
.service-hero .price-tag .label { display:inline-block; background:#f6eef2; color:#aa3e69; font-size:13px; padding:5px 11px; border-radius:4px; margin-right:9px; }
.service-hero .price-tag strong { font-weight:600; color:#aa3e69; font-size:19px; }

.hero-btns { margin-top:24px; }
.hero-btns a { display:inline-block; margin:0 8px 8px 0; padding:13px 22px; border-radius:6px; font-size:15px; font-weight:500; }
.hero-btns .btn-call { background:#aa3e69; color:#fff; }
.hero-btns .btn-kakao { background:#fee500; color:#3c1e1e; }
.hero-btns a i { margin-right:7px; }

/* 사진 */
.service-photos { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:34px 0; }
.service-photos figure { margin:0; border-radius:8px; overflow:hidden; background:#f7f7f7; }
.service-photos img { display:block; width:100%; height:100%; object-fit:cover; }

/* 설명 본문 */
.service-body { padding:16px 0 10px; }
.service-body h2 { margin:38px 0 16px; font-size:26px; font-weight:600; letter-spacing:-1px; color:#1e1e1e; line-height:1.4; }
.service-body h2:first-child { margin-top:6px; }
.service-body p { margin-bottom:15px; font-size:16px; line-height:1.9; color:#555; letter-spacing:-0.3px; }

/* FAQ */
.service-faq { margin-top:48px; padding:34px 0 10px; border-top:1px solid #f0f0f0; }
.service-faq h2 { font-size:26px; font-weight:600; letter-spacing:-1px; color:#1e1e1e; margin-bottom:22px; }
.sfaq-item { padding:20px 22px; margin-bottom:12px; background:#fafafa; border-radius:8px; }
.sfaq-q { font-size:17px; font-weight:600; color:#1e1e1e; letter-spacing:-0.5px; line-height:1.5; }
.sfaq-q .q-mark { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; background:#f6a623; color:#fff; font-size:12px; border-radius:50%; margin-right:9px; vertical-align:1px; }
.sfaq-a { margin-top:11px; padding-left:31px; font-size:15px; line-height:1.85; color:#666; letter-spacing:-0.3px; }

/* 매장 안내 */
.service-info { margin-top:48px; padding:32px 26px; background:#faf7f8; border-radius:10px; }
.service-info h2 { font-size:22px; font-weight:600; color:#1e1e1e; letter-spacing:-0.8px; margin-bottom:18px; }
.service-info ul li { font-size:15px; line-height:2.1; color:#555; }
.service-info ul li strong { display:inline-block; min-width:82px; color:#1e1e1e; font-weight:600; }
.service-info ul li a { color:#aa3e69; }
.info-btns { margin-top:20px; }
.info-btns .btn-line { display:inline-block; margin:0 8px 8px 0; padding:11px 18px; border:1px solid #d8c3cd; border-radius:6px; font-size:14px; color:#aa3e69; background:#fff; }
.info-btns .btn-line:hover { background:#aa3e69; color:#fff; border-color:#aa3e69; }

/* 다른 서비스 */
.service-other { margin-top:44px; }
.service-other h2 { font-size:22px; font-weight:600; color:#1e1e1e; letter-spacing:-0.8px; margin-bottom:16px; }
.service-other ul { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.service-other li a { display:block; padding:17px 19px; border:1px solid #eee; border-radius:8px; }
.service-other li a:hover { border-color:#aa3e69; }
.service-other li a strong { display:block; font-size:16px; font-weight:600; color:#1e1e1e; }
.service-other li a span { display:block; margin-top:5px; font-size:14px; color:#999; }

/* 모바일 */
@media only screen and (max-width:760px) {
	.service-wrap { padding:0 16px 70px; }
	.service-hero h1 { font-size:27px; letter-spacing:-1px; }
	.service-hero .lead { font-size:15px; }
	.service-hero .price-tag { font-size:15px; }
	.service-hero .price-tag strong { font-size:17px; }
	.hero-btns a { display:block; margin-right:0; text-align:center; }

	.service-photos { grid-template-columns:repeat(2,1fr); gap:8px; padding:26px 0; }
	.service-body h2 { font-size:21px; margin:30px 0 13px; }
	.service-body p { font-size:15px; line-height:1.85; }
	.service-faq h2, .service-other h2 { font-size:21px; }
	.sfaq-item { padding:17px 16px; }
	.sfaq-q { font-size:15px; }
	.sfaq-a { font-size:14px; padding-left:0; margin-top:10px; }
	.service-info { padding:24px 18px; }
	.service-info ul li strong { display:block; min-width:0; }
	.service-other ul { grid-template-columns:1fr; }
}
