/* 이 스킨이 사용하는 서식입니다. 테마 없이도 같은 모습으로 표시됩니다. */
.devm01-project-card__body h3 a{
	display:inline-flex;
	align-items:baseline;
	gap:0;
	min-width:0;
	vertical-align:top
}
.devm01-title-text{
	min-width:0
}
.devm01-project__track{
	display:flex;
	gap:28px;
	transition:transform 420ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
}
.devm01-project-card{
	flex:0 0 420px;
	overflow:hidden;
	border-radius:var(--devm01-radius-lg, 24px);
	background-color:var(--c-surface, #fff);
	color:var(--c-fg);
}
.devm01-project-card img{
	width:100%;
	height:270px;
	object-fit:cover;
	transition:transform 500ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
}
.devm01-project-card:hover img{
	transform:scale(1.06);
}
.devm01-project-card span{
	color:var(--c-accent);
	font-family:var(--devm01-font-en, Lexend,
Inter,
Montserrat,
Arial,
sans-serif);
	font-size:16px;
	letter-spacing:.12em;
}
.devm01-project-card h3{
	margin:12px 0 10px;
	font-size:22px;
	line-height:1.38;
	font-weight:bold;
	letter-spacing:-.04em;
}
.devm01-project-card p{
	color:var(--devm01-gray-600, #6B7280);
	line-height:1.65;
}
.devm01-project-card.is-empty{
	min-height:430px;
	display:flex;
	align-items:flex-end;
	background:linear-gradient(135deg,var(--c-surface, #fff),var(--c-surface-2, #F3F7FB));
}
@media (max-width:768px){
	.devm01-project-card{
		flex-basis:86vw
	}
}
.devm01-project__track{
	display:flex;
	gap:0;
	transition:none;
}
.devm01-project-card{
	position:relative;
	flex:0 0 auto;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.08);
	border-radius:var(--devm01-radius-xl, 28px);
	background-color:var(--c-surface, #fff);
	color:var(--c-fg);
	box-shadow:0 28px 80px rgba(0,0,0,.18);
}
.devm01-project-card__image{
	display:block;
	position:relative;
	overflow:hidden;
	aspect-ratio:16/10;
	background:var(--c-deep, #132A45);
}
.devm01-project-card__image::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(180deg,rgba(7,28,53,0) 38%,rgba(7,28,53,.72) 100%);
	opacity:.84;
	transition:opacity var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
}
.devm01-project-card__image img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 720ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
}
.devm01-project-card:hover .devm01-project-card__image img{
	transform:scale(1.075);
}
.devm01-project-card__image em{
	position:absolute;
	left:22px;
	bottom:20px;
	z-index:3;
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:9px 13px;
	border:1px solid rgba(255,255,255,.32);
	border-radius:var(--r-pill, 999px);
	background:rgba(7,28,53,.78);
	box-shadow:0 12px 28px rgba(0,0,0,.24);
	backdrop-filter:blur(8px);
	color:var(--c-surface, #fff);
	text-shadow:0 1px 8px rgba(0,0,0,.45);
	font-style:normal;
	font-size:16px;
	opacity:0;
	transform:translateY(8px);
	transition:all var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
}
.devm01-project-card__body{
	padding:30px 30px 32px;
}
.devm01-project-card__body span{
	display:block;
	color:var(--c-accent);
	font-family:var(--devm01-font-en, Lexend,
Inter,
Montserrat,
Arial,
sans-serif);
	font-size:16px;
	letter-spacing:.12em;
}
.devm01-project-card__body h3{
	min-height:62px;
	margin:12px 0 12px;
	color:var(--c-primary);
	font-size:23px;
	line-height:1.35;
	font-weight:bold;
	letter-spacing:-.045em;
}
.devm01-project-card__body p{
	min-height:74px;
	margin:0;
	color:var(--devm01-gray-600, #6B7280);
	line-height:1.7;
}
.devm01-project-card__more, .devm01-project-card__body small{
	display:inline-flex;
	margin-top:22px;
	color:var(--c-accent);
}
.devm01-project-pagination.swiper-pagination-bullets, .devm01-project__pagination.swiper-pagination-bullets{
	position:static;
	left:auto;
	right:auto;
	bottom:auto;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin:34px auto 0;
	transform:none;
	z-index:1;
}
.devm01-project__pagination .swiper-pagination-bullet{
	width:26px;
	height:3px;
	border-radius:var(--r-pill, 999px);
	background:rgba(255,255,255,.42);
	opacity:1;
}
.devm01-project__pagination .swiper-pagination-bullet-active{
	background:var(--c-accent-light);
}
@media (max-width:768px){
	.devm01-project-pagination.swiper-pagination-bullets, .devm01-project__pagination.swiper-pagination-bullets{
		margin-top:26px
	}
	.devm01-project-card__body{
		padding:24px 22px
	}
	.devm01-project-card__body h3{
		min-height:0;
		font-size:21px
	}
	.devm01-project-card__body p{
		min-height:0
	}
}
.devm01-project-card .devm01-project-card__body{
	padding:30px 30px 32px;
}
@media (max-width:768px){
	.devm01-project-card .devm01-project-card__body{
		padding:24px 22px;
	}
}
.devm01-project-card{
	min-width:0;
}
.devm01-project-card__image::after{
	display:none!important;
	content:none!important;
}
.devm01-project-card__body{
	background-color:var(--c-surface, #fff);
}
.devm01-project-card.is-fallback .devm01-project-card__body{
	background:linear-gradient(180deg,var(--c-surface, #fff) 0%,var(--c-surface-2, #F8FBFF) 100%);
}
.devm01-project-card__image{

	display:block !important;

	overflow:hidden !important;

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

	background-size:cover !important;

	background-position:center center !important;

}
.devm01-project-card__image{
	aspect-ratio:4/3 !important;
}
.devm01-project-card__image 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-project-card__image{

	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-project-card__image{
	aspect-ratio:4/3!important;
}
.devm01-project-card__image 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-project-card{

	overflow:hidden !important;

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

	border-radius:var(--devm01-radius-lg, 24px) !important;

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

	box-shadow:0 10px 24px rgba(15,35,60,.04) !important;

	transform:none;

	transition:transform var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)),
box-shadow var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)),
border-color var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)) !important;

}
.devm01-project-card:hover{

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

	box-shadow:0 18px 42px rgba(15,35,60,.075) !important;

	transform:translateY(-4px) !important;

}
.devm01-project-card__image{

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

}
.devm01-project-card__body{

	padding:20px 22px 22px !important;

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

	border:0 !important;

	box-shadow:none !important;

}
.devm01-project-card__body h3{

	margin-top:0 !important;

}
@media(max-width:768px){
	.devm01-project-card{
		border-radius:var(--devm01-radius-card, 18px) !important;
	}
	.devm01-project-card__body{
		padding:16px 18px 18px !important;
	}
}
.devm01-project-card{
	height:auto;
}
.devm01-project-card__image{
	cursor:pointer;
}
.devm01-project-card.is-fallback .devm01-project-card__image{
	cursor:default;
}
.devm01-project-card__image::after, .devm01-project-card__image em{
	display:none!important;
	content:none!important;
	opacity:0!important;
	pointer-events:none!important;
}
.devm01-project-card__image img{
	display:block;
	width:100%!important;
	height:100%!important;
	object-fit:cover!important;
	transition:transform 620ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)),filter 620ms var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1))!important;
}
.devm01-project-card:hover .devm01-project-card__image img{
	transform:scale(1.045)!important;
	filter:saturate(1.04) contrast(1.03)!important;
}
.devm01-project-card__body h3 a:hover, .devm01-project-card:hover .devm01-project-card__body h3{
	color:var(--c-accent);
}
.devm01-project-pagination.swiper-pagination, .devm01-project__pagination.swiper-pagination{
	position:static !important;
	left:auto !important;
	right:auto !important;
	top:auto !important;
	bottom:auto !important;
	width:100% !important;
	display:flex !important;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin:34px auto 0 !important;
	transform:none !important;
	z-index:1;
	pointer-events:auto;
}
.devm01-project-pagination .swiper-pagination-bullet, .devm01-project__pagination .swiper-pagination-bullet{
	margin:0 !important;
	transition:width var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1)),
