@charset "utf-8";

/* ============================================================
   STEEL BASIC -> KBoard
   그누보드 basic.zip을 기준으로 PC/모바일 모두 처음부터 재구성
   ============================================================ */

#kboard-default-list,
#kboard-default-document,
#kboard-default-editor{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	font-family:Arial, "Noto Sans KR", "Malgun Gothic", sans-serif;
	color:#222;
}

#kboard-default-list *,
#kboard-default-document *,
#kboard-default-editor *{box-sizing:border-box;}

#kboard-default-list a,
#kboard-default-document a,
#kboard-default-editor a{color:inherit;text-decoration:none;}

/* 공통 버튼 */
.steel-basic-button,
.steel-basic-write-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:0 15px;
	border:1px solid #cfcfcf;
	border-radius:3px;
	background:#fff;
	color:#444 !important;
	font-size:14px;
	line-height:1;
	cursor:pointer;
}
.steel-basic-primary,
.steel-basic-write-button{
	background:#ff4065;
	border-color:#ff4065;
	color:#fff !important;
}

/* ============================================================
   LIST - PC
   ============================================================ */

.steel-basic-list-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:10px 0 18px;
	min-height:40px;
}

.steel-basic-total{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	padding:0 12px;
	border-radius:5px;
	background:#d4d4d4;
	color:#4e546f;
	font-size:15px;
}

.steel-basic-list table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.steel-basic-list thead td{
	height:44px;
	padding:10px 8px;
	border-top:2px solid #555;
	border-bottom:1px solid #ddd;
	background:#fafafa;
	color:#444;
	font-size:14px;
	font-weight:600;
	text-align:center;
}

.steel-basic-list tbody td{
	padding:13px 8px;
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	font-size:14px;
	vertical-align:middle;
}

.steel-basic-list tbody tr:hover td{background:#fafafa;}

.steel-basic-list .kboard-list-uid{width:70px;text-align:center;color:#888;}
.steel-basic-list .kboard-list-title{width:auto;text-align:left;}
.steel-basic-list .kboard-list-user{width:120px;text-align:center;}
.steel-basic-list .kboard-list-date{width:100px;text-align:center;color:#666;}

.steel-basic-title-line{
	display:flex;
	align-items:center;
	gap:5px;
	min-width:0;
	line-height:1.45;
}

.steel-basic-title-text{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.steel-basic-new{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	height:18px;
	padding:0 4px;
	border-radius:2px;
	background:#e52955;
	color:#fff;
	font-size:10px;
	font-weight:700;
}

.steel-basic-comment-count{
	margin-left:3px;
	color:#ed6478;
	font-size:12px;
	font-weight:700;
}

.steel-basic-notice{
	display:inline-block;
	padding:2px 5px;
	background:#ed6478;
	color:#fff;
	font-size:11px;
	font-weight:400;
}

.steel-basic-reply-icon{
	color:#aaa;
	font-size:20px;
	line-height:1;
}

.steel-basic-mobile-meta{display:none;}

/* pagination */
#kboard-default-list .kboard-pagination{
	margin:22px 0 10px;
	text-align:center;
}
#kboard-default-list .kboard-pagination ul{
	display:inline-flex;
	flex-wrap:wrap;
	gap:4px;
	margin:0;
	padding:0;
	list-style:none;
}
#kboard-default-list .kboard-pagination li{margin:0;padding:0;}
#kboard-default-list .kboard-pagination a,
#kboard-default-list .kboard-pagination span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:30px;
	height:30px;
	padding:0 5px;
	font-size:22px !important;
	line-height:30px !important;
	border:1px solid #ddd;
	border-radius:3px;
	background:#fff;
	color:#666;
}
#kboard-default-list .kboard-pagination .active a,
#kboard-default-list .kboard-pagination .active span{
	background:#444444 !important;
	border-color:#444444 !important;
	color:#ffffff !important;
}

/* Gnuboard-style pagination hover: keep current page black, hover other links gray */
#kboard-default-list .kboard-pagination .kboard-pagination-pages > li:not(.active) > a:hover{
    background:#e5e5e5 !important;
    border-color:#d0d0d0 !important;
    color:#333333 !important;
}

#kboard-default-list .kboard-pagination .kboard-pagination-pages > li.active > a:hover,
#kboard-default-list .kboard-pagination .kboard-pagination-pages > li.active > span:hover{
    background:#444444 !important;
    border-color:#444444 !important;
    color:#ffffff !important;
}

.steel-basic-bottom-control{
	display:flex;
	justify-content:flex-end;
	margin:10px 0 20px;
}

/* ============================================================
   DOCUMENT - 그누보드 basic 읽기 느낌
   ============================================================ */

.steel-basic-document{
	margin:0 0 20px;
	padding:20px;
	background:#fff;
}

.steel-basic-view-title{
	display:block;
	margin:5px 0 0;
	padding:0;
	border:0;
	font-size:28px;
	font-weight:500;
	line-height:1.35;
	word-break:break-word;
}

.steel-basic-view-info{
	margin:20px 0 0;
	padding:10px 0 15px;
	border-bottom:1px solid #ddd;
	color:#666;
}
.steel-basic-view-info:after{display:block;clear:both;content:"";}
.steel-basic-view-author{display:inline-block;font-weight:600;}
.steel-basic-view-date{float:right;color:#888;font-style:italic;}

.steel-basic-view-body{
	min-height:200px;
	padding-top:45px;
}

.steel-basic-view-images img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 0 20px;
}

.steel-basic-view-content{
	width:100%;
	min-height:200px;
	margin:30px 0;
	font-size:16px;
	font-weight:400;
	line-height:1.75;
	word-break:break-word;
	overflow:hidden;
}
.steel-basic-view-content img{max-width:100%;height:auto;}

.steel-basic-view-files{
	margin:10px 0;
	border:1px solid #d4d4d4;
}
.steel-basic-view-files h2{
	margin:0;
	padding:10px;
	background:#f3f3f3;
	font-size:14px;
	font-weight:600;
}
.steel-basic-view-files ul{
	margin:0;
	padding:5px 0;
	list-style:none;
}
.steel-basic-view-files li{
	display:flex;
	align-items:center;
	gap:8px;
	padding:7px 10px;
}
.steel-basic-download-icon{color:#777;font-size:18px;}
.steel-basic-file-link{
	padding:0;
	border:0;
	background:transparent;
	color:#3497d9;
	text-decoration:underline;
	cursor:pointer;
}

.steel-basic-view-controls{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin:20px 0;
}
.steel-basic-view-controls-left,
.steel-basic-view-controls-right{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}

.steel-basic-view-navi{
	clear:both;
	margin:20px 0 0;
	border-bottom:1px solid #ddd;
}
.steel-basic-view-navi-row{
	display:flex;
	align-items:center;
	gap:15px;
	min-height:48px;
	padding:10px 13px;
	border-top:1px solid #ddd;
}
.steel-basic-view-navi-row:hover{background:#f6f6f6;}
.steel-basic-navi-label{flex:0 0 65px;color:#4567b5;}
.steel-basic-view-navi-row a{
	flex:1 1 auto;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.steel-basic-navi-date{flex:0 0 auto;color:#888;}

/* ============================================================
   EDITOR - 그누보드 basic 쓰기 느낌
   ============================================================ */

.steel-basic-editor{
	width:100%;
	padding:20px;
	background:#fff;
}

#kboard-default-editor .kboard-attr-row{
	display:flex;
	align-items:flex-start;
	width:100%;
	margin:10px 0;
	padding:0;
}

#kboard-default-editor .kboard-attr-row .attr-name{
	flex:0 0 120px;
	padding:10px 10px 0 0;
	color:#555;
	font-size:13px;
	font-weight:600;
}

#kboard-default-editor .kboard-attr-row .attr-value,
#kboard-default-editor .kboard-attr-row .kboard-content{
	flex:1 1 auto;
	min-width:0;
}

#kboard-default-editor input[type="text"],
#kboard-default-editor input[type="password"],
#kboard-default-editor input[type="email"],
#kboard-default-editor input[type="url"],
#kboard-default-editor input[type="number"],
#kboard-default-editor select,
#kboard-default-editor textarea{
	width:100%;
	min-height:40px;
	padding:7px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
	color:#222;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.06);
}

#kboard-default-editor textarea{min-height:120px;}

#kboard-default-editor input[type="file"]{
	width:100%;
	min-height:40px;
	padding:7px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
}

#kboard-default-editor .kboard-attr-password input{
	max-width:330px;
}

#kboard-default-editor .kboard-attr-option .attr-value label,
#kboard-default-editor .attr-value-label{
	display:inline-flex;
	align-items:center;
	gap:4px;
	margin:0 12px 6px 0;
}

#kboard-default-editor .description{
	margin-top:4px;
	color:#888;
	font-size:12px;
}

.steel-basic-editor-controls{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin:20px 0 0;
}
.steel-basic-editor-controls .left,
.steel-basic-editor-controls .right{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}

/* ============================================================
   MOBILE - 사용 중인 그누보드 모바일 리스트 형태
   제목 위 / 글쓴이+날짜 아래
   ============================================================ */

@media screen and (max-width:700px){

	#kboard-default-list,
	#kboard-default-document,
	#kboard-default-editor{
		width:100%;
		max-width:100%;
		margin:0;
		padding:0 18px;
	}

	.steel-basic-list-top{
		margin:14px 0 28px;
	}

	.steel-basic-total{
		font-size:14px;
	}

	.steel-basic-write-button{
		min-height:48px;
		padding:0 17px;
		font-size:17px;
	}

	/* 모바일에서는 PC 헤더를 숨김 */
	.steel-basic-list thead{display:none;}

	.steel-basic-list table,
	.steel-basic-list tbody{
		display:block;
		width:100%;
	}

	.steel-basic-list tbody tr{
		display:grid;
		grid-template-columns:55px minmax(0, 1fr);
		width:100%;
		padding:18px 0;
		border-bottom:4px solid #f0f0f0;
	}

	.steel-basic-list tbody td{
		display:none;
		padding:0;
		border:0;
		background:#fff !important;
	}

	.steel-basic-list tbody td.kboard-list-uid{
		display:flex;
		align-items:center;
		justify-content:center;
		grid-column:1;
		grid-row:1;
		width:auto;
		min-width:0;
		color:#bbb;
		font-size:12px;
		text-align:center;
	}

	.steel-basic-list tbody td.kboard-list-title{
		display:block;
		grid-column:2;
		grid-row:1;
		width:auto;
		min-width:0;
		padding:0 0 0 8px;
	}

	.steel-basic-title-line{
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
		gap:4px;
		font-size:15px;
		line-height:1.45;
	}

	.steel-basic-title-text{
		max-width:100%;
		overflow:visible;
		text-overflow:clip;
		white-space:normal;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}

	.steel-basic-new{
		height:18px;
		font-size:10px;
	}

	.steel-basic-mobile-meta{
		display:flex;
		align-items:center;
		gap:22px;
		margin:6px 0 0 20px;
		color:#444;
		font-size:13px;
		line-height:1.4;
	}

	.steel-basic-mobile-user{font-weight:500;}
	.steel-basic-mobile-date{color:#555;}

	.steel-basic-reply-line{padding-left:0;}
	.steel-basic-reply-icon{
		margin-left:-18px;
		color:#bbb;
		font-size:20px;
	}

	#kboard-default-list .kboard-pagination{
		margin:24px 0 12px;
	}

	.steel-basic-bottom-control{
		margin:10px 0 20px;
	}

	/* 모바일 보기 */
	.steel-basic-document{
		padding:0;
	}

	.steel-basic-view-title{
		font-size:21px;
		line-height:1.45;
	}

	.steel-basic-view-info{
		margin-top:15px;
		font-size:13px;
	}

	.steel-basic-view-body{
		padding-top:35px;
	}

	.steel-basic-view-content{
		font-size:15px;
		line-height:1.8;
	}

	.steel-basic-view-controls{
		flex-direction:column;
		align-items:stretch;
		gap:8px;
	}

	.steel-basic-view-controls-left,
	.steel-basic-view-controls-right{
		width:100%;
	}

	.steel-basic-view-controls .steel-basic-button{
		flex:1 1 0;
		min-height:44px;
	}

	.steel-basic-view-navi-row{
		gap:8px;
		padding:10px 8px;
		font-size:13px;
	}
	.steel-basic-navi-label{flex-basis:52px;}
	.steel-basic-navi-date{display:none;}

	/* 모바일 글쓰기 */
	.steel-basic-editor{
		padding:0;
	}

	#kboard-default-editor .kboard-attr-row{
		display:block;
		margin:12px 0;
	}

	#kboard-default-editor .kboard-attr-row .attr-name{
		display:block;
		width:100%;
		padding:0 0 6px;
	}

	#kboard-default-editor .kboard-attr-row .attr-value,
	#kboard-default-editor .kboard-attr-row .kboard-content{
		display:block;
		width:100%;
	}

	#kboard-default-editor .kboard-attr-password input{
		max-width:100%;
	}

	.steel-basic-editor-controls{
		margin-top:20px;
	}
}

/* KBoard 아이콘 최소 보정 */
.kboard-icon-lock:before{content:"🔒";font-size:12px;}



