@charset "utf-8";
/* ============================================================
 * 공지사항(Notice) + 개인정보처리방침/이용약관 버전 드롭다운
 * DEVSCRUM-17703 / 17704
 * ============================================================ */

/* ===================== 공지사항 목록 ===================== */
.notice-page .cm-tit-box{margin-bottom:40px;}

.notice-list-con{margin-top:10px;}
.notice-list-con .bbs-top-list-box{margin-bottom:14px;}

.notice-list{border-top:2px solid #222;}
.notice-list > li{border-bottom:1px solid #e5e5e5;}
.notice-list > li a{display:flex; align-items:center; gap:30px; padding:26px 20px; transition:background-color .2s;}
.notice-list > li a:hover{background-color:#f8f8f8;}
.notice-list > li .no{flex:0 0 50px; text-align:center; color:#aaa; font-size:15px; font-weight:400;}
.notice-list > li .txt{flex:1 1 auto; min-width:0; font-size:18px; color:#222; font-weight:500; letter-spacing:-0.4px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice-list > li .txt .new{display:inline-block; margin-left:6px; color:#e60012; vertical-align:middle;}
.notice-list > li .txt .new i{font-size:18px;}
.notice-list > li .date{flex:0 0 auto; color:#888; font-size:15px; letter-spacing:0.3px;}

.notice-list > li.no-data{padding:90px 20px; text-align:center;}
.notice-list > li.no-data .txt{color:#999; font-weight:400; white-space:normal; font-size:16px;}

/* ===================== 공지사항 상세 ===================== */
.notice-view-con{border-top:2px solid #222;}
.notice-view-head{padding:30px 20px; border-bottom:1px solid #e5e5e5;}
.notice-view-head .tit{font-size:24px; font-weight:600; color:#222; letter-spacing:-0.5px; line-height:1.45; margin-bottom:12px; word-break:break-word;}
.notice-view-head .date{color:#888; font-size:15px; letter-spacing:0.3px;}
.notice-view-body{min-height:220px; padding:40px 20px; border-bottom:1px solid #e5e5e5; font-size:16px; color:#333; line-height:1.8; word-break:break-word;}
.notice-view-body img{max-width:100%; height:auto;}
.notice-view-body a{color:#2563EB; text-decoration:underline;}
.notice-view-btn{margin-top:40px; text-align:center;}
.notice-view-btn a{display:inline-block; min-width:160px; padding:16px 30px; background-color:#222; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.3px; border-radius:4px; transition:opacity .2s;}
.notice-view-btn a:hover{opacity:.85;}

/* ===== 개인정보처리방침/이용약관 모달 : 버전 선택 드롭다운 ===== */
.footer-version-box{display:flex; justify-content:flex-end; align-items:center; margin-bottom:14px;}
.footer-version-select{min-width:150px; height:38px; padding:0 12px; border:1px solid #ccc; border-radius:4px; background-color:#fff; color:#222; font-size:15px; letter-spacing:-0.3px; cursor:pointer;}
.footer-version-select:focus{outline:none; border-color:#222;}

/* ===================== 반응형 ===================== */
@media all and (max-width:800px){
	.notice-page .cm-tit-box{margin-bottom:28px;}
	.notice-list > li a{gap:14px; padding:18px 10px;}
	.notice-list > li .no{display:none;}
	.notice-list > li .txt{font-size:16px; white-space:normal;}
	.notice-view-head{padding:24px 12px;}
	.notice-view-head .tit{font-size:21px;}
	.notice-view-body{padding:28px 12px; font-size:15px;}
	.notice-view-btn a{min-width:130px; padding:14px 24px; font-size:15px;}
}
@media all and (max-width:480px){
	.notice-list > li a{flex-wrap:wrap; gap:4px 0; padding:16px 6px;}
	.notice-list > li .txt{flex:1 1 100%;}
	.notice-list > li .date{font-size:13px;}
	.notice-view-head .tit{font-size:19px;}
	.footer-version-select{min-width:130px; height:36px; font-size:14px;}
}