@charset "utf-8";
/* 서브 페이지 (게시판 / 회원 / 통합검색) : 메인과 같은 카드형 디자인으로 기존 스킨을 덮어쓴다.
   default.asp 가 레이아웃이 지정되지 않은 화면에만 .mn_sub 로 감싸서 이 파일을 마지막에 읽는다. */

/* ---------------- 틀 ---------------- */
.mn_sub {display:block; padding-top:24px;}
.mn_sub_head {display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:22px 26px; margin-bottom:20px; border-radius:var(--mn-radius); background:linear-gradient(120deg, var(--mn-green-l), #f6fbf7 60%, #fdf8ea);}
.mn_sub_title {margin:0; font-size:24px; font-weight:800; letter-spacing:-.5px; line-height:1.2;}
.mn_sub_title a {color:var(--mn-text); text-decoration:none;}
.mn_crumb {display:flex; flex-wrap:wrap; gap:6px; font-size:12px; color:var(--mn-sub);}
.mn_crumb li + li::before {content:'›'; margin-right:6px; color:var(--mn-mute);}
.mn_crumb a {color:inherit; text-decoration:none;}
.mn_crumb a:hover {color:var(--mn-green-d);}
.mn_sub_body {border:1px solid var(--mn-line); border-radius:var(--mn-radius); background:#fff; padding:24px 26px 28px; min-width:0;}
.mn_sub_body > * + * {margin-top:28px;}
/* 스킨이 요소마다 글꼴을 지정하므로 덮어쓴다. 아이콘 글꼴(.fa, xi-)과 글쓴이가 고른 글꼴이 살아야 하는 에디터·본문·댓글은 제외 */
.mn_sub, .mn_sub *:not(.fa):not([class^="xi-"]):not([class*=" xi-"]):not(.editor-wrapper, .editor-wrapper *):not(.mublo-editor-wrapper, .mublo-editor-wrapper *):not(.contents *):not(.content *) {font-family:var(--mn-font) !important;}
.mn_sub .at_board, .mn_sub .at_member, .mn_sub .at_search {width:auto; max-width:none; margin:0; padding:0; border:0; background:none; box-shadow:none; font-size:14px; color:var(--mn-text);}
.mn_sub a:focus-visible, .mn_sub button:focus-visible, .mn_sub input:focus-visible, .mn_sub select:focus-visible, .mn_sub textarea:focus-visible {outline:2px solid var(--mn-green); outline-offset:2px;}

/* ---------------- 입력 / 버튼 ---------------- */
.mn_sub input[type=text], .mn_sub input[type=password], .mn_sub input[type=email], .mn_sub input[type=url], .mn_sub input[type=tel], .mn_sub input[type=number], .mn_sub input[type=search], .mn_sub select, .mn_sub .select, .mn_sub textarea {border:1px solid var(--mn-line) !important; border-radius:6px !important; background:#fff; color:var(--mn-text); font-size:14px; box-shadow:none;}
.mn_sub input[type=text], .mn_sub input[type=password], .mn_sub input[type=email], .mn_sub input[type=url], .mn_sub input[type=tel], .mn_sub input[type=number], .mn_sub input[type=search], .mn_sub select, .mn_sub .select {height:38px !important; padding:0 10px !important; line-height:normal;}
.mn_sub textarea {padding:10px;}
.mn_sub input:focus, .mn_sub select:focus, .mn_sub textarea:focus {border-color:var(--mn-green) !important; outline:none;}
.mn_sub input[type=checkbox], .mn_sub input[type=radio] {accent-color:var(--mn-green);}
.mn_sub .button, .mn_sub a.button, .mn_sub input.button, .mn_sub button.button {display:inline-flex; align-items:center; justify-content:center; gap:4px; height:36px; padding:0 16px; border:1px solid var(--mn-green) !important; border-radius:6px !important; background:var(--mn-green) !important; color:#fff !important; font-size:13px; font-weight:700; line-height:1; text-decoration:none !important; box-shadow:none !important; text-shadow:none; vertical-align:middle; cursor:pointer;}
.mn_sub .button:hover {background:var(--mn-green-d) !important; border-color:var(--mn-green-d) !important;}
.mn_sub .button.white, .mn_sub .button.white_02, .mn_sub .button.gray, .mn_sub .button.gray_02 {background:#fff !important; border-color:var(--mn-line) !important; color:var(--mn-text) !important;}
.mn_sub .button.white:hover, .mn_sub .button.white_02:hover, .mn_sub .button.gray:hover, .mn_sub .button.gray_02:hover {background:var(--mn-soft) !important; border-color:#d1d5db !important;}
.mn_sub .button.red, .mn_sub .button.red_02 {background:#fff !important; border-color:#fca5a5 !important; color:#dc2626 !important;}
.mn_sub .button.red:hover, .mn_sub .button.red_02:hover {background:#fef2f2 !important;}
.mn_sub .button.ssmall, .mn_sub .button.small {height:28px; padding:0 10px; font-size:12px; font-weight:600;}
.mn_sub .button.large {height:44px; padding:0 22px; font-size:15px;}
.mn_sub .btn_area {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:18px;}
.mn_sub .btn_area .fr {margin-left:auto; float:none;}
.mn_sub .btn_area.tac {justify-content:center;}
.mn_sub .btn_area.tar {justify-content:flex-end;}

/* ---------------- 게시판 : 분류 탭 / 검색 ---------------- */
.mn_sub .category_tab {display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; padding:0; border:0; background:none; text-align:left;}
.mn_sub .category_tab::after {display:none;}
.mn_sub .category_tab > a {float:none; display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:0; height:34px; margin:0; padding:0 16px; border:1px solid var(--mn-line); border-radius:999px; background:#fff; color:var(--mn-sub); font-size:13px; font-weight:600; text-decoration:none;}
.mn_sub .category_tab > a::before {display:none;}
.mn_sub .category_tab > a span {padding:0; background:none; color:inherit; border:0;}
.mn_sub .category_tab > a:hover {border-color:var(--mn-green); color:var(--mn-green-d);}
.mn_sub .category_tab > a.active {background:var(--mn-green); border-color:var(--mn-green); color:#fff;}
.mn_sub .category_tab > a.active span {color:#fff;}
.mn_sub .at_board .search_box {float:none; display:flex; justify-content:flex-end; margin:0 0 14px; padding:0; border:0; background:none;}
.mn_sub .at_board .search_box form {display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.mn_sub .at_board .search_box label:not(.mn_keep) {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.mn_sub .at_board .search_box select {float:none; width:auto; min-width:110px; height:38px !important; margin:0; border:1px solid var(--mn-line) !important;}
.mn_sub .at_board .search_box .input {width:220px; margin:0;}
.mn_sub .at_board .search_box .btn, .mn_sub .at_board .search_box button {position:static; width:auto; height:38px; min-width:38px; margin:0; padding:0 16px; border:0; border-radius:6px; background:var(--mn-green) !important; color:#fff; font-size:13px; font-weight:700; text-indent:0; overflow:visible; cursor:pointer;}
.mn_sub .at_board .search_box .btn:hover {background:var(--mn-green-d) !important;}

/* ---------------- 게시판 : 목록 ---------------- */
.mn_sub .at_board .list {margin:0; border:0;}
.mn_sub .at_board .list table {width:100%; border-collapse:collapse; border-top:2px solid var(--mn-text);}
.mn_sub .at_board .list table th {height:auto; padding:12px 8px; border:0; border-bottom:1px solid var(--mn-line); background:var(--mn-soft); color:var(--mn-sub); font-size:13px; font-weight:600; text-align:center;}
.mn_sub .at_board .list table th a {color:inherit; text-decoration:none;}
.mn_sub .at_board .list table td {height:auto; padding:13px 8px; border:0; border-bottom:1px solid #f0f1f3; color:var(--mn-sub); font-size:13px; text-align:center; font-variant-numeric:tabular-nums;}
.mn_sub .at_board .list table td.title {text-align:left; color:var(--mn-text); font-size:14.5px;}
.mn_sub .at_board .list table td.title a {color:var(--mn-text); text-decoration:none;}
.mn_sub .at_board .list table td.title a:hover {color:var(--mn-green-d); text-decoration:underline;}
.mn_sub .at_board .list table td span.comment {margin-left:4px; color:var(--mn-green-d); font-size:12px; font-weight:700;}
.mn_sub .at_board .list table td .icon {margin-left:3px; color:var(--mn-mute); font-size:12px;}
.mn_sub .at_board .list table tbody tr:hover td {background:#fafbfa;}
.mn_sub .at_board .list table tr.notice td, .mn_sub .at_board .list table tr.notice_tr td {background:#f7fbf8;}

/* 갤러리 / 웹진 : 앞의 표는 공지만 담으므로 머리줄을 감춘다 */
.mn_sub .at_board .list:has(+ .gallery) thead, .mn_sub .at_board .list:has(+ .webzine) thead {display:none;}
.mn_sub .at_board .list:has(+ .gallery) table, .mn_sub .at_board .list:has(+ .webzine) table {border-top:0;}
.mn_sub .at_board .list:has(+ .gallery), .mn_sub .at_board .list:has(+ .webzine) {margin-bottom:14px;}
.mn_sub .webzine li p.title span.comment {color:var(--mn-green-d); font-size:12px; font-weight:700;}
.mn_sub .gallery {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:22px 16px; margin:0; padding:0;}
.mn_sub .gallery::after, .mn_sub .webzine::after {display:none;}
.mn_sub .gallery li {float:none; width:auto !important; height:auto; margin:0 !important; padding:0; border:0; background:none;}
.mn_sub .gallery li div.img {width:auto; height:auto; aspect-ratio:4 / 3; border:0; border-radius:8px; overflow:hidden; background:var(--mn-soft);}
.mn_sub .gallery li div.img img, .mn_sub .gallery li div img {width:100% !important; height:100% !important; object-fit:cover; max-width:none; transition:transform .25s ease;}
.mn_sub .gallery li:hover div img {transform:scale(1.04);}
.mn_sub .gallery li p.subject {margin-top:10px; font-size:14px; font-weight:600; line-height:1.45; white-space:normal;}
.mn_sub .gallery li p.subject a {color:var(--mn-text); text-decoration:none;}
.mn_sub .gallery li p.desc, .mn_sub .gallery li dl {margin-top:4px; color:var(--mn-mute); font-size:12px;}
.mn_sub .webzine {margin:0; padding:0; border-top:2px solid var(--mn-text);}
.mn_sub .webzine li {display:flex; gap:18px; align-items:flex-start; padding:18px 0; border-bottom:1px solid #f0f1f3; min-height:0;}
.mn_sub .webzine li .tmb_wrp {position:static; flex:none; width:150px; height:auto; aspect-ratio:1; border:0; border-radius:8px; overflow:hidden; background:var(--mn-soft);}
.mn_sub .webzine li .tmb_wrp img {width:100% !important; height:100% !important; object-fit:cover;}
.mn_sub .webzine li p.title {margin:0; font-size:15px; font-weight:700;}
.mn_sub .webzine li p.title a {color:var(--mn-text); text-decoration:none;}
.mn_sub .webzine li p.summary {margin-top:6px; color:var(--mn-sub); font-size:13px; line-height:1.6;}
.mn_sub .webzine li div.info, .mn_sub .webzine li p.desc, .mn_sub .webzine li dl {margin-top:6px; color:var(--mn-mute); font-size:12px;}

/* 페이지 번호 */
.mn_sub .at_board .pg_wrap, .mn_sub .pg_wrap {display:flex; justify-content:center; margin:26px 0 0; padding:0; border:0;}
.mn_sub .pg {display:flex; flex-wrap:wrap; gap:4px; justify-content:center;}
.mn_sub .pg_page, .mn_sub .pg_current {display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; margin:0; padding:0 8px; border:1px solid var(--mn-line) !important; border-radius:6px; background:#fff !important; color:var(--mn-sub) !important; font-size:13px; text-decoration:none; text-indent:0; font-variant-numeric:tabular-nums;}
.mn_sub .pg_page:hover {border-color:var(--mn-green) !important; color:var(--mn-green-d) !important;}
.mn_sub .pg_current {border-color:var(--mn-green) !important; background:var(--mn-green) !important; color:#fff !important; font-weight:700;}
.mn_sub .pg_start, .mn_sub .pg_prev, .mn_sub .pg_next, .mn_sub .pg_end {width:auto; background-image:none !important;}

/* ---------------- 게시판 : 글 보기 ---------------- */
.mn_sub .at_board .view {margin:0; padding:0; border:0;}
.mn_sub .at_board .view h2.title, .mn_sub .at_board .view h2 {position:relative; margin:0; padding:0 0 16px; border:0; font-size:22px; font-weight:800; line-height:1.4; letter-spacing:-.3px; color:var(--mn-text); background:none;}
.mn_sub .at_board .view h2 > span {display:block; font-size:inherit; font-weight:inherit; line-height:inherit; color:inherit;}
.mn_sub .at_board .view h2 .sns {position:static; float:none; margin-top:12px;}
.mn_sub .at_board .view h2 .sns ul {display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0;}
.mn_sub .at_board .view h2 .sns li {float:none; margin:0;}
.mn_sub .at_board .view .info {display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; padding:12px 0; border:0; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); color:var(--mn-sub); font-size:13px; background:none;}
.mn_sub .at_board .view .info::after, .mn_sub .at_board .view .info .mbr {display:none;}
.mn_sub .at_board .view .info strong {color:var(--mn-text); font-weight:600;}
.mn_sub .at_board .view .info span.top_btn {position:static; float:none; margin-left:auto; padding:0; border:0;}
.mn_sub .at_board .view .info span.top_btn a {color:var(--mn-sub); text-decoration:none;}
.mn_sub .at_board .view .info span.top_btn a:hover {color:var(--mn-green-d);}
.mn_sub .at_board .view .contents {min-height:160px; padding:28px 2px; border:0; font-size:15px; line-height:1.8; color:var(--mn-text); word-break:break-word;}
.mn_sub .at_board .view .contents img {max-width:100%; height:auto; border-radius:6px;}
.mn_sub .at_board .view .document_act {text-align:right; border:0;}
.mn_sub .at_board .view .document_act a {color:var(--mn-mute); font-size:12px; text-decoration:none;}
.mn_sub .at_board .view .files {margin-top:12px; padding:12px 16px; border:1px solid var(--mn-line); border-radius:8px; background:var(--mn-soft);}
.mn_sub .at_board .view .files a {color:var(--mn-text);}
.mn_sub .at_board .view .btn_area {padding:16px 0; border-top:1px solid var(--mn-line); justify-content:flex-end;}
.mn_sub .at_board .view .btn_area div {display:flex; gap:8px; float:none;}
.mn_sub .at_board .view .preview_list {margin:0; padding:0; border:1px solid var(--mn-line); border-radius:8px; overflow:hidden;}
.mn_sub .at_board .view .preview_list::after {display:none;}
.mn_sub .at_board .view .preview_list li {display:flex; align-items:center; gap:12px; float:none; width:auto; padding:12px 16px; border:0; border-bottom:1px solid #f0f1f3; background:#fff; font-size:13.5px;}
.mn_sub .at_board .view .preview_list li:last-child {border-bottom:0;}
.mn_sub .at_board .view .preview_list li:hover {background:#fafbfa;}
.mn_sub .at_board .view .preview_list li .title {position:static; float:none; flex:none; width:70px; margin:0; padding:0; border:0; line-height:inherit; color:var(--mn-sub); font-weight:600;}
.mn_sub .at_board .view .preview_list li a {flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mn-text); text-decoration:none;}
.mn_sub .at_board .view .preview_list li .date {flex:none; margin-left:auto; color:var(--mn-mute); font-size:12px;}

/* 댓글 */
.mn_sub .at_board .view .comment {margin-top:28px; padding:0; border:0; background:none;}
.mn_sub .at_board .comment_list h4 {margin:0 0 6px; padding:0 0 12px; border-bottom:2px solid var(--mn-text); font-size:16px; font-weight:800; color:var(--mn-text);}
.mn_sub .at_board .comment_list h4 span {color:var(--mn-green-d);}
.mn_sub .at_board .comment_list .item {padding:16px 0; border:0; border-bottom:1px solid #f0f1f3; background:none;}
.mn_sub .at_board .comment_list .item_aside ul {display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:12.5px; color:var(--mn-mute);}
.mn_sub .at_board .comment_list .item_aside li {float:none;}
.mn_sub .at_board .comment_list .content {margin-top:8px; font-size:14px; line-height:1.7; color:var(--mn-text);}
.mn_sub .at_board .comment_list .action {display:flex; flex-wrap:wrap; gap:4px; margin-top:8px;}
.mn_sub .at_board .comment_write, .mn_sub .at_board .comment_form {margin-top:18px; padding:18px; border:1px solid var(--mn-line); border-radius:8px; background:var(--mn-soft);}

/* ---------------- 게시판 : 글쓰기 / 비밀번호 / 삭제 ---------------- */
.mn_sub .at_board .write table, .mn_sub .at_board table.write, .mn_sub .at_board .tbl_write table {width:100%; border-top:2px solid var(--mn-text);}
.mn_sub .at_board .write th, .mn_sub .at_board table.write th, .mn_sub .at_board .tbl_write th {padding:12px; border:0; border-bottom:1px solid #f0f1f3; background:var(--mn-soft); color:var(--mn-sub); font-size:13px; font-weight:600; text-align:left;}
.mn_sub .at_board .write td, .mn_sub .at_board table.write td, .mn_sub .at_board .tbl_write td {padding:10px 12px; border:0; border-bottom:1px solid #f0f1f3;}

.mn_sub .at_board .title_editor {display:flex; align-items:center; gap:8px; padding:0; border:0;}
.mn_sub .at_board .title_editor > input {flex:1; min-width:0; width:auto;}
.mn_sub .at_board .title_button {position:relative; flex:none; float:none; width:auto; margin:0;}
.mn_sub .at_board .title_button > ul {display:flex; align-items:center; gap:4px; margin:0; padding:0;}
.mn_sub .at_board .title_button > ul > li {float:none; margin:0;}
/* ---------------- 회원 ---------------- */
.mn_sub .at_member .login_section {max-width:440px; margin:10px auto; padding:0; border:0; background:none;}
.mn_sub .at_member .login_section .input_area, .mn_sub .at_member .login_section .area_div {width:auto; margin:0; padding:0; border:0; background:none;}
.mn_sub .at_member .login_section fieldset {display:flex; gap:8px; margin:0; padding:0; border:0;}
.mn_sub .at_member .login_section .input_box {flex:1; display:flex; flex-direction:column; gap:8px; width:auto; margin:0; float:none;}
.mn_sub .at_member .login_section .input_box input {width:100%; height:44px; padding-left:12px; background-image:none;}
.mn_sub .at_member .login_section input[type=submit] {float:none; width:96px; height:auto; min-height:96px; position:static;}
.mn_sub .at_member .login_section .srch_area {margin-top:20px; padding-top:18px; border-top:1px solid var(--mn-line);}
.mn_sub .at_member .login_section .srch_area .btn {display:flex; gap:8px; justify-content:center; float:none;}
.mn_sub .at_member table {width:100%; border-top:2px solid var(--mn-text);}
.mn_sub .at_member table th {padding:12px; border:0; border-bottom:1px solid #f0f1f3; background:var(--mn-soft); color:var(--mn-sub); font-size:13px; font-weight:600; text-align:left;}
.mn_sub .at_member table td {padding:10px 12px; border:0; border-bottom:1px solid #f0f1f3; font-size:14px;}
.mn_sub .at_member h3, .mn_sub .at_member h4 {margin:0 0 10px; font-size:16px; font-weight:800; color:var(--mn-text);}

/* 약관 동의 */
.mn_sub .at_member .agreement .title {margin:0 0 10px; padding:0; border:0; background:none; font-size:16px; font-weight:800; color:var(--mn-text);}
.mn_sub .at_member .agreement .title::before {display:none;}
.mn_sub .at_member .agreement .title ~ .title {margin-top:28px;}
.mn_sub .at_member .agreement .box {height:200px; overflow:auto; padding:16px; border:1px solid var(--mn-line); border-radius:8px 8px 0 0; background:var(--mn-soft); font-size:13px; line-height:1.7; color:var(--mn-sub);}
.mn_sub .at_member .agreement .check {margin:0; padding:12px 16px; border:1px solid var(--mn-line); border-top:0; border-radius:0 0 8px 8px; background:#fff !important; color:var(--mn-text); text-align:right; font-size:13.5px;}
.mn_sub .at_member .agreement .check label {color:var(--mn-text) !important; font-weight:600;}
.mn_sub .at_member .btn_area {justify-content:center; margin-top:24px;}

/* ---------------- 통합검색 ---------------- */
.mn_sub .at_search ul.search {display:flex; justify-content:center; margin:0 0 24px; padding:20px; border:0; border-radius:8px; background:var(--mn-soft);}
.mn_sub .at_search ul.search form {display:flex; gap:8px; width:100%; max-width:560px;}
.mn_sub .at_search ul.search .keyword {flex:1; min-width:0; width:auto; height:44px !important; border:2px solid var(--mn-green) !important; font-size:15px;}
.mn_sub .at_search ul.search span.button {display:contents;}
.mn_sub .at_search ul.search .btn {width:auto; height:44px; padding:0 22px; border:0; border-radius:6px; background:var(--mn-green) !important; color:#fff; font-size:14px; font-weight:700; text-indent:0; cursor:pointer;}
.mn_sub .at_search ul.search .btn:hover {background:var(--mn-green-d) !important;}
.mn_sub .at_search .search_section {position:relative; margin:0; padding:0 0 22px; border:0; background:none;}
.mn_sub .at_search .search_section + .search_section {margin-top:22px; padding-top:22px; border-top:1px solid var(--mn-line);}
.mn_sub .at_search .search_section h2 {margin:0 0 12px; padding:0; border:0; background:none; font-size:16px; font-weight:800; color:var(--mn-text);}
.mn_sub .at_search .search_section h2 span {color:var(--mn-green-d);}
.mn_sub .at_search .more {position:absolute; top:0; right:0; color:var(--mn-mute) !important; font-size:12px; text-decoration:none !important;}
.mn_sub .at_search .search_section + .search_section .more {top:22px;}
.mn_sub .at_search .more:hover {color:var(--mn-green-d) !important;}
.mn_sub .at_search .search_result {margin:0; padding:0;}
.mn_sub .at_search .search_result > li {padding:14px 0; border-bottom:1px solid #f0f1f3; list-style:none;}
.mn_sub .at_search .search_result dt a {color:var(--mn-text) !important; font-size:15px; font-weight:700; text-decoration:none !important;}
.mn_sub .at_search .search_result dt a:hover {color:var(--mn-green-d) !important;}
.mn_sub .at_search .search_result dd {margin:6px 0 0; padding:0;}
.mn_sub .at_search .search_result dd li {list-style:none; color:var(--mn-sub); font-size:13px; line-height:1.6;}
.mn_sub .at_search .search_result address {margin-top:4px; font-style:normal; color:var(--mn-mute); font-size:12px;}
.mn_sub .at_search .search_result address span {margin:0 6px; color:#d1d5db;}
.mn_sub .at_search em {font-style:normal; color:var(--mn-green-d) !important; font-weight:700; background:none;}
.mn_sub .at_search .no_result {padding:22px 0; border-radius:8px; background:var(--mn-soft); color:var(--mn-mute); text-align:center; font-size:13px;}

/* ---------------- 반응형 ---------------- */
@media (max-width:1024px) {
	.mn_sub .gallery {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width:768px) {
	.mn_sub {padding-top:16px;}
	.mn_sub_head {padding:18px; margin-bottom:14px;}
	.mn_sub_title {font-size:20px;}
	.mn_sub_body {padding:16px; border-radius:8px;}
	.mn_sub .gallery {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px 12px;}
	.mn_sub .webzine li .tmb_wrp {width:96px;}
	.mn_sub .at_board .search_box {justify-content:stretch;}
	.mn_sub .at_board .search_box form {width:100%;}
	.mn_sub .at_board .search_box .input {flex:1; width:auto; min-width:0;}
	.mn_sub .at_board .title_editor {flex-wrap:wrap;}
	.mn_sub .at_board .title_editor > input {flex:1 0 100%;}
	.mn_sub .at_board .write_form table td {box-sizing:border-box; max-width:100%; min-width:0;}
	.mn_sub .at_board .write_form table, .mn_sub .at_board .write_form tbody, .mn_sub .at_board .write_form tr {display:block; width:100%;}
	.mn_sub .at_board .view h2.title, .mn_sub .at_board .view h2 {font-size:19px;}
	.mn_sub .at_board .view h2 > span {margin:0 !important;}
	.mn_sub .at_board .view h2 .sns {margin:12px 0 0 !important; padding:0 !important;}
	/* 목록 : 반응형 스킨이 행을 카드처럼 쌓는다. 제목 아래 한 줄에 번호·글쓴이·날짜·조회 */
	.mn_sub .at_board .list table tbody tr {padding:12px 0; border-bottom:1px solid #f0f1f3;}
	.mn_sub .at_board .list table td {padding:0 !important; border-bottom:0; background:none !important; text-align:left;}
	.mn_sub .at_board .list table td.title {order:-1; margin-bottom:6px; font-size:15px;}
	.mn_sub .at_board .list table td:not(.title) {height:auto; line-height:1.4; margin-right:8px; padding:0 8px 0 0 !important; border-right:1px solid var(--mn-line); color:var(--mn-mute); font-size:12px;}
	.mn_sub .at_board .list table td:last-child {border-right:0;}
	.mn_sub .at_board .list table td.num {display:none;}
	.mn_sub .at_board .view .contents {padding:20px 0;}
	.mn_sub .at_board .view .preview_list li .date {display:none;}
	.mn_sub .at_member .login_section fieldset {flex-direction:column;}
	.mn_sub .at_member .login_section input[type=submit] {width:100%; min-height:46px;}
}