/* 메인 비주얼 영상 */
/*.main-visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #000; }*/
/*.video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
/*.video-container video { width: 100%; height: 100%; object-fit: cover; }*/

/*.main_text {*/
/*    padding: 120px 0 148px;*/
/*    text-align: center;*/
/*    background-color: #fafafa;*/
/*}*/
/*!* 중앙 텍스트 *!*/
/*!*.visual-text {*!*/
/*!*    padding-top: 60%;*!*/
/*!*    position: absolute;*!*/
/*!*    top: 50%;*!*/
/*!*    left: 50%;*!*/
/*!*    transform: translate(-50%, -50%);*!*/
/*!*    text-align: center;*!*/
/*!*    color: #fff;*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/
/*!*.main-text {*!*/
/*!*    position: relative;*!*/
/*!*    width: 100%;*!*/
/*!*    min-height: 500px; !* 배경 이미지가 보일 최소 높이 확보 *!*!*/
/*!*    overflow: hidden;*!*/
/*!*}*!*/
/*.visual-text {*/
/*    position: absolute;*/
/*    !* 중앙 정렬 유지 *!*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/

/*    !* 하단 고정 설정 *!*/
/*    bottom: 1%; !* 바닥에서 5% 정도 띄움 (취향에 따라 조정) *!*/

/*    text-align: center;*/
/*    color: #fff;*/
/*    width: 90%; !* 양옆 여백을 위해 100% 대신 90% 권장 *!*/
/*    z-index: 10;*/
/*}*/

/*.visual-text h2 { font-size: 80px; font-weight: 700; letter-spacing: -2px; margin-bottom: 20px; }*/
/*.visual-text p { font-size: 24px; font-weight: 300; opacity: 0.9; }*/

/* 오버레이 */
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 900; }
.overlay.active { display: block; }


/* 섹션 공통 */
.display-section { padding: 80px 0; background: #fff; }
.bg-gray { background: #f9f9f9; }
.section-inner { max-width: 1300px; margin: 0 auto; padding: 0 40px; }

.panel-header { margin-bottom: 40px; }
.header-link { display: inline-block; }
.title-main { font-size: 32px; font-weight: 700; color: #000; letter-spacing: -1px; }
.title-main .arrow { font-size: 24px; margin-left: 10px; transition: 0.3s; }
.header-link:hover .arrow { transform: translateX(10px); }

/* ON AIR 포스터 리스트 (3열) */
.poster-list { display: flex; gap: 30px; }
.poster-list li { flex: 1; }
.poster-list .img-box { overflow: hidden; border-radius: 8px; margin-bottom: 20px; }
.poster-list .img-box img { width: 100%; display: block; transition: 0.5s; }
.poster-list li:hover img { transform: scale(1.05); }

.typo-area dt { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: #111; }
.typo-area dd { font-size: 15px; color: #666; margin-bottom: 12px; }
.tag { display: inline-block; padding: 4px 12px; border: 1px solid #ddd; border-radius: 20px; font-size: 12px; color: #888; }

/* NEWS 리스트 (가로형) */
.news-list { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 20px; }
.news-list::-webkit-scrollbar { height: 4px; }
.news-list::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }

.news-list li { min-width: 320px; flex: 1; }
.news-list .img-box.thumb { border-radius: 8px; overflow: hidden; margin-bottom: 15px; aspect-ratio: 16 / 9; }
.news-list .img-box.thumb img { width: 100%; height: 100%; object-fit: cover; }

.news-list .typo-area dt {
    font-size: 17px; line-height: 1.4; height: 48px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.news-list .typo-area dd { font-size: 14px; color: #999; margin-top: 10px; }


/* 반응형 */
@media (max-width: 1024px) {
    .pc-nav { display: none; }
    .mobile-toggle { display: block; }
    .visual-text h2 { font-size: 40px; }
}
/* 반응형 */
@media (max-width: 768px) {
    .poster-list { flex-direction: column; }
    .title-main { font-size: 24px; }
}