@charset "utf-8";
/*
 * 고운빛의원 시술항목 재구성 v2.6.7
 * 통합 페이지와 신규 여드름/흉터 및 피부관리 페이지에만 적용합니다.
 * 데스크톱 3열, 태블릿 2열, 모바일 1열 및 접근성 포커스 표시를 유지합니다.
 */
.goun-merged-v267, .goun-merged-v267 * { box-sizing: border-box; }
.goun-merged-v267 {
    max-width: 1240px;
    width: calc(100% - 40px);
    margin: 42px auto 94px;
    color: #302b31;
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
    word-break: keep-all;
}
.goun-merged-header {
    text-align: center;
    padding: 28px 16px 45px;
}
.goun-merged-header > span {
    color: #ae6b85;
    font-size: 12px;
    letter-spacing: .18em;
    font-weight: 700;
}
.goun-merged-header h2 {
    font-size: 40px;
    line-height: 1.35;
    letter-spacing: -.045em;
    margin: 16px 0 12px;
}
.goun-merged-header p {
    color: #6f6569;
    line-height: 1.8;
    font-size: 16px;
    margin: 0 auto;
}
.goun-merged-jump {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
}
.goun-merged-jump a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 26px;
    border-radius: 30px;
    background: #fbf4f7;
    border: 1px solid #e9cdd8;
    color: #8b4765;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: background .2s ease;
}
.goun-merged-jump a:hover, .goun-merged-jump a:focus-visible {
    background: #f2e0e8;
    outline-offset: 3px;
}
/* 기존 전용 스타일의 좌우 폭을 통합 컨테이너에 맞춰 적용 */
.goun-merged-v267 .goun-petit-v21,
.goun-merged-v267 .goun-booster-v22 {
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.goun-merged-section {
    scroll-margin-top: 120px;
    padding: 30px 0 58px !important;
}
.goun-merged-section + .goun-merged-section {
    border-top: 1px solid #f0e0e7;
    padding-top: 68px !important;
}
/* 피부 카드 그리드는 기존 6칸/span 2 구조를 보존하여
 * PC에서 마지막 2개가 중앙에 오도록 합니다. */
@media (max-width: 767px) {
    .goun-merged-v267 { width: calc(100% - 28px); margin-top: 24px; }
    .goun-merged-header { padding: 20px 8px 24px; }
    .goun-merged-header h2 { font-size: clamp(26px, 7vw, 34px); }
    .goun-merged-header p { font-size: 14px; }
    .goun-merged-jump a { flex: 1 1 140px; padding: 12px 12px; font-size: 13px; }
    .goun-merged-section { padding-bottom: 35px !important; }
    .goun-merged-section + .goun-merged-section { padding-top: 45px !important; }
}
@media (max-width: 350px) {
    .goun-merged-v267 { width: calc(100% - 20px); }
    .goun-merged-jump a { font-size: 12px; }
}