@charset "utf-8";

/* list */
.andblog_board .abo_cate_tabs{
	display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;
	margin:8px 0 20px;padding:0 0 14px;border-bottom:1px solid #e8e8e8;
}
.andblog_board .abo_cate_tab{
	display:inline-block;padding:6px 2px;font-size:15px;font-weight:500;color:#888;
	text-decoration:none;letter-spacing:-.02em;border-bottom:2px solid transparent;line-height:1.3;
}
.andblog_board .abo_cate_tab:hover{color:#333}
.andblog_board .abo_cate_tab.is_on{color:#2a3f8f;font-weight:700;border-bottom-color:#2a3f8f}
.andblog_board .abo_cate_manage_btn{
	margin-left:auto;height:32px;padding:0 12px;border:1px solid #ddd;border-radius:8px;
	background:#fff;color:#333;font-size:13px;font-weight:600;cursor:pointer;
}
.andblog_board .abo_cate_manage_btn:hover{border-color:#2a3f8f;color:#2a3f8f}
.andblog_board .abo_cate_modal{
	position:fixed;inset:0;z-index:10060;background:rgba(0,0,0,.45);
	display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;
}
.andblog_board .abo_cate_modal_inner{
	width:100%;max-width:420px;background:#fff;border-radius:12px;padding:22px 20px;box-sizing:border-box;
	box-shadow:0 12px 40px rgba(0,0,0,.2);
}
.andblog_board .abo_cate_modal_inner h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#222}
.andblog_board .abo_cate_help{margin:0 0 14px;font-size:12px;line-height:1.45;color:#888}
.andblog_board .abo_cate_manage_list{list-style:none;margin:0 0 14px;padding:0;max-height:280px;overflow:auto}
.andblog_board .abo_cate_manage_item{
	display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid #f0f0f0;
}
.andblog_board .abo_cate_name{flex:1;min-width:0;font-size:14px;font-weight:600;color:#222}
.andblog_board .abo_cate_priv{flex:0 0 auto;font-size:13px;color:#555;cursor:pointer;white-space:nowrap}
.andblog_board .abo_cate_del{
	flex:0 0 auto;height:28px;padding:0 10px;border:1px solid #e0b4b4;border-radius:6px;
	background:#fff;color:#c0392b;font-size:12px;cursor:pointer;
}
.andblog_board .abo_cate_add_row{display:flex;gap:8px;margin:0 0 16px}
.andblog_board .abo_cate_new_input{
	flex:1;height:40px;padding:0 12px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;
}
.andblog_board .abo_cate_modal_actions{display:flex;justify-content:flex-end;gap:8px}
.andblog_board .abo_cate_modal_actions .abo_btn,
.andblog_board .abo_cate_add_row .abo_btn{
	height:40px;padding:0 16px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;
}
.andblog_board .abo_cate_modal_actions .abo_btn.primary{background:#2a3f8f;border-color:#2a3f8f;color:#fff}
.andblog_board .abo_gall{display:flex;flex-wrap:wrap;gap:28px 20px;list-style:none;margin:0;padding:10px 0 0;justify-content:flex-start}
.andblog_board .abo_gall .gall_li{width:calc(33.333% - 14px);box-sizing:border-box}
.andblog_board .abo_card{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}
.andblog_board .abo_card_link{
	position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;
	display:block;overflow:hidden;
	/* text-indent 사용 금지: 클릭 영역이 화면 밖으로 커져 상단 버튼을 가로챔 */
	font-size:0;line-height:0;color:transparent;
	background:transparent;text-decoration:none;
}
.andblog_board .abo_card:hover .bo_tit{color:#2a3f8f}
.andblog_board .abo_card:hover .abo_card_view{background:#1f3170}
.andblog_board .abo_allchk{
	position:relative;z-index:6;
	display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0 8px;flex-wrap:wrap;
}
.andblog_board .abo_btn_move{
	position:relative;z-index:7;
	display:inline-flex;align-items:center;justify-content:center;
	min-width:96px;height:40px;padding:0 16px;box-sizing:border-box;
	border:1px solid #2a3f8f;border-radius:10px;background:#fff;color:#2a3f8f;
	font-size:14px;font-weight:700;letter-spacing:-.02em;cursor:pointer;
	pointer-events:auto;
}
/* 비포·에프터 썸네일: 상단 Before/After + 좌우 분할 (카드 크기 유지) */
.andblog_board .gall_img{position:relative;aspect-ratio:2/1;overflow:hidden;background:#f2f2f2;border:1px solid #e5e5e5;box-sizing:border-box;z-index:1}
.andblog_board .abo_thumb_ba{display:flex;width:100%;height:100%;text-decoration:none;color:inherit}
.andblog_board .abo_thumb_side{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden;background:#fff}
.andblog_board .abo_thumb_side.before{border-right:1px solid #e5e5e5}
.andblog_board .abo_thumb_head{flex:0 0 auto;display:block;padding:7px 10px;background:#f3f3f3;color:#333;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.02em}
.andblog_board .abo_thumb_body{position:relative;flex:1;min-height:0;overflow:hidden;background:#ececec}
.andblog_board .abo_thumb_body img{width:100%;height:100%;object-fit:cover;display:block;object-position:center center}
/* 잠금: 사진 흐릿한 블러 + 로그인 안내 (Before/After 동일) */
.andblog_board .abo_thumb_side.is_locked .abo_thumb_body img{filter:blur(14px) brightness(1.05) saturate(.7);transform:scale(1.12);transform-origin:center center}
.andblog_board .abo_thumb_lock{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(245,245,245,.55);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 8px,rgba(0,0,0,.03) 8px,rgba(0,0,0,.03) 16px)}
.andblog_board .abo_thumb_lock_msg{display:block;text-align:center;color:#222;font-size:13px;font-weight:600;line-height:1.45;letter-spacing:-.02em}
.andblog_board .abo_card_body{flex:1;display:flex;flex-direction:column;margin-top:14px;min-width:0}
.andblog_board .abo_card_date{margin:0 0 8px;font-size:13px;color:#999;letter-spacing:.02em}
.andblog_board .abo_card_body .bo_tit{
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
	margin:0 0 8px;font-size:17px;line-height:1.4;color:#222;font-weight:700;letter-spacing:-.02em;text-decoration:none;
}
.andblog_board .abo_card_body .bo_tit:hover{color:#2a3f8f}
.andblog_board .abo_card_excerpt{
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
	margin:0 0 14px;font-size:13px;line-height:1.55;color:#888;min-height:2.8em;
}
.andblog_board .abo_list_badge{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;padding:4px 8px;z-index:3}
.andblog_board .abo_list_lock{margin:0 0 10px;font-size:12px;color:#998c85}
.andblog_board .abo_card_foot{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	margin-top:auto;padding-top:4px;
}
.andblog_board .abo_card_meta{
	display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;
}
.andblog_board .abo_card_author{
	display:inline-flex;align-items:center;gap:6px;min-width:0;
	font-size:13px;color:#555;font-weight:500;letter-spacing:-.02em;
}
.andblog_board .abo_card_author .fa{color:#999;font-size:14px}
.andblog_board .abo_card_hit{
	display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;
	font-size:12px;color:#888;font-weight:500;letter-spacing:-.02em;white-space:nowrap;
}
.andblog_board .abo_card_hit .fa{color:#aaa;font-size:13px}
.andblog_board .abo_card_view{
	display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
	min-width:64px;height:28px;padding:0 12px;box-sizing:border-box;
	background:#2a3f8f;color:#fff !important;font-size:12px;font-weight:700;
	letter-spacing:.04em;text-decoration:none;border-radius:2px;pointer-events:none;
}
.andblog_board .abo_card_view:hover{background:#1f3170;color:#fff !important}
.andblog_board .abo_search{
	display:flex;align-items:center;gap:0;
	background:#fff;border:1px solid #d8dde8;border-radius:6px;
	overflow:hidden;box-sizing:border-box;
}
.andblog_board .abo_search_input{
	flex:1;min-width:0;height:40px;border:0;outline:0;background:transparent;
	padding:0 14px;font-size:14px;color:#333;letter-spacing:-.02em;
}
.andblog_board .abo_search_input::placeholder{color:#a0a7b5}
.andblog_board .abo_search_btn{
	flex:0 0 44px;width:44px;height:40px;border:0;background:transparent;color:#8a93a6;
	cursor:pointer;font-size:16px;line-height:1;
}
.andblog_board .abo_search_btn:hover{color:#2a3f8f}
.andblog_board .abo_search_m{display:none;width:100%;margin:12px 0 4px}
.andblog_board .abo_search_pc{width:260px;max-width:100%}
.andblog_board #bo_btn_top{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	flex-wrap:wrap;margin:8px 0 4px;
}
.andblog_board #bo_list_total{flex:1 1 auto;min-width:0;font-size:14px;color:#666}
@media (max-width:640px){
	.andblog_board .abo_search_m{display:flex}
	.andblog_board .abo_search_pc{display:none}
	.andblog_board #bo_btn_top{margin-top:6px}
}
@media (min-width:641px){
	.andblog_board .abo_search_m{display:none !important}
	.andblog_board .abo_search_pc{display:flex}
}
.andblog_board .abo_sort_only{justify-content:flex-start;gap:12px}
.andblog_board .abo_drag_hint{
	margin:0 auto 0 0;flex:1;min-width:160px;font-size:13px;line-height:1.45;
	color:#4a5568;letter-spacing:-.02em;font-weight:500;
}
.andblog_board .abo_drag_hint_mute{color:#888;font-weight:400}
.andblog_board .abo_drag_hint a{color:#2a3f8f;font-weight:600;text-decoration:underline}
.andblog_board .abo_btn_move:hover{background:#eef1f8}
.andblog_board .abo_btn_move.is-on{
	background:#2a3f8f;border-color:#2a3f8f;color:#fff;
	box-shadow:0 2px 10px rgba(42,63,143,.28);
}
.andblog_board .abo_gall_sortable.is-move-mode .abo_sortable_item{
	cursor:grab;touch-action:none;
	outline:1px dashed transparent;outline-offset:3px;
	transition:outline-color .15s ease, box-shadow .15s ease;
}
.andblog_board .abo_gall_sortable.is-move-mode .abo_card_link{
	pointer-events:none;
}
.andblog_board .abo_gall_sortable.is-move-mode .abo_sortable_item:hover{
	outline-color:rgba(42,63,143,.4);
	box-shadow:0 6px 18px rgba(20,30,60,.08);
}
.andblog_board .abo_gall_sortable.is-move-mode .abo_sortable_item:active{cursor:grabbing}
.andblog_board .abo-s-ghost{
	opacity:.35 !important;
	outline:1px dashed rgba(42,63,143,.45) !important;
	outline-offset:3px;
	background:rgba(42,63,143,.04) !important;
}
.andblog_board .abo-s-chosen{
	box-shadow:0 8px 22px rgba(20,30,60,.12);
}
.abo-s-drag,
.sortable-fallback.abo-s-drag{
	opacity:.98 !important;
	cursor:grabbing !important;
	z-index:10050 !important;
	pointer-events:none !important;
}
/* 드래그 미리보기: 썸네일만 200x100 */
.sortable-fallback.abo-drag-mini,
.sortable-fallback.abo-s-drag.abo-drag-mini{
	width:200px !important;
	height:100px !important;
	max-width:200px !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden !important;
	border-radius:10px !important;
	background:#fff !important;
	box-shadow:0 12px 28px rgba(20,30,60,.22) !important;
	border:1px solid rgba(42,63,143,.2) !important;
}
.sortable-fallback.abo-drag-mini .abo-drag-mini-inner,
.sortable-fallback.abo-drag-mini .gall_img,
.sortable-fallback.abo-drag-mini .abo_thumb_ba_wrap{
	width:100% !important;
	height:100% !important;
	aspect-ratio:auto !important;
	margin:0 !important;
	border:0 !important;
}
.sortable-fallback.abo-drag-mini .abo_thumb_ba{
	display:flex !important;
	width:100% !important;
	height:100% !important;
}
.sortable-fallback.abo-drag-mini .abo_thumb_side{
	flex:1 !important;
	min-width:0 !important;
	height:100% !important;
}
.sortable-fallback.abo-drag-mini .abo_thumb_head{display:none !important}
.sortable-fallback.abo-drag-mini .abo_thumb_body{
	flex:1 !important;
	height:100% !important;
	min-height:0 !important;
}
.sortable-fallback.abo-drag-mini .abo_thumb_body img{
	width:100% !important;
	height:100% !important;
	object-fit:cover !important;
}
.sortable-fallback.abo-drag-mini .abo_list_badge,
.sortable-fallback.abo-drag-mini .abo_list_chk,
.sortable-fallback.abo-drag-mini .abo_card_body{display:none !important}
body.abo-sorting{cursor:grabbing !important;user-select:none;-webkit-user-select:none}
body.abo-sorting #gall_ul a{pointer-events:none}
body.abo-sort-busy{cursor:wait !important}
.andblog_board .abo_pager_wrap{
	margin:28px 0 8px;text-align:center;
}
.andblog_board .abo_pager_wrap.is-droppable .pg_wrap,
.andblog_board .abo_pager_wrap.is-droppable .pg{
	display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;
	padding:10px 12px;border-radius:12px;background:#f7f8fb;border:1px solid #e8ebf2;
	transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.abo-move-mode .andblog_board .abo_pager_wrap.is-droppable .pg_wrap,
body.abo-move-mode .andblog_board .abo_pager_wrap.is-droppable .pg{
	background:#fff;border-color:#c5cee0;
}
body.abo-sorting .andblog_board .abo_pager_wrap.is-droppable .pg_wrap,
body.abo-sorting .andblog_board .abo_pager_wrap.is-droppable .pg{
	background:#fff;border-color:#2a3f8f;box-shadow:0 0 0 3px rgba(42,63,143,.1);
}
.andblog_board .abo_pager_wrap a{
	transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
}
.andblog_board .abo_pager_wrap a.abo-page-hot{
	transform:translateY(-2px) scale(1.08);
	background:#2a3f8f !important;color:#fff !important;
	box-shadow:0 6px 16px rgba(42,63,143,.28);
	border-radius:8px;
}
.andblog_board .abo_pager_tip{
	margin:10px 0 0;font-size:12px;color:#8a93a6;letter-spacing:-.02em;
}
.abo_sort_toast{
	position:fixed;left:50%;bottom:28px;z-index:10060;
	transform:translate(-50%,12px);opacity:0;pointer-events:none;
	padding:12px 18px;border-radius:10px;background:#1f2937;color:#fff;
	font-size:13px;font-weight:600;letter-spacing:-.02em;
	box-shadow:0 10px 28px rgba(0,0,0,.2);
	transition:opacity .2s ease,transform .2s ease;
}
.abo_sort_toast.is-on{opacity:1;transform:translate(-50%,0)}
.abo_sort_toast.is-err{background:#b91c1c}
.andblog_board .abo_allchk_label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#444;cursor:pointer}
.andblog_board .gall_li{position:relative}
/* 선택 체크: 썸네일(Before/After)과 겹치지 않도록 이미지 위 별도 영역 */
.andblog_board .abo_list_chk{
	position:relative;z-index:4;display:inline-flex;align-items:center;gap:6px;
	margin:0 0 8px;padding:0;line-height:1;
}
.andblog_board .abo_list_chk .selec_chk{width:18px;height:18px;margin:0;cursor:pointer;vertical-align:middle}
.andblog_board .abo_list_chk label{cursor:pointer;font-size:13px;color:#555;user-select:none}
.andblog_board .abo_btn_del{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:78px;height:40px;padding:0 18px;box-sizing:border-box;
	border-radius:10px;font-size:14px;font-weight:600;letter-spacing:-.02em;
	color:#fff !important;background:#c0392b;border:1px solid #c0392b;cursor:pointer;
	box-shadow:0 2px 8px rgba(192,57,43,.25);
}
.andblog_board .abo_btn_del:hover{background:#a93226;border-color:#a93226}
.andblog_board .bo_fx{display:flex;justify-content:flex-end;align-items:center;margin:24px 0 10px}
.andblog_board .bo_fx .btn_bo_user{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;float:none}
.andblog_board .bo_fx .btn_bo_user li{float:none;margin:0}
.andblog_board .bo_fx .btn,
.andblog_board #bo_btn_top .btn_bo_user .btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:78px;height:40px;padding:0 18px;box-sizing:border-box;
	border-radius:10px;font-size:14px;font-weight:600;letter-spacing:-.02em;
	line-height:1;text-decoration:none;vertical-align:middle;
	transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.andblog_board .bo_fx .btn_b02{
	color:#fff !important;background:#2a3f8f;border:1px solid #2a3f8f;
	box-shadow:0 2px 8px rgba(42,63,143,.28);
}
.andblog_board .bo_fx .btn_b02:hover{
	background:#1f3170;border-color:#1f3170;color:#fff !important;
	box-shadow:0 4px 14px rgba(42,63,143,.35);
}
.andblog_board #bo_btn_top .btn_bo_user{display:inline-flex;gap:8px;align-items:center}
.andblog_board #bo_btn_top .btn_bo_user .btn{min-width:40px;padding:0 12px}
.andblog_board #bo_btn_top .btn_b01{
	color:#555 !important;background:#fff;border:1px solid #ddd;
	box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04);
}
.andblog_board #bo_btn_top .btn_b01:hover{color:#222 !important;background:#fafafa;border-color:#cfcfcf}
.andblog_board #bo_btn_top .btn_admin{
	color:#555 !important;background:#fff;border:1px solid #ddd;border-radius:10px;
	box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04);
}
@media (max-width:900px){.andblog_board .abo_gall .gall_li{width:calc(50% - 10px)}}
@media (max-width:640px){.andblog_board .abo_gall .gall_li{width:100%}}

/* write — 상단 메타(툴바: 비공개+임시저장 / 1행 제목 / 2행 해시·카테·작성)
   좌우폭: 하단 에디터+퀵메뉴(.abo_write_layout)와 동일 */
.andblog_write .abo_meta_stack{
	display:flex;flex-direction:column;gap:14px;
	width:100%;max-width:970px;
	margin:0 auto 22px;box-sizing:border-box;
}
.andblog_write .abo_card{
	margin:0;padding:22px 22px 18px;box-sizing:border-box;
	border:1px solid #e8e8e8;border-radius:14px;background:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,.03),0 8px 24px rgba(0,0,0,.04);
}
.andblog_write .abo_meta_toolbar{
	display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;
	margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #f0f0f0;
}
.andblog_write .abo_meta_toolbar .abo_private_chk{
	height:36px;padding:0 12px;font-size:13px;
}
.andblog_write .abo_autosave_wrap{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}
.andblog_write .abo_autosave_btn{
	display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;box-sizing:border-box;
	border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:13px;font-weight:600;
	cursor:pointer;letter-spacing:-.02em;
}
.andblog_write .abo_autosave_btn:hover{border-color:#2a3f8f;color:#2a3f8f;background:#f5f7fc}
.andblog_write #abo_btn_autosave_now{background:#2a3f8f;border-color:#2a3f8f;color:#fff}
.andblog_write #abo_btn_autosave_now:hover{background:#1f3170;border-color:#1f3170;color:#fff}
.andblog_write .abo_autosave_msg{font-size:12px;color:#2a3f8f;min-height:1em}
.andblog_write #autosave_pop{
	display:none;z-index:200;position:absolute !important;top:42px;right:0;
	width:500px !important;min-width:500px !important;max-width:500px !important;
	height:auto !important;max-height:260px;
	border:1px solid #565656;background:#fff;box-sizing:border-box;
}
.andblog_write #autosave_pop strong{position:absolute;font-size:0;line-height:0;overflow:hidden}
.andblog_write #autosave_pop div{text-align:center;margin:0 !important}
.andblog_write #autosave_pop button{margin:0;padding:0;border:0}
.andblog_write #autosave_pop ul{
	padding:12px 14px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:auto;height:160px;
	border-bottom:1px solid #e8e8e8;margin:0;box-sizing:border-box;width:100%;
}
.andblog_write #autosave_pop li{
	padding:10px 8px;border-bottom:1px solid #fff;background:#eee;width:100%;min-width:0;
	display:flex !important;flex-direction:column;align-items:stretch;gap:4px;box-sizing:border-box;
	zoom:normal;
}
.andblog_write #autosave_pop li:after{display:none !important;content:none !important}
.andblog_write #autosave_pop a,
.andblog_write #autosave_pop a.autosave_load{
	display:block !important;float:none !important;clear:both;
	width:100% !important;max-width:100% !important;min-width:0 !important;
	box-sizing:border-box;color:#333;text-decoration:none;
	white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
	line-height:1.35;font-size:13px;
}
.andblog_write #autosave_pop span{
	display:flex !important;float:none !important;clear:both;
	width:100% !important;align-items:center;justify-content:flex-start;gap:8px;
	font-size:12px;font-style:italic;color:#999;line-height:1.3;box-sizing:border-box;
}
.andblog_write .autosave_close{cursor:pointer;width:100%;height:30px;background:#fff !important;color:#888;font-weight:bold;font-size:0.92em;border-top:1px solid #e8e8e8}
.andblog_write .autosave_del{display:inline-block;margin-left:0;padding:0 6px;background:#fff;border:1px solid #bbb;color:#666;font-size:11px;line-height:18px;cursor:pointer;font-style:normal}
.andblog_write .abo_row{display:flex;align-items:flex-end;gap:12px;width:100%;box-sizing:border-box}
.andblog_write .abo_row_title{margin:0 0 16px}
.andblog_write .abo_row_meta{
	display:grid;grid-template-columns:minmax(0,6fr) minmax(0,2fr) minmax(0,2fr);
	gap:12px;margin:0;align-items:start;
}
.andblog_write .abo_title_field{flex:1 1 auto;min-width:0}
.andblog_write .abo_col{min-width:0;box-sizing:border-box}
.andblog_write .abo_col_tag,
.andblog_write .abo_col_cate,
.andblog_write .abo_col_author{max-width:none}
.andblog_write .abo_field_label{
	display:flex;align-items:center;gap:8px;margin:0 0 8px;
	font-size:13px;font-weight:700;color:#333;letter-spacing:-.02em;
}
.andblog_write .abo_req{
	display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;
	background:#f0f3fa;color:#2a3f8f;font-size:11px;font-weight:700;letter-spacing:-.02em;
}
.andblog_write .abo_select,
.andblog_write .abo_input{
	width:100%;max-width:100%;height:46px;padding:0 14px;box-sizing:border-box;
	border:1px solid #e0e0e0;border-radius:10px;font-size:15px;color:#222;background:#fff;
	transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.andblog_write .abo_select:hover,
.andblog_write .abo_input:hover{border-color:#cfcfcf}
.andblog_write .abo_select:focus,
.andblog_write .abo_input:focus{
	outline:0;border-color:#2a3f8f;background:#fff;
	box-shadow:0 0 0 3px rgba(42,63,143,.12);
}
.andblog_write .abo_title_input{font-size:16px;font-weight:600;letter-spacing:-.02em}
.andblog_write .abo_chk{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:14px;color:#333;cursor:pointer}
.andblog_write .abo_private_chk{
	margin:0;flex:0 0 auto;height:46px;padding:0 14px;border-radius:10px;
	border:1px solid #e0e0e0;background:#fafafa;gap:8px;white-space:nowrap;
	font-size:13px;font-weight:600;color:#555;box-sizing:border-box;
	transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.andblog_write .abo_private_chk:hover{border-color:#cfcfcf;background:#f5f5f5}
.andblog_write .abo_private_chk input{margin:0;width:16px;height:16px;accent-color:#2a3f8f}
.andblog_write .abo_private_chk:has(input:checked){
	border-color:#2a3f8f;background:#f0f3fa;color:#2a3f8f;
}
.andblog_write .abo_help{margin:12px 0 0;font-size:12px;line-height:1.5;color:#999}
.andblog_write .abo_lock_row{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.andblog_write .abo_lock_label{display:inline-block;margin:0 6px 0 0;padding:0;border:0;font-size:14px;font-weight:600;color:#333;white-space:nowrap}
.andblog_write .abo_label{font-weight:600;margin-right:6px;font-size:14px;color:#333}
.andblog_write .abo_settings_divider{height:1px;margin:18px 0;background:#e8e8e8;border:0}
.andblog_write .abo_media_bar{display:none}
.andblog_write .abo_hashtag_input{max-width:100%}
.andblog_write .abo_write_btns{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.andblog_write .abo_write_btns .btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:90px;height:42px;padding:0 20px;box-sizing:border-box;
	border-radius:10px;font-size:14px;font-weight:600;letter-spacing:-.02em;
	line-height:1;text-decoration:none;border:1px solid transparent;
	transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.andblog_write .abo_write_btns .btn_cancel{
	color:#555 !important;background:#fff;border-color:#ddd;
	box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04);
}
.andblog_write .abo_write_btns .btn_submit{
	color:#fff !important;background:#2a3f8f;border-color:#2a3f8f;
	box-shadow:0 2px 8px rgba(42,63,143,.28);
}
@media (max-width:900px){
	.andblog_write .abo_row_meta{grid-template-columns:1fr 1fr}
	.andblog_write .abo_col_tag{grid-column:1 / -1}
}
@media (max-width:640px){
	.andblog_write .abo_row_meta{grid-template-columns:1fr}
	.andblog_write .abo_col_tag{grid-column:auto}
}

/* 퀵메뉴 — 본문(에디터) 우측에서 시작, 스크롤 시 따라다님
   (#wrapper overflow:hidden 때문에 sticky 불가 → JS fixed) */
/* 본문·전체(본문+퀵메뉴) 동일 970px */
.andblog_write{box-sizing:border-box;padding-right:0}
.andblog_write .abo_write_layout{
	display:flex;align-items:flex-start;gap:14px;box-sizing:border-box;
	width:100%;max-width:970px;margin:0 auto;
}
.andblog_write .abo_write_main{flex:1 1 auto;min-width:0;max-width:none;overflow-x:hidden}
.andblog_write .abo_editor_wrap,
.andblog_write .wr_content{
	max-width:100%;
	overflow-x:hidden;
	min-width:0;
	box-sizing:border-box;
}
.andblog_write .abo_editor_wrap iframe,
.andblog_write .wr_content iframe{
	max-width:100%;
	box-sizing:border-box;
}
.andblog_write .abo_quick_slot{
	flex:0 0 132px;width:132px;min-height:1px;align-self:stretch;position:relative;
}
.andblog_write .abo_quick_menu{
	position:relative;z-index:30;width:132px;margin:0;pointer-events:auto;
}
.andblog_write .abo_quick_menu.is-fixed{
	position:fixed;z-index:900;
}
.andblog_write .abo_quick_inner{
	padding:12px 10px;border:1px solid #ddd;border-radius:12px;
	background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);
	display:flex;flex-direction:column;gap:8px;box-sizing:border-box;
}
.andblog_write .abo_quick_title{
	margin:0 0 2px;padding:0 0 8px;border-bottom:1px solid #eee;
	font-size:12px;font-weight:700;color:#333;text-align:center;letter-spacing:-.02em;
}
.andblog_write .abo_quick_inner .abo_btn{
	width:100%;margin:0;padding:8px 6px;font-size:12px;box-sizing:border-box;text-align:center;
}
.andblog_write .abo_quick_inner .abo_count{margin:2px 0 0;font-size:11px;color:#666;text-align:center}
.andblog_write .abo_quick_help{margin:4px 0 0;font-size:11px;line-height:1.4;color:#888;text-align:left}
.andblog_write .abo_quick_lock{
	margin-top:6px;padding-top:10px;border-top:1px solid #eee;
	display:flex;flex-direction:column;gap:6px;
}
.andblog_write .abo_quick_lock_title{
	margin:0;font-size:12px;font-weight:700;color:#333;text-align:center;letter-spacing:-.02em;
}
.andblog_write .abo_quick_lock .abo_lock_btn.is_on{
	background:#2a3f8f;border-color:#2a3f8f;color:#fff;
}
.andblog_write .abo_quick_lock.is-disabled{opacity:.45}
.andblog_write .abo_quick_lock_help{margin:0;font-size:11px;line-height:1.35;color:#888;text-align:center}
.andblog_write .abo_quick_before_bulk{
	margin-top:6px;padding-top:10px;border-top:1px solid #eee;
	display:flex;flex-direction:column;gap:6px;
}
.andblog_write .abo_quick_before_bulk .abo_btn.is_on{
	background:#2a3f8f;border-color:#2a3f8f;color:#fff;
}
@media (max-width:900px){
	.andblog_write .abo_write_layout{flex-direction:column;gap:12px}
	.andblog_write .abo_quick_slot{
		order:-1;flex:none;width:100%;
	}
	.andblog_write .abo_quick_menu,
	.andblog_write .abo_quick_menu.is-fixed{
		position:sticky;top:8px;left:auto !important;width:100%;z-index:40;
	}
	.andblog_write .abo_quick_inner{flex-direction:row;flex-wrap:wrap;align-items:center}
	.andblog_write .abo_quick_inner .abo_btn{width:auto;flex:1 1 calc(50% - 8px)}
	.andblog_write .abo_quick_title{width:100%}
	.andblog_write .abo_quick_lock{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}
	.andblog_write .abo_quick_lock_title,
	.andblog_write .abo_quick_lock_help{width:100%}
	.andblog_write .abo_quick_lock .abo_lock_btn{flex:1 1 calc(50% - 8px)}
	.andblog_write .abo_quick_before_bulk{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}
	.andblog_write .abo_quick_before_bulk .abo_btn{flex:1 1 calc(50% - 8px)}
}
.andblog_write .abo_count{display:inline-block;font-size:13px;color:#666}
.andblog_write .abo_editor_wrap{margin-bottom:20px}
.andblog_write .abo_btn,.andblog_write .abo_btn_sm{
	border:1px solid #ccc;background:#fff;padding:8px 14px;cursor:pointer;font-size:14px;color:#333;border-radius:6px;
}
.andblog_write .abo_btn.primary{background:#a59298;border-color:#a59298;color:#fff}
.andblog_write .abo_btn_sm{padding:6px 10px;font-size:13px}
.andblog_write .wr_content{margin-top:8px}
.andblog_write .abo_editor_wrap iframe{min-height:1280px !important}
.abo_modal{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:10050;display:none;align-items:center;justify-content:center}
.abo_modal_inner{width:92%;max-width:420px;background:#fff;padding:24px;box-sizing:border-box;border-radius:4px}
.abo_modal_row{margin:12px 0}
.abo_modal_row label{display:block;margin-bottom:6px;font-size:14px;color:#000}
.abo_modal_actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.abo_modal .abo_btn,.abo_modal .abo_btn_sm{border:1px solid #ccc;background:#fff;padding:8px 14px;cursor:pointer;font-size:14px;color:#000}
.abo_modal .abo_btn.primary{background:#a59298;border-color:#a59298;color:#fff}
.abo_modal .abo_help{margin:10px 0 0;font-size:13px;color:#777}
.abo_youtube_modal_inner{max-width:480px;padding:28px 24px 22px}
.abo_media_modal_inner{max-width:480px}
.abo_yt_tabs{display:flex;gap:0;margin:0 0 14px;border:1px solid #ddd;border-radius:8px;overflow:hidden}
.abo_yt_tab{
	flex:1;margin:0;padding:10px 8px;border:0;background:#f5f5f5;color:#555;
	font-size:13px;font-weight:600;cursor:pointer;letter-spacing:-.02em;
}
.abo_yt_tab + .abo_yt_tab{border-left:1px solid #ddd}
.abo_yt_tab.is_on{background:#2a3f8f;color:#fff}
.abo_yt_pane{margin:0 0 4px}
.abo_youtube_msg{margin:0 0 14px;font-size:14px;line-height:1.55;color:#333;text-align:left}
.abo_youtube_input{width:100%;height:44px;padding:0 12px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;font-size:14px;color:#222}
.abo_youtube_input.abo_video_file{height:auto;padding:10px 12px;line-height:1.4}
.abo_youtube_input:focus{outline:none;border-color:#2a3f8f}

/* view — 본문폭 970px */
.andblog_view{box-sizing:border-box;margin:0 auto;padding:0 20px;max-width:970px}
.andblog_view .abo_view_head{
	margin:0 0 28px;padding:28px 24px 20px;
	border:1px solid #e8e8e8;border-radius:8px;background:#fafafa;
	box-sizing:border-box;overflow:hidden;max-width:100%;
}
.andblog_view .abo_view_title{margin:0;padding:0 0 16px;border-bottom:1px solid #e0e0e0;text-align:center;overflow:hidden;max-width:100%;box-sizing:border-box}
.andblog_view .abo_view_title .bo_v_tit{
	display:block;margin:0 auto;max-width:100%;width:100%;box-sizing:border-box;
	font-size:22px;line-height:1.45;font-weight:700;color:#222;
	letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere;word-wrap:break-word;text-align:center;
}
.andblog_view .abo_view_meta{margin:0;padding:14px 0 0;border:0;text-align:center}
.andblog_view .abo_view_meta_inner{
	display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;
	gap:8px 10px;max-width:100%;
}
.andblog_view .abo_view_meta .if_date{
	display:inline-block;margin:0;font-size:14px;font-weight:500;color:#666;letter-spacing:.02em;
}
.andblog_view .abo_meta_sep{
	display:inline-block;width:1px;height:12px;background:#ccc;vertical-align:middle;
}
.andblog_view .abo_admin_meta{
	display:inline-block;margin:0;padding:3px 10px;border-radius:4px;
	font-size:12px;font-weight:600;color:#6b5f5a;background:#efeae6;line-height:1.4;
}
.andblog_view .abo_admin_meta.private{color:#fff;background:#c0392b}
.andblog_view .abo_view_body{padding:8px 4px 40px;border-top:0;margin-top:0}
.andblog_view .abo_view_text{font-size:12pt;line-height:1.7;color:#000;margin:0 0 24px;padding-top:8px;word-break:break-word;overflow-wrap:anywhere;overflow-x:hidden}
/* Enter로 만든 일반 문단은 붙임 / 빈 문단만 한 줄 간격(작성자가 띄운 줄) */
.andblog_view .abo_view_text p{margin:0;padding:0}
.andblog_view .abo_view_text .abo-naver-paste{line-height:1.7;margin:6px 0;max-width:100%}
.andblog_view .abo_view_text .abo-naver-paste p{margin:0 0 .75em !important;padding:0 !important;line-height:1.7 !important;min-height:0 !important;height:auto !important}
.andblog_view .abo_view_text .abo-naver-paste p:empty,
.andblog_view .abo_view_text .abo-naver-paste p:has(> br:only-child){
	display:block !important;min-height:1.7em !important;height:1.7em !important;margin:0 !important;padding:0 !important;
	line-height:1.7 !important;font-size:inherit !important
}
/* 본문 사진: 풀사이즈(100%) — OG 썸네일 제외 */
.andblog_view .abo_view_text .abo-naver-paste img:not(.abo-naver-oglink__thumb):not([data-abo-oglink="1"]){
	width:100% !important;max-width:100% !important;height:auto !important;display:block;margin:12px 0;float:none !important
}
.andblog_view .abo_view_text .abo-naver-paste .abo-img-row,
.andblog_view .abo_view_text .abo-naver-paste .abo-photo-body{width:100% !important;max-width:100% !important;float:none !important}
.andblog_view .abo_view_text .abo-naver-paste .abo-img-cell:not(.abo-align-center):not(.abo-align-right),
.andblog_view .abo_view_text .abo-naver-paste .abo-photo-frame:not(.abo-align-center):not(.abo-align-right),
.andblog_view .abo_view_text .abo-naver-paste .abo-normal-frame:not(.abo-align-center):not(.abo-align-right){
	width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;float:none !important
}
.andblog_view .abo_view_text .abo-naver-paste .abo-img-cell.abo-align-center,
.andblog_view .abo_view_text .abo-naver-paste .abo-photo-frame.abo-align-center,
.andblog_view .abo_view_text .abo-naver-paste .abo-normal-frame.abo-align-center{
	width:100% !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;float:none !important
}
.andblog_view .abo_view_text .abo-naver-paste .abo-img-cell.abo-align-right,
.andblog_view .abo_view_text .abo-naver-paste .abo-photo-frame.abo-align-right,
.andblog_view .abo_view_text .abo-naver-paste .abo-normal-frame.abo-align-right{
	width:100% !important;max-width:100% !important;margin-left:auto !important;margin-right:0 !important;float:none !important
}
.andblog_view .abo_view_text .abo-img-row:has(> .abo-img-cell:only-child){display:block !important;width:100% !important;max-width:100%}
.andblog_view .abo_view_text .abo-img-row:has(> .abo-img-cell:only-child) > .abo-img-cell:not([data-width]),
.andblog_view .abo_view_text .abo-img-row:has(> .abo-img-cell:only-child) > .abo-img-cell[data-width]{
	display:block !important;width:100% !important;max-width:100% !important;flex:none !important;box-sizing:border-box
}
.andblog_view .abo_view_text .abo-normal-frame:not([data-width]),
.andblog_view .abo_view_text .abo-normal-frame:not([data-width]) .abo-photo-body,
.andblog_view .abo_view_text .abo-normal-frame[data-width],
.andblog_view .abo_view_text .abo-normal-frame[data-width] .abo-photo-body{
	display:block !important;width:100% !important;max-width:100% !important;position:relative;box-sizing:border-box
}
.andblog_view .abo_view_text .abo-normal-frame[data-width] .abo-photo-body img,
.andblog_view .abo_view_text .abo-normal-frame[data-width] img[data-img-type],
.andblog_view .abo_view_text .abo-img-cell[data-width] .abo-photo-body img,
.andblog_view .abo_view_text .abo-img-cell[data-width] img[data-img-type]{
	width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;display:block
}
.andblog_view .abo_view_text .abo-naver-paste .abo-photo-frame,
.andblog_view .abo_view_text .abo-naver-paste .abo-normal-frame{border:0 !important;margin:12px 0;width:100% !important}
.andblog_view .abo_view_text .abo-naver-paste .abo-photo-body img:not(.abo-naver-oglink__thumb):not([data-abo-oglink="1"]),
.andblog_view .abo_view_text .abo-naver-paste .abo-normal-frame:not([data-width]) .abo-photo-body img:not(.abo-naver-oglink__thumb):not([data-abo-oglink="1"]){
	width:100% !important;max-width:100% !important;height:auto !important;margin:0 !important;display:block
}
.andblog_view .abo_view_text .abo-naver-paste a:not(.abo-naver-oglink__a){color:#0068c3;text-decoration:underline;word-break:break-all}
.andblog_view .abo_view_text a.abo-clinic-cta{display:block;width:100%;max-width:100%;text-decoration:none !important;color:inherit}
.andblog_view .abo_view_text a.abo-clinic-cta img{margin:12px 0;width:100% !important;max-width:100% !important;height:auto !important;display:block}
.andblog_view .abo_view_text .abo-text-left{text-align:left !important}
.andblog_view .abo_view_text .abo-text-center{text-align:center !important}
.andblog_view .abo_view_text .abo-text-right{text-align:right !important}
.andblog_view .abo_view_text .abo-text-justify{text-align:justify !important}
.andblog_view .abo_view_text .abo-naver-paste iframe{max-width:100%;margin:12px 0;border:0}
/* 바로가기 카드: 에디터와 동일 · paste img / photo-body width:100% 에 덮이지 않게 !important */
.andblog_view .abo_view_text .abo-naver-oglink,
.andblog_view .abo_view_text .abo-naver-paste .abo-naver-oglink{
	position:relative;margin:16px 0;border:1px solid #d8d8d8;border-radius:10px;overflow:hidden;background:#fff;
	max-width:420px !important;width:auto !important;box-shadow:0 1px 3px rgba(0,0,0,.06);box-sizing:border-box;clear:both
}
.andblog_view .abo_view_text .abo-naver-oglink__a,
.andblog_view .abo_view_text .abo-naver-paste .abo-naver-oglink a{
	display:block;color:inherit !important;text-decoration:none !important;word-break:normal
}
.andblog_view .abo_view_text .abo-naver-oglink__badge{position:absolute;z-index:2;top:10px;left:10px;display:inline-block;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:600;letter-spacing:-.02em;line-height:1.2;pointer-events:none}
.andblog_view .abo_view_text .abo-naver-oglink__media{position:relative;width:100%;max-height:200px;overflow:hidden;background:#f3f3f3;line-height:0}
.andblog_view .abo_view_text .abo-naver-oglink img,
.andblog_view .abo_view_text .abo-naver-oglink__thumb,
.andblog_view .abo_view_text .abo-naver-paste .abo-naver-oglink img,
.andblog_view .abo_view_text .abo-naver-oglink img.abo-naver-oglink__thumb,
.andblog_view .abo_view_text img[data-abo-oglink="1"]{
	width:100% !important;max-width:100% !important;height:200px !important;object-fit:cover !important;
	margin:0 !important;display:block !important;float:none !important
}
.andblog_view .abo_view_text .abo-naver-oglink__body{padding:12px 14px 14px;border-top:1px solid #eee;background:#fff}
.andblog_view .abo_view_text .abo-naver-oglink__title{font-size:14px;font-weight:700;line-height:1.45;color:#111;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.andblog_view .abo_view_text .abo-naver-oglink__desc{font-size:12px;line-height:1.5;color:#666;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.andblog_view .abo_view_text .abo-naver-oglink__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.andblog_view .abo_view_text .abo-naver-oglink__url{font-size:12px;color:#03c75a;margin:0}
.andblog_view .abo_view_text .abo-naver-oglink__more{font-size:12px;color:#888;white-space:nowrap}
.andblog_view .abo_view_text .abo-paste-embed{margin:8px 0;max-width:100%}
.andblog_view .abo_view_text p:empty,
.andblog_view .abo_view_text p:has(> br:only-child):not(.desc):not(.abo_cover_desc):not(.link):not(.abo_cover_link){min-height:1.7em;height:1.7em}
.andblog_view .abo_view_text .abo_login_cover p.desc,
.andblog_view .abo_view_text .abo_login_cover p.abo_cover_desc,
.andblog_view .abo_view_text .abo_login_cover .desc,
.andblog_view .abo_view_text .abo_login_cover .abo_cover_desc{
	height:auto !important;min-height:0 !important;margin:0 0 16px !important;line-height:1.55;
}
.andblog_view .abo_view_text .abo_login_cover p.link,
.andblog_view .abo_view_text .abo_login_cover p.abo_cover_link,
.andblog_view .abo_view_text .abo_login_cover .link,
.andblog_view .abo_view_text .abo_login_cover .abo_cover_link{
	height:auto !important;min-height:0 !important;margin:0 !important;
}
.andblog_view .abo_view_text img{max-width:100%;height:auto}
.andblog_view .abo_view_text .abo-youtube{
	margin-top:0 !important;margin-bottom:0 !important;padding:0 !important;
	max-width:100%;display:block;box-sizing:border-box
}
.andblog_view .abo_view_text .abo-youtube.abo-align-left{margin-left:0 !important;margin-right:auto !important}
.andblog_view .abo_view_text .abo-youtube.abo-align-center{margin-left:auto !important;margin-right:auto !important}
.andblog_view .abo_view_text .abo-youtube.abo-align-right{margin-left:auto !important;margin-right:0 !important}
.andblog_view .abo_view_text .abo-ba-row,
.andblog_view .abo_view_text .abo-img-row{margin:0 !important;padding:0 !important}
.andblog_view .abo_view_text .abo-youtube-inner{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;margin:0}
.andblog_view .abo_view_text .abo-youtube-inner iframe,
.andblog_view .abo_view_text .abo-youtube-inner video{
	position:absolute;left:0;top:0;width:100%;height:100%;border:0;margin:0;padding:0;background:#000;object-fit:contain
}
.andblog_view .abo_view_text .abo-ba-row{margin:0}
.andblog_view .abo_view_text .abo-ba-label{display:none !important} /* 구형 상단 라벨 숨김 */
.andblog_view .abo_view_text .abo-photo-frame{position:relative;overflow:hidden;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box;line-height:0;font-size:0;display:block;max-width:100%}
.andblog_view .abo_view_text .abo-align-left{margin-left:0;margin-right:auto}
.andblog_view .abo_view_text .abo-align-center{margin-left:auto;margin-right:auto}
.andblog_view .abo_view_text .abo-align-right{margin-left:auto;margin-right:0}
.andblog_view .abo_view_text .abo-ba-photos{display:flex;gap:0;align-items:flex-end;margin:0;padding:0;line-height:0;font-size:0;background:#fff}
.andblog_view .abo_view_text .abo-ba-cell{flex:1;min-width:0;display:block;margin:0;padding:0;line-height:0;font-size:0;background:#fff}
.andblog_view .abo_view_text .abo-ba-cell + .abo-ba-cell{border-left:1px solid #d0d0d0}
.andblog_view .abo_view_text .abo-photo-body{position:relative;margin:0;padding:0;line-height:0;font-size:0;background:#fff}
.andblog_view .abo_view_text .abo-photo-foot{
	position:relative;left:auto;right:auto;bottom:auto;z-index:2;
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:10px 14px;margin:0;border:0;box-sizing:border-box;background:#464646;color:#fff;
	line-height:1.2;font-size:13px;
}
.andblog_view .abo_view_text .abo-photo-foot.abo-foot-logo-only{justify-content:center}
.andblog_view .abo_view_text .abo-foot-label{font-size:13px;font-weight:600;letter-spacing:.02em;flex:0 0 auto}
.andblog_view .abo_view_text .abo-foot-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:transparent}
.andblog_view .abo_view_text .abo-ba-foot .abo-foot-logo{flex:1 1 auto}
.andblog_view .abo_view_text .abo-single-frame .abo-foot-logo{flex:0 0 auto}
.andblog_view .abo_view_text .abo-foot-logo img{height:27px;width:auto;max-width:220px;display:block;background:transparent;mix-blend-mode:screen}
.andblog_view .abo_view_text .abo-img-row{display:flex;gap:8px;margin:0;align-items:stretch}
.andblog_view .abo_view_text .abo-img-cell{flex:1;min-width:0;display:flex;flex-direction:column}
.andblog_view .abo_view_text .abo-img-cell .abo-photo-frame{width:100%;height:auto}
.andblog_view .abo_view_text .abo-normal-frame{border:0;background:transparent;overflow:visible}
.andblog_view .abo_view_text .abo-normal-frame .abo-photo-foot{display:none !important}
/* Before/After 단독 푸터 숨김 (합본 abo-ba-foot 유지) */
.andblog_view .abo_view_text .abo-single-frame > .abo-photo-foot:not(.abo-ba-foot),
.andblog_view .abo_view_text .abo-single-row .abo-photo-foot:not(.abo-ba-foot){display:none !important}
.andblog_view .abo_view_image{margin:0}
.andblog_view .abo-ba-cell .abo_view_image,
.andblog_view .abo-img-cell .abo_view_image{margin:0}
.andblog_view .abo_img_wrap{position:relative;background:#fff;min-height:0;overflow:hidden}
.andblog_view .abo-ba-cell .abo_img_wrap,
.andblog_view .abo-img-cell .abo_img_wrap,
.andblog_view .abo-photo-body .abo_img_wrap{flex:1 1 auto;min-height:0;width:100%}
.andblog_view .abo-ba-cell .abo_img_wrap.is_locked,
.andblog_view .abo-img-cell .abo_img_wrap.is_locked,
.andblog_view .abo-photo-body .abo_img_wrap.is_locked{flex:1 1 auto;align-self:stretch;min-height:0;height:auto}
.andblog_view .abo_img_wrap.is_locked > img.abo_lock_size{
	display:block;width:100%;height:auto;visibility:hidden;pointer-events:none;
}
.andblog_view .abo_img_wrap img:not(.abo-naver-oglink__thumb):not([data-abo-oglink="1"]),
.andblog_view .abo-ba-cell img,
.andblog_view .abo-photo-body img:not(.abo-naver-oglink__thumb):not([data-abo-oglink="1"]){
	display:block;width:100%;height:auto;margin:0;padding:0;border:0
}
@media (max-width:640px){
/* 모바일 전용: 빨간박스(화면 거의 전체)까지 사용 · BA 가로 2열 · PC 규칙은 변경 없음 */
.andblog_view{
	width:100vw !important;
	max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	padding:0 10px !important;
	box-sizing:border-box !important;
}
.andblog_view .abo_view_head{
	margin:0 0 14px;padding:14px 10px 10px;
}
.andblog_view .abo_view_title .bo_v_tit{font-size:17px;line-height:1.4}
.andblog_view .abo_view_body{padding:4px 0 24px}
.andblog_view .abo_view_text{margin:0 0 14px;padding-top:2px}
.andblog_view .abo_view_text .abo-ba-row,
.andblog_view .abo_view_text .abo-ba-row > .abo-photo-frame,
.andblog_view .abo_view_text .abo-photo-frame,
.andblog_view .abo_view_text .abo-youtube{
	width:100% !important;
	max-width:100% !important;
	margin-left:0 !important;
	margin-right:0 !important;
	box-sizing:border-box !important;
}
.andblog_view .abo_view_text .abo-ba-photos{
	display:flex !important;
	flex-direction:row !important;
	flex-wrap:nowrap !important;
	width:100% !important;
	align-items:stretch;
}
.andblog_view .abo_view_text .abo-ba-cell{
	flex:1 1 50% !important;
	width:50% !important;
	max-width:50% !important;
	min-width:0 !important;
	display:flex !important;
	flex-direction:column !important;
	align-self:stretch !important;
}
/* 단독 비포/에프터(칸 1개)는 모바일에서 전체 폭 */
.andblog_view .abo_view_text .abo-ba-photos > .abo-ba-cell:only-child,
.andblog_view .abo_view_text .abo-single-row .abo-ba-cell,
.andblog_view .abo_view_text .abo-single-frame .abo-ba-cell{
	flex:1 1 100% !important;
	width:100% !important;
	max-width:100% !important;
}
.andblog_view .abo_view_text .abo-ba-cell + .abo-ba-cell{
	border-left:1px solid #d0d0d0 !important;
	border-top:0 !important;
}
.andblog_view .abo_view_text .abo-ba-cell .abo-photo-frame,
.andblog_view .abo_view_text .abo-ba-cell .abo-photo-body,
.andblog_view .abo_view_text .abo-ba-cell .abo_img_wrap{
	width:100% !important;
	max-width:100% !important;
	flex:1 1 auto !important;
	align-self:stretch !important;
	box-sizing:border-box !important;
}
.andblog_view .abo_view_text .abo-ba-cell .abo_img_wrap.is_locked,
.andblog_view .abo_view_text .abo-ba-cell .abo_img_wrap.is_locked .abo_login_cover{
	min-height:100% !important;
}
.andblog_view .abo_view_text .abo-img-row{flex-direction:column;flex-wrap:nowrap;width:100% !important}
.andblog_view .abo_view_text .abo-img-cell{
	flex:1 1 auto !important;width:100% !important;max-width:100% !important;
	margin-left:0 !important;margin-right:0 !important;
}
.andblog_view .abo_view_text .abo-photo-frame,
.andblog_view .abo_view_text .abo-youtube{
	margin-top:0 !important;
	margin-bottom:0 !important;
}
/* 인라인 width%/정렬 여백 무시 → 모바일에서 전체 폭 사용 (네이버형) */
.andblog_view .abo_view_text .abo-photo-frame[style],
.andblog_view .abo_view_text .abo-youtube[style],
.andblog_view .abo_view_text .abo-ba-row[style],
.andblog_view .abo_view_text .abo-img-cell[style]{
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
	max-height:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	margin-top:0 !important;
}
.andblog_view .abo_view_text .abo-align-left,
.andblog_view .abo_view_text .abo-align-center,
.andblog_view .abo_view_text .abo-align-right{
	margin-left:0 !important;
	margin-right:0 !important;
	width:100% !important;
	max-width:100% !important;
}
.andblog_view .abo_view_text .abo-foot-logo img{height:16px;max-width:110px}
.andblog_view .abo_view_text .abo-photo-foot{padding:5px 6px;font-size:10px;gap:4px}
.andblog_view .abo_view_text .abo-foot-label{font-size:10px}
.andblog_view .abo_login_cover{padding:6px}
.andblog_view .abo_login_cover .desc,
.andblog_view .abo_login_cover .abo_cover_desc{
	margin:0 0 12px !important;font-size:11px;line-height:1.4;
	height:auto !important;min-height:0 !important;
}
.andblog_view .abo_login_cover .link,
.andblog_view .abo_login_cover .abo_cover_link{
	padding:5px 10px;font-size:10px;height:auto !important;min-height:0 !important;margin:0 !important;
}
}
/* 잠금화면: 검정 배경 + 흰색 안내 (테마 .desc 색상 충돌 방지) */
.andblog_view .abo_img_wrap.is_locked{background:#111;min-height:120px}
.andblog_view .abo_login_cover{
	position:absolute;inset:0;width:100%;height:100%;
	background:#111 !important;display:flex !important;align-items:center;justify-content:center;
	z-index:20;box-sizing:border-box;padding:16px;pointer-events:auto;
}
.andblog_view .abo_img_wrap.is_locked .abo_login_cover{background:#111 !important}
.andblog_view .abo_login_cover a,
.andblog_view .abo_login_cover a:link,
.andblog_view .abo_login_cover a:visited,
.andblog_view .abo_login_cover a:hover{
	color:#fff !important;text-align:center;text-decoration:none !important;
	display:block;width:100%;max-width:280px;opacity:1 !important;
}
.andblog_view .abo_login_cover p,
.andblog_view .abo_login_cover .desc,
.andblog_view .abo_login_cover .abo_cover_desc,
.andblog_view .abo_login_cover .link,
.andblog_view .abo_login_cover .abo_cover_link{
	color:#fff !important;opacity:1 !important;visibility:visible !important;
}
.andblog_view .abo_login_cover .desc,
.andblog_view .abo_login_cover .abo_cover_desc{
	margin:0 0 16px !important;font-size:15px;line-height:1.55;font-weight:400;letter-spacing:-.02em;
	height:auto !important;min-height:0 !important;
}
.andblog_view .abo_login_cover .link,
.andblog_view .abo_login_cover .abo_cover_link{
	display:inline-block;border:1px solid #fff !important;padding:10px 22px;font-size:13px;letter-spacing:.04em;
	background:transparent !important;height:auto !important;min-height:0 !important;margin:0 !important;
}
.andblog_view .abo_view_btns{margin:0 0 40px;padding:0;clear:both;text-align:right}
.andblog_view .abo_view_btn_list{display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;list-style:none;margin:0;padding:0}
.andblog_view .abo_view_btn_list li{float:none;margin:0;padding:0}
.andblog_view .abo_view_btn_list .btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:78px;height:40px;padding:0 18px;box-sizing:border-box;
	border-radius:10px;font-size:14px;font-weight:600;letter-spacing:-.02em;
	line-height:1;text-decoration:none;vertical-align:middle;
	transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.andblog_view .abo_view_btn_list .btn_b01{
	color:#555 !important;background:#fff;border:1px solid #ddd;
	box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04);
}
.andblog_view .abo_view_btn_list .btn_b01:hover{
	color:#222 !important;background:#fafafa;border-color:#cfcfcf;
	box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.andblog_view .abo_view_btn_list .btn_b02{
	color:#fff !important;background:#2a3f8f;border:1px solid #2a3f8f;
	box-shadow:0 2px 8px rgba(42,63,143,.28);
}
.andblog_view .abo_view_btn_list .btn_b02:hover{
	background:#1f3170;border-color:#1f3170;color:#fff !important;
	box-shadow:0 4px 14px rgba(42,63,143,.35);
}

/* 해시태그 */
.andblog_view .abo_hashtags{
	display:flex;flex-wrap:wrap;gap:8px 10px;margin:28px 0 8px;padding:0;list-style:none;
}
.andblog_view .abo_hashtags li{margin:0;padding:0}
.andblog_view .abo_hashtags a,
.andblog_view .abo_hashtags span{
	display:inline-block;padding:7px 14px;border-radius:999px;
	background:#efefef;color:#555;font-size:13px;line-height:1.3;letter-spacing:-.02em;
	text-decoration:none;
}

/* 사진 비율 — 인라인 width(data-width) + 구형 % 클래스 호환 */
.andblog_view .abo-photo-frame[data-width],
.andblog_view .abo-img-cell[data-width],
.andblog_view .abo-youtube[data-width]{max-width:100%;box-sizing:border-box}
.andblog_view .abo_view_text .abo-photo-frame[data-height] img[data-img-type],
.andblog_view .abo_view_text .abo-img-cell[data-height] img[data-img-type]{
	object-fit:fill;
}
.andblog_view .abo_view_text .abo-youtube[data-height] .abo-youtube-inner{
	padding-bottom:0 !important;
}
.andblog_view .abo-img-cell[data-width]{flex:0 0 auto}
.andblog_view .abo-photo-frame.abo-scale-25,
.andblog_view .abo-img-cell.abo-scale-25{width:25%;max-width:25%}
.andblog_view .abo-photo-frame.abo-scale-50,
.andblog_view .abo-img-cell.abo-scale-50{width:50%;max-width:50%}
.andblog_view .abo-photo-frame.abo-scale-75,
.andblog_view .abo-img-cell.abo-scale-75{width:75%;max-width:75%}
.andblog_view .abo-photo-frame.abo-scale-100,
.andblog_view .abo-img-cell.abo-scale-100{width:100%;max-width:100%}

/* 모바일 최종 덮어쓰기: PC % 스케일·인라인 width 무시 (PC 규칙은 위 그대로) */
@media (max-width:640px){
.andblog_write{
	width:100vw !important;
	max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	padding:0 10px !important;
	box-sizing:border-box !important;
}
.andblog_write .abo_card{padding:14px 10px 12px}
.andblog_write .abo_editor_wrap,
.andblog_write .wr_content,
.andblog_write .abo_editor_wrap iframe,
.andblog_write .wr_content iframe{
	width:100% !important;
	max-width:100% !important;
	box-sizing:border-box !important;
}
.andblog_view .abo_view_text{
	word-break:break-word;
	overflow-wrap:anywhere;
}
.andblog_view .abo-photo-frame.abo-scale-25,
.andblog_view .abo-img-cell.abo-scale-25,
.andblog_view .abo-photo-frame.abo-scale-50,
.andblog_view .abo-img-cell.abo-scale-50,
.andblog_view .abo-photo-frame.abo-scale-75,
.andblog_view .abo-img-cell.abo-scale-75,
.andblog_view .abo-photo-frame.abo-scale-100,
.andblog_view .abo-img-cell.abo-scale-100,
.andblog_view .abo-photo-frame[data-width],
.andblog_view .abo-img-cell[data-width],
.andblog_view .abo-youtube[data-width]{
	width:100% !important;
	max-width:100% !important;
	flex:1 1 auto !important;
}
/* PC에서 조절한 고정 높이 해제 → 모바일 비율 자동 */
.andblog_view .abo_view_text .abo-photo-frame[data-height],
.andblog_view .abo_view_text .abo-img-cell[data-height],
.andblog_view .abo_view_text .abo-youtube[data-height],
.andblog_view .abo_view_text .abo-photo-frame[data-height] .abo-photo-body,
.andblog_view .abo_view_text .abo-photo-frame[data-height] .abo-ba-photos,
.andblog_view .abo_view_text .abo-photo-frame[data-height] .abo-ba-cell,
.andblog_view .abo_view_text .abo-youtube[data-height] .abo-youtube-inner{
	height:auto !important;
	max-height:none !important;
	min-height:0 !important;
}
.andblog_view .abo_view_text .abo-photo-frame[data-height] img[data-img-type],
.andblog_view .abo_view_text .abo-img-cell[data-height] img[data-img-type],
.andblog_view .abo_view_text .abo-ba-cell img[data-height]{
	width:100% !important;
	height:auto !important;
	max-height:none !important;
	object-fit:contain !important;
}
.andblog_view .abo_view_text .abo-youtube[data-height] .abo-youtube-inner{
	padding-bottom:56.25% !important;
	position:relative !important;
}
.andblog_view .abo_view_text .abo-youtube[data-height] .abo-youtube-inner iframe{
	position:absolute !important;inset:0 !important;
	width:100% !important;height:100% !important;
}
}
