/* 이 스킨이 사용하는 서식입니다. 테마 없이도 같은 모습으로 표시됩니다. */
.devm01-gallery-image-link{

	display:block !important;

	overflow:hidden !important;

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

	background-size:cover !important;

	background-position:center center !important;

}
.devm01-gallery-image-link{
	aspect-ratio:1/1 !important;
}
.devm01-gallery-image-item img{

	display:block;

	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-latest-gallery-images .devm01-gallery-image-item, .devm01-latest-gallery-images .devm01-gallery-image-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-latest-gallery-images .devm01-gallery-image-item, .devm01-latest-gallery-images .devm01-gallery-image-link{
	aspect-ratio:1/1!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-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-latest-gallery-images .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-image-item:hover .devm01-gallery-zoom{
	opacity:1!important;
	transform:translateY(0)!important;
}
.devm01-latest-gallery-images .devm01-gallery-zoom i, .devm01-gallery-zoom i{
	display:none!important;
}
.devm01-latest-gallery-images .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-latest-gallery-images .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;
	}
}
.devm01-gallery-thumb, .devm01-latest-gallery-images .devm01-gallery-image-link.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-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{
	aspect-ratio:1/1!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-latest-gallery-images .devm01-gallery-image-link::before, .devm01-latest-gallery-images .devm01-gallery-image-link::after{
	display:none!important;
	content:none!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-item::before{
	display:none!important;
	content:none!important;
}
.devm01-latest-gallery-images .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, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
	cursor:zoom-in!important;
	backdrop-filter:blur(8px);

}
.devm01-latest-gallery-images .devm01-gallery-zoom::before, .devm01-latest-gallery-images .devm01-gallery-zoom::after{
	display:none!important;
	content:none!important;
}
.devm01-latest-gallery-images .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-latest-gallery-images .devm01-gallery-image-item:hover .devm01-gallery-zoom{
	opacity:1!important;
	transform:translateY(0)!important;
}
@media(max-width:768px){
	.devm01-latest-gallery-images .devm01-gallery-zoom{
		opacity:1!important;
		transform:none!important;
		width:38px!important;
		height:38px!important;
		right:10px!important;
		top:10px!important;
	}
}
.devm01-latest-gallery-images .devm01-gallery-image-item{

	background-color:transparent!important;

	background-color:transparent!important;

	border:0!important;

	box-shadow:none!important;

	overflow:hidden!important;

	transform:none!important;

}
.devm01-latest-gallery-images .devm01-gallery-image-item:hover{

	background-color:transparent!important;

	background-color:transparent!important;

	border-color:transparent!important;

	box-shadow:none!important;

	transform:none!important;

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

	background-color:transparent!important;

	box-shadow:none!important;

	filter:none!important;

	transition:transform 520ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1))!important;

	will-change:transform;

}
.devm01-latest-gallery-images .devm01-gallery-image-link:hover, .devm01-latest-gallery-images .devm01-gallery-image-item:hover .devm01-gallery-image-link{

	transform:scale(1.045)!important;

	filter:none!important;

}
.devm01-latest-gallery-images .devm01-gallery-image-link::before, .devm01-latest-gallery-images .devm01-gallery-image-link::after, .devm01-latest-gallery-images .devm01-gallery-image-item::before, .devm01-latest-gallery-images .devm01-gallery-image-item::after{

	display:none!important;

	content:none!important;

	opacity:0!important;

	background-color:transparent!important;

	box-shadow:none!important;

}
.devm01-latest-gallery-images .devm01-gallery-image-link span{

	display:none!important;

	opacity:0!important;

	background-color:transparent!important;

}
.devm01-latest-gallery-images .devm01-gallery-zoom{

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

	box-shadow:none!important;

}
.devm01-gallery-thumb, .devm01-latest-gallery-images .devm01-gallery-image-link.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-gallery-thumb img{

	display:none!important;

}
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::after{

	display:none!important;

	content:none!important;

	background-color:transparent!important;

	opacity:0!important;

	pointer-events:none!important;

}
.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;

	}
