@charset "utf-8";

/* 공지사항 목록/상세 전용. 조회 및 페이지 이동 로직과 공통 메뉴는 변경하지 않는다. */
body.notice-flow { min-width:0; background:#f6f7f9; }
.notice-flow .notice-page,
.notice-flow .notice-page * { box-sizing:border-box; font-family:"Noto Sans KR",sans-serif; }
.notice-flow .notice-page {
    width:100%; max-width:640px; margin:0 auto; padding:18px 14px 30px;
    color:#30343a;
    font-size:14px; line-height:1.62; letter-spacing:-.35px; word-break:keep-all; overflow-wrap:anywhere;
}
.notice-flow .notice-card {
    min-width:0; overflow:hidden; border:1px solid #e6e9ee; border-radius:18px;
    background:#fff; box-shadow:0 4px 18px rgba(32,38,46,.04);
}
.notice-flow .notice-intro { padding:26px 22px 23px; border-bottom:1px solid #edf0f3; }
.notice-flow .notice-eyebrow {
    display:inline-flex; margin:0 0 11px; padding:5px 9px; border-radius:7px;
    color:#7d6220; font-size:11px; font-weight:700; line-height:1.3;
    letter-spacing:.4px; background:#fff5ce;
}
.notice-flow .notice-page-title {
    margin:0 0 9px; color:#25282d; font-size:17px; font-weight:700;
    line-height:1.45; letter-spacing:-.5px;
}
.notice-flow .notice-description { margin:0; color:#777; font-size:13px; font-weight:400; line-height:1.55; }

/* 기존 AJAX 응답의 dl/등록일/조회수 마크업을 그대로 사용한다. */
.notice-flow .notice-list { margin:0; padding:0 22px; list-style:none; }
.notice-flow .notice-list > li { margin:0; padding:0; border-bottom:1px solid #e9ecf0; }
.notice-flow .notice-list > li:last-child { border-bottom:0; }
.notice-flow .notice-list > li > a {
    display:block; position:relative; min-height:92px; padding:22px 23px 22px 0;
    color:#30343a; text-decoration:none;
}
.notice-flow .notice-list > li > a:after {
    position:absolute; top:50%; right:3px; width:7px; height:7px;
    margin-top:-4px; border-top:1.5px solid #a3aab4; border-right:1.5px solid #a3aab4;
    transform:rotate(45deg); content:"";
}
.notice-flow .notice-list .board_lst { margin:0; padding:0; border:0; }
.notice-flow .notice-list .board_lst dt {
    margin:0; color:#25282d; font-size:15px; font-weight:700;
    line-height:1.4; letter-spacing:-.45px;
}
.notice-flow .notice-list .board_lst dd {
    display:flex; position:static; flex-wrap:wrap; align-items:center;
    gap:3px 16px; margin:9px 0 0; font-size:12px; line-height:1.55;
}
.notice-flow .notice-list .re_count,
.notice-flow .notice-list .area01 { position:static; color:#7a828d; font-size:12px; font-weight:400; line-height:1.55; }
.notice-flow .notice-list > .mjalign_center { padding:48px 8px; color:#747981; font-size:14px; line-height:1.62; text-align:center; }
.notice-flow .notice-home { margin:22px 0 0; text-align:center; }
.notice-flow .notice-home a {
    display:inline-flex; min-height:40px; padding:8px 12px; align-items:center;
    color:#747d88; font-size:13px; font-weight:400; text-decoration:underline; text-underline-offset:3px;
}

.notice-flow .notice-article-title {
    margin:0; color:#25282d; font-size:17px; font-weight:700;
    line-height:1.45; letter-spacing:-.5px;
}
.notice-flow .notice-content-wrap { padding:26px 22px 30px; }
.notice-flow .notice-content {
    max-width:100%; min-width:0; min-height:160px; overflow-x:auto;
    color:#40444a; font-family:inherit; font-size:14px; font-weight:400;
    line-height:1.62; word-break:normal; overflow-wrap:anywhere; -webkit-overflow-scrolling:touch;
}
/* 저장된 본문의 색상·정렬·간격은 보존하고 에디터의 글꼴/크기만 통일한다. */
.notice-flow .notice-content,
.notice-flow .notice-content * { font-family:"Noto Sans KR",sans-serif !important; }
.notice-flow .notice-content * { font-size:inherit !important; line-height:inherit !important; }
.notice-flow .notice-content p { margin:0 0 14px; }
.notice-flow .notice-content p:last-child { margin-bottom:0; }
.notice-flow .notice-content ul { margin:12px 0; padding-left:22px; list-style:disc; }
.notice-flow .notice-content ol { margin:12px 0; padding-left:22px; list-style:decimal; }
.notice-flow .notice-content li { margin:5px 0; }
.notice-flow .notice-content img,
.notice-flow .notice-content video,
.notice-flow .notice-content iframe,
.notice-flow .notice-content object,
.notice-flow .notice-content embed { max-width:100% !important; }
.notice-flow .notice-content img,
.notice-flow .notice-content video { height:auto !important; }
.notice-flow .notice-content table { max-width:100%; border-collapse:collapse; font:inherit; }
.notice-flow .notice-content pre { max-width:100%; overflow-x:auto; white-space:pre-wrap; }
.notice-flow .notice-content a { color:#3e68a5; text-decoration:underline; text-underline-offset:2px; }
.notice-flow .notice-content h1,
.notice-flow .notice-content h2,
.notice-flow .notice-content h3,
.notice-flow .notice-content h4,
.notice-flow .notice-content h5,
.notice-flow .notice-content h6 { margin:22px 0 12px; color:#25282d; font-size:16px !important; font-weight:700 !important; line-height:1.4 !important; letter-spacing:-.45px; }
.notice-flow .notice-content strong,
.notice-flow .notice-content b { font-weight:700 !important; }
.notice-flow .notice-content .ql-align-center { text-align:center; }
.notice-flow .notice-content .ql-align-right { text-align:right; }
.notice-flow .notice-content .ql-align-justify { text-align:justify; }
.notice-flow .notice-content .ql-indent-1 { padding-left:3em; }
.notice-flow .notice-content .ql-indent-2 { padding-left:6em; }
.notice-flow .notice-content .ql-indent-3 { padding-left:9em; }
.notice-flow .notice-actions { margin:20px 0 0; }
.notice-flow .notice-back {
    display:flex; width:100%; min-height:50px; padding:12px 20px;
    align-items:center; justify-content:center; border:1px solid #ffd737; border-radius:10px;
    color:#222; font-family:inherit; font-size:16px; font-weight:700; line-height:1.25;
    letter-spacing:normal; background:#ffd737; text-decoration:none;
}
.notice-flow .notice-page a:focus-visible { outline:2px solid #b8800a; outline-offset:3px; border-radius:5px; }
@media (hover:hover) {
    .notice-flow .notice-list > li > a:hover .board_lst dt { color:#8a6512; }
    .notice-flow .notice-back:hover { border-color:#ffcf20; background:#ffcf20; }
}
@media (max-width:350px) {
    .notice-flow .notice-content { font-size:13.5px; }
}
@media (max-width:360px) {
    .notice-flow .notice-page { padding-right:10px; padding-left:10px; }
    .notice-flow .notice-intro { padding-right:18px; padding-left:18px; }
    .notice-flow .notice-list { padding-right:18px; padding-left:18px; }
    .notice-flow .notice-list > li > a { padding-right:20px; }
    .notice-flow .notice-content-wrap { padding-right:18px; padding-left:18px; }
}
@media (min-width:768px) {
    .notice-flow .notice-description { font-size:14px; }
    .notice-flow .notice-page { padding-top:30px; }
    .notice-flow .notice-intro { padding:30px 26px; }
    .notice-flow .notice-list { padding-right:26px; padding-left:26px; }
    .notice-flow .notice-content-wrap { padding:30px 26px 34px; }
}