/* ============================================================
   MOBILE CLEAN OVERRIDE - v7
   PC unchanged. Mobile list/view only.
   ============================================================ */
.steel-basic-document-list{display:none;}

@media screen and (max-width:700px){
    #kboard-default-list,
    #kboard-default-document,
    #kboard-default-editor{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
        overflow-x:hidden !important;
    }

    /* Compact mobile typography/buttons */
    .steel-basic-button,
    .steel-basic-write-button{
        min-height:34px !important;
        height:34px !important;
        padding:0 10px !important;
        border-radius:2px !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:34px !important;
    }

    .steel-basic-list-top{margin:10px 0 14px !important;min-height:34px !important;}
    .steel-basic-total{font-size:11px !important;min-height:30px !important;padding:0 8px !important;}

    /* Turn the table into a true one-column mobile list. */
    #kboard-default-list .steel-basic-list,
    #kboard-default-list .steel-basic-list table,
    #kboard-default-list .steel-basic-list tbody{
        display:block !important;
        position:static !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        box-sizing:border-box !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        text-indent:0 !important;
        overflow:visible !important;
    }

    #kboard-default-list .steel-basic-list thead{display:none !important;}

    #kboard-default-list .steel-basic-list tbody tr{
        display:block !important;
        position:static !important;
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:12px 0 !important;
        border:0 !important;
        border-bottom:1px solid #e6e6e6 !important;
        box-sizing:border-box !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        overflow:visible !important;
    }

    #kboard-default-list .steel-basic-list tbody td.kboard-list-uid,
    #kboard-default-list .steel-basic-list tbody td.kboard-list-user,
    #kboard-default-list .steel-basic-list tbody td.kboard-list-date{
        display:none !important;
    }

    #kboard-default-list .steel-basic-list tbody td.kboard-list-title{
        display:block !important;
        position:static !important;
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 2px !important;
        border:0 !important;
        box-sizing:border-box !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        text-indent:0 !important;
        text-align:left !important;
        overflow:visible !important;
        background:#fff !important;
    }

    #kboard-default-list .steel-basic-list tbody td.kboard-list-title > a{
        display:block !important;
        position:static !important;
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        text-indent:0 !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        box-sizing:border-box !important;
        text-decoration:none !important;
        overflow:visible !important;
    }

    #kboard-default-list .steel-basic-title-line,
    #kboard-default-list .steel-basic-reply-line{
        display:flex !important;
        position:static !important;
        float:none !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:4px !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        text-indent:0 !important;
        overflow:visible !important;
        font-size:13px !important;
        line-height:1.45 !important;
    }

    #kboard-default-list .steel-basic-reply-icon{
        margin:0 !important;
        padding:0 !important;
        font-size:13px !important;
        line-height:1 !important;
    }

    #kboard-default-list .steel-basic-title-text{
        display:inline !important;
        position:static !important;
        float:none !important;
        flex:0 1 auto !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-indent:0 !important;
        white-space:normal !important;
        word-break:keep-all !important;
        overflow-wrap:break-word !important;
        overflow:visible !important;
        text-overflow:clip !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1.45 !important;
    }

    #kboard-default-list .steel-basic-new{
        display:inline-flex !important;
        flex:0 0 auto !important;
        align-items:center !important;
        justify-content:center !important;
        height:16px !important;
        min-width:auto !important;
        margin:0 !important;
        padding:0 4px !important;
        border-radius:2px !important;
        font-size:9px !important;
        line-height:16px !important;
    }

    #kboard-default-list .steel-basic-mobile-meta{
        display:flex !important;
        position:static !important;
        float:none !important;
        align-items:center !important;
        gap:18px !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:5px 0 0 !important;
        padding:0 0 0 30px !important;
        box-sizing:border-box !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        text-indent:0 !important;
        font-size:11px !important;
        line-height:1.35 !important;
        overflow:visible !important;
    }
    #kboard-default-list .steel-basic-mobile-user,
    #kboard-default-list .steel-basic-mobile-date{
        margin:0 !important;
        padding:0 !important;
        font-size:11px !important;
        line-height:1.35 !important;
        white-space:nowrap !important;
    }
    #kboard-default-list .steel-basic-mobile-user{font-weight:600 !important;}

    /* View */
    .steel-basic-view-title{font-size:18px !important;font-weight:500 !important;line-height:1.45 !important;}
    .steel-basic-view-info{margin-top:12px !important;padding:8px 0 11px !important;font-size:11px !important;}
    .steel-basic-view-body{padding-top:24px !important;}
    .steel-basic-view-content{min-height:120px !important;margin:18px 0 !important;font-size:13px !important;line-height:1.7 !important;}
    .steel-basic-view-controls{margin:16px 0 0 !important;gap:6px !important;}
    .steel-basic-view-controls-left,
    .steel-basic-view-controls-right{gap:5px !important;}
    .steel-basic-view-controls .steel-basic-button{min-height:34px !important;height:34px !important;font-size:12px !important;line-height:34px !important;}

    /* Exactly 60px below View buttons, then list. */
    .steel-basic-document-list{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:60px 0 0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
        overflow:visible !important;
    }
    .steel-basic-document-list .steel-basic-list-top{display:flex !important;}
    .steel-basic-document-list .steel-basic-bottom-control{display:none !important;}
    .steel-basic-document-list #kboard-default-list{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    #kboard-default-document .steel-basic-view-navi,
    #kboard-default-document .steel-basic-view-navi-row,
    #kboard-default-document .kboard-document-navi,
    #kboard-default-document .kboard-document-navigation,
    #kboard-default-document .kboard-prev-document,
    #kboard-default-document .kboard-next-document{display:none !important;}

    #kboard-default-list .kboard-pagination{margin:42px 0 10px !important;}
    #kboard-default-list .kboard-pagination a,
    #kboard-default-list .kboard-pagination span{
        min-width:30px !important;
        height:30px !important;
        padding:0 5px !important;
        font-size:22px !important;
        line-height:30px !important;
    }
}


/* ============================================================
   STEEL BASIC v9 - mobile meta / document list write buttons
   ============================================================ */
@media screen and (max-width:700px){
    /* 작성자와 날짜를 기존 위치에서 오른쪽으로 30px 이동 */
    #kboard-default-list .steel-basic-mobile-meta{
        padding-left:30px !important;
    }

    /* 뷰 아래 목록 끝의 글쓰기 버튼을 list.php와 동일하게 표시 */
    .steel-basic-document-list .steel-basic-bottom-control{
        display:flex !important;
        justify-content:flex-end !important;
        margin:10px 0 20px !important;
    }
    .steel-basic-document-list .steel-basic-bottom-control .steel-basic-write-button{
        display:inline-flex !important;
    }

    /* 뷰 상단 버튼 영역의 글쓰기 역시 list.php 글쓰기 버튼과 동일 */
    .steel-basic-view-controls .steel-basic-write-button{
        min-height:36px !important;
        height:36px !important;
        padding:0 14px !important;
        border:1px solid #ff4065 !important;
        border-radius:3px !important;
        background:#ff4065 !important;
        color:#fff !important;
        font-size:13px !important;
        line-height:1 !important;
    }
}

/* ============================================================
   STEEL BASIC v10 - view control buttons / bottom write button
   ============================================================ */
@media screen and (max-width:700px){
    /* 뷰 화면: 수정 / 삭제 / 답변 = 검은색 */
    .steel-basic-view-controls .steel-basic-button{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 14px !important;
        border:1px solid #111 !important;
        border-radius:3px !important;
        background:#111 !important;
        color:#fff !important;
        font-size:13px !important;
        line-height:1 !important;
    }

    /* 뷰 화면 글쓰기 = 빨간색 */
    .steel-basic-view-controls .steel-basic-write-button{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 14px !important;
        border:1px solid #ff4065 !important;
        border-radius:3px !important;
        background:#ff4065 !important;
        color:#fff !important;
        font-size:13px !important;
        line-height:1 !important;
    }

    /* 페이지 표시 아래 우측 글쓰기 = 위 글쓰기와 동일한 빨간색 스타일 */
    #kboard-default-list .steel-basic-bottom-control,
    .steel-basic-document-list .steel-basic-bottom-control{
        display:flex !important;
        width:100% !important;
        justify-content:flex-end !important;
        align-items:center !important;
        margin:30px 0 20px !important;
        padding:0 !important;
    }

    #kboard-default-list .steel-basic-bottom-control .steel-basic-write-button,
    .steel-basic-document-list .steel-basic-bottom-control .steel-basic-write-button{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 14px !important;
        border:1px solid #ff4065 !important;
        border-radius:3px !important;
        background:#ff4065 !important;
        color:#fff !important;
        font-size:13px !important;
        line-height:1 !important;
    }
}


/* ============================================================
   STEEL BASIC v11 - mobile view button order/style
   ============================================================ */
@media screen and (max-width:700px){
    /* 모바일에서는 두 버튼 그룹을 하나의 행처럼 취급 */
    .steel-basic-view-controls{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        gap:5px !important;
    }

    .steel-basic-view-controls-left,
    .steel-basic-view-controls-right{
        display:contents !important;
    }

    /* 순서: 답변 → 수정 → 삭제 → 글쓰기 */
    .steel-basic-view-controls .steel-basic-reply-button{order:1 !important;}
    .steel-basic-view-controls .steel-basic-edit-button{order:2 !important;}
    .steel-basic-view-controls .steel-basic-delete-button{order:3 !important;}
    .steel-basic-view-controls .steel-basic-write-button{order:4 !important;}

    /* 답변/수정/삭제: 글쓰기와 같은 크기, 짙은 회색 배경 */
    .steel-basic-view-controls .steel-basic-reply-button,
    .steel-basic-view-controls .steel-basic-edit-button,
    .steel-basic-view-controls .steel-basic-delete-button{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 14px !important;
        border:1px solid #444 !important;
        border-radius:3px !important;
        background:#444 !important;
        color:#fff !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1 !important;
        text-decoration:none !important;
        box-sizing:border-box !important;
    }
}

/* ============================================================
   STEEL BASIC v12 - mobile view controls horizontal / right
   ============================================================ */
@media screen and (max-width:700px){
    .steel-basic-view-controls{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        justify-content:flex-end !important;
        align-items:center !important;
        width:100% !important;
        gap:5px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .steel-basic-view-controls-left,
    .steel-basic-view-controls-right{
        display:contents !important;
    }

    .steel-basic-view-controls .steel-basic-reply-button{order:1 !important;}
    .steel-basic-view-controls .steel-basic-edit-button{order:2 !important;}
    .steel-basic-view-controls .steel-basic-delete-button{order:3 !important;}
    .steel-basic-view-controls .steel-basic-write-button{order:4 !important;}

    .steel-basic-view-controls .steel-basic-reply-button,
    .steel-basic-view-controls .steel-basic-edit-button,
    .steel-basic-view-controls .steel-basic-delete-button,
    .steel-basic-view-controls .steel-basic-write-button{
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 12px !important;
        margin:0 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:13px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
    }
}

/* ============================================================
   STEEL BASIC v13 - mobile content bottom spacing 40px
   ============================================================ */
@media screen and (max-width:700px){
    .steel-basic-view-body{
        margin-bottom:40px !important;
    }
}

/* ============================================================
   Pagination final size
   PC    : button 25px / text 18px
   Mobile: button 22px / text 16px
   ============================================================ */
#kboard-default-list .kboard-pagination .kboard-pagination-pages > li > a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages > li > span{
    min-width:25px !important;
    width:auto !important;
    height:25px !important;
    padding:0 3px !important;
    font-size:18px !important;
    line-height:25px !important;
    border-radius:0 !important;
}

@media screen and (max-width:700px){
    #kboard-default-list .kboard-pagination .kboard-pagination-pages > li > a,
    #kboard-default-list .kboard-pagination .kboard-pagination-pages > li > span{
        min-width:22px !important;
        width:auto !important;
        height:22px !important;
        padding:0 2px !important;
        font-size:16px !important;
        line-height:22px !important;
        border-radius:0 !important;
    }
}


/* ============================================================
   STEEL BASIC v14 - LIST ONLY
   PC / MOBILE 동일 구조: 번호 | 제목 | 글쓴이 | 날짜
   글쓰기/뷰 화면 스타일은 변경하지 않음
   ============================================================ */

