@charset "utf-8";

/**
 * 🌌 TOV MASTER DESIGN V2 (The Legacy of v15.1)
 * PC 메인페이지 및 리스트페이지 현대화 - 최적화 최종본
 * GNB 글래스모피즘 스킨 및 컨텐츠 박스(15px) 좌표 교정 전용
 */

:root {
    --tov-primary: hsl(31, 100%, 47%);
    --tov-text: #1a1a1a;
    --tov-border: rgba(0, 0, 0, 0.08);
    --tov-glass: rgba(255, 255, 255, 0.9);
    --tov-blur: blur(15px);
    --tov-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
}

/* 🛠️ LAYOUT SYNC (Minimum Overrides) */
#main-container {
    padding-top: 77px !important;
}

@media (max-width: 991px) {
    #main-container { padding-top: 55px !important; }
}

/* 🏠 메인페이지 여백 - 기기별 정밀 대응 */
@media (min-width: 992px) {
    body.mainpage #main-container {
        padding-top: 115px !important;
    }
}

@media (max-width: 991px) {
    body.mainpage #main-container {
        padding-top: 70px !important;
    }
}


/* 💎 프리미엄 GNB (Minimal Skin) */
header .navbar {
    background: var(--tov-glass) !important;
    backdrop-filter: var(--tov-blur) !important;
    -webkit-backdrop-filter: var(--tov-blur) !important;
    border-bottom: 1px solid var(--tov-border) !important;
}


/**
 * 🎴 CONTENT BOX PRECISION (v12.5 Soul)
 * 레거시 service.css의 레이아웃 한계를 극복하기 위한 정밀 좌표 교정층
 */
.content_box {
    background: #ffffff !important;
    border: 1px solid var(--tov-border) !important;
    border-radius: 20px !important;
    padding: 15px !important;
}

/* 15px 정밀 이미지 좌표 - 레거시의 최대 취약점 보완 */
.content_box .img {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    border-radius: 12px !important;
}

/* 호버 시각적 피드백 */
.content_box:hover {
    border-color: var(--tov-primary) !important;
    box-shadow: 0 15px 35px rgba(239, 125, 0, 0.1) !important;
}

/* 📱 MOBILE SYMMETRY */
@media only screen and (max-width: 767px) {
    .content_box { padding: 10px !important; }
    .content_box .img { top: 10px !important; left: 10px !important; }
}