@charset "utf-8";
/* ==========================================================
   에르네 뉴스 공용 스킨 (공지사항 · 칼럼 · Q&A)          (261102)
   이벤트·전후사진 스킨과 같은 디자인 언어 :
   흑(#111) + 흰 바탕 + 오렌지(#ff6a00) 액센트, 모서리는 각지게.
   상단 비주얼·탭은 extend/herne_news.extend.php 가 그린다.
   ========================================================== */
.hn {width:100%;padding:0 0 140px;background:#fff;color:#111;font-family:var(--ff-sans);text-align:left}
.hn .ff_bodoni {font-family:var(--ff-serif)}
.hn *, .hn *:before, .hn *:after {box-sizing:border-box}
.hn button {font-family:inherit;cursor:pointer;background:none;border:0;color:inherit}
.hn a {color:inherit;text-decoration:none}
/* 우측 플로팅 상담버튼과 겹치지 않도록 폭을 제한한다 */
.hn_inner {width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.hn_view .hn_inner, .hnw_wrap .hn_inner {max-width:1100px}

/* ===== 상단 줄 : 전체 n건 + 검색 ===== */
.hn_top {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #111}
.hn_total {font-size:14px;letter-spacing:-.02em;color:rgba(0,0,0,.55)}
.hn_total strong {margin:0 2px;font-weight:700;color:#ff6a00}
.hn_sch {display:flex;align-items:center;width:min(320px,100%);border-bottom:1px solid rgba(0,0,0,.25);transition:border-color .2s}
.hn_sch:focus-within {border-color:#ff6a00}
.hn .hn_sch_input {flex:1 1 auto;min-width:0;height:40px;padding:0 4px;border:0;border-radius:0;background:transparent;font-family:inherit;font-size:14px;letter-spacing:-.02em;color:#111;outline:none;box-shadow:none}
.hn .hn_sch_input::placeholder {color:rgba(0,0,0,.35)}
.hn .hn_sch_btn {flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#111;transition:color .2s}
.hn .hn_sch_btn:hover {color:#ff6a00}
.hn_result {margin-top:18px;font-size:14px;letter-spacing:-.02em;color:rgba(0,0,0,.6)}
.hn_result strong {color:#111}
.hn .hn_result a {margin-left:8px;color:#ff6a00;text-decoration:underline;text-underline-offset:3px}
.hn .sch_word {color:#ff6a00;background:none}
.hn_empty {padding:110px 0;font-size:15px;text-align:center;color:rgba(0,0,0,.45);list-style:none}

/* ===== 공지사항 : 줄 목록 ===== */
.hn_rows {margin:0;padding:0;list-style:none}
.hn_row {border-bottom:1px solid rgba(0,0,0,.1)}
.hn_row_link {display:grid;grid-template-columns:84px minmax(0,1fr) 110px;align-items:center;gap:20px;padding:26px 8px;transition:background .2s}
.hn_row_link:hover {background:#faf8f6}
.hn_row_no {font-size:14px;text-align:center;color:rgba(0,0,0,.4);font-variant-numeric:tabular-nums}
.hn_badge {display:inline-block;padding:5px 11px;background:#ff6a00;font-size:12px;font-style:normal;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff}
.hn_row_tit {overflow:hidden;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}
.hn_row.is_notice .hn_row_tit {font-weight:700}
.hn_row_link:hover .hn_row_tit {color:#ff6a00}
.hn_row_date {font-size:14px;text-align:right;color:rgba(0,0,0,.45);font-variant-numeric:tabular-nums}

/* ===== 칼럼 : 카드 ===== */
.hn_cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;margin:44px 0 0;padding:0;list-style:none}
.hn_cards .hn_empty {grid-column:1 / -1}
.hn_card_link {display:flex;flex-direction:column;height:100%}
.hn_card_thumb {position:relative;display:block;aspect-ratio:1.6;overflow:hidden;background:#f2f0ed}
.hn_card_thumb > img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}
.hn_card_link:hover .hn_card_thumb > img {transform:scale(1.05)}
.hn_card_thumb:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #ff6a00;opacity:0;transform:scale(.96);transition:opacity .5s ease-out,transform .5s ease-out;pointer-events:none}
.hn_card_link:hover .hn_card_thumb:after {opacity:1;transform:scale(1)}
.hn_card_noimg {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.hn_card_noimg img {width:auto;height:52px;opacity:.22}
.hn_card_body {display:flex;flex-direction:column;flex:1 1 auto;padding:22px 2px 0}
.hn_card_date {font-size:13px;color:rgba(0,0,0,.45);font-variant-numeric:tabular-nums}
.hn_card_tit {display:-webkit-box;margin-top:10px;overflow:hidden;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.035em;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s}
.hn_card_link:hover .hn_card_tit {color:#ff6a00}
.hn_card_txt {display:-webkit-box;margin-top:10px;overflow:hidden;font-size:14px;line-height:1.6;letter-spacing:-.02em;color:rgba(0,0,0,.55);word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hn_card_more {display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:700;color:#ff6a00}

/* ===== Q&A : 펼침 목록 ===== */
.hn_faq {margin:0;padding:0;list-style:none}
.hn_q {border-bottom:1px solid rgba(0,0,0,.1)}
.hn .hn_q_btn {display:flex;align-items:center;gap:20px;width:100%;padding:24px 8px;text-align:left;transition:background .2s}
.hn .hn_q_btn:hover {background:#faf8f6}
.hn_q_mark, .hn_a_mark {flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:var(--ff-serif);font-size:20px;line-height:1}
.hn_q_mark {background:#111;color:#fff}
.hn_a_mark {background:#ff6a00;color:#fff}
.hn_q_tit {flex:1 1 auto;min-width:0;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.03em;word-break:keep-all;transition:color .2s}
.hn_q_btn:hover .hn_q_tit, .hn_q.on .hn_q_tit {color:#ff6a00}
.hn_q_ico {flex:none;position:relative;width:16px;height:16px}
.hn_q_ico:before, .hn_q_ico:after {content:'';position:absolute;top:50%;left:0;width:16px;height:2px;margin-top:-1px;background:#111;transition:transform .3s}
.hn_q_ico:after {transform:rotate(90deg)}
.hn_q.on .hn_q_ico:after {transform:rotate(0)}
.hn_a {display:flex;gap:20px;padding:4px 8px 34px}
.hn_a[hidden] {display:none}
.hn_a_body {flex:1 1 auto;min-width:0;padding-top:8px;font-size:15px;line-height:1.8;letter-spacing:-.02em;color:rgba(0,0,0,.72);word-break:keep-all}
.hn_a_body img {max-width:100%;height:auto}
.hn_a_body p {margin:0}
.hn_a_admin {margin-top:16px !important}
.hn .hn_a_admin a {font-size:13px;color:rgba(0,0,0,.45);text-decoration:underline;text-underline-offset:3px}

/* ===== 페이지 번호 (그누보드 기본 파란 버튼을 덮어쓴다) ===== */
.hn .pg_wrap {float:none;display:block;width:100%;margin:56px 0 0}
.hn .pg {display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.hn .pg_page, .hn .pg_current {display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;
	border:1px solid rgba(0,0,0,.14);border-radius:0;background:#fff;font-size:14px;font-weight:500;line-height:1;color:rgba(0,0,0,.6);text-indent:0}
.hn .pg_page:hover {border-color:#111;background:#fff;color:#111}
.hn .pg_current {border-color:#111;background:#111;font-weight:700;color:#fff}
/* 처음·이전·다음·맨끝 은 그누보드가 한국어 글자를 넣으므로 글자를 숨기고 화살표로 바꾼다 */
.hn .pg_start, .hn .pg_prev, .hn .pg_next, .hn .pg_end {position:relative;padding:0;font-size:0;background-image:none}
.hn .pg_start:before, .hn .pg_prev:before, .hn .pg_next:before, .hn .pg_end:before {font-size:15px;line-height:1;color:rgba(0,0,0,.6)}
.hn .pg_start:before {content:'\00AB'}
.hn .pg_prev:before {content:'\2039'}
.hn .pg_next:before {content:'\203A'}
.hn .pg_end:before {content:'\00BB'}

/* ===== 버튼 ===== */
.hn_admin {display:flex;justify-content:flex-end;margin-top:32px}
.hn .hn_btn {display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;padding:0 26px;
	border:1px solid #111;border-radius:0;background:#fff;font-size:14px;font-weight:600;letter-spacing:-.02em;color:#111;
	transition:background .22s,color .22s,border-color .22s}
.hn .hn_btn:hover {background:#111;color:#fff}
.hn .hn_btn_fill {background:#111;color:#fff}
.hn .hn_btn_fill:hover {border-color:#ff6a00;background:#ff6a00;color:#fff}

/* ===== 글보기 ===== */
.hnv {padding-top:4px}
.hn .hnv_back {display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;font-size:14px;font-weight:700;letter-spacing:-.03em;color:rgba(0,0,0,.6);transition:color .2s}
.hn .hnv_back:hover {color:#ff6a00}
.hnv_head {padding-bottom:28px;border-bottom:1px solid #111}
.hnv_eyebrow {margin:0;font-size:11px;font-weight:700;letter-spacing:.22em;color:#ff6a00}
.hnv_tit {margin-top:12px;font-size:36px;font-weight:800;line-height:1.3;letter-spacing:-.04em;color:#202020;word-break:keep-all}
.hnv_meta {display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:18px 0 0;font-size:14px}
.hnv_meta dt {color:rgba(0,0,0,.4)}
.hnv_meta dd {margin:0 18px 0 0;color:rgba(0,0,0,.72);font-variant-numeric:tabular-nums}
.hnv_body {padding:48px 0;font-size:16px;line-height:1.8;letter-spacing:-.02em;color:rgba(0,0,0,.8);word-break:keep-all;overflow-wrap:anywhere}
.hnv_body img {max-width:100%;height:auto}
.hnv_img {margin-bottom:24px}
.hnv_img img {display:block;max-width:100%;height:auto}
.hnv_file {padding:24px;background:#faf8f6}
.hnv_file h3 {font-size:14px;font-weight:700}
.hnv_file ul {margin:12px 0 0;padding:0;list-style:none}
.hnv_file li {padding:6px 0;font-size:14px}
.hn .hnv_file a {display:inline-flex;align-items:center;gap:8px;color:#111}
.hn .hnv_file a:hover strong {color:#ff6a00;text-decoration:underline}
.hnv_file span {color:rgba(0,0,0,.45)}
.hnv_nb {margin:48px 0 0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.12)}
.hnv_nb li {display:flex;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid rgba(0,0,0,.12);font-size:15px}
.hnv_nb_tit {flex:0 0 72px;font-size:13px;color:rgba(0,0,0,.45)}
.hn .hnv_nb a {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;transition:color .2s}
.hn .hnv_nb a:hover {color:#ff6a00}
.hnv_btns {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:48px}

/* ===== 반응형 ===== */
@media (max-width:1023px){
	.hn {padding-bottom:100px}
	.hn_cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}
	.hnv_tit {font-size:30px}
}

@media (max-width:767px){
	.hn {padding-bottom:80px}
	.hn_inner {padding:0 16px}
	.hn_top {flex-wrap:wrap;gap:12px}
	.hn_sch {width:100%}

	.hn_row_link {grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 4px}
	.hn_row_no {display:none}
	.hn_row.is_notice .hn_row_no {display:block;text-align:left}
	.hn_row_tit {font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
	.hn_row_date {font-size:13px;text-align:left}

	.hn_cards {grid-template-columns:minmax(0,1fr);gap:36px;margin-top:28px}
	.hn_card_tit {font-size:18px}

	.hn .hn_q_btn {gap:14px;padding:20px 4px}
	.hn_q_mark, .hn_a_mark {width:32px;height:32px;font-size:17px}
	.hn_q_tit {font-size:16px}
	.hn_a {gap:14px;padding:2px 4px 26px}
	.hn_a_body {padding-top:5px;font-size:14px}

	.hn .pg_page, .hn .pg_current {min-width:36px;height:36px;padding:0 8px}

	.hn .hnv_back {margin-bottom:22px}
	.hnv_tit {font-size:24px}
	.hnv_body {padding:32px 0;font-size:15px}
	.hnv_nb li {gap:10px;font-size:14px}
	.hnv_nb_tit {flex-basis:56px}
	.hn .hn_btn {flex:1 1 auto;min-width:0;height:46px;padding:0 14px}
}


/* ==========================================================
   글쓰기 (write.skin.php) — 이벤트 글쓰기에서 옮김                 (260904)
   목록(.ev_*) 와 같은 규칙을 쓴다. 전후사진 글쓰기(.baw_*)와 동일한 디자인.
   흑(#111) + 흰 바탕 + 오렌지(#ff6a00) 액센트, 모서리는 각지게.
   ========================================================== */
.hnw {max-width:1100px;margin:0 auto;padding:110px 0 140px;text-align:left}

/* ===== 머리말 ===== */
.hnw_head {padding-bottom:28px;border-bottom:1px solid #111}
.hnw_label {font-size:13px;font-weight:700;letter-spacing:.18em;color:#ff6a00}
.hnw_tit {margin-top:14px;font-size:44px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#111}
.hnw_desc {margin-top:14px;font-size:14px;line-height:1.45;color:rgba(0,0,0,.5);word-break:keep-all}
.hnw_desc strong {color:#ff6a00;font-weight:700}

/* ===== 묶음 ===== */
.hnw_box {margin:0;padding:0;border:0;min-width:0}
.hnw_box + .hnw_box {margin-top:56px}
.hnw_box_tit {display:block;width:100%;box-sizing:border-box;margin:0;padding:0 0 14px;border-bottom:1px solid #111;font-size:15px;font-weight:700;letter-spacing:-.02em;color:#111}
.hnw_box_desc {margin-top:14px;font-size:13px;line-height:1.45;color:rgba(0,0,0,.5);word-break:keep-all}
.hnw_box_desc strong {color:#111;font-weight:700}

/* ===== 행 ===== */
.hnw_row {display:flex;align-items:flex-start;gap:20px;padding:20px 4px;border-bottom:1px solid rgba(0,0,0,.12)}
.hnw_lb {flex:0 0 130px;padding-top:14px;font-size:14px;line-height:1.4;color:rgba(0,0,0,.45)}
.hnw_req {display:inline-block;margin-left:2px;font-size:11px;font-style:normal;font-weight:700;color:#ff6a00;vertical-align:1px}
.hnw_field {flex:1 1 auto;min-width:0}
.hnw_row_col {flex-direction:column;gap:10px}
.hnw_row_col .hnw_lb {flex:none;padding-top:0}
.hnw_row_col .hnw_field {width:100%}

.hnw_help {margin-top:8px;font-size:12.5px;line-height:1.5;color:rgba(0,0,0,.4);word-break:keep-all}
.hnw_help_c {margin-top:14px;text-align:center}

/* ===== 입력 ===== */
.hnw .hnw_input,
.hnw .hnw_select,
.hnw .hnw_textarea {
	width:100%;box-sizing:border-box;padding:0 14px;height:52px;
	border:1px solid rgba(0,0,0,.16);border-radius:0;background:#fff;
	font-family:inherit;font-size:15px;letter-spacing:-.02em;color:#111;
	transition:border-color .2s, box-shadow .2s;
}
.hnw .hnw_textarea {height:auto;padding:14px;line-height:1.45;resize:vertical}
.hnw .hnw_select {appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 14px center}
.hnw .hnw_input::placeholder,
.hnw .hnw_textarea::placeholder {color:rgba(0,0,0,.28)}
.hnw .hnw_input:focus,
.hnw .hnw_select:focus,
.hnw .hnw_textarea:focus {outline:none;border-color:#ff6a00;box-shadow:0 0 0 2px rgba(255,106,0,.12)}

.hnw_dates {display:flex;align-items:center;gap:10px}
.hnw .hnw_input_date {width:180px;flex:0 1 180px}
.hnw_tilde {flex:0 0 auto;color:rgba(0,0,0,.35)}

.hnw_half {display:grid;grid-template-columns:repeat(2,1fr);gap:10px}

/* 임시저장 버튼 */
.hnw .hnw_btn_mini {margin-top:10px;padding:8px 14px;border:1px solid rgba(0,0,0,.2);border-radius:0;background:#fff;
	font-family:inherit;font-size:12.5px;color:rgba(0,0,0,.6);cursor:pointer;transition:border-color .2s,color .2s}
.hnw .hnw_btn_mini:hover {border-color:#111;color:#111}

/* 옵션 체크박스 */
.hnw_opts {display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none}
.hnw_opts li {float:none;margin:0}

/* ===== 사진 ===== */
.hnw_files {display:grid;grid-template-columns:1fr;gap:20px;margin-top:22px;max-width:520px}
.hnw_file {min-width:0}
.hnw_drop {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
	aspect-ratio:4/3;padding:20px;border:1px dashed rgba(0,0,0,.28);background:#faf8f6;
	text-align:center;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s}
.hnw_drop:hover {border-color:#ff6a00;background:#fff}
.hnw_file_tag {position:absolute;top:0;left:0;z-index:2;padding:6px 12px;background:#111;color:#fff;
	font-size:11px;font-weight:700;letter-spacing:.08em}
.hnw_file_tag_a {background:#ff6a00}
.hnw_drop_ico {color:rgba(0,0,0,.3)}
.hnw_drop_txt {font-size:13px;line-height:1.45;color:rgba(0,0,0,.5)}
.hnw_drop_txt em {font-style:normal;color:rgba(0,0,0,.35)}
.hnw_prev {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}
.hnw_file.on .hnw_drop {border-style:solid;border-color:#111}
.hnw_file.on .hnw_drop_ico,
.hnw_file.on .hnw_drop_txt {display:none}

.hnw .hnw_file_input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hnw_file .hnw_input {margin-top:10px}
.hnw_file_del {display:block;margin-top:8px;font-size:12.5px;color:rgba(0,0,0,.5)}

/* ===== 에디터 ===== */
.hnw_editor {margin:0}
.hnw_editor textarea {width:100%;box-sizing:border-box;min-height:280px;padding:14px;
	border:1px solid rgba(0,0,0,.16);border-radius:0;font-family:inherit;font-size:15px;line-height:1.45;resize:vertical}
.hnw_editor textarea:focus {outline:none;border-color:#ff6a00;box-shadow:0 0 0 2px rgba(255,106,0,.12)}
.hnw_editor #char_count_desc {margin-bottom:10px;font-size:12.5px;color:rgba(0,0,0,.45)}
.hnw_editor #char_count_wrap {margin-top:8px;font-size:12.5px;color:rgba(0,0,0,.45);text-align:right}

/* 캡챠 */
.hnw_captcha {padding-top:6px}

/* ===== 버튼 ===== */
.hnw_btns {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:52px}
.hnw .hnw_btn {display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:56px;padding:0 28px;
	border-radius:0;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.02em;
	text-decoration:none;cursor:pointer;transition:background .22s,color .22s,border-color .22s}
.hnw .hnw_btn_line {border:1px solid #111;background:#fff;color:#111}
.hnw .hnw_btn_line:hover {background:#111;color:#fff}
.hnw .hnw_btn_fill {border:1px solid #111;background:#111;color:#fff}
.hnw .hnw_btn_fill:hover {background:#ff6a00;border-color:#ff6a00;color:#fff}
.hnw .hnw_btn_fill:disabled {background:rgba(0,0,0,.3);border-color:transparent;cursor:default}

/* ===== 반응형 ===== */
@media (max-width:1023px){
	.hnw {padding:70px 0 90px}
	.hnw_tit {font-size:34px}
	.hnw_box + .hnw_box {margin-top:44px}
}

@media (max-width:767px){
	.hnw {padding:52px 0 72px}
	.hnw_tit {font-size:26px}
	.hnw_desc {font-size:13px}
	.hnw_row {flex-direction:column;gap:8px;padding:16px 0}
	.hnw_lb {flex:none;padding-top:0;font-size:13px}
	.hnw_field {width:100%}
	.hnw .hnw_input,
	.hnw .hnw_select {height:48px;font-size:14px}
	.hnw_half {grid-template-columns:1fr}
	.hnw_files {grid-template-columns:1fr;gap:14px}
	.hnw .hnw_input_date {flex:1 1 0;width:100%;min-width:0}   /* size=10 의 고유폭 때문에 넘치므로 균등 분할 */
	.hnw_btns {margin-top:36px}
	.hnw .hnw_btn {flex:1 1 auto;min-width:0;height:52px;font-size:14px}
	.hnw_editor textarea {min-height:220px}
}


/* ==========================================================
   임시 저장된 글 목록 (js/autosave.js)                (260904)
   autosave.js 가 만드는 마크업은 고정이다.
     <li><a class="autosave_load">제목</a><span>날짜 <button class="autosave_del">삭제</button></span></li>
   그누보드 기본 스킨 CSS(말풍선 꼬리·닫기버튼 이미지 등)를 덮어쓴다.
   ========================================================== */
#autosave_wrapper {position:relative}

#autosave_pop {display:none;position:absolute !important;z-index:30;
	top:calc(100% + 10px);left:0;right:auto;
	width:min(420px,100%);height:auto !important;max-height:none;
	padding:18px 20px 16px;border:1px solid #111;background:#fff;
	box-shadow:0 18px 44px rgba(0,0,0,.14);text-align:left}
#autosave_pop:before, #autosave_pop:after {display:none}

#autosave_pop strong {position:static;display:block;overflow:visible;
	padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.14);
	font-size:13px;line-height:1.4;font-weight:700;letter-spacing:-.02em;color:#111}

#autosave_pop ul {height:auto;max-height:240px;margin:0;padding:0;border:0;
	overflow-y:auto;list-style:none}
#autosave_pop li {display:flex;align-items:center;gap:10px;
	padding:11px 2px;border-bottom:1px solid rgba(0,0,0,.08);background:none;font-size:13px}
#autosave_pop li:last-child {border-bottom:0}

#autosave_pop a {display:block;float:none;flex:1 1 auto;min-width:0;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	color:#111;text-decoration:none;transition:color .2s}
#autosave_pop a:hover {color:#ff6a00}

#autosave_pop span {display:flex;align-items:center;gap:8px;float:none;flex:0 0 auto;
	font-size:11px;font-style:normal;letter-spacing:0;color:rgba(0,0,0,.4)}

#autosave_pop .autosave_del {width:auto;height:auto;padding:4px 8px;
	border:1px solid rgba(0,0,0,.2);background:#fff none;
	text-indent:0;overflow:visible;border-radius:0;
	font-family:inherit;font-size:11px;line-height:1.2;color:rgba(0,0,0,.55);
	cursor:pointer;transition:border-color .2s,color .2s}
#autosave_pop .autosave_del:hover {border-color:#b3402c;color:#b3402c}

#autosave_pop > div {margin:14px 0 0 !important;text-align:right}
#autosave_pop .autosave_close {width:auto;height:auto;padding:9px 20px;
	border:1px solid #111;background:#111;border-radius:0;
	font-family:inherit;font-size:12.5px;font-weight:600;color:#fff;
	cursor:pointer;transition:background .2s,border-color .2s}
#autosave_pop .autosave_close:hover {background:#ff6a00;border-color:#ff6a00;color:#fff}

@media (max-width:767px){
	#autosave_pop {width:100%;padding:16px}
	#autosave_pop li {flex-wrap:wrap;gap:6px}
	#autosave_pop a {flex:1 1 100%}
}


/* ==========================================================
   에르네 뉴스 글쓰기 — 위의 .hnw_* 는 이벤트 글쓰기(.evw_*)를 그대로 옮긴 것.
   여기서는 에르네 뉴스에만 필요한 차이만 덮어쓴다.
   ========================================================== */
/* 위에 탭이 있으므로 윗여백을 줄인다(이벤트는 탭 없이 비주얼 바로 아래였다) */
.hn .hnw {padding:4px 0 0}
/* 머리말 밑줄과 첫 묶음 제목이 붙지 않게 */
#fwrite > .hnw_box:first-of-type {margin-top:44px}
/* 첨부가 2개인 게시판은 나란히 */
.hnw_files.is_multi {grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
/* 이미지가 아닌 파일을 고르면 그림 대신 파일 이름을 보여 준다 */
.hnw_drop_name {position:relative;z-index:2;display:none;max-width:90%;font-size:13px;font-weight:600;color:#111;word-break:break-all}
.hnw_file.is_doc .hnw_drop_name {display:block}
@media (max-width:767px){
	.hnw_files.is_multi {grid-template-columns:minmax(0,1fr)}
}