/* 목록은 PC와 모바일 모두 같은 4열 테이블 구조를 사용 */
#kboard-default-list .steel-basic-list table{
    display:table !important;
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
}
#kboard-default-list .steel-basic-list thead{
    display:table-header-group !important;
}
#kboard-default-list .steel-basic-list tbody{
    display:table-row-group !important;
}
#kboard-default-list .steel-basic-list tr{
    display:table-row !important;
}
#kboard-default-list .steel-basic-list th,
#kboard-default-list .steel-basic-list td{
    display:table-cell !important;
    float:none !important;
    position:static !important;
    transform:none !important;
    box-sizing:border-box !important;
}
#kboard-default-list .steel-basic-list .kboard-list-uid{
    width:70px !important;
    text-align:center !important;
}
#kboard-default-list .steel-basic-list .kboard-list-title{
    width:auto !important;
    text-align:left !important;
}
#kboard-default-list .steel-basic-list .kboard-list-user{
    width:120px !important;
    text-align:center !important;
}
#kboard-default-list .steel-basic-list .kboard-list-date{
    width:100px !important;
    text-align:center !important;
}
#kboard-default-list .steel-basic-mobile-meta{
    display:none !important;
}
#kboard-default-list .steel-basic-list tbody tr{
    padding:0 !important;
    border:0 !important;
}
#kboard-default-list .steel-basic-list tbody td{
    padding:13px 8px !important;
    border-bottom:1px solid #e5e5e5 !important;
    background:#fff !important;
    vertical-align:middle !important;
}
#kboard-default-list .steel-basic-list .steel-basic-title-line,
#kboard-default-list .steel-basic-list .steel-basic-reply-line{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.45 !important;
}
#kboard-default-list .steel-basic-list .steel-basic-reply-icon{
    flex:0 0 auto !important;
    margin:0 2px 0 0 !important;
    color:#aaa !important;
    font-size:18px !important;
    line-height:1 !important;
}
#kboard-default-list .steel-basic-list .steel-basic-title-text{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

@media screen and (max-width:700px){
    /* 모바일도 PC와 동일하게 번호/제목/글쓴이/날짜 4열 */
    #kboard-default-list{
        width:100% !important;
        max-width:100% !important;
        padding-left:8px !important;
        padding-right:8px !important;
        overflow-x:hidden !important;
    }
    #kboard-default-list .steel-basic-list{
        width:100% !important;
        overflow:visible !important;
    }
    #kboard-default-list .steel-basic-list thead td{
        height:38px !important;
        padding:8px 3px !important;
        font-size:11px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
    }
    #kboard-default-list .steel-basic-list tbody td{
        padding:11px 3px !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }
    #kboard-default-list .steel-basic-list .kboard-list-uid{
        width:42px !important;
        color:#777 !important;
        font-size:10px !important;
    }
    #kboard-default-list .steel-basic-list .kboard-list-title{
        width:auto !important;
        padding-left:5px !important;
        padding-right:4px !important;
    }
    #kboard-default-list .steel-basic-list .kboard-list-user{
        width:72px !important;
        font-size:10px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    #kboard-default-list .steel-basic-list .kboard-list-date{
        width:66px !important;
        font-size:10px !important;
        white-space:nowrap !important;
        color:#666 !important;
    }
    #kboard-default-list .steel-basic-list .steel-basic-title-line,
    #kboard-default-list .steel-basic-list .steel-basic-reply-line{
        font-size:11px !important;
        line-height:1.35 !important;
        gap:3px !important;
    }
    #kboard-default-list .steel-basic-list .steel-basic-title-text{
        font-size:11px !important;
        line-height:1.35 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    #kboard-default-list .steel-basic-list .steel-basic-reply-icon{
        margin-left:4px !important;
        margin-right:1px !important;
        font-size:13px !important;
    }
}

/* steel-basic v5: 답글 계층 표시 */
#kboard-default-list.steel-basic-board .steel-basic-reply-row .steel-basic-reply-icon{
	display:inline-block;
	margin-right:5px;
	font-weight:600;
}
#kboard-default-list.steel-basic-board .kboard-list-title{
	box-sizing:border-box;
}

/* ============================================================
   STEEL BASIC v15 - CROSS-BROWSER LIST STANDARDIZATION
   Chrome / Edge / Samsung Internet / Firefox / Safari 공통
   리스트에만 적용. 글쓰기/뷰 화면은 변경하지 않음.
   ============================================================ */
#kboard-default-list.steel-basic-board,
#kboard-default-list.steel-basic-board *{
    box-sizing:border-box !important;
}

#kboard-default-list.steel-basic-board .steel-basic-list{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table{
    display:table !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-spacing:0 !important;
    border-collapse:collapse !important;
    table-layout:fixed !important;
    empty-cells:show !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif !important;
    font-variant-numeric:tabular-nums !important;
    text-rendering:auto !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-uid{width:70px !important;}
#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-title{width:auto !important;}
#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-user{width:120px !important;}
#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-date{width:100px !important;}

#kboard-default-list.steel-basic-board .steel-basic-standard-table thead{
    display:table-header-group !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table tbody{
    display:table-row-group !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table tr{
    display:table-row !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table th,
#kboard-default-list.steel-basic-board .steel-basic-standard-table td{
    display:table-cell !important;
    float:none !important;
    position:static !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    transform:none !important;
    vertical-align:middle !important;
    overflow:hidden !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    -ms-hyphens:none !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table thead th{
    height:40px !important;
    padding:0 8px !important;
    background:#f7f7f7 !important;
    border-top:1px solid #ddd !important;
    border-bottom:1px solid #ddd !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:40px !important;
    white-space:nowrap !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td{
    height:52px !important;
    padding:0 8px !important;
    border-bottom:1px solid #e5e5e5 !important;
    background:#fff !important;
    font-size:14px !important;
    line-height:52px !important;
    white-space:nowrap !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-uid{
    width:70px !important;
    text-align:center !important;
    white-space:nowrap !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-title{
    width:auto !important;
    min-width:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-user{
    width:120px !important;
    text-align:center !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-date{
    width:100px !important;
    text-align:center !important;
    white-space:nowrap !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-title > a{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    color:inherit !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-line,
#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-reply-line{
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    margin:0 !important;
    padding:0 0 0 var(--steel-reply-indent, 0px) !important;
    gap:5px !important;
    overflow:hidden !important;
    line-height:52px !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-reply-icon,
#kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-icon-lock,
#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-comment-count{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    line-height:1 !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-text{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    line-height:52px !important;
}

@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-uid{width:42px !important;}
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-title{width:auto !important;}
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-user{width:72px !important;}
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-col-date{width:66px !important;}

    #kboard-default-list.steel-basic-board .steel-basic-standard-table thead th{
        height:36px !important;
        padding:0 3px !important;
        font-size:11px !important;
        line-height:36px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td{
        height:46px !important;
        padding:0 3px !important;
        font-size:11px !important;
        line-height:46px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-uid{width:42px !important;font-size:10px !important;}
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-user{width:72px !important;font-size:10px !important;}
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-date{width:66px !important;font-size:10px !important;}
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-title{padding-left:5px !important;padding-right:4px !important;}

    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-title > a,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-line,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-reply-line{
        height:46px !important;
        line-height:46px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-text{
        font-size:11px !important;
        line-height:46px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-reply-icon{
        font-size:13px !important;
        line-height:1 !important;
    }
}

/* ============================================================
   STEEL BASIC v8 - LIST DETAIL ADJUSTMENTS
   - 첨부파일이 있는 글은 제목 끝에 파일 아이콘 표시
   - 답글은 단계마다 12px씩만 오른쪽으로 이동
   - PC/모바일 제목 헤더는 제목 열 기준 20% 오른쪽으로 이동
   ============================================================ */
#kboard-default-list.steel-basic-board .steel-basic-standard-table thead th.kboard-list-title{
    padding-left:20% !important;
    padding-right:8px !important;
    text-align:left !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-text{
    flex:0 1 auto !important;
    max-width:100% !important;
}

#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-file-icon{
    display:inline-block !important;
    flex:0 0 auto !important;
    width:12px !important;
    height:11px !important;
    margin:0 0 0 2px !important;
    padding:0 !important;
    border:0 !important;
    vertical-align:middle !important;
    object-fit:contain !important;
}

@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-standard-table thead th.kboard-list-title{
        padding-left:20% !important;
        padding-right:3px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-file-icon{
        width:12px !important;
        height:11px !important;
        margin-left:2px !important;
    }
}

/* ============================================================
   STEEL BASIC v9 - LIST TEXT ONE STEP LARGER
   - 하단 페이지네이션 글자/버튼은 변경하지 않음
   - 글쓰기 등 버튼 크기는 변경하지 않음
   - 목록의 번호/제목/글쓴이/날짜 텍스트만 한 단계 확대
   ============================================================ */
#kboard-default-list.steel-basic-board .steel-basic-standard-table thead th{
    font-size:14px !important;
}
#kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td,
#kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-text{
    font-size:15px !important;
}

@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-standard-table thead th{
        font-size:12px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .steel-basic-title-text{
        font-size:12px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-uid,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-user,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table .kboard-list-date{
        font-size:11px !important;
    }
}

/* ============================================================
   STEEL BASIC v13 - VIEW buttons + full list below view
   Base: steel-basic-9.zip
   ============================================================ */

/* 뷰 화면 버튼: 오른쪽 정렬, 오른쪽 끝부터 글쓰기 → 답변 → 삭제 → 수정 */
#kboard-default-document .steel-basic-view-controls{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:5px !important;
    width:100% !important;
    margin:20px 0 0 !important;
    padding:0 !important;
}

#kboard-default-document .steel-basic-view-controls-left,
#kboard-default-document .steel-basic-view-controls-right{
    display:contents !important;
}

/* 화면의 왼쪽→오른쪽 순서: 수정 / 삭제 / 답변 / 글쓰기
   따라서 오른쪽 끝부터 읽으면: 글쓰기 / 답변 / 삭제 / 수정 */
#kboard-default-document .steel-basic-edit-button{order:1 !important;}
#kboard-default-document .steel-basic-delete-button{order:2 !important;}
#kboard-default-document .steel-basic-reply-button{order:3 !important;}
#kboard-default-document .steel-basic-write-button{order:4 !important;}

/* 답변 / 삭제 / 수정 = 짙은 회색 */
#kboard-default-document .steel-basic-view-controls .steel-basic-reply-button,
#kboard-default-document .steel-basic-view-controls .steel-basic-delete-button,
#kboard-default-document .steel-basic-view-controls .steel-basic-edit-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 15px !important;
    border:1px solid #444 !important;
    border-radius:3px !important;
    background:#444 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
}

/* 글쓰기 = 기존 분홍색 */
#kboard-default-document .steel-basic-view-controls .steel-basic-write-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 15px !important;
    border:1px solid #ff4065 !important;
    border-radius:3px !important;
    background:#ff4065 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
}

/* 버튼 아래 정확히 70px 공백 후 전체 리스트 + 페이지 표시 */
#kboard-default-document .steel-basic-document{
    margin-bottom:0 !important;
}

#kboard-default-document .steel-basic-document-list{
    display:block !important;
    width:100% !important;
    max-width:1024px !important;
    min-width:0 !important;
    margin:70px auto 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

/* 뷰 아래 목록에서는 '전체 n건'과 중복 글쓰기 버튼은 숨기고
   번호/제목/글쓴이/날짜 목록 + 페이지네이션만 표시 */
#kboard-default-document .steel-basic-document-list .steel-basic-bottom-control{
    display:none !important;
}
@media screen and (min-width:701px){
    #kboard-default-document .steel-basic-document-list .steel-basic-list-top{
        display:none !important;
    }
}

#kboard-default-document .steel-basic-document-list #kboard-default-list{
    display:block !important;
    width:100% !important;
    max-width:1024px !important;
    min-width:0 !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
}

/* 모바일에서도 같은 버튼 순서/스타일, 같은 리스트 구조 유지 */
@media screen and (max-width:700px){
    #kboard-default-document .steel-basic-view-controls{
        flex-wrap:nowrap !important;
        gap:5px !important;
    }

    #kboard-default-document .steel-basic-view-controls .steel-basic-reply-button,
    #kboard-default-document .steel-basic-view-controls .steel-basic-delete-button,
    #kboard-default-document .steel-basic-view-controls .steel-basic-edit-button,
    #kboard-default-document .steel-basic-view-controls .steel-basic-write-button{
        flex:0 0 auto !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 12px !important;
        font-size:13px !important;
    }

    #kboard-default-document .steel-basic-document-list{
        margin-top:70px !important;
        padding:0 !important;
    }

    #kboard-default-document .steel-basic-document-list #kboard-default-list{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* ============================================================
   STEEL BASIC v14 - VIEW bottom list width / spacing adjustment
   Base: steel-basic-11.zip
   - 뷰 하단 리스트 폭을 list.php 리스트와 동일하게 고정
   - 뷰 버튼 아래 간격 70px -> 105px (현재보다 50% 증가)
   - 페이지 표시 아래 여백 50% 축소
   ============================================================ */

/* 뷰 하단 리스트: 일반 list.php와 같은 전체 게시판 폭 */
#kboard-default-document .steel-basic-document-list{
    display:block !important;
    width:100% !important;
    max-width:1024px !important;
    min-width:0 !important;
    margin:105px auto 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

#kboard-default-document .steel-basic-document-list > #kboard-default-list,
#kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board{
    width:100% !important;
    max-width:1024px !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

#kboard-default-document .steel-basic-document-list .steel-basic-list,
#kboard-default-document .steel-basic-document-list .steel-basic-standard-table{
    width:100% !important;
    max-width:100% !important;
}

/* 페이지 표시창 아래 여백: 기존 10px의 50%인 5px */
#kboard-default-document .steel-basic-document-list .kboard-pagination{
    margin-top:22px !important;
    margin-bottom:5px !important;
    padding-bottom:0 !important;
}

#kboard-default-document .steel-basic-document-list{
    padding-bottom:0 !important;
}

