@charset "utf-8";
/* ==========================================================
   이벤트/프로그램 게시판 스킨 (HERNE)
   - 서브 공통(.sv/.sub)은 /assets/css/sub.css 를 그대로 쓴다.
   - 이 파일은 이벤트 카드 · 시술가격 영역만 담당한다.
   ========================================================== */

.ev, .pr {font-family:var(--ff-sans);color:#111}
.ev .ff_bodoni, .pr .ff_bodoni {font-family:var(--ff-serif)}
.ev button, .pr button {font-family:inherit;cursor:pointer;background:none;border:0}

/* 우측 플로팅 상담버튼과 겹치지 않도록 좌우 여백을 넉넉히 잡는다 */
.ev_inner {width:100%;max-width:1780px;margin:0 auto;padding:0 clamp(16px,7vw,130px);box-sizing:border-box}

/* ===== 인트로 ===== */
.ev_intro {padding:120px 0 64px;border-bottom:1px solid rgba(0,0,0,.12)}
.ev_intro_label {font-size:13px;font-weight:700;letter-spacing:.18em;color:#ff6a00}
.ev_intro_tit {margin-top:24px;font-size:104px;font-weight:400;line-height:1.02;letter-spacing:-.03em}
.ev_intro_desc {margin-top:32px;font-size:15px;line-height:1.5;color:rgba(0,0,0,.6);word-break:keep-all}

/* ===== 섹션 헤더 ===== */
.ev_sec {padding:64px 0 0}
.ev_sec_head {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.ev_sec_tit {font-size:14px;font-weight:700;letter-spacing:.16em;color:#111}
.ev_sec_more {font-size:13px;color:rgba(0,0,0,.45)}

/* ===== 이벤트 카드 ===== */
.ev_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(0,0,0,.1)}
.ev_item {border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.ev_item:nth-child(3n) {border-right:0}
.ev_card_link {display:block;height:100%;color:inherit;text-decoration:none}

/* 아래 수치는 Figma 시안(에르네_가안) 이벤트 카드 기준 */
.ev_card_link {position:relative}
.ev_card_head {display:flex;flex-direction:column;justify-content:space-between;
	min-height:88px;padding:16px 20px;background:#222;color:#fff}
.ev_card_tit {font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.04em;word-break:keep-all}
.ev_card_period {margin-top:8px;font-size:10px;letter-spacing:.01em;color:rgba(255,255,255,.55)}

/* 이미지가 좌우 끝까지 꽉 차야 한다. img 가 inline 이면 여백이 생겨 배경(검정)이 비쳤다 */
.ev_card_thumb {position:relative;overflow:hidden;background:#f2f0ed;aspect-ratio:1.56}
.ev_card_thumb img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;
	vertical-align:top;transition:transform .7s ease-out}
.ev_card_link:hover .ev_card_thumb img {transform:scale(1.05)}
.ev_card_noimg {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f2f0ed}
.ev_card_noimg img {width:auto;height:40px;object-fit:contain;opacity:.25}
/* 시안의 from-black/60 → transparent → to-black/5 (아래에서 위로) */
.ev_card_thumb::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;
	background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 55%,rgba(0,0,0,.05))}

.ev_card_copy {position:absolute;left:20px;right:20px;bottom:16px;z-index:2;
	color:#fff;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.055em;word-break:keep-all}

/* 우상단 DETAIL 배지 — 호버 시 등장 */
.ev_card_detail {position:absolute;top:16px;right:16px;z-index:3;padding:6px 12px;background:#ff6a00;
	color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;
	opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.ev_card_link:hover .ev_card_detail {opacity:1;transform:translateY(0)}

/* 호버 시 안쪽에서 커지는 오렌지 테두리 */
.ev_card_ol {position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;
	border:2px solid #ff6a00;opacity:0;transform:scale(.96);
	transition:opacity .5s ease-out,transform .5s ease-out}
.ev_card_link:hover .ev_card_ol {opacity:1;transform:scale(1)}

.ev_card_end {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;background:rgba(0,0,0,.55);color:#fff;font-size:15px;letter-spacing:.04em}
.ev_item.is_closed .ev_card_head {background:#767676}

.ev_empty {padding:80px 0;text-align:center;font-size:15px;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.1)}
.ev_admin_btn {margin-top:24px;text-align:right}
.ev_btn_line {display:inline-block;padding:10px 22px;border:1px solid #111;font-size:14px;color:#111;text-decoration:none}
.ev_btn_line:hover {background:#111;color:#fff}

/* ===== 시술 가격 ===== */
.pr {padding:120px 0 140px}
.pr_head {text-align:center}
.pr_label {font-size:13px;font-weight:700;letter-spacing:.18em;color:#ff6a00}
.pr_tit {margin-top:14px;font-size:56px;font-weight:400;line-height:1.15;letter-spacing:-.02em}

.pr_tabs {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:10px;margin-top:36px}
.pr_tab {padding:0 12px;font-size:16px;font-weight:500;letter-spacing:-.04em;color:rgba(0,0,0,.75);transition:color .2s}
.pr_tab:hover {color:#ff6a00}
.pr_tab.on {font-weight:700;color:#ff6a00}
.pr_tab_bar {user-select:none;font-size:14px;color:rgba(0,0,0,.25)}

.pr_body {display:flex;align-items:flex-start;gap:60px;margin-top:56px}
.pr_list_wrap {flex:1 1 auto;min-width:0;border-top:1px solid #111}
.pr_list {margin:0;padding:0;list-style:none}

.pr_row {display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:34px 0;border-bottom:1px solid rgba(0,0,0,.12)}
/* 카테고리 탭은 걸러낼 행에 hidden 속성을 붙인다. 그런데 바로 위 display:flex 가
   브라우저 기본 [hidden]{display:none} 보다 세서, 숨겨야 할 행이 그대로 보였다.
   = 탭을 눌러도 분류가 안 되는 것처럼 보이던 원인. (261007) */
.pr_row[hidden] {display:none}
.pr_row_main {flex:1 1 auto;min-width:0}
.pr_badge {display:inline-block;padding:5px 10px;background:#ff6a00;color:#fff;font-size:11px;font-weight:700;letter-spacing:-.02em}
.pr_name {margin-top:12px;font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.03em;word-break:keep-all}
.pr_summary {margin-top:8px;font-size:13px;line-height:1.5;color:rgba(0,0,0,.5);word-break:keep-all}
.pr_price {margin-top:16px;font-size:24px;font-weight:700;letter-spacing:-.02em}

.pr_row_act {display:flex;align-items:center;gap:12px;flex:0 0 auto}
.pr_more {display:inline-flex;align-items:center;gap:6px;font-size:14px;color:rgba(0,0,0,.6)}
.pr_more svg {transition:transform .25s}
.pr_more.on svg {transform:rotate(180deg)}
.pr_add {min-width:118px;padding:12px 22px;border:1px solid #ff6a00;color:#ff6a00;font-size:14px;font-weight:500;transition:.2s}
.pr_add:hover {background:#ff6a00;color:#fff}
.pr_add.on {background:#ff6a00;color:#fff}
.pr_add.on:hover {background:#111;border-color:#111}

.pr_detail {flex:0 0 100%;margin-top:20px;padding:24px;background:#faf8f6;font-size:14px;line-height:1.5;color:rgba(0,0,0,.7);word-break:keep-all}
.pr_detail img {max-width:100%;height:auto}
.pr_none {padding:70px 0;text-align:center;font-size:15px;color:rgba(0,0,0,.45)}

/* 담은 시술 */
.pr_cart {position:sticky;top:120px;flex:0 0 300px;width:300px}
.pr_cart_box {min-height:230px;padding:24px;background:#f4f2f0}
.pr_cart_tit {font-size:15px;font-weight:700;letter-spacing:-.02em}
.pr_cart_list {margin:18px 0 0;padding:0;list-style:none}
.pr_cart_item {display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px dashed rgba(0,0,0,.15);font-size:13px;line-height:1.5}
.pr_cart_name {flex:1 1 auto;min-width:0;word-break:keep-all}
.pr_cart_price {flex:0 0 auto;color:rgba(0,0,0,.6)}
.pr_cart_del {flex:0 0 auto;width:18px;height:18px;line-height:1;color:rgba(0,0,0,.4);font-size:16px}
.pr_cart_del:hover {color:#ff6a00}
.pr_cart_empty {margin-top:18px;font-size:13px;line-height:1.45;color:rgba(0,0,0,.4)}

.pr_cart_sum {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 0;border-bottom:1px solid rgba(0,0,0,.15)}
.pr_cart_sum_label {font-size:13px;color:rgba(0,0,0,.6)}
.pr_cart_sum_price {font-size:18px;font-weight:700}
.pr_cart_btn {display:block;width:100%;margin-top:22px;padding:18px 0;background:#ff6a00;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em;transition:.2s}
.pr_cart_btn:hover {background:#e35f00}
.pr_cart_hint {margin-top:10px;font-size:13px;color:#ff6a00;text-align:center}

/* ===== 이벤트 상세 ===== */
.evv {max-width:1100px;margin:0 auto;padding:110px 0 140px}
.evv_head {padding-bottom:32px;border-bottom:1px solid #111}
.evv_state {display:inline-block;padding:6px 12px;background:#767676;color:#fff;font-size:12px;font-weight:700;letter-spacing:-.02em}
.evv_state.is_on {background:#ff6a00}
.evv_tit {margin-top:18px;font-size:40px;font-weight:700;line-height:1.25;letter-spacing:-.04em;word-break:keep-all}
.evv_copy {margin-top:14px;font-size:17px;line-height:1.5;color:rgba(0,0,0,.6);word-break:keep-all}
.evv_meta {display:flex;align-items:center;gap:14px;margin-top:26px;font-size:14px}
.evv_meta dt {color:rgba(0,0,0,.45)}
.evv_meta dd {font-weight:500;letter-spacing:.01em}

.evv_body {padding:48px 0;font-size:16px;line-height:1.5;color:rgba(0,0,0,.8);word-break:keep-all}
.evv_body img {max-width:100%;height:auto}

.evv_file {padding:24px;background:#faf8f6}
.evv_file h3 {font-size:14px;font-weight:700}
.evv_file ul {margin:12px 0 0;padding:0;list-style:none}
.evv_file li {padding:6px 0;font-size:14px}
.evv_file a {color:#111;text-decoration:none}
.evv_file a:hover strong {text-decoration:underline}
.evv_file span {color:rgba(0,0,0,.45)}

.evv_btns {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:48px}
.evv_nb {margin:48px 0 0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.12)}
.evv_nb li {display:flex;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid rgba(0,0,0,.12);font-size:15px}
.evv_nb_tit {flex:0 0 64px;color:rgba(0,0,0,.45);font-size:13px}
.evv_nb a {color:#111;text-decoration:none;word-break:keep-all}
.evv_nb a:hover {color:#ff6a00}

/* ===== 반응형 ===== */
@media (max-width:1279px){
	.ev_intro_tit {font-size:72px}
	.pr_tit {font-size:44px}
	.pr_body {gap:40px}
	.pr_cart {flex:0 0 260px;width:260px}
}

@media (max-width:1023px){
	.ev_intro {padding:80px 0 48px}
	.ev_intro_tit {font-size:56px}
	.ev_grid {grid-template-columns:repeat(2,1fr)}
	.ev_item:nth-child(3n) {border-right:1px solid rgba(0,0,0,.1)}
	.ev_item:nth-child(2n) {border-right:0}

	.pr {padding:90px 0 100px}
	.pr_body {display:block}
	.pr_cart {position:static;width:100%;margin-top:40px}

	.evv {padding:70px 0 90px}
	.evv_tit {font-size:30px}
}

@media (max-width:767px){
	.ev_inner {padding:0 16px}
	.ev_intro {padding:56px 0 36px}
	.ev_intro_tit {font-size:40px}
	.ev_intro_desc {margin-top:22px;font-size:14px}
	.ev_sec {padding:44px 0 0}
	.ev_sec_more {display:none}
	.ev_grid {grid-template-columns:1fr}
	.ev_item {border-right:0 !important}
	.ev_card_head {min-height:0;padding:14px 18px}
	.ev_card_copy {left:18px;right:18px;bottom:14px;font-size:18px}

	.pr {padding:64px 0 80px}
	.pr_tit {font-size:32px}
	.pr_tab {padding:8px 8px;font-size:14px}
	.pr_body {margin-top:32px}
	.pr_row {padding:26px 0}
	.pr_row_act {width:100%;justify-content:space-between}
	.pr_name {font-size:19px}
	.pr_price {font-size:21px}

	.evv {padding:52px 0 72px}
	.evv_tit {font-size:24px}
	.evv_copy {font-size:15px}
	.evv_body {padding:32px 0;font-size:15px}
}


/* ==========================================================
   카테고리 배너 (탭 아래)                            (260904)
   원본이 785x600 이라 큰 화면에서는 확대된다. 더 큰 원본이 생기면
   같은 파일명으로 덮어쓰기만 하면 된다.
   ========================================================== */
.pr_visual {position:relative;aspect-ratio:2.25;margin-top:40px;overflow:hidden;background:#161616}
.pr_visual_img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;
	opacity:0;transition:opacity .7s ease}
.pr_visual_img.on {opacity:1}

@media (max-width:767px){
	/* 카테고리 배너 원본이 785x600(1.308) 이라 1.6 상자에서는 위아래가 18% 잘려
	   배너 하단 문구("세포의 재생력을 깨우는…")가 사라졌다.
	   모바일에서는 상자를 원본 비율에 맞춰 잘리는 곳 없이 다 보이게 한다. (261006)
	   ※ '전체' 배너만 1800x800 이라 좌우가 잘린다 — 가운데 로고는 그대로 남는다. */
	.pr_visual {aspect-ratio:785 / 600;margin-top:28px}
}


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

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

/* ===== 묶음 ===== */
.evw_box {margin:0;padding:0;border:0;min-width:0}
.evw_box + .evw_box {margin-top:56px}
.evw_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}
.evw_box_desc {margin-top:14px;font-size:13px;line-height:1.45;color:rgba(0,0,0,.5);word-break:keep-all}
.evw_box_desc strong {color:#111;font-weight:700}

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

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

/* ===== 입력 ===== */
.evw .evw_input,
.evw .evw_select,
.evw .evw_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;
}
.evw .evw_textarea {height:auto;padding:14px;line-height:1.45;resize:vertical}
.evw .evw_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}
.evw .evw_input::placeholder,
.evw .evw_textarea::placeholder {color:rgba(0,0,0,.28)}
.evw .evw_input:focus,
.evw .evw_select:focus,
.evw .evw_textarea:focus {outline:none;border-color:#ff6a00;box-shadow:0 0 0 2px rgba(255,106,0,.12)}

.evw_dates {display:flex;align-items:center;gap:10px}
.evw .evw_input_date {width:180px;flex:0 1 180px}
.evw_tilde {flex:0 0 auto;color:rgba(0,0,0,.35)}

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

/* 임시저장 버튼 */
.evw .evw_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}
.evw .evw_btn_mini:hover {border-color:#111;color:#111}

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

/* ===== 사진 ===== */
.evw_files {display:grid;grid-template-columns:1fr;gap:20px;margin-top:22px;max-width:520px}
.evw_file {min-width:0}
.evw_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}
.evw_drop:hover {border-color:#ff6a00;background:#fff}
.evw_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}
.evw_file_tag_a {background:#ff6a00}
.evw_drop_ico {color:rgba(0,0,0,.3)}
.evw_drop_txt {font-size:13px;line-height:1.45;color:rgba(0,0,0,.5)}
.evw_drop_txt em {font-style:normal;color:rgba(0,0,0,.35)}
.evw_prev {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}
.evw_file.on .evw_drop {border-style:solid;border-color:#111}
.evw_file.on .evw_drop_ico,
.evw_file.on .evw_drop_txt {display:none}

.evw .evw_file_input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.evw_file .evw_input {margin-top:10px}
.evw_file_del {display:block;margin-top:8px;font-size:12.5px;color:rgba(0,0,0,.5)}

/* ===== 에디터 ===== */
.evw_editor {margin:0}
.evw_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}
.evw_editor textarea:focus {outline:none;border-color:#ff6a00;box-shadow:0 0 0 2px rgba(255,106,0,.12)}
.evw_editor #char_count_desc {margin-bottom:10px;font-size:12.5px;color:rgba(0,0,0,.45)}
.evw_editor #char_count_wrap {margin-top:8px;font-size:12.5px;color:rgba(0,0,0,.45);text-align:right}

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

/* ===== 버튼 ===== */
.evw_btns {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:52px}
.evw .evw_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}
.evw .evw_btn_line {border:1px solid #111;background:#fff;color:#111}
.evw .evw_btn_line:hover {background:#111;color:#fff}
.evw .evw_btn_fill {border:1px solid #111;background:#111;color:#fff}
.evw .evw_btn_fill:hover {background:#ff6a00;border-color:#ff6a00;color:#fff}
.evw .evw_btn_fill:disabled {background:rgba(0,0,0,.3);border-color:transparent;cursor:default}

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

@media (max-width:767px){
	.evw {padding:52px 0 72px}
	.evw_tit {font-size:26px}
	.evw_desc {font-size:13px}
	.evw_row {flex-direction:column;gap:8px;padding:16px 0}
	.evw_lb {flex:none;padding-top:0;font-size:13px}
	.evw_field {width:100%}
	.evw .evw_input,
	.evw .evw_select {height:48px;font-size:14px}
	.evw_half {grid-template-columns:1fr}
	.evw_files {grid-template-columns:1fr;gap:14px}
	.evw .evw_input_date {flex:1 1 0;width:100%;min-width:0}   /* size=10 의 고유폭 때문에 넘치므로 균등 분할 */
	.evw_btns {margin-top:36px}
	.evw .evw_btn {flex:1 1 auto;min-width:0;height:52px;font-size:14px}
	.evw_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%}
}