/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;600&family=Noto+Sans+KR:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

/*
 * style.css — 메인 페이지(index.html) 전용 스타일
 * 서브 페이지는 theme.css만 사용합니다.
 * 전역 태그 선택자(nav, section, ul li 등)는 의도적으로 제거했습니다.
 * theme.css와의 충돌을 방지하기 위해 클래스 기반으로만 작성합니다.
 */

/* ── 리셋 (theme.css와 공유) ── */
*, *::before, *::after {
    margin: 0; padding: 0; box-sizing: border-box;
}

/* ── 이미지 슬라이더 (메인 전용) ── */
.slider {
    width: 100%;
    height: 460px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.slider-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 100%;
}
.slide {
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.slide:nth-child(1) { background: linear-gradient(160deg, #0A1F3D, #185FA5); }
.slide:nth-child(2) { background: linear-gradient(160deg, #0D2B55, #2778C4); }
.slide:nth-child(3) { background: linear-gradient(160deg, #062040, #185FA5); }

.slider-nav {
    position: absolute;
    bottom: 20px; left: 50%;
    transform: translateX(-50%);
    display: flex; gap: 10px; z-index: 10;
}
.slider-dot {
    width: 10px; height: 10px; border-radius: 50%;
    background-color: rgba(255,255,255,0.4);
    cursor: pointer; transition: all 0.3s ease;
}
.slider-dot.active {
    background-color: #C9A84C;
    transform: scale(1.3);
}
.slide-content { text-align: center; padding: 0 2rem; }
.slide-content h2 {
    font-family: 'Noto Serif KR', serif;
    font-size: 1.9rem; font-weight: 300;
    color: #fff; margin-bottom: 0.6rem;
}
.slide-content p {
    font-size: 1rem; font-weight: 300;
    color: rgba(255,255,255,0.7);
}

/* ── 슬라이더 반응형 ── */
@media (max-width: 900px) {
    .slider { height: 260px; }
    .slide-content h2 { font-size: 1.4rem; }
}
@media (max-width: 480px) {
    .slider { height: 200px; }
    .slide-content h2 { font-size: 1.2rem; }
    .slide-content p { font-size: 0.9rem; }
}

/* 슬라이더 점 터치 영역 확보 */
.slider-dot {
    padding: 6px;
    box-sizing: content-box;
}

/* 팝업 스타일은 theme.css에서 통합 관리 */