@media screen and (max-width:700px){
    /* 모바일은 바깥 document의 18px 여백이 list.php의 기본 좌우 여백 역할을 하므로
       중첩 리스트 자체에는 추가 좌우 패딩을 주지 않음 */
    #kboard-default-document .steel-basic-document-list{
        width:100% !important;
        max-width:100% !important;
        margin-top:0 !important;
        padding:0 !important;
    }

    #kboard-default-document .steel-basic-document-list > #kboard-default-list,
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    #kboard-default-document .steel-basic-document-list .kboard-pagination{
        margin-bottom:5px !important;
    }
}

/* ============================================================
   STEEL BASIC v15 - PC VIEW spacing fine tune
   Base: steel-basic-12.zip
   - 내용글 ↔ 4개 버튼 간격 확대
   - 버튼 ↔ 하단 리스트 간격 확대
   - 리스트 ↔ 페이지 표시창 간격 2/5(40%) 축소
   - 모바일은 기존 v14 값 유지
   ============================================================ */

@media screen and (min-width:701px){
    /* 내용글과 버튼 사이: 기존 20px -> 40px */
    #kboard-default-document .steel-basic-view-controls{
        margin-top:40px !important;
    }

    /* 버튼과 하단 리스트 사이: 기존 105px -> 140px */
    #kboard-default-document .steel-basic-document-list{
        margin-top:140px !important;
    }

    /* 리스트 마지막 줄과 페이지 표시창 사이: 기존 22px에서 40% 축소 -> 약 13px */
    #kboard-default-document .steel-basic-document-list .kboard-pagination{
        margin-top:13px !important;
        margin-bottom:5px !important;
    }
}

/* ============================================================
   STEEL BASIC v16 - PC VIEW footer gap + font rendering standardization
   Base: steel-basic-13.zip
   ============================================================ */
@media screen and (min-width:701px){
    /* 페이지 표시창 아래의 빈 공간을 기존 체감값에서 약 2/5(40%) 축소 */
    #kboard-document:has(#kboard-default-document){
        margin-bottom:-140px !important;
    }

    /* 브라우저별 임의 굵기 합성을 막고 목록 본문 굵기를 동일하게 고정 */
    #kboard-default-document .steel-basic-document-list #kboard-default-list,
    #kboard-default-document .steel-basic-document-list #kboard-default-list *{
        font-synthesis:none !important;
    }

    #kboard-default-document .steel-basic-document-list .steel-basic-standard-table tbody td,
    #kboard-default-document .steel-basic-document-list .steel-basic-standard-table tbody td a,
    #kboard-default-document .steel-basic-document-list .steel-basic-title-text,
    #kboard-default-document .steel-basic-document-list .kboard-list-user,
    #kboard-default-document .steel-basic-document-list .kboard-list-date,
    #kboard-default-document .steel-basic-document-list .kboard-list-uid{
        font-weight:400 !important;
    }

    /* 현재 보고 있는 글에 KBoard/테마가 자동으로 bold를 주더라도 동일 굵기 유지 */
    #kboard-default-document .steel-basic-document-list tr.kboard-list-selected td,
    #kboard-default-document .steel-basic-document-list tr.kboard-list-selected a,
    #kboard-default-document .steel-basic-document-list tr.active td,
    #kboard-default-document .steel-basic-document-list tr.active a{
        font-weight:400 !important;
    }
}


/* steel-basic-18: steel-gallery write/editor styles only */
#kboard-default-list,
#kboard-default-document,
#kboard-default-editor,
#kboard-default-latest {
	font-family: var(--kboard-font-family);
	font-size: var(--kboard-font-size);
	color: var(--kboard-text);
	box-sizing: border-box;
	line-height: 1.6;
	margin: 20px 0;
}
#kboard-default-list *,
#kboard-default-document *,
#kboard-default-editor *,
#kboard-default-latest *,
#kboard-default-list *::before,
#kboard-default-document *::before,
#kboard-default-editor *::before,
#kboard-default-latest *::before,
#kboard-default-list *::after,
#kboard-default-document *::after,
#kboard-default-editor *::after,
#kboard-default-latest *::after {
	box-sizing: inherit;
}
#kboard-default-list a,
#kboard-default-document a,
#kboard-default-editor a,
#kboard-default-latest a {
	text-decoration: none;
	color: inherit;
	transition: color 0.2s;
}
#kboard-default-list img,
#kboard-default-document img,
#kboard-default-editor img,
#kboard-default-latest img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#kboard-default-list input[type=text],
#kboard-default-document input[type=text],
#kboard-default-editor input[type=text],
#kboard-default-latest input[type=text],
#kboard-default-list input[type=email],
#kboard-default-document input[type=email],
#kboard-default-editor input[type=email],
#kboard-default-latest input[type=email],
#kboard-default-list input[type=password],
#kboard-default-document input[type=password],
#kboard-default-editor input[type=password],
#kboard-default-latest input[type=password],
#kboard-default-list input[type=number],
#kboard-default-document input[type=number],
#kboard-default-editor input[type=number],
#kboard-default-latest input[type=number],
#kboard-default-list input[type=date],
#kboard-default-document input[type=date],
#kboard-default-editor input[type=date],
#kboard-default-latest input[type=date],
#kboard-default-list select,
#kboard-default-document select,
#kboard-default-editor select,
#kboard-default-latest select,
#kboard-default-list textarea,
#kboard-default-document textarea,
#kboard-default-editor textarea,
#kboard-default-latest textarea {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	padding: 8px 12px;
	font-size: 14px;
	color: var(--kboard-text);
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	min-height: 40px;
	box-shadow: none;
	margin: 0;
}
#kboard-default-list input:focus,
#kboard-default-document input:focus,
#kboard-default-editor input:focus,
#kboard-default-latest input:focus,
#kboard-default-list select:focus,
#kboard-default-document select:focus,
#kboard-default-editor select:focus,
#kboard-default-latest select:focus,
#kboard-default-list textarea:focus,
#kboard-default-document textarea:focus,
#kboard-default-editor textarea:focus,
#kboard-default-latest textarea:focus {
	border-color: var(--kboard-primary);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
	border-bottom: 1px solid var(--kboard-primary) !important;
}
#kboard-default-list select,
#kboard-default-document select,
#kboard-default-editor select,
#kboard-default-latest select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	padding-right: 32px !important;
	cursor: pointer;
}
#kboard-default-editor .kboard-attr-row {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
	padding: 0;
	background: transparent;
	border-bottom: none;
	float: none;
}
#kboard-default-editor .attr-name {
	font-weight: 600;
	margin-bottom: 8px;
	font-size: 14px;
	width: 100% !important;
	float: none !important;
	text-align: left;
	padding: 0 !important;
}
#kboard-default-editor input[type=file] {
	margin: 0;
	padding: 8px 0;
	width: 100%;
}
#kboard-default-editor .attr-value {
	margin: 0 !important;
	width: 100%;
	padding: 0;
}
#kboard-default-editor .attr-value .attr-value-option {
	display: inline-flex;
	align-items: center;
	margin-right: 16px;
	cursor: pointer;
	font-size: 14px;
	color: var(--kboard-text);
}
#kboard-default-editor .attr-value .attr-value-option input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid var(--kboard-border);
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	outline: none;
	margin: 0 8px 0 0;
	/* Reset margins */
}
#kboard-default-editor .attr-value .attr-value-option input[type=checkbox]:checked {
	background-color: var(--kboard-primary);
	border-color: var(--kboard-primary);
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=password],
#kboard-default-editor select {
	width: 100% !important;
}
#kboard-default-editor .kboard-content {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	float: none;
}
#kboard-default-editor textarea {
	width: 100% !important;
	min-height: 400px;
	border: 1px solid var(--kboard-border);
	box-sizing: border-box;
}
#kboard-default-editor .kboard-control {
	float: none;
	display: flex;
	justify-content: space-between;
}
#kboard-default-editor .kboard-control .left,
#kboard-default-editor .kboard-control .right {
	float: none;
	width: auto;
}
#kboard-default-editor.confirm {
	max-width: 400px;
	margin: 60px auto;
	padding: 30px;
	border: 1px solid var(--kboard-border);
	border-radius: var(--kboard-radius);
	background: #fff;
	box-shadow: var(--kboard-shadow-md);
}
#kboard-default-editor.confirm .kboard-confirm-row {
	margin-bottom: 24px;
}
#kboard-default-editor.confirm .attr-name {
	margin-bottom: 10px;
}
#kboard-default-editor.confirm .description {
	color: var(--kboard-danger);
	font-size: 13px;
	margin-top: 8px;
	font-weight: 500;
}
#kboard-default-editor.confirm input[type=password] {
	width: 100%;
}
#kboard-default-editor.confirm .kboard-control {
	justify-content: center;
	flex-direction: column-reverse;
	gap: 10px;
}
#kboard-default-editor.confirm .kboard-control .left,
#kboard-default-editor.confirm .kboard-control .right {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	margin: 0;
}
#kboard-default-editor.confirm .kboard-control button {
	width: 100%;
	height: 40px;
	font-size: 15px;
}
#kboard-default-editor.confirm .kboard-control a {
	width: 100%;
	height: 40px;
	background: #fff !important;
	color: var(--kboard-text-muted) !important;
	border: 1px solid var(--kboard-border);
	box-shadow: none;
}
#kboard-default-editor.confirm .kboard-control a:hover {
	background: var(--kboard-bg-alt) !important;
	color: var(--kboard-text) !important;
	border-color: var(--kboard-text-muted);
}
#kboard-default-editor .kboard-row-postcode {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
#kboard-default-editor .kboard-row-postcode input[type=text] {
	width: 150px !important;
	flex: 0 0 auto;
	/* Fixed width */
}
#kboard-default-editor .kboard-row-postcode button {
	height: 40px;
	flex: 0 0 auto;
	white-space: nowrap;
	margin: 0 !important;
}
#kboard-default-editor .kboard-row-address-1,
#kboard-default-editor .kboard-row-address-2 {
	display: block;
	width: 100%;
	margin-bottom: 8px;
}
#kboard-default-editor .kboard-row-address-2 {
	margin-bottom: 0;
}
#kboard-default-editor .kboard-row-address-1 input[type=text],
#kboard-default-editor .kboard-row-address-2 input[type=text] {
	width: 100% !important;
}
#kboard-default-editor .kboard-tree-category-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin-bottom: 20px;
}
#kboard-default-editor .kboard-tree-category-wrap select {
	flex: 1;
	min-width: 120px;
	width: auto;
}
@media  screen and (max-width: 768px) {
#kboard-default-editor .kboard-control {
		flex-direction: column;
		gap: 10px;
	}
#kboard-default-editor .kboard-control .left,
	#kboard-default-editor .kboard-control .right {
		width: 100%;
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
}
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=password],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=datetime-local],
#kboard-default-editor select,
#kboard-default-editor textarea,
#kboard-default-editor #kboard-editor-root,
#kboard-default-editor .kboard-editor-root-editorjs,
#kboard-default-editor .kboard-editor-scaffold {
    border: 2px solid #555 !important;
    box-sizing: border-box !important;
}
#kboard-default-editor .steel-gallery-option-thumbnail-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}
#kboard-default-editor .steel-gallery-option-block,
#kboard-default-editor .steel-gallery-thumbnail-inline {
    width: auto;
    min-width: 0;
}
#kboard-default-editor .steel-gallery-thumbnail-inline input[type=file] {
    width: auto;
    max-width: 100%;
    padding: 4px 0;
}
#kboard-default-editor .steel-gallery-dynamic-attachments {
    margin-top: 15px;
}
#kboard-default-editor .steel-gallery-file-pair {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
#kboard-default-editor .steel-gallery-add-pair,
#kboard-default-editor .steel-gallery-add-pair:hover,
#kboard-default-editor .steel-gallery-add-pair:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #000 !important;
}
@media  (max-width: 600px) {
#kboard-default-editor .steel-gallery-option-thumbnail-wrap {
        gap: 20px 40px;
    }
}
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=password],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=datetime-local],
#kboard-default-editor select,
#kboard-default-editor textarea,
#kboard-default-editor #kboard-editor-root,
#kboard-default-editor .kboard-editor-root-editorjs,
#kboard-default-editor .kboard-editor-scaffold {
    border-color: #999 !important;
}
#kboard-default-editor .steel-gallery-title-row {
    margin-bottom: 30px !important;
}
#kboard-default-editor .steel-gallery-meta-row {
    margin-bottom: 30px !important;
}
#kboard-default-editor .steel-gallery-option-thumbnail-row {
    margin-bottom: 50px !important;
}
#kboard-default-editor .steel-gallery-option-thumbnail-wrap {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 20px 40px !important;
    width: 100% !important;
}
#kboard-default-editor .steel-gallery-option-block {
    flex: 0 1 auto !important;
}
#kboard-default-editor .steel-gallery-thumbnail-inline {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    text-align: right !important;
}
#kboard-default-editor .steel-gallery-thumbnail-inline .attr-name {
    text-align: right !important;
}
#kboard-default-editor .steel-gallery-file-pair,
#kboard-default-editor .steel-gallery-file-pair .attr-value,
#kboard-default-editor .steel-gallery-file-value {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}
#kboard-default-editor .steel-gallery-file-pair {
    margin-bottom: 40px !important;
}
#kboard-default-editor .steel-gallery-file-pair input[type=file] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 100% !important;
}
#kboard-default-editor .steel-gallery-attach-text {
    margin-top: 15px !important;
}
#kboard-default-editor .steel-gallery-add-pair-wrap {
    margin: -10px 0 30px !important;
    text-align: left !important;
}
#kboard-default-editor .steel-gallery-add-pair,
#kboard-default-editor .steel-gallery-add-pair:hover,
#kboard-default-editor .steel-gallery-add-pair:focus {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 10px 0 !important;
}
#kboard-default-editor .kboard-control {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 30px !important;
}
#kboard-default-editor .kboard-control .left,
#kboard-default-editor .kboard-control .right {
    float: none !important;
    display: flex !important;
    gap: 8px !important;
    width: auto !important;
}
#kboard-default-editor .kboard-control .left {
    margin-left: auto !important;
}
@media  (max-width: 600px) {
#kboard-default-editor .steel-gallery-option-thumbnail-wrap {
        gap: 20px !important;
    }
