@charset "utf-8";
/*
Theme Name: BeautyFactory v3
Theme URI: https://beautyfactory.blog/
Description: Textcube 스킨 "beautyfactory_v3" 1.1(2011)을 WordPress에서 그대로 재현한 자식 테마. 원본 skin.html의 표 마크업과 style.css를 그대로 쓰고, 원본과 같은 문서 모드(HTML 4.01 Transitional, quirks)로 그린다.
Author: 아즈 (BeautyFactory)
Template: kadence
Version: 2.4.0
Requires at least: 6.5
Requires PHP: 8.2
Text Domain: beautyfactory-v3
License: 원본 스킨 이미지(assets/images, assets/tree)는 사이트 주인의 것이며 재배포하지 않는다.
*/

/* ==========================================================================
   1. 원본 스킨 style.css (beautyfactory_v3-1.1/style.css) — 한 글자도 고치지 않는다.
      # 없는 색(color:20438E)·잘못된 선언(weight:bold)·남는 } 도 원본 그대로다.
      문서가 quirks 모드라서 원본과 똑같이 해석된다.
   ========================================================================== */

/* 반드시 들어가야 하는 스타일 시작 */

/* 1. 본문 전체  */

	body,td {
		font-size:9pt;
		font-family: verdana,tahoma,돋움;
        line-height:150%;
		color:#404040; 

		scrollbar-face-color: #333333; 
		scrollbar-shadow-color: #333333; 
		scrollbar-highlight-color: #F3F3F3; 
		scrollbar-3dlight-color: #333333; 
		scrollbar-darkshadow-color: #4C1C7C; 
		scrollbar-track-color: #F3F3F3; 
		scrollbar-arrow-color: #666666;
	}

/* 2. 기본 링크 */
	A:link    {color:20438E;text-decoration:none;}
	A:visited {color:20438E;text-decoration:none;}
	A:active  {color:20438E;text-decoration:none;}
	A:hover  {color:20438E;text-decoration:underline;}


/* 3. 이미지 */

	img {
		border-width:0px;
	}

/* 4. 이미지 버튼 */

	.ib {
		cursor:pointer;
	}

/* 5. 입력 텍스트 */

	.text {
	        border: 1px solid #cccccc; 
	        background-color:ffffff;	
	        height:18px; 
	        color: #666666; 
	        font-size: 11px; 
	        padding: 2px 2px 0px 4px;
	}

/* 6. 트리 테이블 */

	.branch2 {
		font-size:11px;
		font-family:Verdana;	
	        color: #20438E; 	
         }
	
	

/* 7. 트리 셀 */

	.branch3 {
		line-height:14px;
		cursor:pointer;
		height:17px;
		padding:2px 2px 0px 2px;
	        color: #20438E; 
	}

/* 8. 달력 월 표시 */

	.cal_month {
		font-size:8pt;
		weight:bold
		font-family:helvetica,verdana,tahoma;
		text-align:center;
		height:20;
	}
/* 9. 달력 요일 표시 */

	.cal_week1 {
		text-align:center;
		font-size:7pt;
		font-family:helvetica,verdana,tahoma;
		font-weight:bold;
		color:#777777;
	}

/* 10. 달력 일요일 표시 */

	.cal_week2 {
		color:#777777;
		text-align:center;
		font-size:7pt;
		font-family:helvetica,verdana,tahoma;
		font-weight:bold;
	}

/* 11. 달력 지난 달 날짜 표시 */

	.cal_day1 {
		color:#CCCCCC;
		font-size:8pt;
		font-family:helvetica,verdana,tahoma;
		text-align:center;
		height:18;
	}

/* 12. 달력 다음 달 날짜 표시 */

	.cal_day2 {
		color:#CCCCCC;
		font-size:8pt;
		font-family:helvetica,verdana,tahoma;
		text-align:center;
		height:18;
	}

/* 13. 달력 이번 달 날짜 표시 */

	.cal_day3 {
		font-size:8pt;
		font-family:helvetica,verdana,tahoma;
		text-align:center;
		color:#333333;
		height:18;
	}