@media(max-width:768px){
	.devm01-gallery-thumb, .devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{

			min-height:150px!important;

	}
}
.devm01-latest-gallery-images .devm01-gallery-image-link.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-latest-gallery-images .devm01-gallery-image-link.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-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::before, .devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb::after{

	display:none!important;

	content:none!important;

	opacity:0!important;

}
.devm01-latest-gallery-images .devm01-gallery-image-item{

	border:1px solid rgba(15,35,60,.10) !important;

	box-shadow:none !important;

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

}
.devm01-latest-gallery-images .devm01-gallery-image-item:hover{

	border-color:rgba(30,136,229,.22) !important;

	box-shadow:none !important;

}
.devm01-latest-gallery-images .devm01-gallery-image-link{

	transition:transform 620ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)),
filter 620ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)) !important;

	transform-origin:center center !important;

}
.devm01-latest-gallery-images .devm01-gallery-image-item:hover .devm01-gallery-image-link{

	transform:scale(1.045) !important;

	filter:saturate(1.04) contrast(1.03) !important;

}
.devm01-project .devm01-gallery-zoom{
	display:none!important;
	content:none!important;
	opacity:0!important;
	pointer-events:none!important;
}
.devm01-project .devm01-gallery-zoom{
	left:auto!important;
	right:12px!important;
	top:12px!important;
	bottom:auto!important;
	margin:0!important;
	transform:translateY(-6px)!important;
}
.devm01-gallery-image-link{

	display:block !important;

	overflow:hidden !important;

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

}
.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;

}