#kboard-default-editor .steel-gallery-thumbnail-inline {
        margin-left: auto !important;
    }
}
#kboard-default-editor .steel-gallery-file-input-line { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#kboard-default-editor .steel-gallery-clear-pair,
#kboard-default-editor .steel-gallery-delete-existing { display:inline-block; padding:6px 10px; border:1px solid #999; background:#fff; color:#333; font-size:13px; line-height:1.2; text-decoration:none; cursor:pointer; box-shadow:none; }
#kboard-default-editor .steel-gallery-existing-file { margin-right:8px; }
#kboard-default-editor input[type="text"],
#kboard-default-editor input[type="email"],
#kboard-default-editor input[type="password"],
#kboard-default-editor input[type="number"],
#kboard-default-editor input[type="date"],
#kboard-default-editor input[type="time"],
#kboard-default-editor select,
#kboard-default-editor textarea {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #b8b8b8 !important;
    box-shadow: none !important;
}
#kboard-default-editor .steel-gallery-thumbnail-inline {
    text-align: left !important;
}
#kboard-default-editor .steel-gallery-thumbnail-inline .attr-name {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 0 7px 0 !important;
}
#kboard-default-editor .steel-gallery-thumbnail-inline .attr-value {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
}
#kboard-default-editor .steel-gallery-thumbnail-inline input[type="file"] {
    display: block !important;
    margin: 0 !important;
}
#kboard-default-editor .steel-gallery-option-block .attr-value-option {
    display: inline-block !important;
    margin: 0 8px 6px 0 !important;
    padding: 5px 9px !important;
    background: #eef9ff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#kboard-default-editor .steel-gallery-save-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:68px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 15px !important;
    box-sizing:border-box !important;
    background:#b80000 !important;
    border:1px solid #a90000 !important;
    border-radius:8px !important;
    color:#ffffff !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:32px !important;
    box-shadow:none !important;
}
#kboard-default-editor .steel-gallery-save-button:hover,
#kboard-default-editor .steel-gallery-save-button:focus{
    background:#970000 !important;
    border-color:#8f0000 !important;
    color:#ffffff !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-save-button{
        min-width:62px !important;
        height:30px !important;
        min-height:30px !important;
        padding:0 12px !important;
        border-radius:8px !important;
        font-size:12px !important;
        line-height:28px !important;
    }
}
@media  screen and (max-width:700px){
#kboard-default-editor .kboard-control{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-end !important;
        width:100% !important;
        gap:6px !important;
        box-sizing:border-box !important;
        white-space:nowrap !important;
    }
#kboard-default-editor .kboard-control .left,
    #kboard-default-editor .kboard-control .right{
        display:flex !important;
        flex:0 0 auto !important;
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        gap:6px !important;
        flex-wrap:nowrap !important;
    }
#kboard-default-editor .kboard-control .left{
        margin-left:auto !important;
    }
#kboard-default-editor .steel-gallery-save-button{
        background:#b80000 !important;
        border:1px solid #a90000 !important;
        color:#fff !important;
        border-radius:8px !important;
        font-weight:600 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }
}
#kboard-steel-gallery-list .steel-gallery-write-button,
#kboard-default-editor .steel-gallery-save-button{
    background:#b80000 !important;
    border-color:#a90000 !important;
    color:#ffffff !important;
}
#kboard-steel-gallery-list .steel-gallery-write-button:hover,
#kboard-steel-gallery-list .steel-gallery-write-button:focus,
#kboard-default-editor .steel-gallery-save-button:hover,
#kboard-default-editor .steel-gallery-save-button:focus{
    background:#970000 !important;
    border-color:#8f0000 !important;
    color:#ffffff !important;
}
#kboard-default-document .kboard-control a.kboard-default-button-small,
#kboard-default-document .kboard-control button.kboard-default-button-small,
#kboard-default-editor .kboard-control a.kboard-default-button-small:not(.steel-gallery-save-button),
#kboard-default-editor .kboard-control button.kboard-default-button-small:not(.steel-gallery-save-button){
    background:#111111 !important;
    border-color:#111111 !important;
    color:#ffffff !important;
}
#kboard-default-document .kboard-control a.kboard-default-button-small:hover,
#kboard-default-document .kboard-control a.kboard-default-button-small:focus,
#kboard-default-document .kboard-control button.kboard-default-button-small:hover,
#kboard-default-document .kboard-control button.kboard-default-button-small:focus,
#kboard-default-editor .kboard-control a.kboard-default-button-small:not(.steel-gallery-save-button):hover,
#kboard-default-editor .kboard-control a.kboard-default-button-small:not(.steel-gallery-save-button):focus,
#kboard-default-editor .kboard-control button.kboard-default-button-small:not(.steel-gallery-save-button):hover,
#kboard-default-editor .kboard-control button.kboard-default-button-small:not(.steel-gallery-save-button):focus{
    background:#000000 !important;
    border-color:#000000 !important;
    color:#ffffff !important;
}
#kboard-steel-gallery-list .steel-gallery-write-button,
#kboard-default-document #steel-gallery-mobile-view-list .steel-gallery-write-button,
#kboard-default-editor .steel-gallery-save-button{
    border-radius:3px !important;
}
@media  screen and (max-width:700px){
#kboard-steel-gallery-list .steel-gallery-write-button,
    #kboard-default-document #steel-gallery-mobile-view-list .steel-gallery-write-button,
    #kboard-default-editor .kboard-control a.kboard-default-button-small,
    #kboard-default-editor .kboard-control button.kboard-default-button-small,
    #kboard-default-document .kboard-control .right > a.kboard-default-button-small,
    #kboard-default-document .kboard-control .right > button.kboard-default-button-small{
        height:36px !important;
        min-height:36px !important;
        padding-left:14px !important;
        padding-right:14px !important;
        border-radius:3px !important;
        font-size:13px !important;
        line-height:1 !important;
    }
}
#kboard-default-editor .kboard-control{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    gap:5px !important;
}
#kboard-default-editor .kboard-control .left,
#kboard-default-editor .kboard-control .right{
    display:flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:5px !important;
    float:none !important;
    flex-wrap:nowrap !important;
}
#kboard-default-editor .kboard-control .left{
    margin-left:auto !important;
}
#kboard-default-editor .kboard-control button.steel-gallery-save-button,
#kboard-default-editor form.kboard-form .kboard-control .right > button.steel-gallery-save-button,
body #kboard-default-editor .kboard-control button.kboard-default-button-small.steel-gallery-save-button{
    background:#b80000 !important;
    background-color:#b80000 !important;
    border:1px solid #a90000 !important;
    border-color:#a90000 !important;
    color:#ffffff !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    box-shadow:none !important;
}
#kboard-default-editor .kboard-control button.steel-gallery-save-button:hover,
#kboard-default-editor .kboard-control button.steel-gallery-save-button:focus,
#kboard-default-editor .kboard-control button.steel-gallery-save-button:active{
    background:#970000 !important;
    background-color:#970000 !important;
    border-color:#8f0000 !important;
    color:#ffffff !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .kboard-control,
    #kboard-default-editor .kboard-control .left,
    #kboard-default-editor .kboard-control .right{
        gap:5px !important;
    }
}
#kboard-default-editor .steel-gallery-attach-text{
    width:100% !important;
    margin-top:15px !important;
}
#kboard-default-editor .steel-gallery-content-label{
    display:block !important;
    margin:0 0 6px 0 !important;
    font-weight:600 !important;
}
#kboard-default-editor .steel-gallery-content-file-box{
    width:100% !important;
    border:1px solid #b8b8b8 !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-file-toolbar{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:42px !important;
    padding:5px 7px !important;
    gap:8px !important;
    border-bottom:1px solid #e3e3e3 !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-real-file-input{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
#kboard-default-editor .steel-gallery-file-select-button,
#kboard-default-editor .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-clear-pair{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:32px !important;
    margin:0 !important;
    padding:0 10px !important;
    border:1px solid #999 !important;
    border-radius:3px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:32px !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
#kboard-default-editor .steel-gallery-file-status{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#666 !important;
    font-size:13px !important;
    line-height:1.4 !important;
}

#kboard-default-editor .steel-gallery-clear-pair:disabled{
    opacity:.45 !important;
    cursor:default !important;
}
#kboard-default-editor .steel-gallery-content-file-box textarea{
    display:block !important;
    width:100% !important;
    min-height:90px !important;
    margin:0 !important;
    padding:10px !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    resize:vertical !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-file-pair input[type="file"]{
    border:0 !important;
}
#kboard-default-editor input::placeholder,
#kboard-default-editor textarea::placeholder{
    color:#999 !important;
    opacity:1 !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-file-toolbar{
        gap:6px !important;
        padding:5px !important;
    }
#kboard-default-editor .steel-gallery-file-select-button,
    #kboard-default-editor .steel-gallery-delete-existing,
    #kboard-default-editor .steel-gallery-clear-pair{
        height:30px !important;
        padding:0 8px !important;
        font-size:12px !important;
        line-height:30px !important;
    }
#kboard-default-editor .steel-gallery-file-status{
        font-size:12px !important;
    }
}
#kboard-default-editor .steel-gallery-title-row > .attr-value,
#kboard-default-editor .steel-gallery-meta-row > .attr-value{width:100% !important;max-width:none !important;margin-left:0 !important;padding-left:0 !important;box-sizing:border-box !important;}
#kboard-default-editor .steel-gallery-title-row{margin-top:-15px !important;}
#kboard-default-editor .steel-gallery-meta-row{margin-top:-24px !important;}
#kboard-default-editor .steel-gallery-title-row input,
#kboard-default-editor .steel-gallery-meta-row input{width:100% !important;box-sizing:border-box !important;}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-title-row{margin-top:-15px !important;}
#kboard-default-editor .steel-gallery-meta-row{margin-top:-24px !important;}
}
#kboard-default-editor .steel-gallery-title-row{
    margin-bottom:20px !important;
}
#kboard-default-editor .steel-gallery-meta-row{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
#kboard-default-editor .steel-gallery-option-thumbnail-row{
    position:relative !important;
    top:-12px !important;
    margin-bottom:-12px !important;
}
#kboard-default-editor .steel-gallery-dynamic-attachments{
    position:relative !important;
    top:-18px !important;
    margin-bottom:-18px !important;
}
#kboard-default-editor .steel-gallery-attach-text{
    margin-top:0 !important;
}
#kboard-default-editor .steel-gallery-content-label{
    display:none !important;
}
#kboard-default-editor .steel-gallery-content-file-box textarea{
    min-height:180px !important;
    height:180px !important;
}
#kboard-default-editor .steel-gallery-title-row input::placeholder,
#kboard-default-editor .steel-gallery-meta-row input::placeholder,
#kboard-default-editor .steel-gallery-content-file-box textarea::placeholder{
    color:#666 !important;
    opacity:1 !important;
    font-weight:500 !important;
}
#kboard-default-editor .steel-gallery-add-pair-wrap{
    margin-top:12px !important;
    margin-bottom:36px !important;
}
#kboard-default-editor .kboard-control{
    margin-top:48px !important;
}
#kboard-default-editor .steel-gallery-thumbnail-file-toolbar{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:42px !important;
    padding:5px 7px !important;
    gap:8px !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-thumbnail-real-input{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
#kboard-default-editor .steel-gallery-thumbnail-file-select-button,
#kboard-default-editor .steel-gallery-thumbnail-delete{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:32px !important;
    margin:0 !important;
    padding:0 10px !important;
    border:1px solid #999 !important;
    border-radius:3px !important;
    background:#fff !important;
    color:#333 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:32px !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
#kboard-default-editor .steel-gallery-thumbnail-file-status{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#666 !important;
    font-size:13px !important;
    line-height:1.4 !important;
}
#kboard-default-editor .steel-gallery-thumbnail-delete{
    margin-left:auto !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-option-thumbnail-row{
        top:-12px !important;
        margin-bottom:-12px !important;
    }
#kboard-default-editor .steel-gallery-dynamic-attachments{
        top:-18px !important;
        margin-bottom:-18px !important;
    }