/* 14. 달력 오늘 날짜 표시 */

	.cal_day4 {
		font-size:8pt;
		font-family:helvetica,verdana,tahoma;
		text-align:center;
		padding-left:2;
		background-color:#EEEEEE;
		font-weight:bold;
		height:18;
		border:1px solid #AAAAAA;	
	}

/* 15. 달력 글쓴 날 링크 스타일 */

	A.cal_click:link {
		color:#20438E;
		font-weight:bold;
	}

	A.cal_click:visited {
		color:#20438E;
		font-weight:bold;
	}

	A.cal_click:hover {
		color:#20438E;
		font-weight:bold;
	}

/* 16. 이미지 아래 캡션 스타일 */

	.cap1 {
		text-align:center;
		color:#222222;
		word-break:break-all;
	}

/* 16. 키워드 스타일 */

	.key1 {
		cursor:pointer;
		text-decoration:none;
		border-bottom: 1px solid gray;
	}

/* 16. 카테고리 옆 개수 스타일 */

	.c_cnt {
		font-size:10px;
		font-family:tahoma;
	}

/* 17. 최신글 옆 개수 스타일 */

	.ps_cnt {
		font-size:10px;
		font-family:tahoma;
		color:#666666;
	}
	
/* 18.태그클라우드 */
.cloud1 {
  font-size : 14px;
  color : #FF6600 !important ;
  }

.cloud2 {
  font-size : 13px;
  color : #ff9900 !important ;
  }

.cloud3 {
  font-size : 12px;
  color : #669900 !important ;
  }

.cloud4 {
  font-size : 12px;
  color : #0099CC !important ;
  }

.cloud5 {
  font-size : 11px;
  color : #20438E !important ;
  }

	
.tag_txt {color:#999999; font-weight:bold;}


.title {font-size:20px; color:20438E; font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움;}
A.title:link {font-size:20px; color:20438E; }
A.title:visited {font-size:20px;  color:20438E; }
A.title:active {font-size:20px;  color:20438E; }
A.title:hover {font-size:20px;  color:20438E; text-decoration:none;}

.sthm {font-size:10px; font-family:tahoma; letter-spacing:0px;}
A.sthm:link {font-size:10px; font-family:tahoma; letter-spacing:0px;}
A.sthm:visited {font-size:10px; font-family:tahoma; letter-spacing:0px;}
A.sthm:active {font-size:10px; font-family:tahoma; letter-spacing:0px;}
A.sthm:hover {font-size:10px; font-family:tahoma; letter-spacing:0px;}

.sver {font-size:10px; font-family:verdana; letter-spacing:0px;}
A.sver:link {font-size:10px; font-family:verdana; letter-spacing:0px;}
A.sver:visited {font-size:10px; font-family:verdana; letter-spacing:0px;}
A.sver:active {font-size:10px; font-family:verdana; letter-spacing:0px;}
A.sver:hover {font-size:10px; font-family:verdana; letter-spacing:0px;}


/* 블로그 설명  */

.disc {
	font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움;
	font-size:9pt;
	color: #999999;
}

/* 사이드 메뉴  */

.sdot {
	line-height:17px; 
	font-size:8pt; 
	font-weight:bold; 
	background-color: #F7F7F7;
	color:#000000; 
	border:1px solid #DDDDDD;
	margin-top:15px;
	margin-bottom:3px;
	font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움;
}

A.sdot:link {font-size:11px; font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움; font-weight:bold; text-decoration: none;}}
A.sdot:visited {font-size:11px; font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움; font-weight:bold; text-decoration: none;}}
A.sdot:active {font-size:11px; font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움; font-weight:bold; text-decoration: none;}}
A.sdot:hover {font-size:11px; font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움; font-weight:bold; text-decoration: underline;}}




