@charset "utf-8";
/* Layout refinements for Phase 2 */
#devm01-wrapper{
	min-height: 60vh;
	padding-top: 0;
}
#devm01-container{
	width: 100%;
	overflow: hidden;
}
.devm01-section{
	padding: var(--devm01-space-30) 0;
}
.devm01-section.is-compact{
	padding: var(--devm01-space-25) 0;
}
.devm01-section-header{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--devm01-space-8);
	margin-bottom: var(--devm01-space-14);
}
.devm01-page-header{
	padding: var(--devm01-space-20) 0 var(--devm01-space-12);
}
.devm01-sub-visual{
	position: relative;
	display: flex;
	align-items: center;
	min-height: 360px;
	padding-top: var(--devm01-header-height);
	color: var(--c-bg);
	background: linear-gradient(135deg,
rgba(7,28,53,.94),
rgba(14,42,77,.88)),
radial-gradient(circle at 70% 30%,
rgba(30,136,229,.28),
transparent 36%);
	overflow: hidden;
}
.devm01-sub-visual::before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg,
rgba(255,255,255,.06) 1px,
transparent 1px),
linear-gradient(rgba(255,255,255,.04) 1px,
transparent 1px);
	background-size: 72px 72px;
	opacity: .3;
}
.devm01-sub-visual .devm01-inner{
	position: relative;
	z-index: 1;
}
.devm01-sub-visual .devm01-title{
	color: var(--c-bg);
}
.devm01-sub-visual .devm01-desc{
	max-width: 680px;
	color: rgba(255,255,255,.78);
}
@media (max-width: 1024px){
	.devm01-sub-visual{
		min-height: 300px;
		padding-top: var(--devm01-mobile-header-height);
	}
}
@media (max-width: 768px){
	.devm01-sub-visual{
		min-height: 250px;
	}
}
/* Layout Polish / Sub & Board QA Fix */
#devm01-container{
	width:100%;
	overflow:visible;
}
.devm01-page-shell,
.devm01-board-wrap,
.devm01-content-shell{
	width:min(100% - 48px,
var(--devm01-inner));
	max-width:var(--devm01-inner);
	margin-left:auto;
	margin-right:auto;
}
.devm01-sub-nav + .devm01-content-page,
.devm01-sub-nav + .devm01-board-wrap{
	margin-top:88px;
}
@media (max-width:768px){
	.devm01-page-shell,
.devm01-board-wrap,
.devm01-content-shell{
		width:calc(100% - 40px);
	}
	.devm01-sub-nav + .devm01-content-page,
.devm01-sub-nav + .devm01-board-wrap{
		margin-top:52px;
	}
}
/* Phase Layout Core: common container + full-width exceptions */
/* Phase Layout Core: common container + full-width exceptions */
#devm01-wrapper{
	min-height:60vh;
}
#devm01-container{
	width:100%;
	overflow:visible;
}
#devm01-container > .devm01-inner-wrap{

	width:min(100% - 48px,
var(--devm01-inner));

	max-width:var(--devm01-inner);

	margin-left:auto;

	margin-right:auto;

	padding-left:0;

	padding-right:0;

}
#devm01-container > .devm01-inner-wrap--main{

	width:100%;

	max-width:none;

	margin:0;

}
#devm01-container > .devm01-inner-wrap--default{

	min-height:420px;

}
/* 게시판과 서브페이지의 본문 여백입니다. */
.devm-body{

	padding-top:95px;

	padding-bottom:95px;

}
.devm01-full,
.devm01-fluid{

	width:100%;

	max-width:none;

}
.devm01-breakout{

	width:100vw;

	margin-left:calc(50% - 50vw);

	margin-right:calc(50% - 50vw);

}
#devm01-container > .devm01-inner-wrap--default > .devm01-board-wrap,
#devm01-container > .devm01-inner-wrap--default > .devm01-content-page,
#devm01-container > .devm01-inner-wrap--default > .devm01-member,
#devm01-container > .devm01-inner-wrap--default > .devm01-member-wrap,
#devm01-container > .devm01-inner-wrap--default > .devm01-page-shell,
#devm01-container > .devm01-inner-wrap--default > .devm01-content-shell{

	width:100% !important;

	max-width:100%;

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

	margin-left:auto !important;

	margin-right:auto !important;

}
#devm01-container > .devm01-inner-wrap--default > .devm01-content-page .devm01-content-shell{

	width:100%;

	max-width:100%;

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

	#devm01-container > .devm01-inner-wrap{
		width:calc(100% - 40px);
	}
	#devm01-container > .devm01-inner-wrap--main{
		width:100%;
	}
	.devm-body{
		padding-top:62px;
		padding-bottom:62px;
	}
}
@media (max-width:480px){

	#devm01-container > .devm01-inner-wrap{
		width:calc(100% - 32px);
	}
	#devm01-container > .devm01-inner-wrap--main{
		width:100%;
	}
}