@charset "utf-8";
/* Sub page system: content.php based premium B2B layouts */
.devm01-sub-visual{
	position:relative;
	min-height:var(--devm01-subvisual-height, 510px);
	padding-top:var(--devm01-header-height);
	background:var(--c-primary);
	color:var(--c-surface, #fff);
	overflow:hidden;
}
.devm01-sub-visual::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,
var(--devm01-sub-scrim-1, rgba(7,28,53,.88)),
var(--devm01-sub-scrim-2, rgba(7,28,53,.58)) 48%,
var(--devm01-sub-scrim-3, rgba(7,28,53,.32))),
var(--devm01-sub-bg) center/cover no-repeat;
	transform:scale(1.02);
}
/* 상단 배경 모션입니다. 테마 설정 > 서브페이지에서 변경하실 수 있습니다. */
.devm01-sub-visual.is-mo-zoom-out::before{animation:devmSvZoomOut 9s ease-out both}
.devm01-sub-visual.is-mo-zoom-in::before{animation:devmSvZoomIn 9s ease-out both}
.devm01-sub-visual.is-mo-up::before{animation:devmSvUp 9s ease-out both}
@keyframes devmSvZoomOut{
	from{transform:scale(1.12)}
	to{transform:scale(1.02)}
}
@keyframes devmSvZoomIn{
	from{transform:scale(1.02)}
	to{transform:scale(1.12)}
}
@keyframes devmSvUp{
	from{transform:scale(1.12) translateY(2.6%)}
	to{transform:scale(1.12) translateY(-2.6%)}
}
@media (prefers-reduced-motion:reduce){
	.devm01-sub-visual.is-mo-zoom-out::before,
	.devm01-sub-visual.is-mo-zoom-in::before,
	.devm01-sub-visual.is-mo-up::before{animation:none}
}
.devm01-sub-visual::after{
	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:.22;
}
.devm01-sub-visual__inner{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:calc(var(--devm01-subvisual-height, 510px) - var(--devm01-header-height));
	padding-top:42px;
}
.devm01-sub-visual .devm01-eyebrow{
	color:var(--c-accent-light);
}
.devm01-sub-visual .devm01-title{
	color:var(--c-surface, #fff);
	font-size:52px;
	letter-spacing:-.055em;
}
.devm01-sub-visual .devm01-desc{
	max-width:760px;
	color:rgba(255,255,255,.78);
}
.devm01-breadcrumb{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:38px;
	color:rgba(255,255,255,.66);
	font-size:16px;
}
.devm01-breadcrumb a{
	color:rgba(255,255,255,.72);
}
.devm01-breadcrumb span::before,
.devm01-breadcrumb strong::before{
	content:"/";
	margin-right:10px;
	color:rgba(255,255,255,.38);
}
.devm01-breadcrumb strong{
	color:var(--c-surface, #fff);
}
.devm01-sub-nav{
	position:sticky;
	top:var(--devm01-header-height);
	z-index:900;
	background:var(--c-surface, #fff);
	border-bottom:1px solid var(--devm01-gray-200);
	box-shadow:var(--localnav-shadow, 0 10px 30px rgba(7,28,53,.04));
}
.devm01-sub-nav__inner{
	display:flex;
	align-items:center;
	min-height:68px;
}
.devm01-sub-nav__current{
	display:none;
}
.devm01-sub-nav__list{
	display:flex;
	align-items:center;
	gap:4px;
	overflow-x:auto;
}
.devm01-sub-nav__list a{
	display:flex;
	align-items:center;
	height:68px;
	padding:0 24px;
	color:var(--devm01-gray-600);
	white-space:nowrap;
	border-bottom:3px solid transparent;
}
.devm01-sub-nav__list a:hover,
.devm01-sub-nav__list a.is-active{
	color:var(--c-primary);
	border-bottom-color:var(--c-accent);
}
.devm01-content-page > header{
	text-align:center;
}
.devm01-content-page > header .devm01-title{
	font-size:42px;
}
.devm01-sub-content{
	padding:70px 0 130px;
}
#ctt.devm01-content-page{
	margin:0;
	padding:0;
}
#ctt_con.devm01-sub-content{
	font-size:17px;
	color:var(--devm01-gray-700);
	line-height:1.8;
}
#ctt_con.devm01-sub-content img{
	max-width:100%;
	border-radius:var(--devm01-radius-lg);
}
.devm01-sub-content h2{
	margin:0;
	color:var(--c-fg);
	font-size:38px;
	line-height:1.32;
	font-weight:bold;
	letter-spacing:-.055em;
}
.devm01-sub-content p{
	color:var(--devm01-gray-600);
}
.devm01-lead-grid{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:56px;
	align-items:start;
}
.devm01-overview-card{
	padding:36px;
	border-radius:var(--devm01-radius-lg);
	background:var(--c-primary);
	color:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-floating);
}
.devm01-overview-card dl{
	display:grid;
	grid-template-columns:110px 1fr;
	gap:16px 20px;
	margin:0;
}
.devm01-overview-card dt{
	color:rgba(255,255,255,.56);
}
.devm01-overview-card dd{
	margin:0;
	color:var(--c-surface, #fff);
}
.devm01-metric-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:18px;
	margin-top:48px;
}
.devm01-metric-grid div{
	padding:32px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-card);
	background:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-metric-grid b{
	display:block;
	color:var(--c-primary);
	font-family:var(--devm01-font-en);
	font-size:40px;
}
.devm01-metric-grid span{
	display:block;
	margin-top:8px;
	color:var(--devm01-gray-600);
}
.devm01-solution-detail h2{
	max-width:820px;
}
.devm01-bottom-cta{
	margin-top:70px;
	padding:52px;
	border-radius:var(--devm01-radius-xl);
	background:linear-gradient(135deg,var(--c-primary),var(--c-deep));
	color:var(--c-surface, #fff);
	text-align:center;
}
.devm01-bottom-cta h3{
	margin:0 0 14px;
	font-size:30px;
	font-weight:bold;
}
.devm01-bottom-cta p{
	color:rgba(255,255,255,.72);
}
@media (max-width:1024px){
	.devm01-sub-visual{
		min-height:var(--devm01-subvisual-height-t, 420px)
	}
	.devm01-sub-visual__inner{
		min-height:calc(var(--devm01-subvisual-height-t, 420px) - var(--devm01-header-height))
	}
	.devm01-sub-nav{
		top:var(--devm01-mobile-header-height)
	}
	.devm01-lead-grid{
		grid-template-columns:1fr
	}
	.devm01-metric-grid{
		grid-template-columns:repeat(2,1fr)
	}
}
@media (max-width:768px){
	.devm01-sub-visual{
		min-height:var(--devm01-subvisual-height-m, 380px)
	}
	.devm01-sub-visual__inner{
		min-height:calc(var(--devm01-subvisual-height-m, 380px) - var(--devm01-header-height))
	}
	.devm01-sub-visual .devm01-title{
		font-size:34px
	}
	.devm01-breadcrumb{
		margin-bottom:22px;
		overflow-x:auto;
		white-space:nowrap
	}
	.devm01-sub-nav__inner{
		display:block;
		padding:0
	}
	.devm01-sub-nav__current{
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
		height:56px;
		padding:0 20px;
		border:0;
		background:var(--c-surface, #fff);
		color:var(--c-primary);
	}
	.devm01-sub-nav__current::after{
		content:"+"
	}
	.devm01-sub-nav__list{
		display:none;
		padding:8px 20px 18px
	}
	.devm01-sub-nav.is-open .devm01-sub-nav__list{
		display:grid
	}
	.devm01-sub-nav__list a{
		height:44px;
		padding:0;
		border-bottom:1px solid var(--devm01-gray-200)
	}
	.devm01-sub-content{
		padding:52px 0 90px
	}
	.devm01-content-page > header .devm01-title,.devm01-sub-content h2{
		font-size:30px
	}
	.devm01-metric-grid{
		grid-template-columns:1fr
	}
	.devm01-overview-card dl{
		grid-template-columns:1fr;
		gap:8px
	}
	.devm01-bottom-cta{
		padding:34px 24px
	}
}
/* Layout Polish / content.php premium body rhythm */
.devm01-content-page{
	width:100%;
	padding-bottom:120px;
}
.devm01-content-page > .devm01-page-header{
	padding:0 0 36px;
	text-align:left;
}
.devm01-content-shell{
	position:relative;
}
#ctt_con.devm01-sub-content,
.devm01-sub-content{
	width:100%;
	max-width:var(--devm01-inner);
	margin:0 auto;
	padding:0 0 0;
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
	position:relative;
	padding:64px;
	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, #FAFCFE) 100%);
	box-shadow:var(--devm01-shadow-card);
	overflow:hidden;
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta)::before{
	content:"";
	position:absolute;
	right:-120px;
	top:-120px;
	width:300px;
	height:300px;
	border-radius:50%;
	background:rgba(30,136,229,.07);
	pointer-events:none;
}
.devm01-lead-grid > div:first-child{
	position:relative;
	z-index:1;
}
.devm01-lead-grid{
	align-items:stretch;
}
.devm01-lead-grid > div:first-child{
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:360px;
	padding:18px 0;
}
.devm01-lead-grid > div:first-child p:last-child{
	font-size:18px;
	line-height:1.9;
}
.devm01-overview-card,
.devm01-metric-grid div{
	transition:transform var(--devm01-duration) var(--devm01-ease),
box-shadow var(--devm01-duration) var(--devm01-ease);
}
.devm01-overview-card:hover,
.devm01-metric-grid div:hover{
	transform:translateY(-4px);
	box-shadow:var(--devm01-shadow-floating);
}
.devm01-solution-detail > h2 + p{
	max-width:760px;
	font-size:18px;
	line-height:1.85;
}
.devm01-bottom-cta{
	margin:80px auto 0;
}
.devm01-bottom-cta .devm01-btn{
	margin-top:22px;
	background:var(--c-surface, #fff);
	color:var(--c-primary);
}
.devm01-bottom-cta .devm01-btn:hover{
	background:var(--c-accent-light);
	color:var(--c-primary);
}
@media (max-width:1024px){
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:44px 34px;
	}
	.devm01-content-page{
		padding-bottom:96px;
	}
}
@media (max-width:768px){
	.devm01-content-page > .devm01-page-header{
		padding-bottom:24px;
	}
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:30px 22px;
		border-radius:var(--devm01-radius-lg);
	}
	.devm01-lead-grid > div:first-child{
		min-height:0;
	}
	.devm01-bottom-cta{
		margin-top:52px;
	}
}
/* Company Info Polish / Sub Page Quality Pass */
.devm01-content-page{
	padding-bottom: 156px;
}
.devm01-sub-nav + .devm01-content-page{
	margin-top: 92px;
}
.devm01-content-shell,
.devm01-board-wrap,
.devm01-board-inner{
	width:min(100% - 48px,
var(--devm01-inner));
	max-width:var(--devm01-inner);
	margin-left:auto;
	margin-right:auto;
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
	padding:72px;
	background:linear-gradient(180deg,var(--c-surface, #fff) 0%,var(--c-surface-2, #F8FBFF) 100%);
	border-color:rgba(7,28,53,.09);
	box-shadow:0 24px 70px rgba(7,28,53,.09);
}
.devm01-sub-content h2{
	word-break:keep-all;
}
.devm01-sub-content p{
	word-break:keep-all;
}
.devm01-sub-lead{
	max-width:760px;
	margin:18px 0 0;
	font-size:19px;
	line-height:1.9;
	color:var(--devm01-gray-700);
}
.devm01-company-info-list{
	display:grid;
	gap:0;
	margin:0;
}
.devm01-company-info-list dt,
.devm01-company-info-list dd{
	padding:17px 0;
	border-bottom:1px solid rgba(255,255,255,.14);
}
.devm01-company-info-list dt{
	color:rgba(255,255,255,.58);
}
.devm01-company-info-list dd{
	margin:0;
	color:var(--c-surface, #fff);
}
.devm01-overview-card .devm01-company-info-list{
	grid-template-columns:116px 1fr;
}
.devm01-overview-card .devm01-company-info-list dt,
.devm01-overview-card .devm01-company-info-list dd{
	border-bottom-color:rgba(255,255,255,.12);
}
.devm01-value-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	margin-top:42px;
}
.devm01-value-grid > div{
	min-height:210px;
	padding:34px;
	border-radius:var(--devm01-radius-card);
	background:var(--c-surface, #fff);
	border:1px solid var(--devm01-gray-200);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-value-grid span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	margin-bottom:20px;
	border-radius:50%;
	background:var(--c-surface-3, #EAF4FF);
	color:var(--c-accent);
	font-family:var(--devm01-font-en);
}
.devm01-value-grid b{
	display:block;
	color:var(--c-primary);
	font-size:22px;
}
.devm01-value-grid p{
	margin:12px 0 0;
}
.devm01-map-note{
	position:absolute;
	left:24px;
	bottom:24px;
	right:24px;
	padding:18px 22px;
	border-radius:var(--devm01-radius-card);
	background:rgba(255,255,255,.94);
	box-shadow:0 18px 48px rgba(7,28,53,.13);
	color:var(--devm01-gray-700);
}
.devm01-bottom-cta{
	margin:96px auto 0;
	padding:58px;
	box-shadow:var(--devm01-shadow-floating);
}
.devm01-bottom-cta .devm01-eyebrow{
	color:var(--c-accent-light);
}
.devm01-bottom-cta__actions{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:12px;
	margin-top:26px;
}
.devm01-bottom-cta__actions .devm01-btn{
	margin-top:0;
}
@media (max-width:1024px){
	.devm01-content-page{
		padding-bottom:124px;
	}
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:50px 38px;
	}
	.devm01-value-grid{
		grid-template-columns:1fr 1fr;
	}
}
@media (max-width:768px){
	.devm01-sub-nav + .devm01-content-page{
		margin-top:54px;
	}
	.devm01-content-page{
		padding-bottom:96px;
	}
	.devm01-content-shell,
.devm01-board-wrap,
.devm01-board-inner{
		width:calc(100% - 40px);
	}
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:32px 22px;
	}
	.devm01-sub-lead{
		font-size:16px;
	}
	.devm01-overview-card .devm01-company-info-list{
		grid-template-columns:1fr;
	}
	.devm01-company-info-list dt{
		padding-bottom:4px;
		border-bottom:0;
	}
	.devm01-company-info-list dd{
		padding-top:0;
	}
	.devm01-value-grid{
		grid-template-columns:1fr;
	}
	.devm01-map-note{
		position:static;
		margin:14px;
	}
	.devm01-bottom-cta{
		margin-top:64px;
		padding:38px 22px;
	}
	.devm01-bottom-cta__actions{
		display:grid;
		grid-template-columns:1fr;
	}
}
/* Sub Page & Board Visual Polish - section rhythm and premium modules */
.devm01-content-page{
	padding-bottom: 180px;
}
.devm01-sub-nav + .devm01-content-page{
	margin-top: 108px;
}
#ctt_con.devm01-sub-content{
	display:block;
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
	padding:76px;
}
.devm01-page-stack > * + *{
	margin-top:112px;
}
.devm01-page-stack > .devm01-metric-grid,
.devm01-page-stack > .devm01-value-grid{
	margin-top:96px;
}
.devm01-bottom-cta{
	margin-top:112px;
	margin-bottom:0;
	padding:56px 64px;
}
.devm01-split-visual{
	display:grid;
	grid-template-columns:minmax(0,
.92fr) minmax(0,
1.08fr);
	gap:64px;
	align-items:center;
}
.devm01-split-visual.is-reverse .devm01-split-visual__text{
	order:2;
}
.devm01-split-visual.is-reverse .devm01-large-image{
	order:1;
}
.devm01-split-visual__text{
	min-width:0;
}
.devm01-large-image{
	position:relative;
	overflow:hidden;
	min-height:420px;
	border-radius:var(--devm01-radius-xl);
	background:var(--c-surface-3, #E9EFF5);
	box-shadow:var(--devm01-shadow-floating);
}
.devm01-large-image::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,
transparent 45%,
rgba(7,28,53,.28));
	pointer-events:none;
}
.devm01-large-image img{
	display:block;
	width:100%;
	height:100%;
	min-height:420px;
	object-fit:cover;
	transform:scale(1.01);
}
.devm01-large-image.is-wide{
	min-height:380px;
}
.devm01-large-image.is-wide img{
	min-height:380px;
}
.devm01-value-grid > div{
	position:relative;
	overflow:hidden;
}
.devm01-value-grid > div::after{
	content:"";
	position:absolute;
	right:-42px;
	bottom:-42px;
	width:118px;
	height:118px;
	border-radius:50%;
	background:rgba(30,136,229,.06);
}
.devm01-related-links{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:18px;
}
.devm01-related-links a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:30px 34px;
	border:1px solid var(--devm01-gray-200);
	border-radius:var(--devm01-radius-card);
	background:var(--c-surface, #fff);
	box-shadow:var(--devm01-shadow-card);
}
.devm01-related-links b{
	color:var(--c-primary);
	font-size:21px;
}
.devm01-related-links span{
	color:var(--devm01-gray-500);
}
@media (max-width:1024px){
	.devm01-sub-nav + .devm01-content-page{
		margin-top:84px;
	}
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:52px 38px;
	}
	.devm01-split-visual,
.devm01-split-visual.is-reverse{
		grid-template-columns:1fr;
		gap:44px;
	}
	.devm01-split-visual.is-reverse .devm01-split-visual__text,
.devm01-split-visual.is-reverse .devm01-large-image{
		order:initial;
	}
	.devm01-page-stack > * + *{
		margin-top:88px;
	}
	.devm01-bottom-cta{
		margin-top:96px;
	}
}
@media (max-width:768px){
	.devm01-sub-nav + .devm01-content-page{
		margin-top:58px;
	}
	.devm01-content-page{
		padding-bottom:112px;
	}
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:30px 22px;
	}
	.devm01-page-stack > * + *{
		margin-top:58px;
	}
	.devm01-page-stack > .devm01-metric-grid,
