/* DF 게시판 · 온 에디터 (0.11.0) — 흰 바탕, 얇은 선, 직각, 도구 묶음 사이 세로선, 온 아이콘 */
.dfb .dfb-on{position:relative;border:1px solid var(--dfb-line-strong,#222);border-radius:var(--dfb-radius);background:#fff}
.dfb .dfb-on:focus-within{border-color:var(--dfb-primary);box-shadow:0 0 0 3px rgba(var(--dfb-primary-rgb),.12)}
.dfb .dfb-on.is-drop{border-color:var(--dfb-primary);border-style:dashed}
.dfb .dfb-on .wp-editor-wrap{border:0;background:#fff}
.dfb .dfb-on .wp-editor-container,.dfb .dfb-on .mce-tinymce,.dfb .dfb-on .mce-panel{border:0!important;box-shadow:none!important;background:#fff!important}
.dfb .dfb-on .mce-top-part{position:relative;background:#fff;border-radius:var(--dfb-radius) var(--dfb-radius) 0 0}
.dfb .dfb-on .mce-top-part:before{display:none!important}
.dfb .dfb-on .mce-toolbar-grp{background:#fff!important;border:0!important;border-bottom:1px solid var(--dfb-line,#e5e5e5)!important;padding:5px 6px!important;border-radius:var(--dfb-radius) var(--dfb-radius) 0 0}
.dfb .dfb-on .mce-toolbar .mce-container-body{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;white-space:normal}
.dfb .dfb-on .mce-toolbar .mce-btn-group{display:inline-flex;align-items:center;padding:0 3px!important;margin:0!important;border:0!important}
.dfb .dfb-on .mce-toolbar .mce-btn-group+.mce-btn-group{border-left:1px solid var(--dfb-line,#e5e5e5)!important}
.dfb .dfb-on .mce-toolbar .mce-btn-group>div{display:inline-flex;align-items:center}
.dfb .dfb-on .mce-toolbar .mce-btn{margin:0 1px!important;background:transparent!important;border:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;float:none!important}
.dfb .dfb-on .mce-toolbar .mce-btn button{padding:5px!important;line-height:20px!important;height:30px;min-width:30px;display:inline-flex;align-items:center;justify-content:center}
.dfb .dfb-on .mce-toolbar .mce-btn:hover,.dfb .dfb-on .mce-toolbar .mce-btn:focus-within{background:#f2f2f2!important}
.dfb .dfb-on .mce-toolbar .mce-btn.mce-active,.dfb .dfb-on .mce-toolbar .mce-btn.mce-active:hover{background:rgba(var(--dfb-primary-rgb),.1)!important}
.dfb .dfb-on .mce-toolbar .mce-btn.mce-disabled .mce-ico{opacity:.3}
/* 온 아이콘 — 선 아이콘을 글자색으로 칠함 */
.dfb .dfb-on .mce-toolbar .mce-ico{width:20px!important;height:20px!important;font-size:0!important;line-height:20px!important;background-color:#333!important;background-image:none!important;-webkit-mask:var(--dfbi) center/20px 20px no-repeat;mask:var(--dfbi) center/20px 20px no-repeat}
.dfb .dfb-on .mce-toolbar .mce-ico:before{content:none!important;display:none!important}
.dfb .dfb-on .mce-toolbar .mce-btn.mce-active .mce-ico{background-color:var(--dfb-primary)!important}
.dfb .dfb-on .mce-toolbar .mce-btn.mce-dfb-on-media{background:rgba(var(--dfb-primary-rgb),.07)!important}
/* 글자색·형광펜 — 아래 색 막대 + 펼침 화살표 */
.dfb .dfb-on .mce-toolbar .mce-colorbutton button{position:relative;padding-right:3px!important;min-width:0}
.dfb .dfb-on .mce-toolbar .mce-colorbutton .mce-preview{left:7px!important;right:auto!important;bottom:5px!important;width:18px!important;height:3px!important;margin:0!important;border-radius:0!important}
.dfb .dfb-on .mce-toolbar .mce-colorbutton .mce-open{padding:5px 3px!important;border:0!important;width:auto}
.dfb .dfb-on .mce-toolbar .mce-colorbutton .mce-caret,.dfb .dfb-on .mce-toolbar .mce-listbox .mce-caret{border-top-color:#888!important}
/* 문단 형식 선택 */
.dfb .dfb-on .mce-toolbar .mce-listbox{border:1px solid var(--dfb-line,#e5e5e5)!important;background:#fff!important;margin-right:2px!important}
.dfb .dfb-on .mce-toolbar .mce-listbox button{padding:4px 24px 4px 10px!important;min-width:86px;justify-content:flex-start}
.dfb .dfb-on .mce-toolbar .mce-listbox .mce-txt{font-size:13px!important;color:#222!important}
/* 입력 칸 */
.dfb .dfb-on .mce-edit-area{border:0!important}
.dfb .dfb-on .mce-edit-area iframe{min-height:340px}
.dfb .dfb-on .mce-statusbar,.dfb .dfb-on .wp-editor-tabs,.dfb .dfb-on .mce-wp-dfw,.dfb .dfb-on .wp-editor-tools{display:none!important}
.dfb .dfb-on textarea.wp-editor-area{border:0;min-height:340px;padding:14px}
/* 아래 줄 — 안내 · 글자 수 · 올리는 중 */
.dfb .dfb-on-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:7px 12px;border-top:1px solid var(--dfb-line,#e5e5e5);font-size:12.5px;color:var(--dfb-sub,#777);background:#fff;border-radius:0 0 var(--dfb-radius) var(--dfb-radius)}
.dfb .dfb-on-foot b{color:#333;font-weight:600}
.dfb .dfb-on-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.dfb .dfb-on-up{display:none;color:var(--dfb-primary);font-weight:600;margin-right:10px}
.dfb .dfb-on.is-up .dfb-on-up{display:inline}
.dfb .dfb-on-drop{display:none;position:absolute;inset:44px 1px 36px;z-index:5;align-items:center;justify-content:center;background:rgba(255,255,255,.86);color:var(--dfb-primary);font-size:14px;font-weight:600;pointer-events:none}
.dfb .dfb-on.is-drop .dfb-on-drop{display:flex}
@media (max-width:640px){
	.dfb .dfb-on .mce-toolbar .mce-btn button{min-width:30px;height:30px;padding:4px!important}
	.dfb .dfb-on .mce-toolbar .mce-colorbutton button{min-width:0}
	.dfb .dfb-on .mce-toolbar .mce-listbox button{min-width:72px;padding:4px 22px 4px 8px!important}
	.dfb .dfb-on .mce-toolbar .mce-btn-group{padding:0 2px!important}
	.dfb .dfb-on-tip{display:none}
	.dfb .dfb-on-foot{justify-content:flex-end}
}
/* 회원·비회원 화면에서는 사진 말풍선의 "편집"(워드프레스 미디어 창) 버튼 숨김 */
body.dfb-on-guest .mce-inline-toolbar-grp .mce-btn:has(.dashicons-edit){display:none!important}
/* 글 보기 화면 — 에디터로 쓴 사진·인용·구분선 */
.dfb .dfb-content img{max-width:100%;height:auto}
.dfb .dfb-content blockquote{margin:1em 0;padding:4px 0 4px 16px;border-left:3px solid var(--dfb-primary);color:var(--dfb-sub,#555)}
.dfb .dfb-content hr{border:0;border-top:1px solid var(--dfb-line,#e5e5e5);margin:1.6em 0}
/* 온 아이콘 모음 */
.dfb-on .mce-i-bold{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7H7z M7 12h7a3.5 3.5 0 0 1 0 7H7z'/%3E%3C/svg%3E")}
.dfb-on .mce-i-italic{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5h8 M6 19h8 M14 5l-4 14'/%3E%3C/svg%3E")}
.dfb-on .mce-i-underline{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v7a5 5 0 0 0 10 0V4 M5 20h14'/%3E%3C/svg%3E")}
.dfb-on .mce-i-strikethrough{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16 M16.5 7C15.8 5.4 14.2 4.5 12 4.5c-2.6 0-4.3 1.4-4.3 3.2 0 1.6 1.1 2.6 3.3 3.2 M7.5 16.5c.7 1.9 2.4 3 4.6 3 2.7 0 4.4-1.4 4.4-3.3 0-.8-.3-1.5-.8-2'/%3E%3C/svg%3E")}
.dfb-on .mce-i-forecolor{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 16L12 4l5.5 12 M8.4 12h7.2'/%3E%3C/svg%3E")}
.dfb-on .mce-i-backcolor{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4.5l5 5L12 17H7v-5z M7 17l-3 3 M11 8l5 5'/%3E%3C/svg%3E")}
.dfb-on .mce-i-removeformat{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5h12 M12 5l-3 14 M15 14l5 5 M20 14l-5 5'/%3E%3C/svg%3E")}
.dfb-on .mce-i-alignleft{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16 M4 10h10 M4 14h16 M4 18h10'/%3E%3C/svg%3E")}
.dfb-on .mce-i-aligncenter{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16 M7 10h10 M4 14h16 M7 18h10'/%3E%3C/svg%3E")}
.dfb-on .mce-i-alignright{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16 M10 10h10 M4 14h16 M10 18h10'/%3E%3C/svg%3E")}
.dfb-on .mce-i-bullist{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11 M9 12h11 M9 18h11 M4.5 6h.5 M4.5 12h.5 M4.5 18h.5'/%3E%3C/svg%3E")}
.dfb-on .mce-i-numlist{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6h10 M10 12h10 M10 18h10 M4 4.8l1.4-.8v4.5 M3.6 11.2c.3-.6.8-.9 1.4-.9.8 0 1.3.5 1.3 1.2 0 .9-1.3 1.6-2.6 3h2.7 M3.7 17.2h2.4l-1.3 1.5c.9 0 1.5.4 1.5 1.1s-.6 1.2-1.4 1.2c-.6 0-1.1-.2-1.3-.6'/%3E%3C/svg%3E")}
.dfb-on .mce-i-blockquote{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5h5V17H4z M4 11.5C4 8.5 5.5 6.5 8.5 6 M14 11.5h5V17h-5z M14 11.5c0-3 1.5-5 4.5-5.5'/%3E%3C/svg%3E")}
.dfb-on .mce-i-hr{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18 M7 7h10 M7 17h10'/%3E%3C/svg%3E")}
.dfb-on .mce-i-link{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1 M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E")}
.dfb-on .mce-i-unlink{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 12.5l3-3a4 4 0 0 0-5.7-5.7l-1.3 1.3 M8.5 11.5l-3 3a4 4 0 0 0 5.7 5.7l1.3-1.3 M4 4l16 16'/%3E%3C/svg%3E")}
.dfb-on .mce-i-dfbimg{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5h17v14h-17z M21 15.5l-5-5-9 8.5 M8.8 10.2a1.6 1.6 0 1 0 0-.1z'/%3E%3C/svg%3E")}
.dfb-on .mce-i-dfbvideo{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6h17v12h-17z M10 9.3v5.4l4.6-2.7z'/%3E%3C/svg%3E")}
.dfb-on .mce-i-dfbmedia{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 3.5h13v12h-13z M4 7.5v13h13 M20.5 12l-4-4-7 7 M11.6 7.4a1.3 1.3 0 1 0 0-.1z'/%3E%3C/svg%3E")}
.dfb-on .mce-i-undo{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5L4.5 9l4 4 M4.5 9H14a5 5 0 0 1 0 10h-4'/%3E%3C/svg%3E")}
.dfb-on .mce-i-redo{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 5l4 4-4 4 M19.5 9H10a5 5 0 0 0 0 10h4'/%3E%3C/svg%3E")}
.dfb-on .mce-i-fullscreen{--dfbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5 M20 9V4h-5 M4 15v5h5 M20 15v5h-5'/%3E%3C/svg%3E")}