.util_menu {font-size:12px; font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움; color:#ffffff; text-decoration: none;}
A.util_menu:link {font-size:12px; color:#FFFFFF; text-decoration: none;}
A.util_menu:visited {font-size:12px; color:#FFFFFF; text-decoration: none;}
A.util_menu:active {font-size:12px; color:#FFFFFF; text-decoration: none;}
A.util_menu:hover {font-size:12px; color:#0099CC; text-decoration: none;}




.head_title {
	font-size:20px;
	font-family:Trebuchet MS,helvetica,verdana,tahoma,돋움;
	color:000000;
	font-weight:bold;
	line-height:2.0em;
	text-decoration:none; 
	background-repeat:no-repeat;
	background-position:bottom;
	}
A.head_title:link {font-size:15px; color:000000; font-weight:bold; text-decoration:none;}
A.head_title:visited {font-size:15px; color:000000; font-weight:bold; text-decoration:none;}
A.head_title:active {font-size:15px; color:000000; font-weight:bold; text-decoration:none;}
A.head_title:hover {font-size:15px; color:000000; font-weight:bold; text-decoration:underline;}



.gbtn_kor {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_kor:link {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_kor:visited {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_kor:active {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_kor:hover {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:underline;}

.gbtn_eng {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_eng:link {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_eng:visited {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_eng:active {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.gbtn_eng:hover {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:underline;}

.keyword {font-size:12px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.keyword:link {font-size:12px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.keyword:visited {font-size:12px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.keyword:active {font-size:12px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.keyword:hover {font-size:12px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:underline;}


.sbtn_kor {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_kor:link {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_kor:visited {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_kor:active {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_kor:hover {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:underline;}


.sbtn_eng {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_eng:link {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_eng:visited {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_eng:active {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.sbtn_eng:hover {font-size:10px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:underline;}



.info_link {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.info_link:link {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.info_link:visited {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.info_link:active {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:none;}
A.info_link:hover {font-size:11px; font-family:verdana,tahoma,돋움; color:20438E; text-decoration:underline;}


.td_bodyt {padding:10px 20px 5px 10px;}
.td_body {padding:10px 20px 5px 10px;}
.td_body *{line-height:1.5em;}


.td_info {padding:3px 3px 3px 5px;}


.search_input {
	border: 1px solid #ccc; 
	background-color:#fff;	
	height:18px; 
	color: #666; 
	font-size: 12px; 
	font-family: Tahoma, Verdana; 
	padding: 2px 2px 0px 4px;
	}

.search_btn 
	{
	border:solid 1px;
	border-color:#888;
	background-color:#ccc;
	color:#333;
	width:50px;
	height:18px;
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
		
}

.input 
	{
	border:solid 1px; 
	background-color:ffffff;	
	height:16px; 
	color: #666666; 
	font-size: 12px; 
	font-family: Tahoma, Verdana; 
	 padding: 2px 2px 0px 4px;
	}
		
.submit 
	{
	border: 1px solid #999999;
	border-color:888888;
	background-color:cccccc;
	width:50px;
	height:18px;
	font-size:10px;
	font-weight:bold;
		}

.textarea 
	{
	border:solid 1px;
	border-color:cccccc;
	background-color:white;
	padding: 2px 2px 0px 4px;	
	}




.guest_submit 
	{
  border: 1px solid #999999;
  font-family:Tahoma,verdana;
  font-size:11px;
  font-weight:bold; 
  color:666666;
  background:#cccccc;
  height:20px;
  width : 200px;
	} 




.input_protect 
{
  border: 1px solid #ccc;
  font-family:Tahoma,verdana;
  font-size:12px;
  background:#fff;
  height:20px;
  width : 100px;
	}   



.submit_protect 
	{
  border: 1px solid #999;
  font-family:Tahoma,verdana;
  font-size:12px;
  font-weight:bold; 
  color:#666;
  background:#ccc;
  height:20px;
  width : 50px;

	} 

.blackbox {
		border:1px solid #AAAAAA;
	}

.gray8 { 
	font-size:8pt; 
	color:#999999; 
}
.gray7 { 
	font-size:7pt; 
	color:#999999; 
}

.paging { 
	font-family:tahoma;
	font-size:8pt; 
	color:#333333;
}
A.paging:link { color:#20438E; }
A.paging:visited { color:#20438E; }
A.paging:hover { color:#20438E; text-decoration:underline; }


/* ==========================================================================
   2. Textcube 1.7 style/system.css 중 화면에 영향을 주는 규칙
   ========================================================================== */

#TTSearchForm
{
	display: inline;
	margin: 0;
	padding: 0;
}

.iMazingContainer
{
	margin: 0 auto;
	text-align: center;
}

/* 404 안내. 원본 그림 주소 ../image/warning.gif를 테마 안 그림으로. */
.TCwarning
{
	background-image: url("assets/images/warning.gif");
	background-repeat: no-repeat;
	background-position: top center;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 50px 0;
	padding-top: 50px;
	text-align: center;
}

/* ==========================================================================
   3. WordPress에서 덧붙인 규칙. 데스크톱 화면 모양은 바꾸지 않는다.
   ========================================================================== */

/* 스크린 리더 전용 글자(홈의 h1, 검색 라벨, 본문 바로가기). 화면 배치에 끼어들지 않는다. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #ffffff;
	clip: auto !important;
	clip-path: none;
	color: #20438E;
	display: block;
	font-size: 12px;
	height: auto;
	left: 5px;
	padding: 8px 12px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* 원본은 제목이 td 글자다. 문서마다 h1 하나를 두되, td의 글꼴을 그대로 물려받아 모양이 같게 한다. */
h1.bf-h1 {
	display: inline;
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
}

/* 원본 상단 메뉴 칸의 onmouseover(#666666)를 CSS로. 글자는 실제 링크로 감쌌다. */
td.bf-menu:hover {
	background-color: #666666;
}
td.bf-menu {
	cursor: pointer;
}
a.bf-menu-link:link, a.bf-menu-link:visited, a.bf-menu-link:hover, a.bf-menu-link:active {
	text-decoration: none;
}

/* 분류 트리: 원본은 td onclick이었다. 링크로 바꾸되 글자색·밑줄은 원본(td 글자)과 같게 둔다. */
a.bf-tree-link:link, a.bf-tree-link:visited, a.bf-tree-link:hover, a.bf-tree-link:active {
	color: inherit;
	text-decoration: none;
}

/* 빠른 글쓰기 상자(inc/quick-post.php). 원본에 없는 기능이라 원본 댓글 입력 상자 모양(회색 테두리, .text·.textarea·.guest_submit)을 따른다. */
table.bf-qp input.bf-qp-title,
table.bf-qp textarea.bf-qp-content {
	width: 100%;
	box-sizing: border-box;
}
table.bf-qp input.bf-qp-title { height: 22px; font-size: 12px; }
table.bf-qp textarea.bf-qp-content {
	font-family: verdana, tahoma, 돋움;
	font-size: 9pt;
	line-height: 150%;
	overflow-y: auto;
	resize: vertical;
}
table.bf-qp select.bf-qp-cat { font-size: 11px; max-width: 100%; }
table.bf-qp span.bf-qp-status { margin-left: 10px; white-space: nowrap; }
table.bf-qp span.bf-qp-status label { display: inline-flex; align-items: center; margin-right: 8px; cursor: pointer; }
table.bf-qp a.bf-qp-full { font-size: 8pt; margin-right: 8px; }
table.bf-qp td.bf-qp-notice { padding-bottom: 6px; }
table.bf-qp td.bf-qp-actions { padding-top: 4px; }
table.bf-qp input.bf-qp-submit { width: 120px; cursor: pointer; }

/* 빠른 글쓰기 상자의 '연결할 글' 한 줄(inc/quick-post.php). */
td.bf-qp-recall[hidden] { display: none; }
td.bf-qp-recall .bf-qp-recall-item { display: inline-block; }
td.bf-qp-recall button.bf-qp-recall-cancel { padding: 4px 2px; border: 0; background: none; font-family: tahoma, 돋움; font-size: 8pt; color: #20438E; cursor: pointer; margin: 0; line-height: inherit; vertical-align: baseline; -webkit-appearance: none; appearance: none; }
td.bf-qp-recall button.bf-qp-recall-cancel:hover { text-decoration: underline; }
/* '과거의 나' 패널(inc/past-me.php). 빠른 글쓰기 상자와 같은 회색 테두리 표에 흰 바탕. */
table.bf-pm td.td_body { padding-bottom: 0; }
table.bf-pm div.bf-pm-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
table.bf-pm span.bf-pm-label { font-family: tahoma, 돋움; font-size: 8pt; font-weight: bold; color: #999999; }
table.bf-pm form.bf-pm-hide { margin: 0; }
table.bf-pm button.bf-pm-hide-btn,
table.bf-pm button.bf-pm-recall {
	padding: 0;
	border: 0;
	background: none;
	font-family: tahoma, 돋움;
	font-size: 8pt;
	color: #999999;
	cursor: pointer;
}
table.bf-pm button.bf-pm-hide-btn:hover,
table.bf-pm button.bf-pm-recall:hover { text-decoration: underline; }
table.bf-pm button.bf-pm-recall:disabled { color: #999999; cursor: default; text-decoration: none; }
/* 원본 링크색. 단추지만 같은 줄의 링크(전체 읽기·다른 글 보기)와 글꼴·줄 높이·기준선이 똑같아야 한다. */
table.bf-pm button.bf-pm-recall { color: #20438E; font: inherit; line-height: inherit; vertical-align: baseline; margin-top: 0; margin-bottom: 0; -webkit-appearance: none; appearance: none; } /* Safari·iOS 기본 단추 모양·여백을 지워 옆 링크와 같은 줄에 앉힌다. */
table.bf-pm div.bf-pm-title { font-size: 9pt; font-weight: bold; }
table.bf-pm div.bf-pm-date { margin-bottom: 6px; }
table.bf-pm div.bf-pm-excerpt { font-size: 9pt; color: #666666; overflow-wrap: anywhere; }
table.bf-pm div.bf-pm-actions { display: flex; flex-wrap: wrap; align-items: baseline; margin-top: 8px; font-size: 8pt; }
table.bf-pm div.bf-pm-actions > [hidden] { display: none; }
table.bf-pm div.bf-pm-actions > * { margin-right: 12px; }
table.bf-pm details.bf-pm-others { margin-top: 8px; padding-top: 6px; border-top: 1px dotted #cccccc; font-size: 8pt; }
table.bf-pm details.bf-pm-others summary { color: #999999; cursor: pointer; }
table.bf-pm details.bf-pm-others ul { margin: 4px 0 0 0; padding: 0; list-style: none; }

/* ==========================================================================
   4. 좁은 화면(768px 이하) 대체 배치. 원본은 995px 고정 폭이다.
      같은 표·색·글꼴을 쓰고, 3단을 본문 → 오른쪽 → 왼쪽 순서의 1단으로 쌓는다.
      데스크톱(769px 이상)에는 적용되지 않는다.
   ========================================================================== */
@media (max-width: 768px) {
	table.bf-topbar-inner,
	table.bf-layout,
	table.bf-footer {
		width: 100% !important;
	}
	table.bf-topbar-inner td.bf-top-pad,
	table.bf-topbar-inner td.bf-top-gap,
	table.bf-topbar-inner td.bf-top-fill {
		display: none !important;
	}
	/* 상단 바를 flex로 두 줄로 접는다. 1줄: 로고 + About·Guestbook + A(관리)·W(글쓰기). 2줄: 검색.
	   A·W는 데스크톱에서 15px 칸이지만 휴대폰에서는 44x44 이상 누를 자리를 준다. */
	table.bf-topbar-inner,
	table.bf-topbar-inner > tbody {
		display: block;
		height: auto !important;
	}
	table.bf-topbar-inner tr.bf-top-row {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		background-color: #333333;
	}
	table.bf-topbar-inner tr.bf-top-row > td {
		display: flex;
		align-items: center;
		height: auto !important;
		min-height: 44px;
		box-sizing: border-box;
	}
	table.bf-topbar-inner td.bf-top-logo {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
		width: auto !important;
		justify-content: flex-start;
		padding-left: 10px;
		background-color: #000000;
	}
	table.bf-topbar-inner td.bf-top-logo img {
		max-width: 100%;
		height: auto;
	}
	/* A·W 글자는 About·Guestbook과 같은 크기로 두고, 누르는 자리만 44px 높이로 넓힌다. */
	table.bf-topbar-inner td.bf-top-admin {
		order: 3;
		flex: 0 0 32px;
		width: 32px !important;
		padding: 0;
		justify-content: center;
	}
	table.bf-topbar-inner td.bf-top-admin a.bf-menu-link {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 44px;
	}
	table.bf-topbar-inner td.bf-top-admin font {
		font-weight: bold;
	}
	table.bf-topbar-inner td.bf-menu:not(.bf-top-admin) {
		order: 2;
		flex: 0 0 auto;
		width: auto !important;
		justify-content: center;
	}
	table.bf-topbar-inner td.bf-menu:not(.bf-top-admin) a.bf-menu-link {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 0 10px;
	}
	/* 검색 줄은 메뉴 줄보다 낮게. 입력칸 글자 16px은 iOS 확대를 막으려고 유지한다. */
	table.bf-topbar-inner tr.bf-top-row > td.bf-top-search {
		order: 4;
		flex: 1 1 100%;
		width: auto !important;
		min-height: 0;
		padding: 0 10px 8px;
	}
	table.bf-topbar-inner td.bf-top-search form#TTSearchForm {
		display: flex;
		flex: 1 1 auto;
		align-items: center;
		width: 100%;
		margin: 0;
	}
	table.bf-topbar-inner td.bf-top-search input.search_input {
		flex: 1 1 auto;
		min-width: 0;
		width: auto !important;
		height: 30px;
		padding: 0 6px;
		font-size: 16px;
		box-sizing: border-box;
	}
	table.bf-topbar-inner td.bf-top-search input.search_btn {
		flex: 0 0 auto;
		width: auto;
		height: 30px;
		margin-left: 6px;
		padding: 0 10px;
		font-size: 11px;
	}
	table.bf-layout tr.bf-spacer-row,
	table.bf-layout td.bf-gap {
		display: none;
	}
	table.bf-layout,
	table.bf-layout > tbody {
		display: block;
	}
	table.bf-layout > tbody > tr.bf-cols {
		display: flex;
		flex-direction: column;
	}
	table.bf-layout td.bf-col {
		display: block;
		width: auto !important;
		box-sizing: border-box;
		padding: 0 10px 20px 10px;
	}
	table.bf-layout td.bf-col-main { order: 1; }
	table.bf-layout td.bf-col-right { order: 2; }
	table.bf-layout td.bf-col-left { order: 3; }
	td.bf-col-main table { table-layout: fixed; }
	td.bf-col-main img { max-width: 100%; height: auto; }
	td.bf-col-main iframe,
	td.bf-col-main object,
	td.bf-col-main embed,
	td.bf-col-main video { max-width: 100%; }
	td.bf-col-main textarea,
	td.bf-col-main input.text { max-width: 100%; box-sizing: border-box; }
	table.bf-footer td.bf-footer-side { display: none; }

	/* 빠른 글쓰기: 휴대폰에서 폭 100%, 글자 16px(iOS 확대 방지), 큰 버튼. */
	table.bf-qp td.td_body { padding: 10px 0 5px 0; }
	table.bf-qp-box > tbody > tr > td { padding: 10px !important; }
	table.bf-qp input.text,
	table.bf-qp textarea.textarea,
	table.bf-qp select.bf-qp-cat {
		font-size: 16px;
		min-height: 44px;
	}
	table.bf-qp input.text { height: 44px; }
	table.bf-qp select.bf-qp-cat { width: 100%; margin: 4px 0; }
	table.bf-qp td.bf-qp-meta font { font-size: 14px; }
	table.bf-qp td.bf-qp-notice font { font-size: 14px; }
	table.bf-qp span.bf-qp-status { display: flex; }
	table.bf-qp span.bf-qp-status label { flex: 1 1 50%; min-height: 44px; font-size: 16px; }
	table.bf-qp span.bf-qp-status input { width: 20px; height: 20px; }
	table.bf-qp td.bf-qp-actions { display: flex; flex-direction: column-reverse; align-items: stretch; text-align: center; }
	table.bf-qp input.bf-qp-submit {
		width: 100%;
		height: 48px;
		font-size: 16px;
	}
	table.bf-qp a.bf-qp-full {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		font-size: 14px;
	}

	/* 과거의 나: 휴대폰에서 글자 14~16px, 누르는 자리 44px 이상. */
	table.bf-pm td.td_body { padding: 10px 0 0 0; }
	table.bf-pm-box > tbody > tr > td { padding: 10px !important; }
	table.bf-pm span.bf-pm-label { font-size: 13px; }
	table.bf-pm button.bf-pm-hide-btn { min-height: 44px; padding: 0 0 0 8px; font-size: 13px; }
	table.bf-pm div.bf-pm-head { margin-bottom: 0; }
	table.bf-pm div.bf-pm-title { font-size: 16px; }
	table.bf-pm div.bf-pm-date font { font-size: 12px; }
	table.bf-pm div.bf-pm-excerpt { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; } /* 빠른 글쓰기 상자가 첫 화면에 들어오게 발췌는 3줄까지. */
	table.bf-pm div.bf-pm-actions { display: flex; flex-wrap: wrap; gap: 0 4px; font-size: 14px; }
	table.bf-pm div.bf-pm-actions > * { display: inline-flex; align-items: center; min-height: 44px; margin-right: 8px; }
	table.bf-pm div.bf-pm-actions > [hidden] { display: none; }
	table.bf-pm details.bf-pm-others { font-size: 14px; }
	table.bf-pm details.bf-pm-others summary { display: flex; align-items: center; min-height: 44px; }
	table.bf-pm details.bf-pm-others summary::before { content: "▸"; margin-right: 6px; }
	table.bf-pm details.bf-pm-others[open] summary::before { content: "▾"; }
	table.bf-pm details.bf-pm-others li { display: flex; align-items: center; gap: 6px; min-height: 44px; }
	table.bf-pm details.bf-pm-others li font { font-size: 12px; flex: 0 0 auto; }
	/* 연결된 글 단추도 손가락으로 누르기 쉽게 44px. */
	td.bf-qp-recall button.bf-qp-recall-cancel, .bf-recall button { min-height: 44px; min-width: 44px; font-size: 14px; }
	td.bf-qp-recall .bf-qp-recall-item { display: inline-flex; align-items: center; gap: 4px; margin-right: 8px; }
	.bf-recall-row { display: flex; flex-wrap: wrap; align-items: center; min-height: 44px; }
}

/* 연결된 글(글 주인에게만 보인다). 좁은 화면에서 가로로 넘치지 않게 줄바꿈한다. */
.bf-recall { margin: 6px 0 10px; padding: 6px 8px; border: 1px dotted #cccccc; overflow-wrap: anywhere; }
.bf-recall-label { display: inline-block; margin-bottom: 2px; color: #999999; font-size: 8pt; }
.bf-recall ul { margin: 2px 0 0 18px; padding: 0; }
.bf-recall-tag { color: #999999; }
.bf-recall-row { margin: 1px 0; }
.bf-recall-notice { margin: 2px 0; color: #666666; }
.bf-recall form { display: inline; margin: 0; }
.bf-recall button.bf-recall-unlink, .bf-recall button.bf-recall-pick, .bf-recall button.bf-recall-link { padding: 4px 2px; border: 0; background: none; font-family: tahoma, 돋움; font-size: 8pt; color: #20438E; cursor: pointer; margin: 0; line-height: inherit; vertical-align: baseline; -webkit-appearance: none; appearance: none; }
.bf-recall button.bf-recall-unlink:hover, .bf-recall button.bf-recall-pick:hover, .bf-recall button.bf-recall-link:hover { text-decoration: underline; }
.bf-recall button:disabled { color: #999999; cursor: default; text-decoration: none; }
.bf-recall-actions { margin-top: 2px; }
.bf-recall-actions [hidden] { display: none; }