#kboard-default-editor .steel-gallery-content-file-box textarea{
        min-height:180px !important;
        height:180px !important;
    }
#kboard-default-editor .steel-gallery-thumbnail-file-toolbar{
        min-height:40px !important;
        gap:6px !important;
        padding:5px !important;
    }
#kboard-default-editor .steel-gallery-thumbnail-file-select-button,
    #kboard-default-editor .steel-gallery-thumbnail-delete{
        height:30px !important;
        padding:0 8px !important;
        font-size:12px !important;
        line-height:30px !important;
    }
#kboard-default-editor .steel-gallery-thumbnail-file-status{
        font-size:12px !important;
    }
#kboard-default-editor .steel-gallery-add-pair-wrap{
        margin-bottom:36px !important;
    }
#kboard-default-editor .kboard-control{
        margin-top:48px !important;
    }
}
#kboard-default-editor .steel-gallery-meta-row{
    margin-bottom:24px !important;
}
#kboard-default-editor .steel-gallery-option-thumbnail-row{
    position:relative !important;
    top:0 !important;
    margin-top:24px !important;
    margin-bottom:0 !important;
}
#kboard-default-editor .steel-gallery-dynamic-attachments{
    position:relative !important;
    top:0 !important;
    margin-top:45px !important;
    margin-bottom:0 !important;
}
#kboard-default-editor .steel-gallery-file-select-button,
#kboard-default-editor .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-clear-pair{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:32px !important;
    margin:0 !important;
    padding:0 10px !important;
    border:1px solid #999 !important;
    border-radius:3px !important;
    background:#ffffff !important;
    color:#333333 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:32px !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}
#kboard-default-editor .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-clear-pair{
    margin-left:auto !important;
}
#kboard-default-editor .steel-gallery-file-select-button,
#kboard-default-editor .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-clear-pair{
    font-size:13px !important;
    font-weight:400 !important;
}
#kboard-default-editor .steel-gallery-file-status{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#666666 !important;
    font-size:13px !important;
    font-weight:400 !important;
}
#kboard-default-editor .steel-gallery-thumbnail-file-select-button,
#kboard-default-editor .steel-gallery-thumbnail-delete{
    height:32px !important;
    padding:0 10px !important;
    border:1px solid #999 !important;
    border-radius:3px !important;
    background:#ffffff !important;
    color:#333333 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:32px !important;
    box-shadow:none !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-meta-row{
        margin-bottom:24px !important;
    }
#kboard-default-editor .steel-gallery-option-thumbnail-row{
        top:0 !important;
        margin-top:24px !important;
        margin-bottom:0 !important;
    }
#kboard-default-editor .steel-gallery-dynamic-attachments{
        top:0 !important;
        margin-top:45px !important;
        margin-bottom:0 !important;
    }
#kboard-default-editor .steel-gallery-file-select-button,
    #kboard-default-editor .steel-gallery-delete-existing,
    #kboard-default-editor .steel-gallery-clear-pair,
    #kboard-default-editor .steel-gallery-thumbnail-file-select-button,
    #kboard-default-editor .steel-gallery-thumbnail-delete{
        height:30px !important;
        padding:0 8px !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:30px !important;
    }
#kboard-default-editor .steel-gallery-file-status,
    #kboard-default-editor .steel-gallery-thumbnail-file-status{
        font-size:12px !important;
        font-weight:400 !important;
    }
}
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-clear-pair{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;

    width:auto !important;
    min-width:0 !important;
    height:32px !important;

    padding:0 10px !important;

    border:1px solid #999999 !important;
    border-radius:3px !important;

    background:#ffffff !important;
    background-color:#ffffff !important;

    color:#333333 !important;

    font-family:inherit !important;
    font-size:13px !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:30px !important;

    text-decoration:none !important;
    text-align:center !important;

    box-shadow:none !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;

    -webkit-appearance:none !important;
    appearance:none !important;
}

#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-clear-pair{
    margin:0 0 0 auto !important;
}
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button:hover,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button:focus,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing:hover,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing:focus,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-clear-pair:hover,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-clear-pair:focus{
    border-color:#999999 !important;
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#333333 !important;
    box-shadow:none !important;
    outline:none !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button,
    #kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing,
    #kboard-default-editor .steel-gallery-content-file-box .steel-gallery-clear-pair{
        height:30px !important;
        padding:0 8px !important;
        border:1px solid #999999 !important;
        border-radius:3px !important;
        background:#ffffff !important;
        background-color:#ffffff !important;
        color:#333333 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:28px !important;
    }
}
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button,
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair,
#kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair:disabled{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    height:32px !important;
    padding:0 10px !important;

    border:1px solid #999999 !important;
    border-radius:3px !important;

    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#333333 !important;

    font-family:inherit !important;
    font-size:13px !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:30px !important;

    text-decoration:none !important;
    text-align:center !important;

    box-shadow:none !important;
    box-sizing:border-box !important;

    -webkit-appearance:none !important;
    appearance:none !important;

    opacity:1 !important;
    filter:none !important;
    text-shadow:none !important;
}
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button{
    margin:0 !important;
}
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing,
#kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair,
#kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair:disabled{
    margin:0 0 0 auto !important;
}
#kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair:disabled{
    cursor:default !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box .steel-gallery-file-select-button,
    #kboard-default-editor .steel-gallery-content-file-box .steel-gallery-delete-existing,
    #kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair,
    #kboard-default-editor .steel-gallery-content-file-box button.steel-gallery-clear-pair:disabled{
        height:30px !important;
        padding:0 8px !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:28px !important;
        border:1px solid #999999 !important;
        border-radius:3px !important;
        background:#ffffff !important;
        background-color:#ffffff !important;
        color:#333333 !important;
        opacity:1 !important;
    }
}
#kboard-default-editor .steel-gallery-meta-input-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}
#kboard-default-editor .steel-gallery-meta-input-wrap #steel-gallery-meta-description {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}
#kboard-default-editor .steel-gallery-meta-side {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    white-space: nowrap !important;
}
#kboard-default-editor #steel-gallery-meta-count {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #555555 !important;
}
#kboard-default-editor .steel-gallery-meta-count-guide {
    margin: 0 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #888888 !important;
}
@media  screen and (max-width: 600px) {
#kboard-default-editor .steel-gallery-meta-input-wrap {
        gap: 6px !important;
    }
#kboard-default-editor #steel-gallery-meta-count {
        font-size: 12px !important;
    }
#kboard-default-editor .steel-gallery-meta-count-guide {
        font-size: 9px !important;
    }
}
#kboard-default-editor .steel-gallery-meta-input-wrap {
    display: block !important;
    width: 100% !important;
}
#kboard-default-editor .steel-gallery-meta-input-wrap #steel-gallery-meta-description {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    resize: none !important;
    overflow-y: hidden !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    line-height: 1.5 !important;
}
#kboard-default-editor .steel-gallery-meta-side {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: baseline !important;
    gap: 5px !important;
    width: 100% !important;
    margin-top: 4px !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-align: right !important;
}
#kboard-default-editor #steel-gallery-meta-count {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #555555 !important;
}
#kboard-default-editor .steel-gallery-meta-count-guide {
    margin: 0 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #888888 !important;
}
@media  screen and (max-width: 600px) {
#kboard-default-editor .steel-gallery-meta-input-wrap #steel-gallery-meta-description {
        min-height: 36px !important;
        height: 36px;
        padding: 7px 10px !important;
        font-size: 13px !important;
    }
#kboard-default-editor #steel-gallery-meta-count {
        font-size: 12px !important;
    }
#kboard-default-editor .steel-gallery-meta-count-guide {
        font-size: 9px !important;
    }
}
#kboard-default-editor .steel-gallery-field-heading{
    display:block !important;
    width:100% !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
    float:none !important;
    text-align:left !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-title-row .steel-gallery-auto-grow-title{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    height:40px;
    margin:0 !important;
    padding:8px 12px !important;
    box-sizing:border-box !important;
    resize:none !important;
    overflow-y:hidden !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    line-height:1.5 !important;
}
#kboard-default-editor .steel-gallery-meta-row .steel-gallery-field-heading{
    margin-bottom:8px !important;
}
#kboard-default-editor .steel-gallery-attach-text > .steel-gallery-content-heading{
    margin-top:0 !important;
    margin-bottom:8px !important;
}
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
    display:block !important;
    width:100% !important;
    min-height:90px !important;
    height:90px;
    margin:0 !important;
    padding:10px !important;
    box-sizing:border-box !important;
    resize:none !important;
    overflow-y:hidden !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    line-height:1.5 !important;
}
#kboard-default-editor .steel-gallery-title-row textarea::placeholder,
#kboard-default-editor .steel-gallery-meta-row textarea::placeholder,
#kboard-default-editor .steel-gallery-content-file-box textarea::placeholder{
    color:#666666 !important;
    opacity:1 !important;
    font-weight:500 !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-title-row{
        margin-top:15px !important;
    }
#kboard-default-editor .steel-gallery-field-heading{
        font-size:13px !important;
        margin-bottom:7px !important;
    }
#kboard-default-editor .steel-gallery-title-row .steel-gallery-auto-grow-title{
        min-height:36px !important;
        height:36px;
        padding:7px 10px !important;
        font-size:13px !important;
    }
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
        min-height:90px !important;
        height:90px;
        font-size:13px !important;
    }
}
#kboard-default-editor .steel-gallery-field-heading{
    color:inherit !important;
}
#kboard-default-editor .steel-gallery-attach-text > .steel-gallery-content-heading{
    display:block !important;
    width:100% !important;
    margin:0 0 8px 0 !important;
}
#kboard-default-editor label.steel-gallery-field-heading{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
    float:none !important;
    overflow:visible !important;
    text-align:left !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
}
#kboard-default-editor label.steel-gallery-field-heading .field-name{
    display:inline !important;
    visibility:visible !important;
    opacity:1 !important;
    font:inherit !important;
    color:inherit !important;
}
#kboard-default-editor .steel-gallery-attach-text > label.steel-gallery-content-heading{
    display:block !important;
    margin:0 0 8px 0 !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor label.steel-gallery-field-heading{
        font-size:13px !important;
        margin-bottom:7px !important;
    }
}
#kboard-default-editor label.steel-gallery-field-heading{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}
#kboard-default-editor .steel-gallery-ui-heading{
    display:none !important;
}
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
    min-height:34px !important;
    height:34px;
    overflow-y:hidden !important;
    resize:none !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-meta-count-guide{
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
}
#kboard-default-editor #steel-gallery-meta-count{
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
        min-height:34px !important;
        height:34px;
    }
#kboard-default-editor .steel-gallery-meta-count-guide{
        font-size:12px !important;
    }
#kboard-default-editor #steel-gallery-meta-count{
        font-size:14px !important;
    }
}
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
    min-height:17px !important;
    height:17px;
}
#kboard-default-editor .steel-gallery-add-pair-wrap{
    margin:2px 0 12px !important;
}
#kboard-default-editor .steel-gallery-add-pair,
#kboard-default-editor .steel-gallery-add-pair:hover,
#kboard-default-editor .steel-gallery-add-pair:focus{
    font-size:14px !important;
    font-weight:600 !important;
    padding:4px 0 !important;
    line-height:1.2 !important;
}
#kboard-default-editor .steel-gallery-add-pair > span{
    font-size:18px !important;
    font-weight:700 !important;
    margin-right:3px !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
        min-height:17px !important;
        height:17px;
    }
#kboard-default-editor .steel-gallery-add-pair{
        font-size:13px !important;
    }
#kboard-default-editor .steel-gallery-add-pair > span{
        font-size:17px !important;
    }
}
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
    min-height:17px !important;
    height:17px;
    padding:3px 10px !important;
    overflow-y:hidden !important;
    resize:none !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-add-pair-wrap{
    margin:-3px 0 12px 28px !important;
}
#kboard-default-editor .steel-gallery-add-pair,
#kboard-default-editor .steel-gallery-add-pair:hover,
#kboard-default-editor .steel-gallery-add-pair:focus{
    font-size:11px !important;
    font-weight:600 !important;
    padding:2px 0 !important;
    line-height:1.1 !important;
}
#kboard-default-editor .steel-gallery-add-pair > span{
    font-size:14px !important;
    font-weight:700 !important;
    margin-right:2px !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
        min-height:17px !important;
        height:17px;
        padding:3px 8px !important;
    }
#kboard-default-editor .steel-gallery-add-pair-wrap{
        margin:-3px 0 10px 26px !important;
    }
#kboard-default-editor .steel-gallery-add-pair{
        font-size:10px !important;
    }
#kboard-default-editor .steel-gallery-add-pair > span{
        font-size:13px !important;
    }
}
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
    min-height:45px !important;
    height:45px !important;
    padding:8px 10px !important;
    line-height:1.45 !important;
    overflow-y:hidden !important;
    resize:none !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-add-pair,
#kboard-default-editor .steel-gallery-add-pair:hover,
#kboard-default-editor .steel-gallery-add-pair:focus{
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    padding:2px 0 !important;
}
#kboard-default-editor .steel-gallery-add-pair > span{
    font-size:16px !important;
    font-weight:700 !important;
    margin-right:2px !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
        min-height:45px !important;
        height:45px !important;
        padding:8px !important;
    }
