/* 기본 스타일 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Pretendard', sans-serif;
    background: #ffffff;
}
.container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.section-header { text-align: center; margin-bottom: 80px; }
.section-header h2 { font-size: 36px; font-weight: bold; }
.section-header span { color: #A6756A; }
.gray-bg { background: #f8f9fa; }

/* 인트로 섹션 */
.aegyo-sal-section {
    padding: 0px 20px 20px 20px;
    text-align: center;
}
.aegyo-sal-image img {
    max-width: 100%;
    margin-bottom: 40px;
}


/* 페이지 인트로 */
.page-intro-section { padding: 150px 20px 80px; }
.intro-header { text-align: center; margin-bottom: 90px; }
.intro-label { font-size: 16px; font-weight: 500; letter-spacing: 8px; color: #A6756A; margin-bottom: 20px; }
.intro-title { font-size: 42px; font-weight: bold; color: #000; margin-bottom: 30px; line-height: 1.4; }

/* Feature Grid (수술 정보) */
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.feature-item { text-align: center; }
.feature-image { width: 100%; height: 350px; overflow: hidden; margin-bottom: 30px; }
.feature-image img { width: 100%; height: 100%; object-fit: cover; }
.feature-title { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px; }
.feature-desc { font-size: 15px; color: #666; line-height: 1.6; }

/* WHAT 섹션 */
.why-section { padding: 100px 20px; }
.why-content { text-align: center; }
.why-title { font-size: 44px; font-weight: 600; color: #000; line-height: 1.2; margin-bottom: 40px; }
.why-title span { color: #A6756A; }
.why-subtitle { font-size: 22px; font-weight: 400; color: #333; line-height: 1.7; margin-bottom: 40px; }
.why-content p { font-size: 16px; font-weight: 400; color: #555; line-height: 1.8; }

/* 추천 대상 */
.recommend-section { padding: 100px 20px; }
.recommend-content { display: flex; align-items: center; gap: 80px; }
.recommend-text { flex: 1; }
.recommend-label { font-size: 16px; font-weight: 600; letter-spacing: 10px; color: #A6756A; margin-bottom: 30px; }
.recommend-title { font-size: 42px; font-weight: bold; line-height: 1.3; margin-bottom: 60px; }
.recommend-list { list-style: none; }
.recommend-list li { font-size: 18px; color: #333; line-height: 2.2; padding-left: 20px; position: relative; }
.recommend-list li::before { content: '•'; position: absolute; left: 0; color: #000; font-weight: bold; }
.recommend-image { 
    flex: 1; 
    max-width: 600px;
    border-radius: 0 50px; }
.recommend-image img { width: 100%;
    border-radius: 0 70px; }

/* 수술 방법 */
.method-section { padding: 100px 20px; }
.method-grid { display: grid; gap: 30px; align-items: start; }
.method-grid.three-col { grid-template-columns: repeat(3, 1fr); }
.method-grid.four-col { grid-template-columns: repeat(4, 1fr); }
.method-item { text-align: center; }
.method-image { width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.method-image img { width: 100%; display: block; }
.method-item p { font-size: 18px; line-height: 1.6; color: #333; }
.method-item span { 
    font-size: 24px; line-height: 1.5;
    font-weight: 700;
    color: #A6756A; }

/* 스페셜 포인트 */
.special-point-section { padding: 100px 20px; background: #f8f9fa; }
.points-header { text-align: center; margin-bottom: 80px; }
.points-main-title { font-size: 42px; font-weight: bold; color: #000; }
.points-sub-title { font-size: 30px; color: #A6756A; font-weight: 600; letter-spacing: 2px; margin-top: 10px; }
.points-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.point-image { width: 100%; margin-bottom: 30px; }
.point-image img { width: 100%; display: block; }
.point-content { text-align: center; }
.point-number { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px; }
.point-desc { font-size: 16px; color: #666; line-height: 1.7; }

/* 반응형 */
@media (max-width: 992px) {
    .recommend-content { flex-direction: column; }
    .method-grid.three-col, .method-grid.four-col { grid-template-columns: repeat(2, 1fr); }
    .points-grid { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 768px) {
    .section-header h2, .intro-title, .why-title, .recommend-title, .points-main-title { font-size: 28px; }
    .feature-grid { grid-template-columns: 1fr; }
    .method-grid.three-col, .method-grid.four-col { grid-template-columns: 1fr; }
}