@charset "utf-8";
.devm01-latest-gallery-images{
	position:relative;
	overflow:hidden;
	padding:8px 0 46px;
	font-family:var(--devm01-font-kr, "Noto Sans KR", sans-serif);
}
.devm01-latest-gallery-images:not(.swiper-initialized) > .swiper-wrapper{
	display:grid!important;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:24px;
	transform:none!important;
}
.devm01-latest-gallery-images:not(.swiper-initialized) .swiper-slide{
	width:auto!important;
	margin-right:0!important;
}
.devm01-gallery-image-item{
	position:relative;
	overflow:hidden;
	border-radius:18px;
	background:#eef3f8;
}
.devm01-gallery-image-link{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:1/1;
	overflow:hidden;
	background-size:cover!important;
	background-position:center center!important;
	background-repeat:no-repeat!important;
	color:#ffffff;
	text-decoration:none;
}
.devm01-gallery-image-link:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(7,28,53,0), rgba(7,28,53,.42));
	opacity:0;
	transition:opacity .24s ease;
}
.devm01-gallery-image-link span{
	position:absolute;
	left:16px;
	right:58px;
	bottom:14px;
	z-index:2;
	overflow:hidden;
	color:#ffffff;
	font-size:16px;
	line-height:1.35;
	white-space:nowrap;
	text-overflow:ellipsis;
	opacity:0;
	transform:translateY(8px);
	transition:opacity .24s ease, transform .24s ease;
	text-shadow:0 4px 18px rgba(0,0,0,.28);
}
.devm01-gallery-image-item:hover .devm01-gallery-image-link:after,
.devm01-gallery-image-item:hover .devm01-gallery-image-link span{
	opacity:1;
}
.devm01-gallery-image-item:hover .devm01-gallery-image-link span{
	transform:translateY(0);
}
.devm01-gallery-zoom{
	position:absolute;
	right:12px;
	top:12px;
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	background:rgba(7,28,53,.78);
	color:#ffffff;
	text-decoration:none;
	box-shadow:0 12px 28px rgba(0,0,0,.22);
	opacity:0;
	transform:translateY(-6px);
	transition:opacity .24s ease, transform .24s ease;
}
.devm01-gallery-image-item:hover .devm01-gallery-zoom{
	opacity:1;
	transform:translateY(0);
}
.devm01-gallery-zoom i{
	color:#ffffff;
	font-size:16px;
	line-height:1;
}
.devm01-gallery-images-controls{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-top:24px;
}
.devm01-gallery-images-prev,
.devm01-gallery-images-next{
	width:40px;
	height:40px;
	border:1px solid #e5eaf0;
	border-radius:50%;
	background:#ffffff;
	color:#071c35;
	font-size:0;
	cursor:pointer;
	box-shadow:0 10px 24px rgba(7,28,53,.06);
}
.devm01-gallery-images-prev:before{
	content:"←";
	font-size:16px;
}
.devm01-gallery-images-next:before{
	content:"→";
	font-size:16px;
}
.devm01-gallery-images-pagination{
	position:static!important;
	width:auto!important;
}
.devm01-gallery-images-pagination .swiper-pagination-bullet{
	background:#1e88e5;
}
@media(max-width:1024px){
	.devm01-latest-gallery-images:not(.swiper-initialized) > .swiper-wrapper{
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:20px;
	}
}
@media(max-width:768px){
	.devm01-latest-gallery-images{
		padding-bottom:38px;
	}
	.devm01-latest-gallery-images:not(.swiper-initialized) > .swiper-wrapper{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:16px;
	}
	.devm01-gallery-image-item{
		border-radius:14px;
	}
	.devm01-gallery-zoom{
		width:38px;
		height:38px;
		opacity:1;
		transform:none;
	}
}
@media(max-width:480px){
	.devm01-latest-gallery-images:not(.swiper-initialized) > .swiper-wrapper{
		grid-template-columns:1fr;
	}
}
.devm01-latest-gallery-images.swiper{
	display:block;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
}
.devm01-latest-gallery-images > .swiper-wrapper{
	min-width:0;
	box-sizing:border-box;
}
.devm01-latest-gallery-images .swiper-slide{
	min-width:0;
	box-sizing:border-box;
}
.devm01-latest-gallery-images .devm01-gallery-image-item{
	aspect-ratio:auto!important;
	background:transparent!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{
	min-height:0!important;
	height:auto!important;
	background-color:#eef3f8!important;
	aspect-ratio:1/1!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb:hover{
	background-color:#eef3f8!important;
}
/* Image slide type must stay as square image-only slides. */
.devm01-latest-gallery-images .swiper-slide{
	height:auto!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-item{
	height:auto!important;
	border:0!important;
	box-shadow:none!important;
	background:transparent!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-link,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{
	display:block!important;
	width:100%!important;
	height:auto!important;
	min-height:0!important;
	aspect-ratio:1/1!important;
	border-radius:18px!important;
	background-color:#eef3f8!important;
	background-size:cover!important;
	background-position:center center!important;
	background-repeat:no-repeat!important;
	transform:none!important;
	filter:none!important;
}
.devm01-latest-gallery-images .devm01-gallery-image-item:hover .devm01-gallery-image-link,
.devm01-latest-gallery-images .devm01-gallery-image-link:hover,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb:hover{
	transform:none!important;
	filter:none!important;
	background-color:#eef3f8!important;
}
/* DevM final gallery A hover motion */
.devm01-latest-gallery-images{
	overflow:hidden;
	padding-bottom:72px;
}
.devm01-latest-gallery-images .devm01-gallery-image-link,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb{
	transition:transform 620ms cubic-bezier(.22,1,.36,1), filter 620ms cubic-bezier(.22,1,.36,1)!important;
	will-change:transform;
}
.devm01-latest-gallery-images .devm01-gallery-image-item:hover .devm01-gallery-image-link,
.devm01-latest-gallery-images .devm01-gallery-image-link:hover,
.devm01-latest-gallery-images .devm01-gallery-image-link.devm01-gallery-thumb:hover{
	transform:scale(1.045)!important;
	filter:saturate(1.04) contrast(1.03)!important;
}
.devm01-gallery-images-controls{
	position:relative;
	z-index:20;
	margin-top:32px;
	padding:10px 0;
}
.devm01-gallery-images-prev,
.devm01-gallery-images-next{
	box-shadow:none!important;
}

/* DevM latest preview controls compact */
.devm01-latest-gallery-images{
	padding-bottom:28px!important;
}
.devm01-gallery-images-controls{
	margin-top:14px!important;
	padding:0 0 4px!important;
	overflow:visible!important;
}
.devm01-gallery-images-prev,
.devm01-gallery-images-next{
	box-shadow:none!important;
}

/* DevM visible gallery controls */
.devm01-page--latest .devm01-latest-gallery-images{
	overflow:visible!important;
	padding-bottom:0!important;
}
.devm01-page--latest .devm01-gallery-images-controls{
	position:relative!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:44px!important;
	margin:18px 0 30px!important;
	padding:0!important;
	overflow:visible!important;
}
.devm01-page--latest .devm01-gallery-images-prev,
.devm01-page--latest .devm01-gallery-images-next{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	box-shadow:none!important;
}