.devm01-page-stack > .devm01-value-grid{
		margin-top:56px;
	}
	.devm01-bottom-cta{
		margin-top:72px;
		padding:36px 22px;
	}
	.devm01-large-image,
.devm01-large-image img,
.devm01-large-image.is-wide,
.devm01-large-image.is-wide img{
		min-height:280px;
	}
	.devm01-related-links{
		grid-template-columns:1fr;
	}
}
.devm01-kakao-overlay{
	position:relative;
	box-sizing:border-box;
	width:max-content;
	max-width:min(320px,
calc(100vw - 56px));
	height:auto;
	min-height:0;
	max-height:none;
	overflow:visible;
	padding-bottom:10px;
}
.devm01-kakao-overlay::before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-2px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:12px solid rgba(7,28,53,.18);
	transform:translateX(-50%);
	filter:drop-shadow(0 7px 8px rgba(7,28,53,.14));
}
.devm01-kakao-overlay::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:0;
	height:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:10px solid var(--c-surface, #fff);
	transform:translateX(-50%);
	filter:drop-shadow(0 4px 5px rgba(255,255,255,.75));
}
.devm01-kakao-info{
	position:relative;
	z-index:1;
	box-sizing:border-box;
	width:100%;
	min-width:220px;
	max-width:100%;
	height:auto;
	min-height:0;
	max-height:none;
	overflow:visible;
	padding:14px 17px;
	border:1px solid rgba(7,28,53,.1);
	border-radius:14px;
	background:var(--c-surface, #fff);
	color:var(--c-fg, #1C2530);
	font-family:var(--devm01-font-kr);
	box-shadow:0 16px 40px rgba(7,28,53,.16);
	white-space:normal;
}
.devm01-kakao-info strong{
	display:block;
	margin-bottom:6px;
	color:var(--c-primary);
	font-size:16px;
	line-height:1.35;
	white-space:normal;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
.devm01-kakao-info span{
	display:block;
	color:var(--devm01-gray-600);
	font-size:16px;
	line-height:1.55;
	white-space:normal;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
@media (max-width:768px){
	.devm01-kakao-overlay{
		max-width:min(280px,
calc(100vw - 40px));
		padding-bottom:9px;
	}
	.devm01-kakao-info{
		min-width:190px;
		padding:12px 14px;
	}
}
/* Re-polish: stronger spacing rhythm,
richer visual hierarchy,
company info consistency */
.devm01-content-page{
	padding-bottom:0;
}
.devm01-content-shell{
	padding-bottom:0;
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
	padding:84px;
}
.devm01-page-stack > * + *{
	margin-top:128px;
}
.devm01-page-stack > .devm01-metric-grid,
.devm01-page-stack > .devm01-value-grid,
.devm01-page-stack > .devm01-related-links{
	margin-top:104px;
}
.devm01-bottom-cta{
	display:none;
}
.devm01-section-divider{
	height:1px;
	margin:112px 0;
	background:linear-gradient(90deg,
transparent,
rgba(7,28,53,.14),
transparent);
}
.devm01-visual-band{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0;
	overflow:hidden;
	border-radius:var(--devm01-radius-xl);
	background:var(--c-primary);
	box-shadow:var(--devm01-shadow-floating);
}
.devm01-visual-band__image{
	min-height:360px;
	background:var(--c-line-soft, #E8EEF5);
}
.devm01-visual-band__image img{
	display:block;
	width:100%;
	height:100%;
	min-height:360px;
	object-fit:cover;
}
.devm01-visual-band__text{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:56px;
	color:var(--c-surface, #fff);
}
.devm01-visual-band__text h3{
	margin:0 0 16px;
	color:var(--c-surface, #fff);
	font-size:32px;
	line-height:1.35;
	letter-spacing:-.05em;
}
.devm01-visual-band__text p{
	color:rgba(255,255,255,.72);
}
.devm01-company-info-list a{
	color:inherit;
	text-decoration:none;
}
.devm01-overview-card .devm01-company-info-list dd{
	word-break:keep-all;
}
@media (max-width:1024px){
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:56px 40px;
	}
	.devm01-page-stack > * + *{
		margin-top:96px;
	}
	.devm01-visual-band{
		grid-template-columns:1fr;
	}
}
@media (max-width:768px){
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:32px 22px;
	}
	.devm01-page-stack > * + *{
		margin-top:62px;
	}
	.devm01-page-stack > .devm01-metric-grid,.devm01-page-stack > .devm01-value-grid,.devm01-page-stack > .devm01-related-links{
		margin-top:58px;
	}
	.devm01-section-divider{
		margin:64px 0;
	}
	.devm01-visual-band__text{
		padding:32px 24px;
	}
	.devm01-visual-band__text h3{
		font-size:25px;
	}
	.devm01-visual-band__image,.devm01-visual-band__image img{
		min-height:260px;
	}
}
/* Full Theme QA: sub spacing,
inner width,
content title,
org hierarchy */
.devm01-inner,
.devm01-inner-lg{
	max-width:var(--devm01-inner, 1280px);
	margin-left:auto;
	margin-right:auto;
	padding-left:24px;
	padding-right:24px;
}
/* 테마 설정의 서브페이지 폭입니다. 메인 화면과 따로 지정하실 수 있습니다. */
.devm01-container--sub{
	--devm01-inner:var(--devm01-sub-width, 1280px);
}
.devm01-sub-nav + .devm01-content-page{
	margin-top:88px !important;
}
.devm01-content-shell{
	width:min(100% - 48px,
var(--devm01-inner, 1280px)) !important;
	max-width:var(--devm01-inner, 1280px) !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.devm01-content-intro{
	margin:0 0 48px;
	padding:0 0 36px;
	border-bottom:1px solid var(--devm01-gray-200);
}
.devm01-content-intro h2{
	max-width:860px;
	margin:10px 0 0;
	font-size:40px;
	line-height:1.32;
}
.devm01-content-intro p{
	max-width:760px;
	margin:16px 0 0;
	font-size:18px;
	line-height:1.8;
	color:var(--devm01-gray-600);
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta):not(.devm01-content-intro){
	padding-top:64px;
}
.devm01-footer__cs strong,
.devm01-overview-card dd{
	white-space:nowrap;
}
.devm01-overview-card dd{
	word-break:keep-all;
}
@media (max-width:1024px){
	.devm01-sub-nav + .devm01-content-page{
		margin-top:78px !important;
	}
	.devm01-content-intro h2{
		font-size:34px;
	}
}
@media (max-width:768px){
	.devm01-inner,
.devm01-inner-lg{
		padding-left:20px;
		padding-right:20px;
	}
	.devm01-sub-nav + .devm01-content-page{
		margin-top:52px !important;
	}
	.devm01-content-shell{
		width:calc(100% - 40px) !important;
	}
	.devm01-content-intro{
		margin-bottom:34px;
		padding-bottom:26px;
	}
	.devm01-content-intro h2{
		font-size:28px;
	}
	.devm01-content-intro p{
		font-size:16px;
	}
}
/* Additional QA polish: content to footer visual harmony */
.devm01-content-page{
	padding-bottom:150px;
}
.devm01-content-page::after{
	content:"";
	display:block;
	height:1px;
	margin-top:24px;
	background:linear-gradient(90deg,transparent,rgba(7,28,53,.08),transparent);
}
.devm01-sub-content > .devm01-page-stack:last-child{
	margin-bottom:8px;
}
@media (max-width:768px){
	.devm01-content-page{
		padding-bottom:104px;
	}
}
/* Content image zoom affordance */
.devm01-sub-content .devm01-fancybox-link{
	display:inline-block;
	overflow:hidden;
	border-radius:var(--devm01-radius-lg);
}
.devm01-sub-content .devm01-fancybox-link img{
	display:block;
	transition:transform 620ms var(--devm01-ease),
filter 620ms var(--devm01-ease);
}
.devm01-sub-content .devm01-fancybox-link:hover img{
	transform:scale(1.035);
	filter:saturate(1.04) contrast(1.02);
}
/* Mobile QA: crisp sub visuals and one-column organization flow */
@media (max-width:768px){
	.devm01-sub-visual::before{
		transform:none !important;
		background:linear-gradient(90deg,
var(--devm01-sub-scrim-2, rgba(7,28,53,.66)),
var(--devm01-sub-scrim-3, rgba(7,28,53,.40))),
var(--devm01-sub-bg) center/cover no-repeat;
	}
	.devm01-sub-visual::after{
		opacity:.10;
	}
	.devm01-large-image::after,
.devm01-visual-band__image::after{
		opacity:.18;
	}
}
/* 지도를 표시하지 못할 때 사용하는 위치 안내도입니다. */
.devm01-map-image{
	display:block;
	width:100%;
	max-width:520px;
	margin:0 auto 20px;
	border-radius:12px;
}
/* Sub typography QA: Lexend rhythm */
.devm01-sub-visual .devm01-title,.devm01-sub-content h2,.devm01-content-intro h2{
	font-weight:bold;
	letter-spacing:-.035em;
}
.devm01-sub-content p{
}
/* QA: restore 2depth submenu active style to underline-only text navigation */
.devm01-sub-nav__list,
.devm01-subnav__list{

	gap:28px !important;

}
.devm01-sub-nav__list a,
.devm01-subnav__list a{

	position:relative !important;

	display:inline-flex !important;

	align-items:center !important;

	min-height:0 !important;

	height:68px !important;

	padding:0 !important;

	border:0 !important;

	border-radius:0 !important;

	background:transparent !important;

	box-shadow:none !important;

	color:var(--devm01-gray-600) !important;

	line-height:1.35 !important;

	white-space:nowrap !important;

}
.devm01-sub-nav__list a::after,
.devm01-subnav__list a::after{

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	height:3px;

	border-radius:999px;

	background:var(--devm01-primary,
var(--c-accent));

	opacity:0;

	transform:scaleX(.55);

	transform-origin:center;

	transition:opacity var(--devm01-duration) var(--devm01-ease),
transform var(--devm01-duration) var(--devm01-ease);

}
.devm01-sub-nav__list a:hover,
.devm01-sub-nav__list a.is-active,
.devm01-sub-nav__list a.active,
.devm01-subnav__list a:hover,
.devm01-subnav__list a.is-active,
.devm01-subnav__list a.active{

	color:var(--devm01-primary,
var(--c-accent)) !important;

	background:transparent !important;

	border:0 !important;

	border-radius:0 !important;

	box-shadow:none !important;

	transform:none !important;

}
.devm01-sub-nav__list a:hover::after,
.devm01-subnav__list a:hover::after{

	opacity:.38;

	transform:scaleX(1);

}
.devm01-sub-nav__list a.is-active::after,
.devm01-sub-nav__list a.active::after,
.devm01-subnav__list a.is-active::after,
.devm01-subnav__list a.active::after{

	opacity:1;

	transform:scaleX(1);

}
.devm01-sub-nav__list a.is-active,
.devm01-sub-nav__list a.active,
.devm01-subnav__list a.is-active,
.devm01-subnav__list a.active{

}
@media (max-width:768px){
	.devm01-sub-nav__list,
.devm01-subnav__list{

			gap:0 24px !important;

			align-items:flex-start !important;

	}
	.devm01-sub-nav__list a,
.devm01-subnav__list a{

			width:auto !important;

			height:46px !important;

			min-height:0 !important;

			padding:0 !important;

			margin-right:22px !important;

	}
}
/* QA: balanced 2depth submenu click width while preserving underline-only active style */
.devm01-sub-nav__list,
.devm01-subnav__list{

	display:flex !important;

	flex-wrap:wrap !important;

	align-items:center !important;

	justify-content:center !important;

	gap:0 18px !important;

	overflow:visible !important;

}
.devm01-sub-nav__list a,
.devm01-subnav__list a{

	justify-content:center !important;

	text-align:center !important;

	min-width:124px !important;

	width:auto !important;

	padding:0 14px !important;

	background:transparent !important;

	border:0 !important;

	border-radius:0 !important;

	box-shadow:none !important;

}
.devm01-sub-nav__list a::after,
.devm01-subnav__list a::after{

	left:12% !important;

	right:12% !important;

	width:auto !important;

}
.devm01-sub-nav__list a:hover,
.devm01-sub-nav__list a.is-active,
.devm01-sub-nav__list a.active,
.devm01-subnav__list a:hover,
.devm01-subnav__list a.is-active,
.devm01-subnav__list a.active{

	background:transparent !important;

	border:0 !important;

	border-radius:0 !important;

	box-shadow:none !important;

}
@media (max-width:1024px){
	.devm01-sub-nav__list,
.devm01-subnav__list{
		justify-content:flex-start !important;
		gap:0 14px !important;
	}
	.devm01-sub-nav__list a,
.devm01-subnav__list a{
		min-width:116px !important;
	}
}
@media (max-width:768px){
	.devm01-sub-nav__list,
.devm01-subnav__list{

			display:none !important;

			grid-template-columns:repeat(2,
minmax(0,
1fr)) !important;

			gap:0 16px !important;

			padding:10px 20px 16px !important;

			overflow:visible !important;

	}
	.devm01-sub-nav.is-open .devm01-sub-nav__list,
.devm01-subnav.is-open .devm01-subnav__list{
		display:grid !important;
	}
	.devm01-sub-nav__list a,
.devm01-subnav__list a{

			width:100% !important;

			min-width:0 !important;

			height:48px !important;

			min-height:48px !important;

			margin-right:0 !important;

			padding:0 8px !important;

			justify-content:center !important;

			text-align:center !important;

			white-space:nowrap !important;

	}
	.devm01-sub-nav__list a::after,
.devm01-subnav__list a::after{
		left:16% !important;
		right:16% !important;
	}
}
@media (max-width:420px){
	.devm01-sub-nav__list,
.devm01-subnav__list{
		grid-template-columns:1fr !important;
	}
}
/* DevM01 file-based PHP subpages */
.devm01-page .devm01-content-shell{
	width:min(100% - 48px,
var(--devm01-inner));
	max-width:var(--devm01-inner);
	margin:0 auto;
}
.devm01-page #ctt_con.devm01-sub-content > .devm01-page-stack{
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
}
.devm01-page #ctt_con.devm01-sub-content > .devm01-page-stack::before{
	display:none;
}
.devm01-page .devm01-page-stack{
	width:100%;
}
.devm01-page .devm01-overview-card a{
	color:inherit;
}
.devm01-page .devm01-value-grid > div p{
	margin:12px 0 0;
	line-height:1.75;
}
.devm01-kakao-info{
	min-width:190px;
	padding:12px 14px;
	font-size:16px;
	line-height:1.5;
}
.devm01-kakao-info strong{
	display:block;
	color:var(--c-primary, #071C35);
}
.devm01-kakao-info span{
	display:block;
	margin-top:4px;
	color:var(--devm01-gray-600, #667085);
}
@media (max-width:768px){
	.devm01-page .devm01-content-shell{
		width:calc(100% - 40px);
	}
}
/* Korean enterprise page title: keep sub visual left,
add body title */
.devm01-sub-visual__inner{
	align-items:flex-start;
	text-align:left;
}
.devm01-sub-visual .devm01-title{
	margin:0;
}
.devm01-sub-visual .devm01-desc{
	max-width:760px;
	margin:18px 0 0;
}
.devm01-sub-visual .devm01-breadcrumb{
	justify-content:flex-start;
	margin-bottom:26px;
}
.devm01-body-title{
	position:relative;
	margin:0 0 54px;
	text-align:center;
}
.devm01-container--sub > .devm01-body-title{
	width:min(100% - 48px,
var(--devm01-inner));
	margin:92px auto 54px;
}
.devm01-body-title span{
	display:block;
	width:80px;
	height:3px;
	margin:0 auto 18px;
	border-radius:999px;
	background:var(--c-accent);
}
.devm01-body-title-text{
	margin:0;
	color:var(--c-primary);
	font-size:44px;
	line-height:1.25;
	letter-spacing:-.045em;
	font-weight:bold;
}
.devm01-board-page-title{
	margin-bottom:46px;
}
.devm01-page .devm01-content-intro .devm01-eyebrow,
.devm01-content-page > .devm01-page-header .devm01-eyebrow{
	display:none !important;
}
@media (max-width:768px){
	.devm01-sub-visual__inner{
		align-items:flex-start;
		text-align:left;
	}
	.devm01-sub-visual .devm01-breadcrumb{
		justify-content:flex-start;
		width:100%;
	}
	.devm01-container--sub > .devm01-body-title{
		width:calc(100% - 40px);
		margin:58px auto 34px;
	}
	.devm01-body-title{
		margin-bottom:34px;
	}
	.devm01-body-title-text{
		font-size:34px;
	}
}
/* Stable submenu: keep many 2depth items in one horizontal rail on desktop/tablet. */
@media (min-width:769px){
	.devm01-sub-nav{

			overflow:hidden !important;

	}
	.devm01-sub-nav__inner{

			display:block !important;

			min-height:68px !important;

			padding:0 !important;

	}
	.devm01-sub-nav__current{

			display:none !important;

	}
	.devm01-sub-nav__list,
.devm01-subnav__list{

			display:flex !important;

			flex-wrap:nowrap !important;

			justify-content:flex-start !important;

			align-items:center !important;

			width:100% !important;

			min-height:68px !important;

			gap:0 !important;

			padding:0 !important;

			overflow-x:auto !important;

			overflow-y:hidden !important;

			white-space:nowrap !important;

			scroll-snap-type:x proximity;

			scrollbar-width:thin;

			-webkit-overflow-scrolling:touch;

	}
	.devm01-sub-nav__list a,
.devm01-subnav__list a{

			flex:0 0 auto !important;

			min-width:auto !important;

			height:68px !important;

			padding:0 28px !important;

			display:inline-flex !important;

			align-items:center !important;

			justify-content:center !important;

			white-space:nowrap !important;

			scroll-snap-align:start;

	}
}
/* Interactive submenu rail: arrows,
mouse drag,
edge auto slide. */
@media (min-width:769px){
	.devm01-sub-nav__rail{

			position:relative;

			display:flex !important;

			align-items:center;

			width:100%;

			min-height:68px;

	}
	.devm01-sub-nav.has-subnav-scroll .devm01-sub-nav__rail,
.devm01-subnav.has-subnav-scroll .devm01-sub-nav__rail{

			padding:0 52px;

	}
	.devm01-sub-nav.has-subnav-scroll .devm01-sub-nav__rail::before,
.devm01-sub-nav.has-subnav-scroll .devm01-sub-nav__rail::after,
.devm01-subnav.has-subnav-scroll .devm01-sub-nav__rail::before,
.devm01-subnav.has-subnav-scroll .devm01-sub-nav__rail::after{

			content:"";

			position:absolute;

			top:0;

			bottom:0;

			z-index:2;

			width:44px;

			pointer-events:none;

	}
	.devm01-sub-nav.has-subnav-scroll .devm01-sub-nav__rail::before,
.devm01-subnav.has-subnav-scroll .devm01-sub-nav__rail::before{

			left:52px;

			background:linear-gradient(90deg,var(--c-surface, #fff) 0%,rgba(255,255,255,0) 100%);

	}
	.devm01-sub-nav.has-subnav-scroll .devm01-sub-nav__rail::after,
.devm01-subnav.has-subnav-scroll .devm01-sub-nav__rail::after{

			right:52px;

			background:linear-gradient(270deg,var(--c-surface, #fff) 0%,rgba(255,255,255,0) 100%);

	}
	.devm01-sub-nav__list,
.devm01-subnav__list{

			scroll-behavior:smooth;

	}
	.devm01-sub-nav__list.is-draggable,
.devm01-subnav__list.is-draggable{

			cursor:grab;

			user-select:none;

	}
	.devm01-sub-nav__list.is-dragging,
.devm01-subnav__list.is-dragging{

			cursor:grabbing;

			scroll-behavior:auto;

	}
	.devm01-sub-nav__list.is-dragging a,
.devm01-subnav__list.is-dragging a{

			pointer-events:none;

	}
	.devm01-sub-nav__arrow{

			position:absolute;

			top:50%;

			z-index:5;

			display:inline-flex;

			align-items:center;

			justify-content:center;

			width:38px;

			height:38px;

			margin:0;

			border:1px solid var(--devm01-gray-200);

			border-radius:50%;

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

			color:var(--c-primary);

			box-shadow:0 8px 22px rgba(7,28,53,.08);

			transform:translateY(-50%);

			cursor:pointer;

			transition:background-color .22s var(--devm01-ease),
border-color .22s var(--devm01-ease),
color .22s var(--devm01-ease),
opacity .22s var(--devm01-ease),
transform .22s var(--devm01-ease);

	}
	.devm01-sub-nav__arrow--prev{

			left:4px;

	}
	.devm01-sub-nav__arrow--next{

			right:4px;

	}
	.devm01-sub-nav__arrow:hover{

			border-color:var(--c-accent);

			background:var(--c-accent);

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

			transform:translateY(-50%) scale(1.04);

	}
	.devm01-sub-nav__arrow:disabled{

			opacity:.28;

			cursor:default;

			pointer-events:none;

	}
	.devm01-sub-nav__arrow[hidden]{

			display:none !important;

	}
}
/* Submenu Swiper mode: slide one menu item at a time instead of wrapping. */
@media (min-width:769px){
	.devm01-sub-nav__list.devm01-subnav-swiper,
.devm01-subnav__list.devm01-subnav-swiper{

			display:block !important;

			flex-wrap:nowrap !important;

			justify-content:flex-start !important;

			width:100% !important;

			min-width:0 !important;

			overflow:hidden !important;

			scrollbar-width:none !important;

	}
	.devm01-sub-nav__list.devm01-subnav-swiper::-webkit-scrollbar,
.devm01-subnav__list.devm01-subnav-swiper::-webkit-scrollbar{

			display:none !important;

	}
	.devm01-sub-nav.has-subnav-scroll .devm01-sub-nav__rail,
.devm01-subnav.has-subnav-scroll .devm01-sub-nav__rail{

			padding:0 54px !important;

	}
}
/* 게시판 화면의 스킨 선택 줄입니다. 서브 메뉴 아래에 붙습니다. */
.skinpick{
	background:var(--devm01-gray-100);
	border-bottom:1px solid var(--devm01-gray-200);
}
.skinpick__in{
	width: min(100% - 48px,
var(--devm01-inner));
	margin:0 auto;
}
.skinpick__f{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px 14px;
	padding:14px 0;
}
.skinpick__f label{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--devm01-gray-700);
	font-size:16px;
	font-weight:bold;
}
.skinpick__f label i{
	color:var(--c-accent);
	font-size:17px;
}
.skinpick__f select{
	min-width:200px;
	height:40px;
	padding:0 34px 0 14px;
	border:1px solid var(--devm01-gray-300);
	border-radius:var(--devm01-radius-btn);
	background:var(--c-bg);
	color:var(--c-fg);
	font-size:16px;
	font-weight:600;
}
.skinpick__f button{
	height:40px;
	padding:0 16px;
	border:0;
	border-radius:var(--devm01-radius-btn);
	background:var(--c-accent);
	color:var(--c-bg);
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.skinpick__note{
	margin:0;
	color:var(--devm01-gray-500);
	font-size:16px;
}
@media (max-width:767px){
	.skinpick__in{
		width: min(100% - 32px,
var(--devm01-inner));
	}
	.skinpick__f select{
		flex:1 1 auto;
		min-width:0;
	}
	.skinpick__note{
		flex:1 0 100%;
	}
}
/* 하위 메뉴 표시 방식 — 테마 설정 > 서브페이지에서 기기별로 변경하실 수 있습니다.
   기본 서식은 가로 목록이며, 모바일에서는 펼침 목록이 기본입니다. 아래 규칙은 그 기본과
   다른 방식을 선택하신 경우에만 적용됩니다. */
@media (min-width:1025px){
	.devm01-sub-nav--pc-drop .devm01-sub-nav__inner{
		display:block !important;
		min-height:0;
		padding:0 !important;
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__current{
		display:flex !important;
		align-items:center;
		justify-content:space-between;
		width:100%;
		height:68px;
		padding:0;
		border:0;
		background:var(--c-surface, #fff);
		color:var(--c-primary);
		font-size:18px;
		cursor:pointer;
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__current::after{
		content:"+";
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__list{
		display:none !important;
		gap:0;
		padding:0 0 18px;
		overflow:visible;
	}
	.devm01-sub-nav--pc-drop.is-open .devm01-sub-nav__list{
		display:grid !important;
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__list a{
		height:46px;
		padding:0;
		border-bottom:1px solid var(--devm01-gray-200);
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__arrow{
		display:none !important;
	}
	.devm01-sub-nav--al-pc-full .devm01-sub-nav__list a{
		flex:1 1 0 !important;
		width:auto !important;
		min-width:0 !important;
		justify-content:center;
	}
	.devm01-sub-nav--al-pc-center .devm01-sub-nav__list{
		justify-content:center;
	}
	.devm01-sub-nav--al-pc-right .devm01-sub-nav__list{
		justify-content:flex-end;
	}
	.devm01-sub-nav--al-pc-left .devm01-sub-nav__list{
		justify-content:flex-start;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__inner{
		display:block !important;
		min-height:0;
		padding:0 !important;
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__current{
		display:flex !important;
		align-items:center;
		justify-content:space-between;
		width:100%;
		height:64px;
		padding:0;
		border:0;
		background:var(--c-surface, #fff);
		color:var(--c-primary);
		font-size:17px;
		cursor:pointer;
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__current::after{
		content:"+";
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__list{
		display:none !important;
		gap:0;
		padding:0 0 16px;
		overflow:visible;
	}
	.devm01-sub-nav--tablet-drop.is-open .devm01-sub-nav__list{
		display:grid !important;
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__list a{
		height:46px;
		padding:0;
		border-bottom:1px solid var(--devm01-gray-200);
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__arrow{
		display:none !important;
	}
	.devm01-sub-nav--al-tablet-full .devm01-sub-nav__list a{
		flex:1 1 0 !important;
		width:auto !important;
		min-width:0 !important;
		justify-content:center;
	}
	.devm01-sub-nav--al-tablet-center .devm01-sub-nav__list{
		justify-content:center;
	}
	.devm01-sub-nav--al-tablet-right .devm01-sub-nav__list{
		justify-content:flex-end;
	}
	.devm01-sub-nav--al-tablet-left .devm01-sub-nav__list{
		justify-content:flex-start;
	}
}
@media (max-width:768px){
	.devm01-sub-nav--mobile-scroll .devm01-sub-nav__inner{
		display:flex !important;
		align-items:center;
		min-height:56px;
		padding:0;
	}
	.devm01-sub-nav--mobile-scroll .devm01-sub-nav__current{
		display:none !important;
	}
	.devm01-sub-nav--mobile-scroll .devm01-sub-nav__list{
		display:flex !important;
		align-items:center;
		gap:4px;
		padding:0;
		overflow-x:auto;
	}
	.devm01-sub-nav--mobile-scroll .devm01-sub-nav__list a{
		height:56px;
		padding:0 18px;
		border-bottom:3px solid transparent;
	}
	.devm01-sub-nav--mobile-scroll .devm01-sub-nav__list a:hover,
	.devm01-sub-nav--mobile-scroll .devm01-sub-nav__list a.is-active{
		border-bottom-color:var(--c-accent);
	}
	.devm01-sub-nav--mobile-scroll.devm01-sub-nav--al-mobile-full .devm01-sub-nav__list a{
		flex:1 1 0;
		justify-content:center;
	}
	.devm01-sub-nav--mobile-scroll.devm01-sub-nav--al-mobile-center .devm01-sub-nav__list{
		justify-content:center;
	}
	.devm01-sub-nav--mobile-scroll.devm01-sub-nav--al-mobile-right .devm01-sub-nav__list{
		justify-content:flex-end;
	}
}
/* 하위 메뉴를 본문 왼쪽에 세로로 표시하는 방식입니다. 테마 설정 > 서브페이지에서 선택하십시오. */
@media (min-width:1025px){
	#devm01-container.devm01-container--localnav-side{
		display:grid;
		grid-template-columns:264px minmax(0, 1fr);
		column-gap:44px;
		width:min(100% - 48px, var(--devm01-inner, 1280px));
		margin-left:auto;
		margin-right:auto;
		align-items:start;
	}
	#devm01-container.devm01-container--localnav-side > *{
		grid-column:2;
	}
	/* 상단 배경은 화면 가로 전체를 사용합니다. */
	#devm01-container.devm01-container--localnav-side > .devm01-sub-visual{
		grid-column:1 / -1;
		width:100vw;
		margin-left:calc(50% - 50vw);
	}
	#devm01-container.devm01-container--localnav-side > .devm01-sub-nav{
		grid-column:1;
		grid-row:2 / 1000;
	}
	/* 왼쪽 목록입니다. */
	.devm01-sub-nav--pc-side{
		width:auto;
		margin-top:56px;
		border-top:0;
		border-bottom:0;
		background:transparent;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__inner{
		display:block !important;
		width:auto;
		min-height:0;
		padding:0;
	}
	/* 대분류 이름입니다. 좌측 메뉴에서는 표제로만 사용하므로 누를 수 없습니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__current{
		display:flex !important;
		align-items:center;
		justify-content:flex-start;
		width:100%;
		min-height:104px;
		margin:0;
		padding:22px 24px;
		border:0;
		border-bottom:4px solid var(--c-accent, #1E88E5);
		border-radius:0;
		background:var(--c-primary, #071C35);
		color:var(--c-bg, #FFFFFF);
		font-size:22px;
		font-weight:700;
		letter-spacing:-.02em;
		text-align:left;
		pointer-events:none;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__current::after{
		display:none;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list{
		display:block !important;
		width:auto;
		height:auto !important;
		max-height:none !important;
		overflow:visible !important;
		border:0;
		border-bottom:1px solid var(--devm01-gray-200);
		background:var(--c-surface, #FFFFFF);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a{
		position:relative !important;
		display:flex !important;
		flex:0 0 auto !important;
		align-items:center !important;
		justify-content:flex-start !important;
		width:100% !important;
		min-width:0 !important;
		height:auto !important;
		min-height:58px !important;
		padding:14px 42px 14px 24px !important;
		border:0 !important;
		border-bottom:1px solid var(--devm01-gray-200) !important;
		border-radius:0 !important;
		background:transparent !important;
		box-shadow:none !important;
		color:var(--devm01-gray-700) !important;
		font-size:16px;
		line-height:1.5 !important;
		text-align:left !important;
		white-space:normal !important;
		transition:background-color var(--devm01-duration) var(--devm01-ease),
color var(--devm01-duration) var(--devm01-ease),
padding-left var(--devm01-duration) var(--devm01-ease);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a:last-child{
		border-bottom:0 !important;
	}
	/* 항목 왼쪽의 강조 막대입니다. 마우스 오버와 현재 항목에서 위아래로 펼쳐집니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a::before{
		content:"" !important;
		position:absolute !important;
		left:0 !important;
		top:0 !important;
		bottom:0 !important;
		width:3px !important;
		background:var(--c-accent, #1E88E5) !important;
		transform:scaleY(0);
		transform-origin:50% 0;
		transition:transform .28s var(--devm01-ease);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a:hover::before,
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a.is-active::before{
		transform:scaleY(1);
	}
	/* 목록 항목의 오른쪽 화살표입니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a::after{
		content:"" !important;
		position:absolute !important;
		left:auto !important;
		right:22px !important;
		top:50% !important;
		bottom:auto !important;
		width:7px !important;
		height:7px !important;
		border:0 !important;
		border-radius:0 !important;
		border-top:1px solid currentColor !important;
		border-right:1px solid currentColor !important;
		background:none !important;
		opacity:.5;
		transform:translateY(-50%) rotate(45deg) !important;
		transition:right .28s var(--devm01-ease), opacity .28s var(--devm01-ease);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a:hover,
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a.is-active{
		padding-left:32px !important;
		background:var(--c-primary-tint, #F4F7FA) !important;
		color:var(--c-primary) !important;
		box-shadow:none !important;
		transform:none !important;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a:hover::after,
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a.is-active::after{
		right:18px !important;
		opacity:1;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__list a.is-active{
		font-weight:700;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__arrow{
		display:none;
	}
	#devm01-container.devm01-container--localnav-side > .devm01-body-title{
		margin-top:56px;
		margin-bottom:56px;
	}
	#devm01-container.devm01-container--localnav-side > .devm01-inner-wrap--default{
		margin-top:56px;
	}
	#devm01-container.devm01-container--localnav-side > .devm01-body-title + .devm01-inner-wrap--default{
		margin-top:0;
	}
	.devm01-container--localnav-side .devm_01_store{
		padding-top:0;
	}
	#devm01-container.devm01-container--localnav-side > .skinpick{
		margin-top:56px;
		border:1px solid var(--devm01-gray-200);
		background:var(--c-surface, #FFFFFF);
	}
	.devm01-container--localnav-side > .skinpick .skinpick__in{
		width:auto;
	}
	.devm01-container--localnav-side > .skinpick .skinpick__f{
		gap:10px 12px;
		padding:18px;
	}
	.devm01-container--localnav-side > .skinpick .skinpick__note{
		flex:1 0 100%;
		font-size:14px;
	}
	#devm01-container.devm01-container--localnav-side > .devm01-inner-wrap,
	#devm01-container.devm01-container--localnav-side > .devm01-body-title{
		width:100%;
		max-width:none;
	}
	.devm01-container--localnav-side > .devm01-inner-wrap .devm01-inner,
	.devm01-container--localnav-side > .devm01-inner-wrap .devm01-content-shell{
		width:100% !important;
		max-width:none !important;
		padding-left:0;
		padding-right:0;
	}
}
/* 좌측 메뉴 아래 연락처입니다. 테마 설정 > 서브페이지에서 표시 여부를 변경하십시오. */
.devm01-sub-nav__contact{
	display:none;
}
/* 좌측 메뉴의 모양입니다. 상자형, 겹침형, 선형 가운데 선택하십시오. */
@media (min-width:1025px){
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact{
		display:block;
		margin-top:30px;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact b{
		display:block;
		margin-bottom:16px;
		color:var(--c-primary, #071C35);
		font-size:16px;
		font-weight:700;
		letter-spacing:.14em;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p{
		display:flex;
		flex-wrap:wrap;
		gap:8px;
		margin:10px 0 0;
		color:var(--devm01-gray-900);
		font-size:16px;
		line-height:1.6;
		overflow-wrap:anywhere;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p span{
		flex:0 0 auto;
		color:var(--devm01-gray-500);
		font-weight:600;
	}
	/* 대표 전화는 가장 크게 표시하고 아래를 선으로 구분합니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__tel{
		align-items:baseline;
		margin:0 0 14px;
		padding-bottom:16px;
		border-bottom:1px solid var(--devm01-gray-200);
		color:var(--c-primary, #071C35);
		font-size:24px;
		font-weight:700;
		letter-spacing:-.02em;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__tel span{
		color:var(--c-accent, #1E88E5);
		font-size:16px;
	}
	/* 고객센터 운영 시간입니다. 회사 정보에 등록하신 값을 사용합니다. */
	/* 전자우편 주소와 팩스 번호는 이름 아래 줄에 표시합니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__email span,
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__fax span{
		flex:0 0 100%;
		margin-bottom:2px;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__hours{
		flex-wrap:wrap;
		margin-top:18px;
		padding-top:16px;
		border-top:1px solid var(--devm01-gray-200);
		color:var(--devm01-gray-700);
		font-size:16px;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__hours span{
		flex:0 0 100%;
		margin-bottom:2px;
		color:var(--devm01-gray-500);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact p.devm01-sub-nav__hours .devm01-sub-nav__hours-value{
		flex:0 0 100%;
		margin-bottom:0;
		color:var(--devm01-gray-900);
		font-weight:400;
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact a:hover{
		text-decoration:underline;
	}
	/* 선형입니다. 상자와 바탕 없이 가는 선으로만 구분합니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--line{
		padding:24px 0 0;
		border-top:1px solid var(--devm01-gray-300);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--line b{
		position:relative;
		padding-top:14px;
	}
	/* 대분류 이름과 같은 결로 표제 위에 짧은 선을 둡니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--line b::before{
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:22px;
		height:2px;
		background:var(--c-accent, #1E88E5);
	}
	/* 카드형입니다. 연한 바탕의 상자로 표시합니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--card{
		padding:26px 22px 24px;
		border-top:2px solid var(--c-primary, #071C35);
		background:var(--c-primary-tint, #F4F6F9);
	}
	/* 다크형입니다. 기본 색상 바탕의 상자로 표시합니다. */
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark{
		padding:26px 22px 24px;
		border-top:3px solid var(--c-accent, #1E88E5);
		background:var(--c-primary, #071C35);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark b{
		color:rgba(255,255,255,.72);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p{
		color:rgba(255,255,255,.88);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p span{
		color:rgba(255,255,255,.55);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p.devm01-sub-nav__tel{
		border-bottom-color:rgba(255,255,255,.2);
		color:var(--c-bg, #FFFFFF);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p.devm01-sub-nav__tel span{
		color:var(--c-accent-light, #7EB6EC);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p.devm01-sub-nav__hours{
		border-top-color:rgba(255,255,255,.2);
		color:rgba(255,255,255,.88);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p.devm01-sub-nav__hours span{
		color:rgba(255,255,255,.55);
	}
	.devm01-sub-nav--pc-side .devm01-sub-nav__contact--dark p.devm01-sub-nav__hours .devm01-sub-nav__hours-value{
		color:rgba(255,255,255,.88);
	}
	/* 겹침형입니다. 대분류 이름 상자를 상단 배경 위로 올려 배치합니다. */
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-overlap{
		margin-top:-88px;
	}
	#devm01-container.devm01-container--localnav-side:has(.devm01-sub-nav--side-overlap) .devm01-sub-visual__inner{
		padding-bottom:112px;
	}
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-overlap .devm01-sub-nav__current{
		flex-direction:column;
		align-items:flex-start;
		justify-content:center;
		gap:10px;
		min-height:200px;
		border-bottom:0;
		box-shadow:0 18px 40px rgba(7,28,53,.28);
	}
	/* 대분류 이름 위의 짧은 선입니다. 테마 설정의 강조 색상을 사용합니다. */
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-overlap .devm01-sub-nav__current::before{
		content:"";
		width:22px;
		height:3px;
		background:var(--c-accent, #1E88E5);
	}
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-overlap .devm01-sub-nav__list{
		box-shadow:0 18px 40px rgba(7,28,53,.08);
	}
	/* 선형입니다. 상자와 배경 없이 구분선만 사용합니다. */
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line{
		border-top:0;
		box-shadow:none;
	}
	.devm01-sub-nav--side-line .devm01-sub-nav__current{
		position:relative;
		min-height:0;
		padding:26px 0 22px;
		border-bottom:1px solid var(--devm01-gray-300);
		background:transparent;
		color:var(--c-primary, #071C35);
		font-size:26px;
	}
	/* 대분류 이름 위의 짧은 강조선입니다. */
	.devm01-sub-nav--side-line .devm01-sub-nav__current::before{
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:40px;
		height:2px;
		background:var(--c-primary, #071C35);
	}
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line .devm01-sub-nav__list{
		border-bottom:0;
		background:transparent;
	}
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line .devm01-sub-nav__list a{
		min-height:0 !important;
		padding:15px 0 !important;
		border-bottom:1px solid var(--devm01-gray-100) !important;
		color:var(--devm01-gray-600) !important;
	}
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line .devm01-sub-nav__list a::before,
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line .devm01-sub-nav__list a::after{
		display:none !important;
	}
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line .devm01-sub-nav__list a:hover,
	.devm01-sub-nav--pc-side.devm01-sub-nav--side-line .devm01-sub-nav__list a.is-active{
		padding-left:0 !important;
		background:transparent !important;
		color:var(--c-accent, #1E88E5) !important;
	}
}
/* 좌측 메뉴에서는 본문 제목을 왼쪽에 두고 오른쪽에 현재 위치를 표시합니다. */
.devm-ptitle-nav{
	display:none;
}
@media (min-width:1025px){
	.devm01-container--localnav-side .devm01-body-title{
		display:flex;
		align-items:flex-end;
		justify-content:space-between;
		gap:24px;
		padding-bottom:22px;
		border-bottom:1px solid var(--devm01-gray-200);
		text-align:left;
	}
	.devm01-container--localnav-side .devm01-body-title > span{
		display:none;
	}
	.devm01-container--localnav-side .devm01-body-title-text{
		font-size:36px;
	}
	.devm01-container--localnav-side .devm-ptitle-nav{
		display:flex;
		align-items:center;
		gap:8px;
		padding-bottom:8px;
		color:var(--devm01-gray-500);
		font-size:14px;
		white-space:nowrap;
	}
	.devm01-container--localnav-side .devm-ptitle-nav span{
		display:inline;
		width:auto;
		height:auto;
		margin:0;
		border-radius:0;
		background:transparent;
	}
	.devm01-container--localnav-side .devm-ptitle-nav a i{
		margin-right:6px;
		font-size:15px;
	}
	.devm01-container--localnav-side .devm-ptitle-nav > *:not(:first-child)::before{
		content:"/";
		margin-right:8px;
		color:var(--devm01-gray-300);
	}
	.devm01-container--localnav-side .devm-ptitle-nav strong{
		color:var(--c-primary, #071C35);
		font-weight:600;
	}
	.devm01-container--localnav-side .devm-ptitle-nav a:hover{
		color:var(--c-primary, #071C35);
	}
	/* 겹침형과 선형에서는 상단 배경을 좁히고 제목만 가운데에 표시합니다. */
	#devm01-container.devm01-container--localnav-side:has(.devm01-sub-nav--side-overlap) .devm01-sub-visual__inner,
	#devm01-container.devm01-container--localnav-side:has(.devm01-sub-nav--side-line) .devm01-sub-visual__inner{
		align-items:center;
		padding-top:42px;
		padding-bottom:42px;
		text-align:center;
	}
	/* 겹침형은 대분류 이름 상자가 파고드는 자리만큼 아래 여백을 넓힙니다. */
	#devm01-container.devm01-container--localnav-side:has(.devm01-sub-nav--side-overlap) .devm01-sub-visual__inner{
		padding-bottom:110px;
	}
	.devm01-container--localnav-side:has(.devm01-sub-nav--side-overlap) .devm01-sub-visual .devm01-breadcrumb,
	.devm01-container--localnav-side:has(.devm01-sub-nav--side-line) .devm01-sub-visual .devm01-breadcrumb{
		display:none;
	}
	.devm01-container--localnav-side:has(.devm01-sub-nav--side-overlap) .devm01-sub-visual .devm01-desc,
	.devm01-container--localnav-side:has(.devm01-sub-nav--side-line) .devm01-sub-visual .devm01-desc{
		margin-left:auto;
		margin-right:auto;
	}
}
/* 하위 메뉴를 펼침 목록으로 지정하신 경우 표시되는 선택 상자입니다.
   홈, 대분류, 하위 항목 순서로 놓이며 대분류를 변경하시면 항목이 함께 바뀝니다. */
.devm01-sub-nav__dropdowns{
	display:none;
}
.devm01-sub-nav__secondary-group[hidden]{
	display:none;
}
.devm01-sub-nav__picker{
	position:relative;
	min-width:0;
}
.devm01-sub-nav__picker-toggle{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	width:100%;
	height:68px;
	padding:0 18px;
	border:0;
	background:var(--c-surface, #fff);
	color:var(--devm01-gray-900);
	font:inherit;
	font-size:16px;
	font-weight:700;
	text-align:left;
	cursor:pointer;
}
.devm01-sub-nav__picker--secondary .devm01-sub-nav__picker-toggle{
	border-left:1px solid var(--devm01-gray-200);
	border-right:1px solid var(--devm01-gray-200);
}
.devm01-sub-nav__picker-toggle span{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.devm01-sub-nav__picker-toggle i{
	flex:none;
	color:var(--c-accent);
	font-size:16px;
	transition:transform .2s var(--devm01-ease);
}
.devm01-sub-nav__picker.is-open .devm01-sub-nav__picker-toggle{
	background:var(--devm01-gray-100);
}
.devm01-sub-nav__picker.is-open .devm01-sub-nav__picker-toggle i{
	transform:rotate(180deg);
}
.devm01-sub-nav__picker-list{
	position:absolute;
	top:100%;
	left:0;
	z-index:3;
	width:100%;
	border:1px solid var(--devm01-gray-200);
	border-top:0;
	background:var(--c-surface, #fff);
	box-shadow:0 12px 28px rgba(15, 23, 42, .12);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translate3d(0, -8px, 0);
	transition:opacity .16s var(--devm01-ease), transform .24s var(--devm01-ease), visibility 0s linear .24s;
}
.devm01-sub-nav__picker.is-open .devm01-sub-nav__picker-list{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translate3d(0, 0, 0);
	transition:opacity .18s var(--devm01-ease), transform .28s var(--devm01-ease), visibility 0s;
}
.devm01-sub-nav__picker-list button,
.devm01-sub-nav__picker-list a{
	display:block;
	width:100%;
	height:auto;
	padding:15px 18px;
	border:0;
	border-top:1px solid var(--devm01-gray-100);
	background:var(--c-surface, #fff);
	color:var(--devm01-gray-600);
	font:inherit;
	font-size:16px;
	font-weight:600;
	text-align:left;
	cursor:pointer;
}
.devm01-sub-nav__picker-list button:hover,
.devm01-sub-nav__picker-list button:focus-visible,
.devm01-sub-nav__picker-list a:hover,
.devm01-sub-nav__picker-list a:focus-visible{
	background:var(--devm01-gray-100);
	color:var(--c-accent);
}
.devm01-sub-nav__picker-list .is-current{
	background:var(--devm01-gray-100);
	color:var(--c-accent);
}
.devm01-sub-nav a.devm01-sub-nav__home{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 68px;
	width:68px;
	min-width:68px;
	height:68px;
	padding:0;
	border-left:1px solid var(--devm01-gray-200);
	border-right:1px solid var(--devm01-gray-200);
	color:var(--devm01-gray-900);
	font-size:18px;
}
.devm01-sub-nav a.devm01-sub-nav__home:hover,
.devm01-sub-nav a.devm01-sub-nav__home:focus-visible{
	background:var(--devm01-gray-100);
	color:var(--c-accent);
}
@media (min-width:1025px){
	.devm01-sub-nav--pc-drop{
		overflow:visible !important;
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__inner{
		display:flex !important;
		justify-content:center;
		overflow:visible;
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__dropdowns{
		display:grid;
		grid-template-columns:68px minmax(0, 1fr) minmax(0, 1fr);
		width:720px;
		max-width:100%;
	}
	.devm01-sub-nav--pc-drop.devm01-sub-nav--al-pc-full .devm01-sub-nav__dropdowns{
		width:100%;
	}
	.devm01-sub-nav--pc-drop.devm01-sub-nav--al-pc-left .devm01-sub-nav__inner{
		justify-content:flex-start;
	}
	.devm01-sub-nav--pc-drop.devm01-sub-nav--al-pc-right .devm01-sub-nav__inner{
		justify-content:flex-end;
	}
	.devm01-sub-nav--pc-drop .devm01-sub-nav__current,
	.devm01-sub-nav--pc-drop .devm01-sub-nav__list,
	.devm01-sub-nav--pc-drop.is-open .devm01-sub-nav__list{
		display:none !important;
	}
}
@media (min-width:769px) and (max-width:1024px){
	.devm01-sub-nav--tablet-drop{
		overflow:visible !important;
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__inner{
		display:flex !important;
		justify-content:center;
		overflow:visible;
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__dropdowns{
		display:grid;
		grid-template-columns:68px minmax(0, 1fr) minmax(0, 1fr);
		width:100%;
	}
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__current,
	.devm01-sub-nav--tablet-drop .devm01-sub-nav__list,
	.devm01-sub-nav--tablet-drop.is-open .devm01-sub-nav__list{
		display:none !important;
	}
}
@media (max-width:768px){
	.devm01-sub-nav--mobile-drop{
		overflow:visible !important;
	}
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__inner{
		display:flex !important;
		overflow:visible;
	}
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__dropdowns{
		display:grid;
		grid-template-columns:56px minmax(0, 1fr) minmax(0, 1fr);
		width:100%;
	}
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__picker-toggle{
		height:56px;
		padding:0 12px;
		gap:8px;
		font-size:16px;
	}
	.devm01-sub-nav--mobile-drop a.devm01-sub-nav__home{
		flex:0 0 56px;
		width:56px;
		min-width:56px;
		height:56px;
		font-size:16px;
	}
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__picker-list button,
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__picker-list a{
		padding:13px 12px;
	}
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__current,
	.devm01-sub-nav--mobile-drop .devm01-sub-nav__list,
	.devm01-sub-nav--mobile-drop.is-open .devm01-sub-nav__list{
		display:none !important;
	}
}

.devm01-sub-zone{position:relative}
/* 배경 위쪽에서는 하위 메뉴가 상단 배경 안쪽에 놓이므로 페이지 제목이
   가려지지 않도록 배경 아래쪽 여백을 하위 메뉴 높이만큼 넓힙니다. */
.devm01-sub-zone--over .devm01-sub-visual__inner{padding-bottom:calc(var(--localnav-offset, 32px) + 92px)}

.devm01-sub-nav--place-overlap{
	position:relative;
	top:auto;
	margin-top:calc(-1 * var(--localnav-offset, 32px));
	margin-bottom:var(--localnav-offset, 32px);
	border-bottom:0;
	background:transparent;
	box-shadow:none;
}

.devm01-sub-nav--place-over{
	position:absolute;
	top:auto;
	bottom:var(--localnav-offset, 32px);
	left:0;
	right:0;
	z-index:20;
	margin:0;
	border-bottom:0;
	background:transparent;
	box-shadow:none;
}
.devm01-sub-nav--place-over.devm01-sub-nav--pc-side{position:static; z-index:auto}
.devm01-sub-nav--place-over.devm01-sub-nav--pc-side .devm01-sub-nav__inner{
	border:0;
	background:transparent;
	box-shadow:none;
}

/* 하위 메뉴 가로 크기
   화면 전체를 선택하시면 본문 폭 상한을 두지 않습니다. */
.devm01-sub-nav--w-full .devm01-sub-nav__inner{max-width:none}

.devm01-sub-nav--place-overlap .devm01-sub-nav__inner,
.devm01-sub-nav--place-over .devm01-sub-nav__inner{
	border:var(--localnav-border-w, 1px) solid var(--devm01-gray-200, #E5EAF0);
	background:var(--c-surface, #fff);
	box-shadow:var(--localnav-shadow, 0 10px 30px rgba(7,28,53,.08));
}

/* 좌측 메뉴에는 걸침 위치를 적용하지 않습니다. */
.devm01-sub-nav--place-overlap.devm01-sub-nav--pc-side{
	position:static;
	margin-top:0;
	margin-bottom:0;
}
.devm01-sub-nav--place-overlap.devm01-sub-nav--pc-side .devm01-sub-nav__inner{
	border:0;
	background:transparent;
	box-shadow:none;
}

@media (max-width:767px){
	.devm01-sub-nav--place-overlap{margin-top:calc(-1 * var(--localnav-offset, 32px));margin-bottom:var(--localnav-offset, 32px)}
	.devm01-sub-nav--place-over{position:relative; bottom:auto; margin-top:calc(-1 * var(--localnav-offset, 32px)); margin-bottom:var(--localnav-offset, 32px)}
	.devm01-sub-zone--over .devm01-sub-visual__inner{padding-bottom:0}
}


/* 하위 메뉴 색상
   테마 설정 > 서브페이지에서 직접 지정하신 경우에만 --localnav-* 값이 채워집니다.
   지정하지 않으시면 대비값에 적힌 테마 색상을 그대로 사용합니다. */
.devm01-sub-nav:not(.devm01-sub-nav--place-overlap):not(.devm01-sub-nav--place-over){background:var(--localnav-bg, var(--c-surface, #fff))}

/* 하위 메뉴 테두리
   두께는 테마 설정에서 변경하실 수 있으며 0 이면 표시되지 않습니다. */
.devm01-sub-nav:not(.devm01-sub-nav--place-overlap):not(.devm01-sub-nav--place-over){
	border-bottom-width:var(--localnav-border-w, 1px);
	border-bottom-color:var(--localnav-line, var(--devm01-gray-200));
}
.devm01-sub-nav__list a,
.devm01-subnav__list a{color:var(--localnav-fg, var(--devm01-gray-600)) !important}
.devm01-sub-nav__list a:hover,
.devm01-sub-nav__list a.is-active,
.devm01-sub-nav__list a.active{color:var(--localnav-on, var(--devm01-primary, var(--c-accent))) !important}
.devm01-sub-nav__list a::after,
.devm01-subnav__list a::after{background:var(--localnav-on, var(--devm01-primary, var(--c-accent)))}
.devm01-sub-nav__current{color:var(--localnav-fg, var(--devm01-gray-900))}
.devm01-sub-nav--place-overlap .devm01-sub-nav__inner,
.devm01-sub-nav--place-over .devm01-sub-nav__inner{
	border-color:var(--localnav-line, var(--devm01-gray-200, #E5EAF0));
}
/* 하위 메뉴 불투명도
   상자는 그대로 두고 바탕만 옅게 만들어 뒤쪽 상단 배경이 비치게 합니다. */
.devm01-sub-nav--place-overlap .devm01-sub-nav__inner,
.devm01-sub-nav--place-over .devm01-sub-nav__inner{position:relative; background:transparent}
.devm01-sub-nav--place-overlap .devm01-sub-nav__inner > *,
.devm01-sub-nav--place-over .devm01-sub-nav__inner > *{position:relative; z-index:1}
.devm01-sub-nav--place-overlap .devm01-sub-nav__inner::before,
.devm01-sub-nav--place-over .devm01-sub-nav__inner::before{
	content:'';
	position:absolute;
	inset:0;
	z-index:0;
	background:var(--localnav-bg, var(--c-surface, #fff));
	opacity:var(--localnav-alpha, 1);
}