@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_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{height:100%;display:flex;flex-direction:column}
/* 비포·에프터 썸네일: 상단 Before/After + 좌우 분할 (카드 크기 유지) */
.andblog_board .gall_img{position:relative;aspect-ratio:2/1;overflow:hidden;background:#f2f2f2;border:1px solid #e5e5e5;box-sizing:border-box}
.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_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_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;
}
.andblog_board .abo_card_view:hover{background:#1f3170;color:#fff !important}
.andblog_board .abo_allchk{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0 8px}
.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:static;display:inline-flex;align-items:center;gap:6px;
	margin:0 0 8px;padding:0;z-index:auto;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 */
.andblog_write .abo_field_row{margin:0 0 14px}
.andblog_write .abo_field_row_2{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start}
.andblog_write .abo_field_row_2 .abo_field_col{flex:1 1 220px;min-width:0;max-width:420px}
.andblog_write .abo_field_label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:#333}
.andblog_write .abo_select,
.andblog_write .abo_input{
	width:100%;max-width:100%;height:42px;padding:0 12px;box-sizing:border-box;
	border:1px solid #ccc;border-radius:6px;font-size:14px;color:#222;background:#fff;
}
.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);
}
.andblog_write .abo_settings{
	border:1px solid #e5e5e5;background:#fafafa;padding:22px 20px;margin-bottom:20px;border-radius:8px;box-sizing:border-box;
}
.andblog_write .abo_settings h3{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #e8e8e8;font-size:16px;font-weight:700;color:#222}
.andblog_write .abo_settings_divider{height:1px;margin:18px 0;background:#e8e8e8;border:0}
.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_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_help{margin:8px 0 0;font-size:13px;line-height:1.45;color:#777}
.andblog_write .abo_field_row{margin:0 0 12px}
.andblog_write .abo_settings .abo_help + .abo_settings_divider{margin-top:16px}
.andblog_write .abo_settings .abo_settings_divider + .abo_field_row{margin-top:0}
.andblog_write .abo_media_bar{margin:16px 0 12px;padding:16px 20px;border:1px solid #e5e5e5;background:#fafafa;border-radius:8px;box-sizing:border-box}
.andblog_write .abo_media_bar .abo_btn{margin-right:8px;margin-bottom:8px}
.andblog_write .abo_count{display:inline-block;margin-left:8px;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:1340px !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:440px;padding:28px 24px 22px}
.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:focus{outline:none;border-color:#2a3f8f}

/* view — 제목 / 메타 / 본문 구역 구분 */
.andblog_view{box-sizing:border-box;margin:0 auto;padding:0 20px}
.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;
}
.andblog_view .abo_view_title{margin:0;padding:0 0 16px;border-bottom:1px solid #e0e0e0;text-align:center}
.andblog_view .abo_view_title .bo_v_tit{
	display:block;margin:0 auto;max-width:920px;
	font-size:22px;line-height:1.45;font-weight:700;color:#222;
	letter-spacing:-.02em;word-break:keep-all;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.6;color:#000;margin:0 0 24px;padding-top:8px}
/* 인라인 폰트 크기/색은 붙여넣기·작성 스타일 그대로 표시 */
.andblog_view .abo_view_text p{margin:0 0 1em}
.andblog_view .abo_view_text img{max-width:100%;height:auto}
.andblog_view .abo_view_text .abo-youtube{margin:20px 0;max-width:100%}
.andblog_view .abo_view_text .abo-youtube-inner{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}
.andblog_view .abo_view_text .abo-youtube-inner iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.andblog_view .abo_view_text .abo-ba-row{display:flex;gap:10px;margin:0 0 28px;align-items:stretch}
.andblog_view .abo_view_text .abo-ba-cell{flex:1;min-width:0;display:flex;flex-direction:column}
.andblog_view .abo_view_text .abo-ba-label{padding:10px 14px;color:#fff;font-size:13px;font-weight:600}
.andblog_view .abo_view_text .abo-ba-label.before{background:#c0392b}
.andblog_view .abo_view_text .abo-ba-label.after{background:#2980b9}
.andblog_view .abo_view_text .abo-img-row{display:flex;gap:8px;margin:0 0 28px;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_image{margin:0 0 28px}
.andblog_view .abo-ba-cell .abo_view_image,
.andblog_view .abo-img-cell .abo_view_image{margin:0}
.andblog_view .abo_img_bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#fff;font-size:13px}
.andblog_view .abo_img_bar.before{background:#c0392b}
.andblog_view .abo_img_bar.after{background:#2980b9}
.andblog_view .abo_img_bar .brand{opacity:.95}
.andblog_view .abo_img_wrap{position:relative;background:#1a1a1a;min-height:120px;overflow:hidden}
.andblog_view .abo-ba-cell .abo_img_wrap,
.andblog_view .abo-img-cell .abo_img_wrap{flex:1 1 auto;min-height:280px;width:100%}
.andblog_view .abo-ba-cell .abo_img_wrap.is_locked,
.andblog_view .abo-img-cell .abo_img_wrap.is_locked{flex:1 1 auto;align-self:stretch;min-height:280px;height:100%}
.andblog_view .abo_img_wrap img{display:block;width:100%;height:auto}
@media (max-width:640px){
.andblog_view .abo_view_text .abo-ba-row{flex-direction:column}
.andblog_view .abo_view_text .abo-img-row{flex-wrap:wrap}
.andblog_view .abo_view_text .abo-img-cell{flex:1 1 calc(50% - 4px)}
.andblog_view .abo-ba-cell .abo_img_wrap.is_locked{min-height:320px}
}
/* 잠금화면: 칸 전체 채움 (사이즈 축소 없음) */
.andblog_view .abo_login_cover{position:absolute;inset:0;width:100%;height:100%;min-height:100%;background:#111;display:flex;align-items:center;justify-content:center;z-index:2;box-sizing:border-box}
.andblog_view .abo_login_cover.is_full{position:absolute;inset:0;min-height:100%}
.andblog_view .abo_img_wrap.is_locked .abo_login_cover{background:#111}
.andblog_view .abo_login_cover a{color:#fff;text-align:center;text-decoration:none}
.andblog_view .abo_login_cover .desc{margin:0 0 12px;font-size:15px;line-height:1.5}
.andblog_view .abo_login_cover .link{display:inline-block;border:1px solid #fff;padding:8px 18px;font-size:13px}
.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);
}