#kboard-default-editor .steel-gallery-add-pair{
        font-size:12px !important;
    }
#kboard-default-editor .steel-gallery-add-pair > span{
        font-size:15px !important;
    }
}
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
    min-height:45px !important;
    height:auto !important;
    padding:8px 10px !important;
    line-height:1.45 !important;
    overflow-y:hidden !important;
    resize:none !important;
    box-sizing:border-box !important;
}
#kboard-default-editor .steel-gallery-add-pair,
#kboard-default-editor .steel-gallery-add-pair:hover,
#kboard-default-editor .steel-gallery-add-pair:focus{
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    padding:2px 0 !important;
}
#kboard-default-editor .steel-gallery-add-pair > span{
    font-size:18px !important;
    font-weight:700 !important;
    margin-right:2px !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-content-file-box textarea.steel-gallery-auto-grow-content{
        min-height:45px !important;
        height:auto !important;
        padding:8px !important;
    }
#kboard-default-editor .steel-gallery-add-pair{
        font-size:14px !important;
    }
#kboard-default-editor .steel-gallery-add-pair > span{
        font-size:17px !important;
    }
}
#kboard-default-editor label.steel-gallery-field-heading{
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    color:inherit !important;
}
#kboard-default-editor .steel-gallery-dynamic-attachments{
    margin-top:68px !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor label.steel-gallery-field-heading{
        font-size:13px !important;
    }
#kboard-default-editor .steel-gallery-dynamic-attachments{
        margin-top:68px !important;
    }
}
#kboard-default-editor .steel-gallery-title-row > label.attr-name.steel-gallery-field-heading,
#kboard-default-editor .steel-gallery-attach-text > label.attr-name.steel-gallery-field-heading{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 0 7px 0 !important;
    padding:0 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:#555555 !important;
    text-align:left !important;
    background:transparent !important;
    border:0 !important;
}
#kboard-default-editor .steel-gallery-title-row > label.attr-name.steel-gallery-field-heading .field-name,
#kboard-default-editor .steel-gallery-attach-text > label.attr-name.steel-gallery-field-heading .field-name{
    font:inherit !important;
    color:inherit !important;
}
@media  screen and (max-width:700px){
#kboard-default-editor .steel-gallery-title-row > label.attr-name.steel-gallery-field-heading,
    #kboard-default-editor .steel-gallery-attach-text > label.attr-name.steel-gallery-field-heading{
        font-size:13px !important;
    }
}
#kboard-default-editor .steel-gallery-title-row .steel-gallery-inline-field-heading,
#kboard-default-editor .steel-gallery-meta-row .steel-gallery-meta-inline-heading {
    display:block !important;
    width:100% !important;
    float:none !important;
    text-align:left !important;
    padding:0 !important;
    margin:0 0 8px 0 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:600 !important;
    font-style:normal !important;
    line-height:normal !important;
    color:inherit !important;
    background:transparent !important;
    border:0 !important;
}


/* steel-basic-22 : view MP4 inline media */
#kboard-default-document .steel-basic-view-video{width:100%;margin:0 0 40px;padding:0;box-sizing:border-box;}
#kboard-default-document .steel-basic-view-video video{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;background:#000;box-sizing:border-box;}

/* ============================================================
   STEEL BASIC v38 - MOBILE LIST SAFE RESET
   PC rules untouched. Mobile list only.
   Reply indentation intentionally disabled on mobile.
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:12px !important;
        padding-right:12px !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-list{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table{
        display:table !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        table-layout:auto !important;
        border-collapse:collapse !important;
        border-spacing:0 !important;
    }

    /* 모바일은 제목 한 열만 사용한다. */
    #kboard-default-list.steel-basic-board .steel-basic-standard-table col.steel-col-uid,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table col.steel-col-user,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table col.steel-col-date{
        display:none !important;
        width:0 !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table col.steel-col-title{
        display:table-column !important;
        width:100% !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table thead{
        display:none !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody{
        display:table-row-group !important;
        width:auto !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody tr{
        display:table-row !important;
        width:auto !important;
        max-width:none !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        position:static !important;
        float:none !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        background:#fff !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-uid,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-user,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-date{
        display:none !important;
        width:0 !important;
        min-width:0 !important;
        max-width:0 !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        overflow:hidden !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title{
        display:table-cell !important;
        position:static !important;
        float:none !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:auto !important;
        margin:0 !important;
        padding:12px 8px !important;
        border:0 !important;
        border-bottom:1px solid #e5e5e5 !important;
        background:#fff !important;
        text-align:left !important;
        vertical-align:middle !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title > a{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        position:static !important;
        float:none !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
        text-decoration:none !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-title-line,
    #kboard-default-list.steel-basic-board .steel-basic-reply-line{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:4px !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        position:static !important;
        float:none !important;
        transform:none !important;
        left:auto !important;
        right:auto !important;
        text-indent:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
        font-size:14px !important;
        line-height:1.45 !important;
    }

    /* 모바일에서는 답글 단계별 들여쓰기를 사용하지 않는다. */
    #kboard-default-list.steel-basic-board .steel-basic-reply-line{
        margin-left:0 !important;
        padding-left:0 !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-reply-icon{
        display:inline-flex !important;
        flex:0 0 auto !important;
        margin:0 2px 0 0 !important;
        padding:0 !important;
        font-size:14px !important;
        line-height:1 !important;
        color:#999 !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-title-text{
        display:block !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        font-size:14px !important;
        line-height:1.45 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        word-break:normal !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-file-icon{
        flex:0 0 auto !important;
        width:12px !important;
        height:auto !important;
        margin-left:2px !important;
    }

    /* 뷰 화면 아래에 삽입되는 동일 리스트도 같은 모바일 규칙 적용 */
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* ============================================================
   STEEL BASIC v39
   - PC/Mobile: secret lock appears immediately after title
   - Mobile: second line = writer   HH:MM
   - Desktop layout remains unchanged
   ============================================================ */


@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title{
        padding-top:8px !important;
        padding-bottom:8px !important;
        vertical-align:middle !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title > a{
        height:auto !important;
        min-height:0 !important;
        line-height:normal !important;
        overflow:visible !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-title-line,
    #kboard-default-list.steel-basic-board .steel-basic-reply-line{
        height:auto !important;
        min-height:0 !important;
        line-height:1.45 !important;
        overflow:visible !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-title-text{
        line-height:1.45 !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        display:block !important;
        width:100% !important;
        margin:4px 0 0 0 !important;
        padding:0 !important;
        color:#777 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
        white-space:nowrap !important;
        text-align:left !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
}

/* ============================================================
   STEEL BASIC v40 - MOBILE TITLE META LINE FIX
   제목 아래: [공백 1]글쓴이[공백 3]HH:MM
   PC에는 영향 없음
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody tr,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td,
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title{
        height:auto !important;
        min-height:0 !important;
        line-height:normal !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title > a{
        display:block !important;
        height:auto !important;
        min-height:0 !important;
        line-height:normal !important;
        overflow:visible !important;
        white-space:normal !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-title-line,
    #kboard-default-list.steel-basic-board .steel-basic-reply-line{
        display:flex !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        line-height:1.45 !important;
        align-items:center !important;
        overflow:visible !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        display:block !important;
        clear:both !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        margin:5px 0 0 0 !important;
        padding:0 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:1.4 !important;
        color:#777 !important;
        text-align:left !important;
        white-space:nowrap !important;
        overflow:visible !important;
    }
}

/* ============================================================
   STEEL BASIC v41 - MOBILE META AS INDEPENDENT SECOND LINE
   제목 링크 바깥에 메타 줄을 두어 모바일에서 확실히 표시
   PC: 숨김 유지
   ============================================================ */
#kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
    display:none !important;
}
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title{
        height:auto !important;
        min-height:0 !important;
        padding-top:8px !important;
        padding-bottom:8px !important;
        overflow:visible !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-standard-table tbody td.kboard-list-title > a{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        display:block !important;
        position:static !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        height:auto !important;
        min-height:16px !important;
        margin:4px 0 0 0 !important;
        padding:0 !important;
        color:#777 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:16px !important;
        text-align:left !important;
        white-space:nowrap !important;
        overflow:visible !important;
        visibility:visible !important;
        opacity:1 !important;
    }
}

/* ============================================================
   STEEL BASIC v43 - MOBILE META FOLLOWS REPLY DEPTH
   제목의 답글 들여쓰기 값과 글쓴이/시간 줄의 시작점을 동일하게 맞춤
   PC 영향 없음
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        box-sizing:border-box !important;
        padding-left:var(--steel-reply-indent, 0px) !important;
    }
}



/* ============================================================
   STEEL BASIC v44 - MOBILE META DETAIL SPACING
   - writer/time line closer to title
   - two leading spaces before writer
   - wider gap between writer and HH:MM
   - reply-depth alignment from v43 preserved
   - PC unaffected
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        margin-top:1px !important;
        line-height:15px !important;
    }
}


/* STEEL BASIC v45 - mobile writer/time final detail */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        margin-top:-3px !important;
        line-height:14px !important;
    }
}

/* STEEL BASIC v46 - mobile meta pulled tightly under title */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-meta{
        margin-top:-9px !important;
        line-height:13px !important;
    }
}


/* ============================================================
   v47 - 원글 제목 앞 밝은 회색 마킹
   답글(↳)에는 표시하지 않음
   ============================================================ */
#kboard-default-list.steel-basic-board .steel-basic-root-dot{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    margin:0 1px 0 0 !important;
    padding:0 !important;
    color:#c8c8c8 !important;
    font-size:3em !important;
    font-weight:400 !important;
    line-height:0.34 !important;
    color:#d3d3d3 !important;
}


/* ============================================================
   STEEL BASIC v49 - actual total count + PC reply spacer
   - reply spacer is PC only; mobile hierarchy remains unchanged
   ============================================================ */
#kboard-default-list.steel-basic-board .steel-basic-pc-reply-spacer{
    display:inline !important;
}
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-pc-reply-spacer{
        display:none !important;
    }
}


/* ============================================================
   STEEL BASIC v50 - sequential PC numbers + mobile reply spacer
   ============================================================ */
#kboard-default-list.steel-basic-board .steel-basic-mobile-reply-spacer{
    display:none !important;
}
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-reply-spacer{
        display:inline !important;
    }
}

/* ============================================================
   STEEL BASIC v56 - PC editor content typography matches view
   - PC 글쓰기 본문 입력 글꼴/크기/행간을 뷰 본문과 동일하게 맞춤
   - 모바일은 기존 상태 유지
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-editor .steel-sssart-content-row textarea,
    #kboard-default-editor .steel-sssart-kboard-content textarea,
    #kboard-default-editor textarea[name="content"],
    #kboard-default-editor textarea.wp-editor-area{
        font-family:Arial, "Noto Sans KR", "Malgun Gothic", sans-serif !important;
        font-size:16px !important;
        font-weight:400 !important;
        line-height:1.75 !important;
        letter-spacing:normal !important;
    }
}
nn/* ============================================================\n   steel-basic - 뷰 하단 List 제목 + 구분선\n   PC 28px / 모바일 26px\n   ============================================================ */n#kboard-default-document .steel-basic-document-list-heading{n    display:block !important;n    width:100% !important;n    box-sizing:border-box !important;n    margin:45px 0 28px !important;n    padding:0 0 12px !important;n    border-bottom:1px solid #cfcfcf !important;n    color:#555 !important;n    font-size:28px !important;n    font-weight:500 !important;n    line-height:1.3 !important;n    text-align:left !important;n}n@media screen and (max-width:700px){n    #kboard-default-document .steel-basic-document-list-heading{n        margin:35px 0 0 !important;n        padding-bottom:10px !important;n        font-size:26px !important;n    }n}nnn/* ============================================================
   steel-basic-11 - 모바일 뷰 하단 리스트 상단 구조 통일
   - List 가로선 바로 아래: 전체 건수(좌) + 글쓰기(우)
   - 그 아래 회색 안내 바: 제목 / 글쓴이 + 날짜
   - 번호 제외
   - PC 뷰의 제목/글쓴이/날짜 숨김
   ============================================================ */
.steel-basic-mobile-list-guide{
    display:none;
}

@media screen and (max-width:700px){
    /* List 제목의 가로선 바로 아래에 목록 상단을 붙임 */
    #kboard-default-document .steel-basic-document-list-heading{
        margin-bottom:0 !important;
    }
    #kboard-default-document .steel-basic-document-list{
        margin-top:0 !important;
    }

    /* 뷰 하단에도 list.php와 같은 전체건수 + 글쓰기 */
    #kboard-default-document .steel-basic-document-list .steel-basic-list-top{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
        margin:0 !important;
        padding:10px 0 8px !important;
        box-sizing:border-box !important;
    }
    #kboard-default-document .steel-basic-document-list .steel-basic-total{
        display:flex !important;
    }
    #kboard-default-document .steel-basic-document-list .steel-basic-write-button{
        display:inline-flex !important;
    }
    #kboard-default-document .steel-basic-document-list .steel-basic-bottom-control{
        display:none !important;
    }

    /* 일반 리스트/뷰 하단 리스트 공통 회색 안내 바 */
    #kboard-default-list.steel-basic-board .steel-basic-mobile-list-guide{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:8px 38px 7px !important;
        background:#f3f3f3 !important;
        color:#777 !important;
        text-align:left !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title{
        margin:0 !important;
        padding:0 !important;
        font-size:11px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        margin:2px 0 0 10px !important;
        padding:0 !important;
        font-size:11px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
    }
}

