@charset "utf-8";
/* Dev.M board system */
.devm01-board,
.devm01-board-view,
.devm01-board-write{
	max-width:var(--devm01-inner);
	margin:0 auto 120px;
	color:var(--c-fg);
}
.devm01-board a,
.devm01-board-view a,
.devm01-board-write a{
	color:inherit;
}
.devm01-board-cate{
	margin:0 0 30px;
}
.devm01-board-cate ul{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}
.devm01-board-cate a{
	display:flex;
	align-items:center;
	min-height:42px;
	padding:0 18px;
	border:1px solid var(--devm01-gray-200);
	border-radius:999px;
	background-color:var(--c-surface, #fff);
	color:var(--devm01-gray-600);
}
.devm01-board-cate #bo_cate_on,
.devm01-board-cate a:hover{
	background:var(--c-primary);
	border-color:var(--c-primary);
	color:var(--c-surface, #fff);
}
.devm01-board-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:32px;
	padding:26px 30px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-lg);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-board-total{
	color:var(--devm01-gray-600);
	font-family:var(--devm01-font-en);
}
.devm01-board-total strong{
	color:var(--c-primary);
	font-size:28px;
}
.devm01-board-total span{
	margin-left:10px;
	color:var(--devm01-gray-400);
}
.devm01-board-actions,
.devm01-board-bulk,
.devm01-view-actions,
.devm01-view-bottom,
.devm01-write-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}
.devm01-board-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-width:86px;
	height:44px;
	padding:0 18px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-btn);
	background-color:var(--c-surface, #fff);
	color:var(--c-primary);
	cursor:pointer;
	transition:all var(--devm01-duration) var(--devm01-ease);
}
.devm01-board-btn.is-primary{
	background:var(--c-accent);
	border-color:var(--c-accent);
	color:var(--c-surface, #fff);
}
.devm01-board-btn.is-ghost{
	background-color:var(--c-surface, #fff);
}
.devm01-board-btn:hover{
	transform:translateY(-2px);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-category-label,
.devm01-badge{
	display:inline-flex;
	align-items:center;
	height:26px;
	padding:0 10px;
	border-radius:999px;
	background:var(--c-surface-3, #EAF4FF);
	color:var(--c-accent);
	font-size:16px;
	vertical-align:middle;
}
.devm01-badge{
	background:var(--c-primary);
	color:var(--c-surface, #fff);
}
.devm01-empty{
	padding:80px 20px !important;
	text-align:center;
	color:var(--devm01-gray-500);
	background:var(--c-surface-2, #F8FAFC);
	border-radius:var(--devm01-radius-lg);
}
.devm01-board-table{
	overflow:hidden;
	border-top:2px solid var(--c-primary);
	border-radius:var(--devm01-radius-lg) var(--devm01-radius-lg) 0 0;
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-board-table table{
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.devm01-board-table caption{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}
.devm01-board-table th{
	height:58px;
	background:var(--c-surface-2, #F8FAFC);
	color:var(--devm01-gray-700);
	font-size:16px;
}
.devm01-board-table td{
	height:74px;
	padding:0 14px;
	border-top:1px solid var(--devm01-gray-200);
	text-align:center;
	color:var(--devm01-gray-600);
}
.devm01-board-table .subject{
	text-align:left;
	color:var(--c-fg);
}
.devm01-board-table .subject > a:last-child{
	display:inline-block;
	max-width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}
.devm01-board-table tr:hover td{
	background:var(--c-surface-2, #F8FAFC);
}
.devm01-board-table tr.is-notice td{
	background:var(--c-surface-2, #F4F8FF);
}
.devm01-board-table .chk{
	width:52px;
}
.devm01-card-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}
.devm01-board-card{
	overflow:hidden;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-lg);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
	transition:transform var(--devm01-duration) var(--devm01-ease),
box-shadow var(--devm01-duration) var(--devm01-ease);
}
.devm01-board-card:hover{
	transform:translateY(-8px);
	box-shadow:var(--devm01-shadow-floating);
}
.devm01-board-card__img{
	display:block;
	overflow:hidden;
	aspect-ratio:3/2;
	background:var(--c-surface-2, #F4F7FA);
}
.devm01-board-card__img img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 500ms var(--devm01-ease);
}
.devm01-board-card:hover img{
	transform:scale(1.06);
}
.devm01-board-card__body{
	padding:26px;
}
.devm01-board-card h3{
	margin:14px 0 12px;
	color:var(--c-fg);
	font-size:21px;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:-.04em;
}
.devm01-board-card p{
	min-height:52px;
	margin:0;
	color:var(--devm01-gray-600);
	line-height:1.65;
}
.devm01-card-meta{
	display:flex;
	justify-content:space-between;
	gap:12px;
	margin-top:20px;
	color:var(--devm01-gray-400);
	font-size:16px;
}
.devm01-webzine-list{
	display:grid;
	gap:22px;
}
.devm01-webzine-card{
	display:grid;
	grid-template-columns:300px 1fr;
	gap:30px;
	padding:24px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-lg);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-webzine-card.is-featured{
	grid-template-columns:1fr 1fr;
	min-height:340px;
	background:var(--c-surface-2, #F8FAFC);
}
.devm01-webzine-img{
	overflow:hidden;
	border-radius:var(--devm01-radius-card);
	background:var(--devm01-gray-200, #E5EAF0);
}
.devm01-webzine-img img{
	width:100%;
	height:100%;
	min-height:200px;
	object-fit:cover;
}
.devm01-webzine-body{
	align-self:center;
}
.devm01-webzine-body h3{
	margin:14px 0;
	font-size:25px;
	line-height:1.36;
	font-weight:bold;
	letter-spacing:-.04em;
}
.devm01-webzine-body p{
	color:var(--devm01-gray-600);
	line-height:1.75;
}
.devm01-webzine-body time{
	color:var(--devm01-gray-400);
	font-family:var(--devm01-font-en);
}
.devm01-faq-board{
	border-top:2px solid var(--c-primary);
}
.devm01-faq-row{
	border-bottom:1px solid var(--devm01-gray-200);
	background-color:var(--c-surface, #fff);
}
.devm01-faq-row > button{
	display:flex;
	align-items:center;
	width:100%;
	min-height:78px;
	padding:0 26px;
	border:0;
	background-color:var(--c-surface, #fff);
	color:var(--c-fg);
	font-size:19px;
	text-align:left;
	cursor:pointer;
}
.devm01-faq-row > button span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	margin-right:16px;
	border-radius:50%;
	background:var(--c-primary);
	color:var(--c-surface, #fff);
	font-family:var(--devm01-font-en);
}
.devm01-faq-row > button i{
	margin-left:auto;
	color:var(--c-accent);
	font-style:normal;
}
.devm01-faq-answer{
	display:none;
	grid-template-columns:34px 1fr auto;
	gap:16px;
	padding:0 26px 30px 26px;
	color:var(--devm01-gray-600);
	line-height:1.75;
}
.devm01-faq-row.is-open .devm01-faq-answer{
	display:grid;
}
.devm01-faq-answer > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	background:var(--c-surface-3, #EAF4FF);
	color:var(--c-accent);
	font-family:var(--devm01-font-en);
}
.devm01-faq-answer a{
	align-self:start;
	color:var(--c-accent);
}
.devm01-resource-list{
	display:grid;
	gap:16px;
}
.devm01-resource-row{
	display:grid;
	grid-template-columns:72px 1fr auto;
	gap:24px;
	align-items:center;
	padding:26px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-lg);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-file-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:72px;
	height:72px;
	border-radius:18px;
	background:var(--c-primary);
	color:var(--c-surface, #fff);
	font-family:var(--devm01-font-en);
}
.devm01-resource-body h3{
	margin:8px 0;
	font-size:21px;
	font-weight:bold;
}
.devm01-resource-body p{
	margin:0;
	color:var(--devm01-gray-600);
}
.devm01-resource-meta{
	display:grid;
	gap:10px;
	justify-items:end;
	color:var(--devm01-gray-400);
	font-size:16px;
}
.devm01-resource-meta a{
	display:flex;
	align-items:center;
	height:40px;
	padding:0 16px;
	border-radius:var(--devm01-radius-btn);
	background:var(--c-accent);
	color:var(--c-surface, #fff);
}
.devm01-board-search{
	display:none;
	margin-top:30px;
	padding:28px;
	border-radius:var(--devm01-radius-lg);
	background:var(--c-surface-2, #F8FAFC);
	border:1px solid var(--devm01-gray-200);
}
.devm01-board-search.is-open{
	display:block;
}
.devm01-board-search form{
	display:grid;
	grid-template-columns:180px 1fr auto auto;
	gap:10px;
}
.devm01-board-search select,
.devm01-board-search input{
	height:48px;
	padding:0 14px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-btn);
	background-color:var(--c-surface, #fff);
}
.devm01-board-search button{
	height:48px;
	padding:0 18px;
	border:0;
	border-radius:var(--devm01-radius-btn);
	background:var(--c-primary);
	color:var(--c-surface, #fff);
}
.devm01-board .pg_wrap,
.devm01-board-view .pg_wrap{
	margin:42px 0;
	text-align:center;
}
.devm01-board .pg a,
.devm01-board .pg strong{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	height:40px;
	margin:0 3px;
	border:1px solid var(--devm01-gray-200);
	border-radius:50%;
	background-color:var(--c-surface, #fff);
	color:var(--devm01-gray-600);
}
.devm01-board .pg strong{
	background:var(--c-primary);
	color:var(--c-surface, #fff);
	border-color:var(--c-primary);
}
.devm01-board-view{
	max-width:1080px;
}
.devm01-view-head{
	padding:48px 0 42px;
	border-top:2px solid var(--c-primary);
	border-bottom:1px solid var(--devm01-gray-200);
}
.devm01-view-head h1{
	margin:16px 0 18px;
	color:var(--c-fg);
	font-size:38px;
	line-height:1.35;
	font-weight:bold;
	letter-spacing:-.05em;
}
.devm01-view-meta{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	color:var(--devm01-gray-500);
	font-size:16px;
}
.devm01-view-actions{
	margin-top:28px;
}
.devm01-view-content{
	padding:56px 0;
	border-bottom:1px solid var(--devm01-gray-200);
}
.devm01-view-images{
	margin-bottom:34px;
	text-align:center;
}
.devm01-view-images img{
	max-width:100%;
	border-radius:var(--devm01-radius-lg);
}
#bo_v_con{
	color:var(--devm01-gray-800);
	font-size:17px;
	line-height:1.85;
}
#bo_v_con img{
	max-width:100%;
	height:auto;
}
.devm01-view-file{
	margin:36px 0;
	padding:28px;
	border-radius:var(--devm01-radius-lg);
	background:var(--c-surface-2, #F8FAFC);
}
.devm01-view-file h2{
	margin:0 0 16px;
	font-size:20px;
	font-weight:bold;
}
.devm01-view-file a{
	display:flex;
	justify-content:space-between;
	gap:20px;
	padding:14px 0;
	border-top:1px solid var(--devm01-gray-200);
}
.devm01-view-nav{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
	margin:36px 0;
}
.devm01-view-nav a{
	padding:22px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-card);
	background-color:var(--c-surface, #fff);
}
.devm01-view-nav span{
	display:block;
	margin-bottom:8px;
	color:var(--c-accent);
	font-size:16px;
}
.devm01-view-nav b{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.devm01-view-bottom{
	justify-content:center;
	margin-top:34px;
}
.devm01-board-write{
	max-width:980px;
}
.devm01-write-card{
	padding:42px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-xl);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-inquiry-guide{
	margin-bottom:28px;
	padding:28px;
	border-radius:var(--devm01-radius-lg);
	background:linear-gradient(135deg,var(--c-primary),var(--c-deep));
	color:var(--c-surface, #fff);
}
.devm01-inquiry-guide strong{
	display:block;
	margin-bottom:8px;
	font-size:22px;
}
.devm01-inquiry-guide p{
	margin:0;
	color:rgba(255,255,255,.72);
}
.devm01-form-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:18px 20px;
	margin-bottom:20px;
}
.devm01-form-grid label,
.devm01-write-field{
	display:grid;
	gap:9px;
	color:var(--devm01-gray-900);
}
.devm01-write-field{
	margin-bottom:20px;
}
.devm01-board-write input[type=text],
.devm01-board-write input[type=password],
.devm01-board-write select,
.devm01-board-write textarea,
.devm01-board-write .frm_input{
	width:100%;
	min-height:52px;
	padding:0 15px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-btn);
	background-color:var(--c-surface, #fff);
	color:var(--c-fg);
}
.devm01-board-write textarea{
	min-height:240px;
	padding:16px;
}
.devm01-write-option{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 20px;
	padding:16px;
	border-radius:var(--devm01-radius-card);
	background:var(--c-surface-2, #F8FAFC);
}
.devm01-file-field input[type=file]{
	padding:13px;
	background:var(--c-surface-2, #F8FAFC);
}
.devm01-write-actions{
	justify-content:flex-end;
	margin-top:32px;
}
#bo_vc,
#bo_vc_w{
	margin-top:50px;
}
#bo_vc h2,
#bo_vc_w h2{
	color:var(--c-primary);
	font-size:22px;
	font-weight:bold;
}
@media (max-width:1024px){
	.devm01-card-grid{
		grid-template-columns:repeat(2,1fr)
	}
	.devm01-webzine-card,.devm01-webzine-card.is-featured{
		grid-template-columns:240px 1fr
	}
}
@media (max-width:768px){
	.devm01-board,.devm01-board-view,.devm01-board-write{
		margin-bottom:80px
	}
	.devm01-board-toolbar{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		padding:22px
	}
	.devm01-board-actions{
		margin-top:0;
		flex-wrap:wrap;
		justify-content:flex-end
	}
	.devm01-board-table table,.devm01-board-table thead,.devm01-board-table tbody,.devm01-board-table tr,.devm01-board-table td{
		display:block;
		width:100%
	}
	.devm01-board-table thead{
		display:none
	}
	.devm01-board-table tr{
		margin-bottom:14px;
		padding:18px;
		border:1px solid var(--devm01-gray-200);
		border-radius:var(--devm01-radius-card);
		background:var(--c-surface, #fff)
	}
	.devm01-board-table td{
		height:auto;
		padding:8px 0;
		border:0;
		text-align:left
	}
	.devm01-board-table td::before{
		content:attr(data-label);
		display:inline-block;
		min-width:64px;
		color:var(--devm01-gray-400);
		font-size:16px;
	}
	.devm01-board-table .subject > a:last-child{
		max-width:100%;
		white-space:normal
	}
	.devm01-card-grid,.devm01-webzine-card,.devm01-webzine-card.is-featured,.devm01-resource-row,.devm01-view-nav,.devm01-form-grid{
		grid-template-columns:1fr
	}
	.devm01-webzine-img{
		aspect-ratio:16/10
	}
	.devm01-resource-meta{
		justify-items:start
	}
	.devm01-board-search form{
		grid-template-columns:1fr
	}
	.devm01-view-head h1{
		font-size:30px
	}
	.devm01-view-file a{
		display:block
	}
	.devm01-write-card{
		padding:26px 20px
	}
	.devm01-write-actions{
		display:grid
	}
	.devm01-faq-answer{
		grid-template-columns:34px 1fr
	}
	.devm01-faq-answer a{
		grid-column:2
	}
}
@media (max-width:480px){
	.devm01-card-grid{
		gap:18px
	}
	.devm01-board-card__body,.devm01-resource-row,.devm01-webzine-card{
		padding:20px
	}
	.devm01-board-btn{
		width:100%
	}
	.devm01-board-actions .devm01-board-btn{
		width:auto
	}
	.devm01-view-actions .devm01-board-btn{
		width:auto
	}
}
/* Layout Polish / Sub & Board QA Fix */
.devm01-board-wrap{
	width:min(100% - 48px,
var(--devm01-inner));
	max-width:var(--devm01-inner);
	margin:88px auto 130px !important;
	color:var(--c-fg);
}
.devm01-board-inner{
	width:100%;
	max-width:var(--devm01-inner);
	margin:0 auto;
}
.devm01-board{
	width:100% !important;
	max-width:none;
	margin:0;
}
.devm01-board-view{
	width:100% !important;
	max-width:1080px;
	margin:0 auto;
}
.devm01-board-write{
	width:100% !important;
	max-width:980px;
	margin:0 auto;
}
.devm01-board-content{
	position:relative;
	margin-top:0;
}
.devm01-board-toolbar{
	margin-bottom:52px;
	padding:30px 34px;
}
.devm01-board-cate{
	margin:0 0 28px;
}
.devm01-board-table,
.devm01-card-grid,
.devm01-webzine-list,
.devm01-faq-board,
.devm01-resource-list{
	margin-top:0;
}
.devm01-board-table,
.devm01-faq-board{
	border-radius:var(--devm01-radius-xl);
	box-shadow:var(--devm01-shadow-card);
	background-color:var(--c-surface, #fff);
}
.devm01-board-bulk{
	margin-top:34px;
	padding-top:24px;
	border-top:1px solid var(--devm01-gray-200);
	justify-content:flex-end;
}
.devm01-view-actions{
	margin-top:34px;
}
.devm01-view-bottom{
	margin-top:52px;
	padding-top:34px;
	border-top:1px solid var(--devm01-gray-200);
}
.devm01-write-actions{
	margin-top:44px;
	padding-top:28px;
	border-top:1px solid var(--devm01-gray-200);
}
.devm01-empty{
	padding:0 !important;
	background-color:transparent!important;
	border:0 !important;
}
.devm01-empty-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:320px;
	padding:58px 32px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-xl);
	background:linear-gradient(180deg,var(--c-surface, #fff) 0%,var(--c-surface-2, #F8FAFC) 100%);
	box-shadow:var(--devm01-shadow-card);
	text-align:center;
}
.devm01-empty-card i{
	display:flex;
	align-items:center;
	justify-content:center;
	width:76px;
	height:76px;
	margin-bottom:24px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
	box-shadow:0 18px 40px rgba(30,136,229,.2);
}
.devm01-empty-card i::before{
	content:"";
	width:30px;
	height:22px;
	border:3px solid var(--c-surface, #fff);
	border-radius:6px;
	opacity:.92;
}
.devm01-empty-card strong{
	display:block;
	color:var(--c-primary);
	font-size:24px;
	line-height:1.35;
	letter-spacing:-.04em;
}
.devm01-empty-card p{
	max-width:520px;
	margin:12px auto 0;
	color:var(--devm01-gray-600);
	line-height:1.75;
}
.devm01-empty-card .devm01-board-btn{
	margin-top:26px;
}
.devm01-card-grid > .devm01-empty{
	grid-column:1/-1;
}
.devm01-webzine-list > .devm01-empty,
.devm01-resource-list > .devm01-empty,
.devm01-faq-board > .devm01-empty{
	width:100%;
}
.devm01-board-search{
	margin-top:36px;
}
@media (max-width:1024px){
	.devm01-board-wrap{
		margin-top:72px !important;
	}
	.devm01-board-toolbar{
		margin-bottom:42px;
	}
}
@media (max-width:768px){
	.devm01-board-wrap{
		width:calc(100% - 40px);
		margin:52px auto 90px !important;
	}
	.devm01-board-toolbar{
		margin-bottom:34px;
		padding:22px;
	}
	.devm01-empty-card{
		min-height:260px;
		padding:42px 22px;
	}
	.devm01-empty-card strong{
		font-size:21px;
	}
	.devm01-board-bulk,.devm01-view-bottom,.devm01-write-actions{
		margin-top:32px;
	}
}
/* Board Visual Polish - compact toolbar and measured empty state */
.devm01-board-wrap{
	margin-top:96px !important;
	margin-bottom:150px !important;
}
.devm01-board-toolbar{
	min-height:72px;
	margin-bottom:48px;
	padding:18px 22px;
	border-radius:var(--devm01-radius-card);
	box-shadow:0 14px 38px rgba(7,28,53,.06);
}
.devm01-board-total{
	display:flex;
	align-items:center;
	gap:8px;
	color:var(--devm01-gray-500);
	font-family:var(--devm01-font-kr);
	font-size:16px;
	letter-spacing:-.01em;
}
.devm01-board-total strong{
	color:var(--c-primary);
	font-family:var(--devm01-font-en);
	font-size:16px;
	line-height:1;
}
.devm01-board-total em{
	color:var(--devm01-gray-500);
	font-style:normal;
	font-size:16px;
	text-transform:uppercase;
}
.devm01-board-total span{
	margin-left:4px;
	color:var(--devm01-gray-400);
	font-size:16px;
}
.devm01-board-actions{
	gap:6px;
}
.devm01-board-btn{
	min-width:auto;
	height:38px;
	padding:0 14px;
	border-radius:12px;
	font-size:16px;
}
.devm01-board-btn:hover{
	transform:translateY(-1px);
}
.devm01-empty-card{
	min-height:230px;
	padding:38px 28px;
	border-radius:var(--devm01-radius-lg);
	box-shadow:0 18px 46px rgba(7,28,53,.07);
}
.devm01-empty-card i{
	width:50px;
	height:50px;
	margin-bottom:18px;
	box-shadow:0 12px 28px rgba(30,136,229,.16);
}
.devm01-empty-card i::before{
	width:22px;
	height:16px;
	border-width:2px;
	border-radius:5px;
}
.devm01-empty-card strong{
	font-size:20px;
}
.devm01-empty-card p{
	max-width:460px;
	margin-top:8px;
	font-size:16px;
	line-height:1.65;
}
.devm01-empty-card .devm01-board-btn{
	margin-top:18px;
}
.devm01-board-search{
	margin-top:30px;
	padding:22px;
}
.devm01-faq-board{
	overflow:hidden;
	border:1px solid var(--devm01-gray-200);
	border-top:2px solid var(--c-primary);
}
@media (max-width:768px){

	.devm01-board-wrap{
		margin-top:58px !important;
		margin-bottom:110px !important;
	}
	.devm01-board-toolbar{
		display:flex;
		align-items:flex-start;
		margin-bottom:36px;
		padding:16px;
	}
	.devm01-board-total{
		flex-wrap:wrap;
	}
	.devm01-board-actions{
		margin-top:0;
		justify-content:flex-end;
	}
	.devm01-board-btn{
		height:36px;
		padding:0 12px;
		font-size:16px;
	}
	.devm01-empty-card{
		min-height:210px;
		padding:32px 20px;
	}
}
@media (max-width:520px){

	.devm01-board-toolbar{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		gap:10px;
	}
	.devm01-board-actions{
		margin-top:0;
		flex-wrap:wrap;
		justify-content:flex-end;
	}
}
/* Re-polish: restrained board toolbar meta/buttons */
.devm01-board-wrap{
	margin-top:96px !important;
	margin-bottom:150px !important;
}
.devm01-board-toolbar{
	min-height:54px;
	margin-bottom:42px;
	padding:12px 14px 12px 18px;
	border-radius:14px;
	box-shadow:0 8px 24px rgba(7,28,53,.045);
}
.devm01-board-total{
	gap:5px;
	font-size:16px;
	line-height:1;
	color:var(--devm01-gray-400);
	letter-spacing:0;
}
.devm01-board-total strong{
	font-size:16px;
	color:var(--devm01-gray-700);
}
.devm01-board-total em{
	font-size:16px;
	color:var(--devm01-gray-400);
	letter-spacing:.08em;
}
.devm01-board-total span{
	margin-left:6px;
	font-size:16px;
	color:var(--devm01-gray-400);
}
.devm01-board-actions{
	gap:5px;
}
.devm01-board-btn{
	height:32px;
	padding:0 11px;
	border-radius:10px;
	font-size:16px;
}
.devm01-board-btn.is-primary{
	box-shadow:none;
}
.devm01-board-search button{
	height:40px;
	padding:0 14px;
	font-size:16px;
}
.devm01-board-search select,
.devm01-board-search input{
	height:40px;
}
.devm01-empty-card{
	min-height:210px;
	padding:34px 24px;
}
.devm01-empty-card i{
	width:44px;
	height:44px;
	margin-bottom:14px;
}
.devm01-empty-card strong{
	font-size:18px;
}
.devm01-empty-card p{
	font-size:16px;
}
@media (max-width:768px){
	.devm01-board-toolbar{
		min-height:0;
		padding:14px;
		margin-bottom:34px;
	}
	.devm01-board-btn{
		height:32px;
		font-size:16px;
	}
	.devm01-empty-card{
		min-height:190px;
	}
}
/* Full Theme QA: premium board view + comment skin polish */
.devm01-board-wrap--view{
	width:min(100% - 48px,
var(--devm01-inner)) !important;
	max-width:var(--devm01-inner);
}
.devm01-board-view{
	max-width:1080px !important;
}
.devm01-view-head{
	position:relative;
	padding:46px 48px 40px;
	border:1px solid rgba(7,28,53,.08);
	border-top:4px solid var(--c-primary);
	border-radius:var(--devm01-radius-xl);
	background:linear-gradient(180deg,var(--c-surface, #fff) 0%,var(--c-surface-2, #F8FBFF) 100%);
	box-shadow:0 22px 64px rgba(7,28,53,.08);
	overflow:hidden;
}
.devm01-view-head::before{
	content:"";
	position:absolute;
	right:-90px;
	top:-110px;
	width:260px;
	height:260px;
	border-radius:50%;
	background:rgba(30,136,229,.08);
}
.devm01-view-head > *{
	position:relative;
	z-index:1;
}
.devm01-view-head h1{
	max-width:860px;
	margin:18px 0 20px;
	font-size:42px;
	word-break:keep-all;
}
.devm01-view-meta{
	padding-top:18px;
	border-top:1px solid var(--devm01-gray-200);
}
.devm01-view-meta span{
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.devm01-view-meta span::before{
	content:"";
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--c-accent);
	opacity:.38;
}
.devm01-view-meta__author{
	color:var(--c-primary);
}
.devm01-view-actions{
	justify-content:flex-end;
}
.devm01-view-content{
	padding:36px 0 0;
	border-bottom:0;
}
.devm01-view-content__card{
	min-height:360px;
	padding:56px 58px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-xl);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
#bo_v_con{
	color:var(--devm01-gray-800);
	font-size:18px;
	line-height:1.92;
	word-break:keep-all;
}
.devm01-view-file{
	margin:34px 0 0;
	border:1px solid var(--devm01-gray-200);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-view-nav{
	margin:34px 0 0;
}
.devm01-view-nav a{
	transition:all var(--devm01-duration) var(--devm01-ease);
}
.devm01-view-nav a:hover{
	transform:translateY(-3px);
	box-shadow:var(--devm01-shadow-card);
	border-color:rgba(30,136,229,.24);
}
.devm01-view-bottom{
	justify-content:flex-end;
}
.cmt_btn.devm01-comment-toggle{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	min-height:70px;
	margin:42px 0 0;
	padding:0 24px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-lg);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
	color:var(--c-primary);
	cursor:pointer;
}
.cmt_btn.devm01-comment-toggle .total{
	font-size:18px;
}
.cmt_btn.devm01-comment-toggle .cmt_more::before{
	content:"댓글 보기";
	color:var(--c-accent);
}
#bo_vc.devm01-comment-list{
	display:block;
	margin-top:18px;
	padding:34px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-xl);
	background:var(--c-surface-2, #F8FBFF);
	box-shadow:var(--devm01-shadow-card);
}
#bo_vc.devm01-comment-list > h2,
#bo_vc_w.devm01-comment-write > h2{
	margin:0 0 24px;
	color:var(--c-primary);
	font-size:22px;
	font-weight:bold;
}
#bo_vc.devm01-comment-list article{
	position:relative;
	display:grid;
	grid-template-columns:48px 1fr auto;
	gap:16px;
	margin:0;
	padding:24px 0;
	border-top:1px solid var(--devm01-gray-200);
}
#bo_vc.devm01-comment-list article:first-of-type{
	border-top:0;
}
#bo_vc .pf_img img{
	width:48px;
	height:48px;
	border-radius:50%;
	object-fit:cover;
}
#bo_vc .cm_wrap header{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 12px;
	margin-bottom:12px;
	color:var(--devm01-gray-500);
}
#bo_vc .cm_wrap header h2{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	margin:-1px;
	clip:rect(0,0,0,0);
}
#bo_vc .cmt_contents{
	color:var(--devm01-gray-700);
	line-height:1.75;
}
#bo_vc .cmt_contents p{
	margin:0;
}
#bo_vc_empty{
	margin:0;
	padding:46px 20px;
	border-radius:var(--devm01-radius-card);
	background-color:var(--c-surface, #fff);
	color:var(--devm01-gray-500);
	text-align:center;
}
#bo_vc .bo_vl_opt{
	position:relative;
}
#bo_vc .btn_cm_opt{
	width:34px;
	height:34px;
	border:1px solid var(--devm01-gray-200);
	border-radius:50%;
	background-color:var(--c-surface, #fff);
	color:var(--devm01-gray-500);
}
#bo_vc .bo_vc_act{
	display:none;
	position:absolute;
	right:0;
	top:40px;
	min-width:90px;
	margin:0;
	padding:8px;
	list-style:none;
	border:1px solid var(--devm01-gray-200);
	border-radius:12px;
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
	z-index:4;
}
#bo_vc .bo_vc_act a{
	display:block;
	padding:8px 10px;
	color:var(--devm01-gray-700);
}
#bo_vc_w.devm01-comment-write{
	margin-top:24px;
	padding:34px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-xl);
	background-color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
#bo_vc_w textarea{
	width:100%;
	min-height:140px;
	padding:18px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-card);
	background:var(--c-surface-2, #F8FAFC);
	color:var(--devm01-gray-800);
}
#bo_vc_w .bo_vc_w_info{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:14px;
}
#bo_vc_w .frm_input{
	height:44px;
	padding:0 14px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-btn);
}
#bo_vc_w .btn_confirm{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:16px;
}
#bo_vc_w .btn_submit{
	height:44px;
	padding:0 20px;
	border:0;
	border-radius:var(--devm01-radius-btn);
	background:var(--c-accent);
	color:var(--c-surface, #fff);
}
@media (max-width:768px){

	.devm01-board-wrap--view{
		width:calc(100% - 40px) !important;
	}
	.devm01-view-head{
		padding:32px 22px 28px;
	}
	.devm01-view-head h1{
		font-size:30px;
	}
	.devm01-view-actions,
.devm01-view-bottom{
		justify-content:flex-start;
	}
	.devm01-view-content__card{
		padding:34px 22px;
	}
	#bo_v_con{
		font-size:16px;
	}
	#bo_vc.devm01-comment-list,
#bo_vc_w.devm01-comment-write{
		padding:24px 18px;
	}
	#bo_vc.devm01-comment-list article{
		grid-template-columns:40px 1fr;
	}
	#bo_vc .bo_vl_opt{
		grid-column:2;
	}
}
/* Board/gallery image zoom polish */
.devm01-board-card__img{
	position:relative;
}
.devm01-board-card__img::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(180deg,rgba(7,28,53,0) 38%,rgba(7,28,53,.68));
	opacity:0;
	transition:opacity var(--devm01-duration) var(--devm01-ease);
}
.devm01-board-card:hover .devm01-board-card__img::before{
	opacity:1;
}
.devm01-image-zoom{
	position:absolute;
	left:20px;
	bottom:18px;
	z-index:2;
	color:var(--c-surface, #fff);
	font-family:var(--devm01-font-en);
	font-size:16px;
	letter-spacing:.08em;
	opacity:0;
	transform:translateY(8px);
	transition:all var(--devm01-duration) var(--devm01-ease);
}
.devm01-image-zoom::after{
	content:"→";
	margin-left:9px;
}
.devm01-board-card:hover .devm01-image-zoom{
	opacity:1;
	transform:translateY(0);
}
.devm01-view-images{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
}
.devm01-view-images .devm01-fancybox-link{
	display:block;
	overflow:hidden;
	border-radius:var(--devm01-radius-lg);
	background:var(--c-surface-2, #F4F7FA);
}
.devm01-view-images .devm01-fancybox-link img{
	display:block;
	width:100%;
	height:auto;
	transition:transform 620ms var(--devm01-ease);
}
.devm01-view-images .devm01-fancybox-link:hover img{
	transform:scale(1.04);
}
@media (max-width:768px){
	.devm01-view-images{
		grid-template-columns:1fr;
	}
}
/* Board typography QA: Lexend consistency */
.devm01-board,.devm01-board-view,.devm01-board-write{
	font-family:var(--devm01-font-kr);
}
.devm01-view-head h1,.devm01-board-card h3,.devm01-webzine-body h3,.devm01-faq-row > button,.devm01-board-page-title .devm01-body-title-text{
	font-weight:bold;
	letter-spacing:-.03em;
}
.devm01-board-total,.devm01-view-meta,.devm01-card-meta,.devm01-resource-meta{
	letter-spacing:-.005em;
}
/* Board QA final: mobile table rows as app-like cards */
@media (max-width:768px){

	.devm01-board-table{
		overflow:visible;
		border:0;
		border-radius:0;
		background-color:transparent;
		box-shadow:none;
	}
	.devm01-board-table table,.devm01-board-table tbody{
		display:block;
		width:100%;
	}
	.devm01-board-table tr{
		position:relative;
		display:grid !important;
		grid-template-columns:1fr;
		gap:0;
		margin-bottom:14px;
		padding:22px 20px 18px !important;
		border:1px solid rgba(7,28,53,.08) !important;
		border-radius:20px !important;
		background:var(--c-surface, #fff) !important;
		box-shadow:0 14px 34px rgba(7,28,53,.06);
	}
	.devm01-board-table tr:hover td{
		background-color:transparent;
	}
	.devm01-board-table td{
		display:block !important;
		width:auto !important;
		padding:0 !important;
		border:0 !important;
		text-align:left !important;
	}
	.devm01-board-table td::before{
		display:none !important;
		content:none !important;
	}
	.devm01-board-table td.chk{
		position:absolute;
		right:16px;
		top:16px;
		width:auto !important;
		z-index:2;
	}
	.devm01-board-table td.chk input{
		width:16px;
		height:16px;
	}
	.devm01-board-table td.num{
		display:none !important;
	}
	.devm01-board-table td.subject{
		padding-right:26px !important;
	}
	.devm01-board-table .subject .devm01-category-label{
		margin:0 0 9px;
	}
	.devm01-board-table .subject > a:last-child,
.devm01-board-table .subject .devm01-mobile-card-title{
		display:block !important;
		max-width:none !important;
		color:var(--c-primary);
		font-size:17px;
		line-height:1.45;
		white-space:normal !important;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
	.devm01-board-table .cnt_cmt{
		display:inline-flex;
		margin-left:6px;
		color:var(--c-accent);
		font-size:16px;
	}
	.devm01-board-table td.author,
.devm01-board-table td.hit,
.devm01-board-table td.date{
		display:inline-flex !important;
		align-items:center;
		width:auto !important;
		margin-top:14px;
		color:var(--devm01-gray-500);
		font-size:16px;
		line-height:1;
	}
	.devm01-board-table td.author{
		grid-row:2;
		justify-self:start;
		margin-right:14px;
	}
	.devm01-board-table td.hit{
		grid-row:2;
		justify-self:center;
	}
	.devm01-board-table td.date{
		grid-row:2;
		justify-self:end;
	}
	.devm01-mobile-meta-icon{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:16px;
		height:16px;
		margin-right:5px;
		color:var(--c-accent);
		font-size:16px;
		line-height:1;
	}
	.devm01-icon-author::before{
		content:"👤";
	}
	.devm01-icon-hit::before{
		content:"👁";
	}
	.devm01-icon-date::before{
		content:"◷";
	}
}
@media (max-width:420px){

	.devm01-board-table td.author,.devm01-board-table td.hit,.devm01-board-table td.date{
		justify-self:start;
		margin-top:10px;
		margin-right:12px;
	}
	.devm01-board-table tr{
		grid-template-columns:auto auto 1fr;
	}
	.devm01-board-table td.subject{
		grid-column:1/-1;
	}
	.devm01-board-table td.author{
		grid-column:1;
		grid-row:2;
	}
	.devm01-board-table td.hit{
		grid-column:2;
		grid-row:2;
	}
	.devm01-board-table td.date{
		grid-column:1/-1;
		grid-row:3;
	}
}
/* Board QA final: render only real view images and adapt columns by count */
.devm01-view-images{
	margin-bottom:34px;
	align-items:start;
}
.devm01-view-images.is-single{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
}
.devm01-view-images.is-two{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.devm01-view-images.is-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.devm01-view-images .devm01-fancybox-link{
	min-width:0;
}
.devm01-view-images.is-single .devm01-fancybox-link img{
	width:100%;
	max-height:680px;
	object-fit:contain;
	background:var(--c-surface-2, #F8FAFC);
}
.devm01-view-images.is-two .devm01-fancybox-link img,
.devm01-view-images.is-grid .devm01-fancybox-link img{
	width:100%;
	aspect-ratio:4/3;
	object-fit:cover;
}
@media (max-width:768px){

	.devm01-view-images.is-single,.devm01-view-images.is-two,.devm01-view-images.is-grid{
		grid-template-columns:1fr;
	}
	.devm01-view-images.is-single .devm01-fancybox-link img{
		max-height:none;
	}
}
/* QA: move sub/body spacing to common inner wrapper and remove board outer vertical margins */
.devm01-board-wrap,
#devm01-container > .devm01-inner-wrap--default > .devm01-board-wrap{

	margin-top:0 !important;

	margin-bottom:0 !important;

}
.devm01-board,
.devm01-board-view,
.devm01-board-write{

	margin-top:0 !important;

	margin-bottom:0 !important;

}
@media (max-width:768px){

	.devm01-board-wrap,
#devm01-container > .devm01-inner-wrap--default > .devm01-board-wrap{

			margin-top:0 !important;

			margin-bottom:0 !important;

	}
	.devm01-board,
.devm01-board-view,
.devm01-board-write{

			margin-top:0 !important;

			margin-bottom:0 !important;

	}
}
/* QA: gallery board/latest image fill hardening */
.devm01-board--gallery .devm01-gallery-item.has-image,
.devm01-board--gallery .devm01-gallery-item__image,
.devm01-board--gallery .devm01-board-card__img,
.devm01-board--case .devm01-case-card__image,
.devm01-board--case .devm01-board-card__img,
.devm01-project-card__image,
.devm01-gallery-latest-card__image,
.devm01-gallery-image-link{

	display:block !important;

	overflow:hidden !important;

	background-color:var(--c-line-soft, #E8EEF5);

}
.devm01-board--gallery .devm01-gallery-item.has-image,
.devm01-board--gallery .devm01-gallery-item__image,
.devm01-gallery-image-link{
	aspect-ratio:1/1 !important;
}
.devm01-board--gallery .devm01-board-card__img,
.devm01-board--case .devm01-case-card__image,
.devm01-board--case .devm01-board-card__img,
.devm01-project-card__image,
.devm01-gallery-latest-card__image{
	aspect-ratio:4/3 !important;
}
.devm01-board--gallery .devm01-gallery-item__image img,
.devm01-board--gallery .devm01-board-card__img img,
.devm01-board--case .devm01-case-card__image img,
.devm01-board--case .devm01-board-card__img img,
.devm01-project-card__image img,
.devm01-gallery-latest-card__image img,
.devm01-gallery-image-item img{

	display:block !important;

	width:100% !important;

	height:100% !important;

	min-width:100% !important;

	min-height:100% !important;

	max-width:none !important;

	max-height:none !important;

	object-fit:cover !important;

	object-position:center center !important;

}
/* DevM QA hotfix: use real cover behavior and a CSS-only white magnifier icon */
.devm01-board--gallery .devm01-gallery-item.has-image,
.devm01-board--gallery .devm01-gallery-item__image,
.devm01-latest-gallery-images .devm01-gallery-image-item,
.devm01-latest-gallery-images .devm01-gallery-image-link,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image,
.devm01-project-card__image,
.devm01-view-images .devm01-fancybox-link{

	position:relative!important;

	display:block!important;

	overflow:hidden!important;

	background-color:var(--c-surface-3, #EEF3F8)!important;

	background-size:cover!important;

	background-position:center center!important;

}
.devm01-board--gallery .devm01-gallery-item.has-image,
.devm01-board--gallery .devm01-gallery-item__image,
.devm01-latest-gallery-images .devm01-gallery-image-item,
.devm01-latest-gallery-images .devm01-gallery-image-link{
	aspect-ratio:1/1!important;
}
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image,
.devm01-project-card__image,
.devm01-view-images .devm01-fancybox-link{
	aspect-ratio:4/3!important;
}
.devm01-board--gallery .devm01-gallery-item__image img,
.devm01-latest-gallery-images .devm01-gallery-image-link img,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image img,
.devm01-project-card__image img,
.devm01-view-images .devm01-fancybox-link img{

	display:block!important;

	width:100%!important;

	height:100%!important;

	min-width:100%!important;

	min-height:100%!important;

	max-width:none!important;

	max-height:none!important;

	object-fit:cover!important;

	object-position:center center!important;

}
.devm01-board--gallery .devm01-gallery-zoom,
.devm01-latest-gallery-images .devm01-gallery-zoom,
.devm01-latest-gallery-cards .devm01-gallery-zoom,
.devm01-gallery-zoom{

	position:absolute!important;

	right:12px!important;

	top:12px!important;

	z-index:20!important;

	display:flex!important;

	align-items:center!important;

	justify-content:center!important;

	width:42px!important;

	height:42px!important;

	border-radius:50%!important;

	background:rgba(7,28,53,.82)!important;

	border:1px solid rgba(255,255,255,.28)!important;

	color:var(--c-surface, #fff)!important;

	opacity:0;

	transform:translateY(-6px);

}
.devm01-gallery-item:hover .devm01-gallery-zoom,
.devm01-gallery-image-item:hover .devm01-gallery-zoom,
.devm01-gallery-latest-card:hover .devm01-gallery-zoom{
	opacity:1!important;
	transform:translateY(0)!important;
}
.devm01-board--gallery .devm01-gallery-zoom i,
.devm01-latest-gallery-images .devm01-gallery-zoom i,
.devm01-latest-gallery-cards .devm01-gallery-zoom i,
.devm01-gallery-zoom i{
	display:none!important;
}
.devm01-board--gallery .devm01-gallery-zoom::before,
.devm01-latest-gallery-images .devm01-gallery-zoom::before,
.devm01-latest-gallery-cards .devm01-gallery-zoom::before,
.devm01-gallery-zoom::before{

	content:""!important;

	display:block!important;

	width:14px!important;

	height:14px!important;

	border:3px solid var(--c-surface, #fff)!important;

	border-radius:50%!important;

	box-sizing:border-box!important;

	background-color:transparent!important;

}
.devm01-board--gallery .devm01-gallery-zoom::after,
.devm01-latest-gallery-images .devm01-gallery-zoom::after,
.devm01-latest-gallery-cards .devm01-gallery-zoom::after,
.devm01-gallery-zoom::after{

	content:""!important;

	display:block!important;

	position:absolute!important;

	width:9px!important;

	height:3px!important;

	right:10px!important;

	bottom:11px!important;

	background:var(--c-surface, #fff)!important;

	border-radius:999px!important;

	transform:rotate(45deg)!important;

}
@media(max-width:768px){
	.devm01-gallery-zoom{
		opacity:1!important;
		transform:none!important;
		width:38px!important;
		height:38px!important;
	}
}
/* DevM QA: gallery list/latest use background-image thumbnails,
not visible <img> */
.devm01-gallery-thumb,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{

	position:relative!important;

	display:block!important;

	width:100%!important;

	overflow:hidden!important;

	background-color:var(--c-surface-3, #EEF3F8)!important;

	background-size:cover!important;

	background-position:center center!important;

	background-repeat:no-repeat!important;

}
.devm01-board--gallery .devm01-gallery-item.has-image,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{
	aspect-ratio:1/1!important;
}
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{
	aspect-ratio:4/3!important;
}
.devm01-gallery-thumb img{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	overflow:hidden!important;
	clip:rect(0 0 0 0)!important;
	clip-path:inset(50%)!important;
	opacity:0!important;
	pointer-events:none!important;
}
.devm01-board--gallery .devm01-gallery-item__image::before,
.devm01-board--gallery .devm01-gallery-item__image::after,
.devm01-latest-gallery-images .devm01-gallery-image-link::before,
.devm01-latest-gallery-images .devm01-gallery-image-link::after,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image::before,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image::after{
	display:none!important;
	content:none!important;
}
.devm01-board--gallery .devm01-gallery-item::before,
.devm01-latest-gallery-images .devm01-gallery-image-item::before,
.devm01-latest-gallery-cards .devm01-gallery-latest-card::before{
	display:none!important;
	content:none!important;
}
.devm01-board--gallery .devm01-gallery-zoom,
.devm01-latest-gallery-images .devm01-gallery-zoom,
.devm01-latest-gallery-cards .devm01-gallery-zoom{

	position:absolute!important;
	right:12px!important;
	top:12px!important;
	z-index:30!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:42px!important;
	height:42px!important;
	border-radius:50%!important;
	background:rgba(7,28,53,.78)!important;
	border:1px solid rgba(255,255,255,.28)!important;
	color:var(--c-surface, #fff)!important;
	text-decoration:none!important;
	box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
	opacity:0;
	transform:translateY(-6px);
	transition:all var(--devm01-duration) var(--devm01-ease);
	cursor:zoom-in!important;
	backdrop-filter:blur(8px);

}
.devm01-board--gallery .devm01-gallery-zoom::before,.devm01-board--gallery .devm01-gallery-zoom::after,
.devm01-latest-gallery-images .devm01-gallery-zoom::before,.devm01-latest-gallery-images .devm01-gallery-zoom::after,
.devm01-latest-gallery-cards .devm01-gallery-zoom::before,.devm01-latest-gallery-cards .devm01-gallery-zoom::after{
	display:none!important;
	content:none!important;
}
.devm01-board--gallery .devm01-gallery-zoom i,
.devm01-latest-gallery-images .devm01-gallery-zoom i,
.devm01-latest-gallery-cards .devm01-gallery-zoom i{
	display:block!important;
	color:var(--c-surface, #fff)!important;
	font-size:16px!important;
	line-height:1!important;
	opacity:1!important;
}
.devm01-board--gallery .devm01-gallery-item:hover .devm01-gallery-zoom,
.devm01-latest-gallery-images .devm01-gallery-image-item:hover .devm01-gallery-zoom,
.devm01-latest-gallery-cards .devm01-gallery-latest-card:hover .devm01-gallery-zoom{
	opacity:1!important;
	transform:translateY(0)!important;
}
@media(max-width:768px){
	.devm01-board--gallery .devm01-gallery-zoom,.devm01-latest-gallery-images .devm01-gallery-zoom,.devm01-latest-gallery-cards .devm01-gallery-zoom{
		opacity:1!important;
		transform:none!important;
		width:38px!important;
		height:38px!important;
		right:10px!important;
		top:10px!important;
	}
}
/* DevM QA final: background-image gallery thumbs use ratio-generated height */
.devm01-gallery-thumb,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{

	position:relative!important;

	display:block!important;

	width:100%!important;

	overflow:hidden!important;

	background-size:cover!important;

	background-position:center center!important;

	background-repeat:no-repeat!important;

	min-height:240px!important;

}
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{

	aspect-ratio:1/1!important;

}
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{

	aspect-ratio:4/3!important;

}
.devm01-gallery-thumb img{

	display:none!important;

}
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::after,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb::after,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb::after{

	display:none!important;

	content:none!important;

	background-color:transparent!important;

	opacity:0!important;

	pointer-events:none!important;

}
@supports not (aspect-ratio: 1 / 1){

	.devm01-gallery-thumb,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{

			min-height:0!important;

	}
	.devm01-gallery-thumb::before,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb::before,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::before{

			content:""!important;

			display:block!important;

			width:100%!important;

			padding-top:100%!important;

			background-color:transparent!important;

			opacity:1!important;

	}
	.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb::before{

			content:""!important;

			display:block!important;

			width:100%!important;

			padding-top:75%!important;

			background-color:transparent!important;

			opacity:1!important;

	}
}
@media(max-width:768px){

	.devm01-gallery-thumb,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{

			min-height:150px!important;

	}
}
/* DevM QA final: protect inline background-image from shorthand resets */
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{

	background-color:var(--c-surface-3, #EEF3F8)!important;

	background-size:cover!important;

	background-position:center center!important;

	background-repeat:no-repeat!important;

	min-height:240px!important;

}
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{
	aspect-ratio:1/1!important;
}
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb{
	aspect-ratio:4/3!important;
}
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb:hover,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb:hover,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb:hover{

	background-color:var(--c-surface-3, #EEF3F8)!important;

	background-size:cover!important;

	background-position:center center!important;

	background-repeat:no-repeat!important;

}
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb::before,
.devm01-board--gallery .devm01-gallery-item__image.devm01-gallery-thumb::after,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::before,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::after,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb::before,
.devm01-latest-gallery-cards .devm01-gallery-latest-card__image.devm01-gallery-thumb::after{

	display:none!important;

	content:none!important;

	opacity:0!important;

}
/* DevM QA: compact PC table columns and widen subject column */
@media (min-width:769px){

	.devm01-board-table table{
		table-layout:fixed !important;
		width:100% !important;
	}
	.devm01-board-table col.devm01-col-check{
		width:48px !important;
	}
	.devm01-board-table col.devm01-col-num{
		width:70px !important;
	}
	.devm01-board-table col.devm01-col-subject{
		width:auto !important;
	}
	.devm01-board-table col.devm01-col-author{
		width:140px !important;
	}
	.devm01-board-table col.devm01-col-hit{
		width:80px !important;
	}
	.devm01-board-table col.devm01-col-date{
		width:110px !important;
	}
	.devm01-board-table th.chk,
.devm01-board-table td.chk{
		width:48px !important;
		padding-left:8px !important;
		padding-right:8px !important;
	}
	.devm01-board-table th:nth-child(1):not(.chk),
.devm01-board-table td.num{
		width:70px !important;
		padding-left:8px !important;
		padding-right:8px !important;
	}
	.devm01-board-table td.author{
		width:140px !important;
		max-width:140px !important;
	}
	.devm01-board-table td.hit{
		width:80px !important;
		max-width:80px !important;
		padding-left:8px !important;
		padding-right:8px !important;
	}
	.devm01-board-table td.date{
		width:110px !important;
		max-width:110px !important;
		padding-left:8px !important;
		padding-right:8px !important;
	}
	.devm01-board-table td.subject{
		min-width:0 !important;
		padding-left:18px !important;
		padding-right:18px !important;
	}
	.devm01-board-table .subject > a:last-child,
.devm01-board-table .subject .devm01-mobile-card-title{

			display:inline-block !important;

			max-width:100% !important;

			overflow:hidden !important;

			text-overflow:ellipsis !important;

			white-space:nowrap !important;

			vertical-align:middle !important;

	}
	.devm01-board-table .subject .devm01-category-label + a:last-child,
.devm01-board-table .subject .devm01-category-label + .devm01-mobile-card-title{
		max-width:calc(100% - 130px) !important;
	}
}
/* Phase 6 QA: title-left red new badge */
.devm01-new-badge{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	flex:0 0 22px;
	width:22px;
	height:22px;
	margin:0 7px 0 0;
	border-radius:999px;
	background:var(--devm01-red, #EF4444)!important;
	color:var(--c-surface, #fff)!important;
	font-size:16px;
	line-height:1;
	vertical-align:-3px;
	box-shadow:0 8px 18px rgba(239,68,68,.25)
}
.devm01-new-badge i{
	display:block;
	font-size:16px;
	line-height:1;
	color:currentColor!important
}
.devm01-mobile-card-title,.devm01-board-card h3 a,.devm01-webzine-body h3 a,.devm01-resource-row h3 a,.devm01-gallery-b-body h3 a,.devm01-gallery-c-overlay h3 a,.devm01-gallery-title h3,.devm01-wz-body h3 a,.devm01-latest-list a strong,.devm01-latest-feature__body h3 a,.devm01-latest-resource li a span,.devm01-project-card__body h3 a,.devm01-gallery-latest-card__body h3 a{
	display:inline-flex;
	align-items:baseline;
	gap:0;
	min-width:0;
	vertical-align:top
}
.devm01-title-text,.devm01-wz-title-text{
	min-width:0
}
.devm01-post-new{
	background:var(--devm01-red, #EF4444)!important;
	color:var(--c-surface, #fff)!important
}
/* QA: clear Korean board count label */
.devm01-board-total span,.devm01-wz-total span{
	margin-left:0!important;
}
.devm01-board-total,.devm01-wz-total{
	white-space:nowrap;
}
/* QA radius refinement: Korean corporate list/FAQ wrappers (do not affect gallery/card/webzine) */
.devm01-board-wrap--list .devm01-board-toolbar,
.devm01-board--basic .devm01-board-toolbar,
.devm01-board--faq .devm01-board-toolbar{
	border-radius:4px !important;
}
.devm01-board-wrap--list .devm01-board-table,
.devm01-board--basic .devm01-board-table{
	border-radius:4px 4px 0 0 !important;
}
.devm01-board-wrap--faq .devm01-faq-board,
.devm01-board--faq .devm01-faq-board{
	border-radius:4px !important;
}
@media (max-width:768px){

	.devm01-board-wrap--list .devm01-board-table tr,
.devm01-board--basic .devm01-board-table tr{
		border-radius:6px !important;
	}
}
/* DevM QA: board-only square radius system
Scope: board/list/view/write/comment/search/FAQ/QA/1:1 inquiry skins only. */
.devm01-board-wrap,
.devm01-board,
.devm01-board-view,
.devm01-board-write,
.devm01-board-wrap--list,
.devm01-board-wrap--view,
.devm01-board-wrap--write,
#bo_list,
#bo_v,
#bo_w,
#faq_wrap,
#faq_con,
#faq_sch{

	--devm01-radius-xl:0;

	--devm01-radius-lg:0;

	--devm01-radius-card:0;

	--devm01-radius-btn:0;

}
.devm01-board-toolbar,
.devm01-board-table,
.devm01-faq-board,
.devm01-resource-list,
.devm01-resource-row,
.devm01-webzine-list,
.devm01-webzine-card,
.devm01-card-grid,
.devm01-board-card,
.devm01-empty-card,
.devm01-board-search,
.devm01-view-head,
.devm01-view-content__card,
.devm01-view-file,
.devm01-view-nav a,
.devm01-write-card,
.devm01-write-option,
.cmt_btn.devm01-comment-toggle,
#bo_vc.devm01-comment-list,
#bo_vc_w.devm01-comment-write,
#bo_vc_empty,
#bo_vc .bo_vc_w form,
#bo_vc .bo_vc_act,
.devm01-board-btn,
.devm01-board-search select,
.devm01-board-search input,
.devm01-board-search button,
.devm01-board .pg a,
.devm01-board .pg strong,
#bo_list #bo_btn_top,
#bo_list .tbl_wrap,
#bo_list tbody tr,
#bo_list .bo_sch,
#bo_list .bo_sch select,
#bo_list .bo_sch .sch_input,
#bo_list .bo_sch input[type=text],
#bo_list .bo_sch .sch_btn,
#bo_list .bo_sch .bo_sch_cls,
#bo_list .btn,
#bo_list .btn_b01,
#bo_v .btn,
#bo_v .btn_b01,
#bo_w .btn,
#bo_w .btn_submit,
#bo_w .btn_cancel,
#bo_w .form_01,
#bo_w .frm_input,
#bo_w textarea,
#bo_w select,
#bo_v #bo_v_info,
#bo_v #bo_v_atc,
#bo_v_ans,
#bo_v_ans_form .devm01-qa-answer-card,
#bo_v_ans_form .devm01-editor-wrap,
#bo_v_ans_form #qa_subject,
#bo_v_ans_form .frm_input,
#bo_v_ans_form .file_wr,
#bo_v_ans_form .btn,
#bo_v_ans_form .btn_cancel,
#bo_v_ans_form .btn_submit,
#bo_cate_ul a,
#bo_cate a,
#faq_wrap,
#faq_con,
#faq_wrap ol,
#faq_wrap li,
#faq_sch,
#faq_sch .frm_input,
.tbl_wrap,
.bo_sch,
.form_01,
.file_wr,
.bo_v_nb,
.more_opt,
.more_add,
#bo_v_info,
#bo_v_rel,
#bo_v_ans,
#bo_v_file,
#bo_v_atc,
#bo_v_con img,
#ans_con img,
.bo_vc_w textarea,
.bo_vc_w .btn_submit{

	border-radius:0 !important;

}
@media (max-width:768px){

	.devm01-board-table tr,
#bo_list tbody tr,
tbody tr{
		border-radius:0 !important;
	}
}