background-color var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22,
1,
.36,
1));
}
@media (max-width:768px){
	.devm01-project-pagination.swiper-pagination, .devm01-project__pagination.swiper-pagination{
		margin-top:26px !important;
	}
}
.devm01-project-card__image, .devm01-case-latest-swiper .devm01-project-card__image{
	border-radius:var(--devm01-radius-lg, 24px) var(--devm01-radius-lg, 24px) 0 0 !important;
	overflow:hidden!important;
	clip-path:inset(0 round 24px 24px 0 0)!important;
	contain:paint;
	transform:translateZ(0);
}
.devm01-project-card__image img, .devm01-case-latest-swiper .devm01-project-card__image img{
	border-radius:0!important;
	clip-path:none!important;
	backface-visibility:hidden;
	transform-origin:center center!important;
}
.devm01-project-card:hover .devm01-project-card__image img, .devm01-case-latest-swiper .devm01-project-card:hover .devm01-project-card__image img{
	transform:scale(1.045) translateZ(0)!important;
}
.devm01-project-card__image{

	display:block !important;

	overflow:hidden !important;

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

}
.devm01-project-card__image 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-project-latest{
	position:relative;
	font-family:var(--devm01-font-kr, "Noto Sans KR", sans-serif);
}
.devm01-case-latest-swiper{
	overflow:hidden;
	padding-top:8px;
	padding-bottom:28px;
}
.devm01-case-latest-swiper:not(.swiper-initialized) .swiper-wrapper{
	display:grid!important;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:28px;
	transform:none!important;
}
.devm01-case-latest-swiper:not(.swiper-initialized) .swiper-slide{
	width:auto!important;
	margin-right:0!important;
}
.devm01-project-card{
	height:auto;
	overflow:hidden;
	border:1px solid #e5eaf0;
	background:#ffffff;
	box-shadow:0 14px 34px rgba(17,24,39,.06);
}
.devm01-project-card__image{
	position:relative;
	display:block;
	aspect-ratio:16/10;
	overflow:hidden;
	background:#dbe3ec;
}
.devm01-project-card__image:after{
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(180deg, rgba(17,24,39,0), rgba(17,24,39,.28));
}
.devm01-project-card__image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.devm01-project-card:hover .devm01-project-card__image img{
	transform:scale(1.045);
}
.devm01-project-card__body{
	display:flex;
	flex-direction:column;
	min-height:240px;
	padding:24px 24px 26px;
}
.devm01-project-card__body span{
	color:#1e88e5;
	font-size:16px;
	font-weight:bold;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.devm01-project-card__body h3{
	margin:8px 0 0;
	color:#111827;
	font-size:22px;
	line-height:1.35;
	letter-spacing:-.03em;
}
.devm01-project-card__body h3 a{
	color:inherit;
	text-decoration:none;
}
.devm01-project-card__body p{
	display:-webkit-box;
	overflow:hidden;
	min-height:52px;
	margin:18px 0 0;
	color:#6b7280;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size:16px;
	line-height:1.7;
}
.devm01-project-card__more,
.devm01-project-card__body small{
	margin-top:auto;
	padding-top:24px;
	color:#1e88e5;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.devm01-project-pagination{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:22px;
	margin-top:2px;
}
.devm01-project-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom:auto;
}
.devm01-project-pagination .swiper-pagination-bullet{
	width:24px;
	height:4px;
	border-radius:var(--r-pill, 999px);
	background:#1e88e5;
	opacity:.26;
}
.devm01-project-pagination .swiper-pagination-bullet-active{
	width:34px;
	opacity:1;
}
@media(max-width:1024px){
	.devm01-case-latest-swiper:not(.swiper-initialized) .swiper-wrapper{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:22px;
	}
}
@media(max-width:640px){
	.devm01-case-latest-swiper:not(.swiper-initialized) .swiper-wrapper{
		grid-template-columns:1fr;
	}
	.devm01-project-card__body{
		min-height:220px;
		padding:22px;
	}
	.devm01-project-card__body h3{
		font-size:20px;
	}
}
.devm01-case-latest-swiper.swiper{
	display:block;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
}
.devm01-case-latest-swiper > .swiper-wrapper{
	min-width:0;
	box-sizing:border-box;
}
.devm01-case-latest-swiper .swiper-slide{
	min-width:0;
	box-sizing:border-box;
}
.devm01-project-card,
.devm01-case-latest-swiper .devm01-project-card{
	border-radius:var(--devm01-radius-lg, 24px) !important;
	overflow:hidden!important;
}
.devm01-project-card__image,
.devm01-case-latest-swiper .devm01-project-card__image{
	border-radius:var(--devm01-radius-lg, 24px) var(--devm01-radius-lg, 24px) 0 0 !important;
	overflow:hidden!important;
	isolation:isolate;
}
.devm01-project-card__image:after,
.devm01-case-latest-swiper .devm01-project-card__image:after{
	border-radius:var(--devm01-radius-lg, 24px) var(--devm01-radius-lg, 24px) 0 0 !important;
	pointer-events:none;
}
.devm01-project-card__image img,
.devm01-case-latest-swiper .devm01-project-card__image img{
	border-radius:var(--devm01-radius-lg, 24px) var(--devm01-radius-lg, 24px) 0 0 !important;
	transform-origin:center center;
}
/* DevM QA: hard clip project card hover images to rounded top corners */
.devm01-project-card__image,
.devm01-case-latest-swiper .devm01-project-card__image{
	border-radius:var(--devm01-radius-lg, 24px) var(--devm01-radius-lg, 24px) 0 0 !important;
	overflow:hidden!important;
	clip-path:inset(0 round 24px 24px 0 0)!important;
	contain:paint;
	transform:translateZ(0);
}
.devm01-project-card__image img,
.devm01-case-latest-swiper .devm01-project-card__image img{
	border-radius:0!important;
	clip-path:none!important;
	backface-visibility:hidden;
	transform-origin:center center!important;
}
.devm01-project-card:hover .devm01-project-card__image img,
.devm01-case-latest-swiper .devm01-project-card:hover .devm01-project-card__image img{
	transform:scale(1.045) translateZ(0)!important;
}
/* DevM QA: keep latest project card lift inside swiper bounds */
.devm01-case-latest-swiper{
	padding-top:8px!important;
}
.devm01-case-latest-swiper .devm01-project-card{width:min(84vw, 340px)}