@media screen and (min-width:701px){
    /* PC 뷰: 글쓴이 / 날짜 출력 제거 (제목은 표시) */
    #kboard-default-document .steel-basic-view-info{
        display:none !important;
    }
}


/* ============================================================
   steel-basic-13 - 모바일 안내 바 정렬
   PC에서는 안내 문구 HTML 자체를 list.php에서 생성하지 않음
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title{
        margin-left:-10px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        margin-left:10px !important;
    }
}

/* ============================================================
   steel-basic-14 - 모바일 안내바 최종 정렬 / PC 완전 제거
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-list-guide,
    #kboard-default-document .steel-basic-document-list .steel-basic-mobile-list-guide{
        display:none !important;
    }
}
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title,
    #kboard-default-document .steel-basic-document-list .steel-basic-mobile-guide-title{
        margin-left:-20px !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta,
    #kboard-default-document .steel-basic-document-list .steel-basic-mobile-guide-meta{
        margin-left:10px !important;
    }
}


/* ============================================================
   steel-basic-15 - mobile guide: PHP에서 모바일일 때만 생성
   PC에는 제목 / 글쓴이 + 날짜 안내 HTML 자체가 생성되지 않음
   모바일 제목만 기존 위치에서 정확히 20px 좌측 이동
   ============================================================ */


/* ============================================================
   steel-basic-21 - 모바일 뷰 버튼 및 List 영역 최종 배치
   ============================================================ */
@media screen and (max-width:700px){
    /* 수정/삭제/답변 버튼을 한 줄 오른쪽에 배치 */
    #kboard-default-document .steel-basic-view-controls{
        display:flex !important;
        justify-content:flex-end !important;
        width:100% !important;
    }
    #kboard-default-document .steel-basic-view-controls-right{
        display:flex !important;
        justify-content:flex-end !important;
        margin-left:auto !important;
        gap:5px !important;
    }

    /* List 선과 회색 안내 바를 바로 이어 붙임 */
    #kboard-default-document .steel-basic-document-list-heading-row,
    #kboard-default-document .steel-basic-document-list-heading,
    #kboard-default-document .steel-basic-document-list{
        margin-bottom:0 !important;
    }
    #kboard-default-document .steel-basic-document-list{
        margin-top:0 !important;
        padding-top:0 !important;
    }

    /* 페이지 네비게이션 아래 복제된 글쓰기 버튼 */
    #kboard-default-document .steel-basic-document-list .steel-basic-bottom-control{
        display:flex !important;
        justify-content:flex-end !important;
        width:100% !important;
        margin:12px 0 0 !important;
        padding:0 !important;
    }
    #kboard-default-document .steel-basic-document-list .steel-basic-bottom-control .steel-basic-write-button{
        display:inline-flex !important;
    }
}

/* ============================================================
   steel-basic-22 - 모바일 뷰 List 간격 + 하단 글쓰기 확정
   ============================================================ */
.steel-basic-document-bottom-write{
    display:none;
}
@media screen and (max-width:700px){
    /* builderList 내부의 기존 하단 버튼은 숨기고 뷰 전용 버튼 하나만 사용 */
    #kboard-default-document .steel-basic-document-list .steel-basic-bottom-control{
        display:none !important;
    }
    #kboard-default-document .steel-basic-document-bottom-write{
        display:flex !important;
        justify-content:flex-end !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:8px 0 0 !important;
        padding:0 !important;
    }
    #kboard-default-document .steel-basic-document-bottom-write .steel-basic-write-button{
        display:inline-flex !important;
        background:#ff315f !important;
        color:#fff !important;
    }
}

/* ============================================================
   steel-basic-18 - 모바일 리스트 안내바 글자 축소 + 밝은 회색 배경
   PC에는 적용하지 않음
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-list-guide{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:7px 38px 6px !important;
        background:#f3f3f3 !important;
        color:#888 !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title,
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        font-size:9px !important;
        font-weight:400 !important;
        line-height:1.3 !important;
    }
}


/* ============================================================
   steel-basic-16 - 모바일 안내바 최종 위치 / PC 안내문 완전 제거
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-list-guide{
        display:none !important;
    }
}
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-list-guide{
        display:block !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title{
        margin-left:0 !important;
        transform:translateX(-20px) !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        transform:none !important;
    }
}

/* ============================================================
   steel-basic-9 - 모바일 뷰 하단 상단 순서 확정
   전체 건수 + 글쓰기 -> 회색 안내 바
   PC 변경 없음
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top{
        display:flex !important;
        margin:0 !important;
        padding:10px 0 8px !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-mobile-list-guide{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:7px 46px 6px !important;
        background:#eeeeee !important;
        color:#777 !important;
        text-align:left !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-mobile-list-guide .steel-basic-mobile-guide-title{
        margin:0 0 0 -20px !important;
        padding:0 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:1.3 !important;
        transform:none !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-mobile-list-guide .steel-basic-mobile-guide-meta{
        margin:2px 0 0 10px !important;
        padding:0 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:1.3 !important;
        transform:none !important;
    }
}
@media screen and (min-width:701px){
    #kboard-default-list.steel-basic-board > .steel-basic-mobile-list-guide{
        display:none !important;
    }
}

/* ============================================================
   VIEW: 리스트와 동일한 전체 건수 + 글쓰기 / 하단 글쓰기
   2026-09-11
   ============================================================ */

/* 뷰 하단 List의 번호/목록 바로 위: 전체 건수(좌) + 글쓰기(우) */
#kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    box-sizing:border-box !important;
}

#kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top .steel-basic-total{
    display:block !important;
}

#kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top .steel-basic-write-button{
    display:inline-flex !important;
    margin-left:auto !important;
    margin-right:0 !important;
}

/* 뷰 화면 맨 아래 우측 글쓰기 버튼 */
#kboard-default-document .steel-basic-document-bottom-write{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    text-align:right !important;
}

#kboard-default-document .steel-basic-document-bottom-write .steel-basic-write-button{
    display:inline-flex !important;
    margin-left:auto !important;
    margin-right:0 !important;
}


/* ============================================================
   전체 건수 회색 박스 - 새로 생성
   기존 .steel-basic-total 규칙과 완전히 분리
   PC + 모바일 공통
   ============================================================ */
#kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox,
#kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox{
    display:grid !important;
    place-items:center !important;
    width:auto !important;
    min-width:86px !important;
    height:36px !important;
    margin:0 !important;
    padding:0 12px !important;
    box-sizing:border-box !important;
    background:#d9d9d9 !important;
    border:0 !important;
    border-radius:3px !important;
    color:#555 !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-align:center !important;
    vertical-align:middle !important;
}

#kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox > span,
#kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox > span{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    line-height:1 !important;
    text-align:center !important;
}

@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox,
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox{
        min-width:78px !important;
        height:30px !important;
        padding:0 8px !important;
        font-size:11px !important;
    }
}

/* ============================================================
   2026-09-11 PC VIEW - List 바로 아래 전체 건수 + 글쓰기 밀착
   모바일은 변경하지 않음
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-document .steel-basic-document-list-heading{
        margin-bottom:0 !important;
        padding-bottom:4px !important;
    }
    #kboard-default-document .steel-basic-document-list{
        margin-top:0 !important;
        padding-top:0 !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top{
        margin-top:2px !important;
        margin-bottom:8px !important;
        padding-top:0 !important;
    }
}


/* ============================================================
   2026-09-12 VIEW List final spacing/type
   PC: List 24px normal, buttons↔List 200px (single margin), line↔total 150px
   Mobile: List 20px normal, existing spacing preserved
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-document .steel-basic-bottom-edit-controls{
        margin-bottom:200px !important;
        padding-bottom:0 !important;
    }
    #kboard-default-document .steel-basic-document-list-heading-row .steel-basic-document-list-heading{
        margin-top:0 !important;
        margin-bottom:0 !important;
        font-size:24px !important;
        font-weight:400 !important;
    }
    #kboard-default-document .steel-basic-document-list{
        margin-top:150px !important;
        padding-top:0 !important;
    }
}
@media screen and (max-width:700px){
    #kboard-default-document .steel-basic-document-list-heading-row .steel-basic-document-list-heading{
        font-size:20px !important;
        font-weight:400 !important;
    }
}

/* steel-basic-12: 관리자 목록 선택 / 선택 삭제 */
#kboard-default-list .steel-col-check{width:38px;}
#kboard-default-list .steel-basic-admin-check{width:38px;text-align:center;vertical-align:middle;}
#kboard-default-list .steel-basic-admin-check input{width:14px;height:14px;margin:0;vertical-align:middle;cursor:pointer;}
#kboard-default-list .steel-basic-bottom-control{display:flex;justify-content:flex-end;align-items:center;gap:6px;}
#kboard-default-list .steel-basic-selected-delete-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:0;border-radius:0;background:#555;color:#fff;font-size:14px;line-height:34px;cursor:pointer;box-sizing:border-box;}
#kboard-default-list .steel-basic-selected-delete-button:hover{background:#444;color:#fff;}
@media screen and (max-width:700px){
  #kboard-default-list .steel-col-check{width:28px;}
  #kboard-default-list .steel-basic-admin-check{width:28px;min-width:28px;padding-left:2px;padding-right:2px;}
  #kboard-default-list .steel-basic-admin-check input{width:13px;height:13px;}
  #kboard-default-list .steel-basic-selected-delete-button{min-height:32px;padding:0 10px;font-size:13px;line-height:32px;}
}

/* ============================================================
   2026-09-23 MOBILE LIST CONTROLS
   - PC unchanged
   - total / selected delete / write: same size and typography
   - selected delete sits next to write
   - mobile guide typography matches write button
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board > .steel-basic-list-top{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:0 !important;
    }

    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox,
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-selected-delete-button,
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-write-button{
        width:70px !important;
        min-width:70px !important;
        max-width:70px !important;
        height:34px !important;
        min-height:34px !important;
        padding:0 !important;
        box-sizing:border-box !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:34px !important;
        text-align:center !important;
        align-items:center !important;
        justify-content:center !important;
    }

    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox{
        margin-right:auto !important;
    }

    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-selected-delete-button{
        margin:0 5px 0 0 !important;
    }

    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-write-button{
        margin:0 !important;
    }

    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title,
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        font-size:12px !important;
        font-weight:400 !important;
    }
}

/* ============================================================
   2026-09-23 MOBILE LIST GUIDE POSITION
   - mobile only
   - preserve current height/layout; move labels 20px right only
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title,
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        transform:translateX(20px) !important;
    }
}

/* 2026-09-23 MOBILE: move only the '제목' guide 5px left from current position */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title{
        transform:translateX(15px) !important;
    }
}

/* 2026-09-23 MOBILE: fine tune list guide labels only */
@media screen and (max-width:700px){
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-title{
        transform:translateX(12px) !important;
    }
    #kboard-default-list.steel-basic-board .steel-basic-mobile-guide-meta{
        transform:translateX(23px) !important;
    }
}

/* ============================================================
   2026-09-23 MOBILE VIEW BOTTOM LIST CONTROLS
   - document view bottom list only
   - keep total count at left
   - move selected delete next to write button
   - PC/editor untouched
   ============================================================ */
@media screen and (max-width:700px){
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:0 !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox{
        margin-right:auto !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-selected-delete-button{
        margin:0 5px 0 0 !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-write-button{
        margin:0 !important;
    }
}

/* ============================================================
   2026-09-23 PC VIEW BOTTOM LIST CONTROLS
   - document view bottom list only
   - keep total count at left
   - selected delete immediately left of write button
   - editor/mobile untouched
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:0 !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox{
        margin-right:auto !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-selected-delete-button{
        margin:0 5px 0 0 !important;
    }
    #kboard-default-document .steel-basic-document-list #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-write-button{
        margin:0 !important;
    }
}

/* ============================================================
   2026-09-24 PC LIST ONLY - selected delete next to write
   - keep total count in its current left position
   - move only selected delete to immediately left of write
   - mobile/editor/view layout otherwise unchanged
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-selected-delete-button{
        margin-left:auto !important;
        margin-right:5px !important;
    }
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-write-button{
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* ============================================================
   steel-basic-57 - PC list top controls only
   - total count stays left
   - selected delete sits immediately left of write
   - mobile/editor/view-specific rules unchanged
   ============================================================ */
@media screen and (min-width:701px){
    #kboard-default-list.steel-basic-board > .steel-basic-list-top{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-total-centerbox{
        margin-left:0 !important;
        margin-right:auto !important;
    }
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-selected-delete-button{
        margin-left:0 !important;
        margin-right:5px !important;
    }
    #kboard-default-list.steel-basic-board > .steel-basic-list-top > .steel-basic-write-button{
        margin-left:0 !important;
        margin-right:0 !important;
    }
}