@charset "utf-8";
/* Header: premium Korean B2B corporate navigation */
body.devm01-lock{
	overflow: hidden;
}
#hd_login_msg{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
}
#skip_to_container a{
	position: fixed;
	left: 20px;
	top: -60px;
	z-index: 3000;
	padding: 12px 18px;
	background: var(--c-primary);
	color: var(--c-bg);
	border-radius: var(--devm01-radius-btn);
	transition: top var(--devm01-duration) var(--devm01-ease);
}
#skip_to_container a:focus{
	top: 20px;
}
#hd_pop > h2,
#hd_pop .sound_only{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
}
.devm01-header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1200;
	background: var(--c-bg, #FFFFFF);
	border-bottom: var(--devm-header-line-size, 1px) solid var(--devm-header-line-color, rgba(229,234,240,.95));
	box-shadow: none;
	backdrop-filter: blur(16px);
	transition: background var(--devm01-duration) var(--devm01-ease),
box-shadow var(--devm01-duration) var(--devm01-ease),
border-color var(--devm01-duration) var(--devm01-ease),
transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open){
	background: linear-gradient(to bottom,
rgba(7,28,53,.52),
rgba(7,28,53,0));
	border-bottom-color: rgba(255,255,255,.12);
	backdrop-filter: none;
}
.devm01-header.is-scrolled,
.devm01-header.is-mega-open,
.devm01-header.is-solid{
	background: var(--c-bg, #FFFFFF);
	border-bottom-color: var(--devm-header-line-color, var(--devm01-gray-200));
	box-shadow: var(--devm01-shadow-header);
}
.devm01-header__inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--devm01-header-height);
}
.devm01-logo{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-width: 204px;
	color: var(--c-primary);
	font-family: var(--devm01-font-en);
	letter-spacing: -.04em;
}
.devm01-logo__mark{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: linear-gradient(135deg,
var(--c-primary),
var(--c-accent));
	color: var(--c-bg);
	font-size: 16px;
	letter-spacing: -.02em;
}
.devm01-logo__text{
	font-size: 20px;
	line-height: 1;
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-logo{
	color: var(--c-bg);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-logo__mark{
	background: rgba(255,255,255,.16);
	border: 1px solid rgba(255,255,255,.26);
}
.devm01-gnb{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 44px;
	flex: 1;
	height: calc(var(--devm01-header-height) - var(--devm-header-pad-y, 0px) * 2);
}
.devm01-gnb__item{
	height: 100%;
}
.devm01-gnb__link{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 100%;
	color: var(--devm01-gray-900);
	font-size: var(--devm-header-menu-font-size, 16px);
	font-weight: var(--devm-header-menu-weight, inherit);
	letter-spacing: -.02em;
	transition: color var(--devm01-duration) var(--devm01-ease);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-gnb__link{
	color: rgba(255,255,255,.94);
}
.devm01-gnb__link::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: var(--c-accent);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-gnb__item.is-active .devm01-gnb__link::after,
.devm01-gnb__link:hover::after{
	transform: scaleX(1);
}
.devm01-gnb__dot{
	display:none !important;
}
.devm01-header__util{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 300px;
}
.devm01-member-links{
	display: flex;
	align-items: center;
	gap: 13px;
}
.devm01-member-links a{
	color: var(--devm01-gray-600);
	font-size: 16px;
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-member-links a{
	color: rgba(255,255,255,.82);
}
.devm01-header-search-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width: 38px;
	height: 38px;
	border:1px solid var(--devm01-gray-200);
	border-radius:50%;
	background:var(--c-surface, #fff);
	color:var(--c-primary);
	cursor:pointer;
	transition:border-color var(--devm01-duration) var(--devm01-ease),
background-color var(--devm01-duration) var(--devm01-ease),
color var(--devm01-duration) var(--devm01-ease),
transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-header-search-btn:hover{
	border-color:var(--c-accent);
	color:var(--c-accent);
	transform:translateY(-1px);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-header-search-btn{
	border-color:rgba(255,255,255,.26);
	background:rgba(255,255,255,.08);
	color:var(--c-surface, #fff);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-header-search-btn:hover{
	background:var(--c-surface, #fff);
	color:var(--c-primary);
}
.devm01-header__cta{
	height: 46px;
	padding: 0 22px;
}
.devm01-sitemap-btn,
.devm01-menu-toggle{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.devm01-sitemap-btn{
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--devm01-gray-200);
}
.devm01-sitemap-btn span{
	position: absolute;
	left: 10px;
	right: 10px;
	height: 2px;
	background: var(--c-primary);
	transition: transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-sitemap-btn span:first-child{
	transform: translateY(-4px);
}
.devm01-sitemap-btn span:last-child{
	transform: translateY(4px);
}
.devm01-sitemap-btn:hover{
	border-color: var(--c-accent);
}
.devm01-sitemap-btn:hover span:first-child{
	transform: translateY(-5px);
}
.devm01-sitemap-btn:hover span:last-child{
	transform: translateY(5px);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-sitemap-btn{
	border-color: rgba(255,255,255,.26);
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-sitemap-btn span{
	background: var(--c-bg);
}
.devm01-menu-toggle{
	display: none;
	flex-direction: column;
	gap: 4px;
	width: 38px;
	height: 38px;
	border: 1px solid var(--devm01-gray-200);
	border-radius: 50%;
	background: var(--c-surface, #fff);
	color: var(--c-primary);
}
.devm01-menu-toggle span{
	width: 19px;
	height: 2px;
	background: currentColor;
}
.devm01-mega{
	position: absolute;
	left: 0;
	right: 0;
	top: var(--devm01-header-height);
	overflow: hidden;
	height: 0;
	background: var(--c-bg);
	border-top: 1px solid var(--devm01-gray-200);
	box-shadow: 0 28px 60px rgba(7,28,53,.12);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-10px);
	transition: height 340ms cubic-bezier(.22,1,.36,1),
opacity 220ms var(--devm01-ease),
transform 260ms var(--devm01-ease);
	will-change: height,
opacity,
transform;
}
.devm01-header.is-mega-open .devm01-mega{
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
.devm01-header.is-mega-settled .devm01-mega{
	overflow: visible;
}
.devm01-mega__inner{
	position: relative;
	height: auto;
	min-height: 0;
}
.devm01-mega__panel{
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: 320px 1fr 230px;
	gap: 44px;
	align-items: stretch;
	padding: 46px 0;
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity 200ms var(--devm01-ease),
transform 240ms var(--devm01-ease);
}
.devm01-mega__panel.is-active{
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.devm01-mega__summary{
	padding-right: 36px;
	border-right: 1px solid var(--devm01-gray-200);
}
.devm01-mega__summary strong{
	display: block;
	color: var(--c-primary);
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -.05em;
}
.devm01-mega__summary p{
	margin: 18px 0 28px;
	color: var(--devm01-gray-600);
	font-size: 16px;
	line-height: 1.75;
}
.devm01-mega__summary a{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--c-accent);
}
.devm01-mega__links{
	display: grid;
	grid-template-columns: repeat(3,
minmax(0,
1fr));
	gap: 8px;
	align-content: start;
}
.devm01-mega__link{
	position: relative;
	min-height: 96px;
	padding: 22px 22px 20px;
	border: 1px solid var(--devm01-gray-200);
	border-radius: var(--devm01-radius-card);
	background: var(--c-bg);
	transition: border-color var(--devm01-duration) var(--devm01-ease),
transform var(--devm01-duration) var(--devm01-ease),
box-shadow var(--devm01-duration) var(--devm01-ease),
background var(--devm01-duration) var(--devm01-ease);
}
.devm01-mega__link span{
	display: block;
	margin-bottom: 10px;
	color: var(--c-accent);
	font-family: var(--devm01-font-en);
	font-size: 16px;
}
.devm01-mega__link strong{
	display: block;
	color: var(--devm01-gray-900);
	font-size: 17px;
	letter-spacing: -.03em;
}
.devm01-mega__link em{
	position: absolute;
	right: 20px;
	bottom: 18px;
	color: var(--devm01-gray-400);
	font-size: 16px;
	font-style: normal;
	opacity: 0;
	transform: translateX(-8px);
	transition: opacity var(--devm01-duration) var(--devm01-ease),
transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-mega__link:hover{
	border-color: rgba(30,136,229,.35);
	background: var(--c-surface-2, #F8FBFF);
	box-shadow: var(--devm01-shadow-card);
	transform: translateY(-4px);
}
.devm01-mega__link:hover em{
	opacity: 1;
	transform: translateX(0);
}
.devm01-mega__contact{
	align-self: stretch;
	padding: 28px;
	border-radius: var(--devm01-radius-lg);
	background: linear-gradient(145deg,
var(--c-primary),
var(--c-deep));
	color: var(--c-bg);
}
.devm01-mega__contact b{
	display: block;
	color: rgba(255,255,255,.68);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .12em;
}
.devm01-mega__contact p{
	margin: 60px 0 8px;
	font-family: var(--devm01-font-en);
	font-size: 28px;
	letter-spacing: -.04em;
}
.devm01-mega__contact small{
	color: rgba(255,255,255,.72);
}
.devm01-sitemap{
	position: fixed;
	inset: 0;
	z-index: 2200;
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--devm01-duration) var(--devm01-ease);
}
.devm01-sitemap.is-open{
	opacity: 1;
	pointer-events: auto;
}
.devm01-sitemap__bg{
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.55);
}
.devm01-sitemap__panel{
	position: absolute;
	inset: 34px;
	display: grid;
	grid-template-columns: 360px 1fr;
	overflow: hidden;
	border-radius: var(--devm01-radius-xl);
	background: var(--c-bg);
	box-shadow: 0 40px 120px rgba(0,0,0,.35);
	transform: scale(.98);
	transition: transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-sitemap.is-open .devm01-sitemap__panel{
	transform: scale(1);
}
.devm01-sitemap__brand{
	position: relative;
	padding: 64px 52px;
	background: var(--c-primary);
	color: var(--c-bg);
}
.devm01-sitemap__brand strong{
	display: block;
	margin-top: 26px;
	font-family: var(--devm01-font-en);
	font-size: 30px;
}
.devm01-sitemap__brand p{
	margin: 22px 0 36px;
	color: rgba(255,255,255,.72);
	line-height: 1.8;
}
.devm01-sitemap__close{
	position: absolute;
	right: 28px;
	top: 24px;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 50%;
	background: transparent;
	color: var(--c-bg);
	font-size: 28px;
	cursor: pointer;
}
.devm01-sitemap__nav{
	display: grid;
	grid-template-columns: repeat(3,
minmax(0,
1fr));
	gap: 34px 44px;
	padding: 64px 58px;
	overflow-y: auto;
}
.devm01-sitemap__group{
	min-width: 0;
}
.devm01-sitemap__group a{
	position:relative;
	display: flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding: 10px 0;
	color: var(--devm01-gray-600);
	font-size: 16px;
	transition:color var(--devm01-duration) var(--devm01-ease),
padding-left var(--devm01-duration) var(--devm01-ease);
}
.devm01-sitemap__group a:not(.devm01-sitemap__depth1)::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:0;
	height:1px;
	background:var(--c-accent);
	opacity:0;
	transform:translateY(-50%);
	transition:width var(--devm01-duration) var(--devm01-ease),
opacity var(--devm01-duration) var(--devm01-ease);
}
.devm01-sitemap__group a:not(.devm01-sitemap__depth1)::after{
	content:"\f105";
	flex:0 0 auto;
	font-family:"FontAwesome";
	color:var(--c-accent);
	font-size:16px;
	opacity:0;
	transform:translateX(-8px);
	transition:opacity var(--devm01-duration) var(--devm01-ease),
transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-sitemap__group a:not(.devm01-sitemap__depth1):hover{
	padding-left:16px;
	color:var(--c-accent);
}
.devm01-sitemap__group a:not(.devm01-sitemap__depth1):hover::before{
	width:8px;
	opacity:1;
}
.devm01-sitemap__group a:not(.devm01-sitemap__depth1):hover::after{
	opacity:1;
	transform:translateX(0);
}
.devm01-sitemap__depth1{
	margin-bottom: 12px;
	padding-bottom: 18px !important;
	border-bottom: 2px solid var(--c-primary);
	color: var(--c-primary) !important;
	font-size: 22px !important;
	letter-spacing: -.04em;
}
.devm01-sitemap__depth1:hover{
	color:var(--c-accent) !important;
}
.devm01-search-layer{
	position:fixed;
	inset:0;
	z-index:2250;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:110px 24px 24px;
	opacity:0;
	pointer-events:none;
	transition:opacity var(--devm01-duration) var(--devm01-ease);
}
.devm01-search-layer.is-open{
	opacity:1;
	pointer-events:auto;
}
.devm01-search-layer__bg{
	position:absolute;
	inset:0;
	border:0;
	background:rgba(7,28,53,.62);
	backdrop-filter:blur(8px);
	cursor:pointer;
}
.devm01-search-layer__panel{
	position:relative;
	z-index:1;
	width:min(720px,100%);
	padding:34px;
	border-radius:24px;
	background:var(--c-surface, #fff);
	box-shadow:0 30px 90px rgba(7,28,53,.28);
	transform:translateY(-12px);
	transition:transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-search-layer.is-open .devm01-search-layer__panel{
	transform:translateY(0);
}
.devm01-search-layer__panel strong{
	display:block;
	margin:0 0 18px;
	color:var(--c-primary);
	font-size:28px;
	letter-spacing:-.04em;
}
.devm01-search-layer__panel form{
	display:grid;
	grid-template-columns:1fr auto;
	gap:10px;
}
.devm01-search-layer__panel input{
	width:100%;
	height:58px;
	padding:0 18px;
	border:1px solid var(--devm01-gray-200);
	border-radius:14px;
	background:var(--c-surface-2, #F8FAFC);
	color:var(--devm01-gray-900);
	font-size:17px;
	outline:none;
}
.devm01-search-layer__panel input:focus{
	border-color:rgba(30,136,229,.42);
	background:var(--c-surface, #fff);
	box-shadow:0 0 0 4px rgba(30,136,229,.10);
}
.devm01-search-layer__panel button[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-width:112px;
	height:58px;
	border:0;
	border-radius:14px;
	background:var(--c-accent);
	color:var(--c-surface, #fff);
	font-size:16px;
	cursor:pointer;
}
.devm01-search-layer__close{
	position:absolute;
	right:18px;
	top:18px;
	width:40px;
	height:40px;
	border:0;
	border-radius:50%;
	background:var(--devm01-gray-100);
	color:var(--c-primary);
	font-size:24px;
	line-height:1;
	cursor:pointer;
}
.devm01-mobile-dim{
	position: fixed;
	inset: 0;
	z-index: 2090;
	background: rgba(0,0,0,.55);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--devm01-duration) var(--devm01-ease);
}
.devm01-mobile-panel{
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2100;
	display: flex;
	flex-direction: column;
	width: min(88vw,
430px);
	background: var(--c-bg);
	transform: translateX(105%);
	transition: transform 320ms var(--devm01-ease);
	box-shadow: -24px 0 60px rgba(7,28,53,.24);
}
.devm01-mobile-panel.is-open{
	transform: translateX(0);
}
.devm01-mobile-dim.is-open{
	opacity: 1;
	pointer-events: auto;
}
.devm01-mobile-panel__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 72px;
	padding: 0 24px;
	border-bottom: 1px solid var(--devm01-gray-200);
}
.devm01-mobile-close{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	background: transparent;
	color: var(--c-primary);
	font-size: 38px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
}
.devm01-mobile-panel__intro{
	padding: 26px 24px;
	background: linear-gradient(135deg,
var(--c-primary),
var(--c-deep));
	color: var(--c-bg);
}
.devm01-mobile-panel__intro strong{
	display: block;
	font-size: 22px;
	line-height: 1.35;
	letter-spacing: -.04em;
}
.devm01-mobile-panel__intro p{
	margin: 10px 0 0;
	color: rgba(255,255,255,.72);
}
.devm01-mobile-nav{
	flex: 1;
	overflow-y: auto;
	padding: 12px 0;
}
.devm01-mobile-nav__group{
	border-bottom: 1px solid var(--devm01-gray-200);
}
.devm01-mobile-nav__depth1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 60px;
	padding: 0 24px;
	border: 0;
	background: var(--c-bg);
	color: var(--devm01-gray-900);
	font-size: 18px;
	text-align: left;
	cursor: pointer;
}
.devm01-mobile-nav__depth1 i{
	font-style: normal;
	color: var(--c-accent);
	transition: transform var(--devm01-duration) var(--devm01-ease);
}
.devm01-mobile-nav__group.is-open .devm01-mobile-nav__depth1 i{
	transform: rotate(45deg);
}
.devm01-mobile-nav__depth2{
	display: none;
	padding: 4px 24px 18px;
	background: var(--c-surface-2, #F8FAFC);
}
.devm01-mobile-nav__depth2 a{
	display: block;
	padding: 10px 0 10px 14px;
	color: var(--devm01-gray-600);
	font-size: 16px;
}
.devm01-mobile-panel__bottom{
	padding: 20px 24px 24px;
	border-top: 1px solid var(--devm01-gray-200);
	background: var(--c-bg);
}
.devm01-mobile-call{
	display: block;
	margin-bottom: 12px;
	color: var(--c-primary);
	font-family: var(--devm01-font-en);
	font-size: 24px;
}
.devm01-mobile-member{
	display: flex;
	gap: 12px;
	margin-top: 16px;
}
.devm01-mobile-member a{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	border-radius: var(--devm01-radius-btn);
	background: var(--devm01-gray-100);
	color: var(--devm01-gray-700);
	font-size: 16px;
}
.devm01-mobile-member--quick{
	margin:0;
	padding:16px 24px;
	border-bottom:1px solid var(--devm01-gray-200);
	background:var(--c-surface, #fff);
}
.devm01-mobile-member--quick a{
	gap:7px;
	height:40px;
	border-radius:10px;
}
.devm01-mobile-member--quick a i{
	font-size:16px;
	color:var(--c-accent);
}
@media (max-width: 1280px){
	.devm01-gnb{
		gap: 28px;
	}
	.devm01-header__util{
		min-width: 260px;
	}
	.devm01-member-links{
		display: none;
	}
}
@media (max-width: 1024px){
	.devm01-header:not(.is-transparent),
.devm01-header.is-transparent.is-scrolled{
		background: var(--c-bg, #FFFFFF) !important;
		border-bottom-color: var(--devm01-gray-200) !important;
	}
	.devm01-header__inner{
		height: var(--devm01-mobile-header-height);
	}
	.devm01-logo{
		min-width: auto;
	}
	.devm01-header:not(.is-transparent) .devm01-logo,
.devm01-header.is-transparent.is-scrolled .devm01-logo{
		color: var(--c-primary) !important;
	}
	/* 배경 없이 표시되는 동안의 로고 글자입니다. */
	.devm01-header.is-transparent:not(.is-scrolled) .devm01-logo{
		color: var(--c-bg, #FFFFFF) !important;
	}
	.devm01-logo__text{
		font-size: 17px;
	}
	.devm01-gnb,
.devm01-header__cta,
.devm01-member-links,
.devm01-sitemap-btn{
		display: none;
	}
	.devm01-header__util{
		min-width: auto;
		gap: 8px;
	}
	.devm01-menu-toggle{
		display: inline-flex;
		color: var(--c-primary);
	}
}
@media (max-width: 768px){
	.devm01-sitemap__panel{
		inset: 16px;
		grid-template-columns: 1fr;
		overflow-y: auto;
	}
	.devm01-sitemap__brand{
		padding: 42px 28px;
	}
	.devm01-sitemap__nav{
		grid-template-columns: 1fr;
		padding: 34px 28px;
	}
}
@media (max-width: 480px){
	.devm01-mobile-panel{
		width: 92vw;
	}
	.devm01-mobile-panel__bottom .devm01-btn{
		width: 100%;
	}
	.devm01-search-layer{
		padding:82px 14px 18px
	}
	.devm01-search-layer__panel{
		padding:26px 18px 20px;
		border-radius:18px
	}
	.devm01-search-layer__panel form{
		grid-template-columns:1fr
	}
	.devm01-search-layer__panel button[type="submit"]{
		width:100%
	}
}
/* QA polish: compact mega menu CTA,
no broken contact card */
.devm01-mega__panel{
	grid-template-columns:minmax(260px,.9fr) minmax(0,1.7fr) auto;
}
.devm01-mega__contact--cta{
	align-self:stretch;
	min-width:156px;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}
.devm01-mega__contact--cta a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:44px;
	padding:0 18px;
	border-radius:999px;
	background:var(--c-accent);
	color:var(--c-surface, #fff);
	white-space:nowrap;
}
.devm01-mega__contact--cta a i{
	margin-left:8px;
	font-style:normal;
}
.devm01-sitemap__logo{
	display:inline-flex;
	width:fit-content;
}
@media (max-width:1180px){
	.devm01-mega__panel{
		grid-template-columns:1fr 1.4fr;
	}
	.devm01-mega__contact--cta{
		grid-column:1/-1;
	}
}
/* 태블릿과 모바일의 머리말입니다. 화면 맨 위에서는 배경 없이 표시되고 스크롤하시면 배경이 채워집니다. */
@media (max-width:1024px){

	.devm01-header:not(.is-transparent),
.devm01-header.is-transparent.is-scrolled{
		background:var(--c-surface, #fff) !important;
		backdrop-filter:none !important;
		-webkit-backdrop-filter:none !important;
		box-shadow:0 8px 22px rgba(7,28,53,.06);
	}
	.devm01-header.is-transparent.is-scrolled{
		border-bottom-color:var(--devm01-gray-200) !important;
	}
	.devm01-header:not(.is-transparent) .devm01-logo .devm01-logo__img--dark,
.devm01-header.is-transparent.is-scrolled .devm01-logo .devm01-logo__img--dark{
		display:block !important;
		opacity:1 !important;
		filter:none !important;
	}
	.devm01-header:not(.is-transparent) .devm01-logo .devm01-logo__img--light,
.devm01-header.is-transparent.is-scrolled .devm01-logo .devm01-logo__img--light{
		display:none !important;
	}

	/* 배경 없이 표시되는 동안에는 밝은 로고와 흰색 메뉴 버튼을 사용합니다. */
	.devm01-header.is-transparent:not(.is-scrolled) .devm01-logo .devm01-logo__img--light{
		display:block !important;
		opacity:1 !important;
		filter:none !important;
	}
	.devm01-header.is-transparent:not(.is-scrolled) .devm01-logo .devm01-logo__img--dark{
		display:none !important;
	}
	.devm01-header.is-transparent:not(.is-scrolled) .devm01-menu-toggle{
		border-color:rgba(255,255,255,.26);
		background:transparent;
		color:var(--c-bg, #FFFFFF);
	}
	.devm01-mobile-dim{
		background:rgba(7,28,53,.42);
		backdrop-filter:none !important;
		-webkit-backdrop-filter:none !important;
	}
	.devm01-mobile-panel{
		box-shadow:-16px 0 42px rgba(7,28,53,.18);
	}
}
@media (max-width:480px){

	.devm01-header__inner{
		height:64px;
	}
	.devm01-logo__img{
		height:30px !important;
		max-width:136px;
	}
}
/* Phase Layout Core: auto-height submenu/mega/menu systems */
.devm01-mega{

	overflow:hidden;

	height:0;

	max-height:none;

}
.devm01-header.is-mega-open .devm01-mega{

	opacity:1;

	pointer-events:auto;

}
.devm01-header.is-mega-settled .devm01-mega{

	height:auto;

	overflow:visible;

}
.devm01-mega__inner{

	height:auto;

	min-height:0;

}
.devm01-mega__panel{

	position:relative;

	inset:auto;

	display:none;

	grid-template-columns:minmax(240px,.82fr) minmax(0,1.8fr) auto;

	align-items:start;

	min-height:0;

	height:auto;

	padding:34px 0;

	opacity:0;

	transform:translateY(14px);

	pointer-events:none;

	transition:opacity 240ms var(--devm01-ease),
transform 300ms var(--devm01-ease);

}
.devm01-mega__panel.is-active{
	display:grid;
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}
.devm01-mega__links{

	grid-template-columns:repeat(auto-fit,
minmax(190px,
1fr));

	align-content:start;

	align-items:stretch;

	height:auto;

	max-height:none;

	overflow:visible;

}
.devm01-mega__link{
	min-height:86px;
}
.devm01-sub-nav,
.devm01-sub-nav__inner,
.devm01-sub-nav__list,
.devm01-board-cate,
#bo_cate,
#bo_cate_ul{

	height:auto !important;

	max-height:none !important;

	overflow:visible !important;

}
.devm01-sub-nav__inner{

	align-items:center;

	min-height:0;

	padding-top:12px;

	padding-bottom:12px;

}
.devm01-sub-nav__list{

	display:flex;

	flex-wrap:wrap;

	align-items:center;

	gap:8px 10px;

	width:100%;

}
.devm01-sub-nav__list a{

	min-height:44px;

	height:auto;

	padding:10px 20px;

	border:1px solid transparent;

	border-radius:999px;

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

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

	background:var(--c-surface-2, #F3F8FF);

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

}
.devm01-board-cate ul,
#bo_cate_ul{

	display:flex;

	flex-wrap:wrap;

	gap:8px;

	align-items:center;

}
#bo_cate a,
.devm01-board-cate a{

	min-height:40px;

	height:auto;

	line-height:1.3;

	padding-top:10px;

	padding-bottom:10px;

	white-space:normal;

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

	.devm01-mega__panel{
		grid-template-columns:1fr;
		gap:18px;
	}
	.devm01-mega__summary{
		padding-right:0;
		border-right:0;
	}
	.devm01-mega__contact--cta{
		grid-column:auto;
	}
}
@media (max-width:768px){

	.devm01-sub-nav__inner{
		display:block;
		padding:0;
	}
	.devm01-sub-nav__list{
		display:none;
		padding:12px 20px 18px;
		gap:8px;
	}
	.devm01-sub-nav.is-open .devm01-sub-nav__list{
		display:flex;
	}
	.devm01-sub-nav__list a{
		width:100%;
		min-height:42px;
		padding:10px 0;
		border-radius:0;
		border-left:0;
		border-right:0;
		border-top:0;
	}
}
/* 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;
	}
}
/* Header utility refinement: keep primary menu width clear */
.devm01-header__inner{

	height:var(--devm01-header-height);

	box-sizing:border-box;

}
/* 전체메뉴와 검색을 사용하지 않으시면 우측 버튼 구역이 자리를 차지하지 않습니다. */
.devm01-header--no-toolbtn .devm01-header__util{
	min-width:0;
	gap:0;
}
.devm01-header__util{

	min-width:112px;

	gap:10px;

}
.devm01-member-links{

	gap:15px;

}
.devm01-member-links a{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:6px;

	min-height:20px;

	padding:2px 0;

	border:0;

	border-radius:0;

	background:transparent;

	font-size:16px;

	line-height:1;

	transition:background-color var(--devm01-duration) var(--devm01-ease),
border-color var(--devm01-duration) var(--devm01-ease),
color var(--devm01-duration) var(--devm01-ease);

}
.devm01-member-links a i{

	font-size:16px;

	opacity:.78;

}
.devm01-member-links a:hover{

	background:transparent;

	color:var(--c-accent);

}
.devm01-member-links a + a{

	position:relative;

}
.devm01-member-links a + a::before{

	display:none;

}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-member-links a + a::before{

	background:rgba(255,255,255,.28);

}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-member-links a{

	border-color:transparent;

	background:transparent;

	color:rgba(255,255,255,.88);

}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open) .devm01-member-links a:hover{

	background:transparent;

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

}
/* 화면 폭이 좁아지면 로그인 구역을 아이콘만으로 표시하여 주메뉴 자리를 지킵니다. */
@media (max-width:1280px) and (min-width:1025px){

	.devm01-header__util .devm01-member-links{
		display:flex;
		gap:2px;
	}
	.devm01-header__util .devm01-member-links a span{
		display:none;
	}
	.devm01-header__util .devm01-member-links a{
		width:34px;
		height:34px;
		min-height:34px;
		padding:0;
		border-radius:var(--devm01-radius-btn, 8px);
	}
	.devm01-header__util .devm01-member-links a:hover{
		background:var(--glass-hover);
	}
	.devm01-header__util .devm01-member-links a + a::before{
		display:none;
	}
}
@media (max-width:1024px){

	.devm01-header__inner{
		height:var(--devm01-mobile-header-height);
	}
}
/* Header alignment polish: align logo,
main menu,
and utility buttons on one visual baseline */

.devm01-header-search-btn,
.devm01-sitemap-btn{
	width: 38px;
	height: 38px;
}

.devm01-logo__img{
	max-height:48px;
}

@media (max-width:1180px){
	.devm01-logo,
.devm01-gnb,
.devm01-header__util{
		transform:none;
	}

	.devm01-header-search-btn,
.devm01-sitemap-btn{
		width:42px;
		height:42px;
	}

	.devm01-logo__img{
		max-height:40px;
	}
}


/* DevM header utility compact buttons. */
.devm01-header-search-btn,
.devm01-sitemap-btn,
.devm01-menu-toggle{
	font-size:16px;
}

.devm01-header__util{
	gap:8px;
}
/* DevM QA: keep top menu underline above opened submenu */
.devm01-header__inner{
	position:relative;
	z-index:3;
}
.devm01-gnb,
.devm01-gnb__item,
.devm01-gnb__link{
	position:relative;
	z-index:4;
}
.devm01-gnb__link::after{
	z-index:5;
}
.devm01-mega{
	z-index:1;
}
/* DevM QA: keep menu underline over mega menu without pushing layout */
.devm01-header__inner{
	position:relative;
	z-index:30;
}
.devm01-mega{
	top:var(--devm01-header-height)!important;
	z-index:10;
	border-top:0!important;
}
.devm01-gnb,
.devm01-gnb__item,
.devm01-gnb__link{
	position:relative;
	z-index:31;
}
.devm01-gnb__link::after{
	bottom:4px;
	height:3px;
	z-index:32;
}

/* 테마 설정의 주메뉴 정렬입니다. 기본은 가운데 정렬입니다. */
.devm01-header--menu-left .devm01-gnb{
	justify-content: flex-start;
}
.devm01-header--menu-right .devm01-gnb{
	justify-content: flex-end;
}

/* 주메뉴 우측 표시를 아이콘만으로 설정하신 경우입니다. */
.devm01-member-links--icon a span{
	display: none;
}
.devm01-member-links--icon a i{
	font-size: var(--devm-header-util-font-size, 16px);
	opacity: 1;
}

/* 아이콘만 표시하는 경우의 링크 영역입니다. */
.devm01-member-links--icon a,
.devm01-header__util .devm01-member-links--icon a{
	width: 34px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	border-radius: var(--devm01-radius-btn, 8px);
}
.devm01-member-links--icon a:hover{
	background: var(--glass-hover);
}

/* 테마 설정의 글자 크기와 굵기입니다. */
.devm01-member-links a{
	font-size: var(--devm-header-util-font-size, 16px);
	font-weight: var(--devm-header-util-weight, inherit);
}
.devm01-mega__link strong{
	font-size: var(--devm-header-submenu-font-size, 17px);
	font-weight: var(--devm-header-submenu-weight, inherit);
}
.devm01-sitemap__depth1{
	font-size: var(--devm-header-sitemap-title-font-size, 22px) !important;
	font-weight: var(--devm-header-sitemap-weight, inherit);
}
.devm01-sitemap__group a:not(.devm01-sitemap__depth1){
	font-size: var(--devm-header-sitemap-link-font-size, 16px);
	font-weight: var(--devm-header-sitemap-weight, inherit);
}

/* 첫 화면의 투명 머리말입니다. 아래쪽 경계선을 두지 않고 그러데이션이 머리말
   아래까지 이어지도록 하여 밝은 슬라이드 위에서 띠처럼 보이지 않게 합니다. */
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open){
	background: transparent;
	border-bottom-color: transparent;
}
.devm01-header.is-transparent:not(.is-scrolled):not(.is-mega-open)::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
	height: calc(var(--devm01-header-height) + 84px);
	background: linear-gradient(to bottom,
rgba(7,28,53,.58) 0%,
rgba(7,28,53,.34) 42%,
rgba(7,28,53,.12) 74%,
rgba(7,28,53,0) 100%);
	pointer-events: none;
}

/* 테마 설정의 머리말 가로 폭입니다. 로고와 주메뉴 줄, 하위 메뉴 패널에 함께 적용됩니다. */
.devm01-header .devm01-header__inner,
.devm01-header .devm01-mega__inner{
	width: 100%;
	max-width: var(--devm-header-width, 1280px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}
@media (max-width:768px){
	.devm01-header .devm01-header__inner,
	.devm01-header .devm01-mega__inner{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width:480px){
	.devm01-header .devm01-header__inner,
	.devm01-header .devm01-mega__inner{
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* 머리말이 화면 가로 전체를 사용하는 경우입니다. 좌우 여백을 넓게 둡니다. */
.devm01-header--full .devm01-header__inner,
.devm01-header--full .devm01-mega__inner{
	padding-left: 40px;
	padding-right: 40px;
}
@media (min-width:1600px){
	.devm01-header--full .devm01-header__inner,
	.devm01-header--full .devm01-mega__inner{
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media (max-width:1024px){
	.devm01-header--full .devm01-header__inner{
		padding-left: 24px;
		padding-right: 24px;
	}
}
@media (max-width:768px){
	.devm01-header--full .devm01-header__inner{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width:480px){
	.devm01-header--full .devm01-header__inner{
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* 머리말 우측 회원 링크와 검색 버튼 사이 간격입니다. */
.devm01-header__util .devm01-member-links{
	margin-right: 14px;
}
@media (max-width:1280px){
	.devm01-header__util .devm01-member-links{
		margin-right: 10px;
	}
}