.cs_page { max-width: 1200px; margin: 0px auto; font-family: 'Noto Sans KR', sans-serif; }
.cs_box { background: #007bff; color: #fff; padding: 30px 25px; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
.cs_box h2 { font-size: 2rem; margin-bottom: 15px; }
.cs_box p { font-size: 1.1rem; margin-bottom: 10px; }

.section_title { font-size: 1.8rem; font-weight: 700; margin-bottom: 15px; color: #222; border-left: 5px solid #007bff; padding-left: 10px; }

.ad_table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.ad_table th, .ad_table td { border: 1px solid #ddd; padding: 12px 15px; text-align: left; }
.ad_table th { background-color: #f7f7f7; font-weight: 700; }

.notice_list, .qa_list { margin-bottom: 40px; }

.latest_list { list-style: none; padding: 0; margin: 0; }
.latest_list li { padding: 12px 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; transition: 0.3s; }
.latest_list li:hover { background: #f9f9f9; }
.latest_list li a { color: #333; text-decoration: none; font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bank_box { background: linear-gradient(135deg, #003478 0%, #0055A4 100%); color: white; padding: 25px; border-radius: 12px; font-weight: 700; text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
.bank_box p { margin: 5px 0; font-size: 1.2rem; }

@media(max-width:768px){
    .cs_box { padding: 20px 15px; }
    .cs_box h2 { font-size: 1.5rem; }
    .section_title { font-size: 1.4rem; }
    .bank_box p { font-size: 1rem; }
}

/* 공지사항 + 문의게시판 가로 배치 */
.board_wrap {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.board_wrap .notice_list,
.board_wrap .qa_list {
    flex: 1;
    margin-bottom: 0;
}

/* 모바일에서는 세로로 */
@media(max-width:768px){
    .board_wrap {
        flex-direction: column;
        gap: 20px;
    }
}