/* 오시는 길 화면의 서식입니다. 이 파일과 location.php를 함께 이전하면 다른 Dev.M 테마에서도 동일한 형태로 표시됩니다. */

.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, #374151);
	line-height:1.8;
}
#ctt_con.devm01-sub-content img{
	max-width:100%;
	border-radius:var(--devm01-radius-lg, 24px);
}
.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, #6B7280);
}
.devm01-location{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:48px;
	align-items:center;
}
.devm01-map-block{
	overflow:hidden;
	border-radius:var(--devm01-radius-xl, 28px);
	min-height:460px;
}
.devm01-map-block img{
	width:100%;
	height:100%;
	min-height:460px;
	object-fit:cover;
}
.devm01-location-info{
	padding:42px;
	border-radius:var(--devm01-radius-lg, 24px);
	background:var(--c-surface, #fff);
	border:1px solid var(--devm01-gray-200, #E5EAF0);
	box-shadow:var(--devm01-shadow-card, 0 16px 40px rgba(7, 28, 53, .08));
}
.devm01-location-info dl{
	display:grid;
	grid-template-columns:100px 1fr;
	gap:14px 18px;
	margin:30px 0 0;
}
.devm01-location-info dt{
	color:var(--devm01-gray-500, #7B8794);
}
.devm01-location-info dd{
	margin:0;
	color:var(--devm01-gray-900, #1F2937);
}
@media (max-width:1024px){
	.devm01-location{
		grid-template-columns:1fr
	}
}
@media (max-width:768px){
	.devm01-sub-content{
		padding:52px 0 90px
	}
	.devm01-content-page > header .devm01-title,.devm01-sub-content h2{
		font-size:30px
	}
	.devm01-map-block,.devm01-map-block img{
		min-height:320px
	}
	.devm01-location-info{
		padding:28px
	}
	.devm01-location-info dl{
		grid-template-columns:1fr;
		gap:8px
	}
}
/* 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, var(--devm01-main-width, 1280px));
	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, #E5EAF0);
	border-radius:var(--devm01-radius-xl, 28px);
	background:linear-gradient(180deg,var(--c-surface, #fff) 0%,var(--c-surface-2, #FAFCFE) 100%);
	box-shadow:var(--devm01-shadow-card, 0 16px 40px rgba(7, 28, 53, .08));
	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-location-info{
	transition:transform var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22, 1, .36, 1)),
box-shadow var(--devm01-duration, 260ms) var(--devm01-ease, cubic-bezier(.22, 1, .36, 1));
}
.devm01-location-info:hover{
	transform:translateY(-4px);
	box-shadow:var(--devm01-shadow-floating, 0 24px 60px rgba(7, 28, 53, .12));
}
.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, 24px);
	}
}
/* 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{
	width:min(100% - 48px,
var(--devm01-inner, var(--devm01-main-width, 1280px)));
	max-width:var(--devm01-inner, var(--devm01-main-width, 1280px));
	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-map-block{
	position:relative;
	min-height:500px;
	background:var(--c-surface-2, #EDF3F8);
	border:1px solid var(--devm01-gray-200, #E5EAF0);
	box-shadow:var(--devm01-shadow-card, 0 16px 40px rgba(7, 28, 53, .08));
}
.devm01-map-block iframe{
	display:block;
	width:100%;
	height:500px;
	min-height:500px;
	border:0;
	filter:saturate(.9) contrast(1.02);
}
.devm01-location-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:28px;
}
.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-location{
		grid-template-columns:1fr;
	}
}
@media (max-width:768px){
	.devm01-sub-nav + .devm01-content-page{
		margin-top:54px;
	}
	.devm01-content-page{
		padding-bottom:96px;
	}
	.devm01-content-shell{
		width:calc(100% - 40px);
	}
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:32px 22px;
	}
	.devm01-map-block,
.devm01-map-block iframe{
		min-height:360px;
		height:360px;
	}
}
/* 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-map-block{
	min-height:520px;
}
.devm01-map-block iframe{
	height:520px;
	min-height:520px;
}
@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;
	}
}
@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-map-block,
.devm01-map-block iframe{
		min-height:360px;
		height:360px;
	}
}
/* Kakao Maps JavaScript API location module */
.devm01-kakao-map{
	position:relative;
	overflow:hidden;
	height:500px;
	min-height:500px;
	border-radius:var(--devm01-radius-xl, 28px);
	border:1px solid rgba(7,28,53,.1);
	background:linear-gradient(135deg,var(--c-surface-2, #EAF2FA),var(--c-surface-2, #F8FBFF));
	box-shadow:var(--devm01-shadow-floating, 0 24px 60px rgba(7, 28, 53, .12));
}
.devm01-map-canvas{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}
.devm01-kakao-map .devm01-map-fallback{
	position:absolute;
	inset:24px;
	z-index:2;
	display:none;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-end;
	padding:30px;
	border-radius:var(--devm01-radius-lg, 24px);
	background:linear-gradient(135deg,rgba(7,28,53,.92),rgba(14,42,77,.84));
	color:var(--c-surface, #fff);
	box-shadow:0 18px 48px rgba(7,28,53,.18);
}
.devm01-kakao-map:not(.is-loaded) .devm01-map-fallback,
.devm01-kakao-map.is-fallback .devm01-map-fallback{
	display:flex;
}
.devm01-kakao-map.is-loaded .devm01-map-fallback{
	display:none;
}
.devm01-map-fallback strong{
	display:block;
	margin-bottom:10px;
	color:var(--c-surface, #fff);
	font-size:22px;
}
.devm01-map-fallback p{
	max-width:520px;
	margin:0 0 22px;
	color:rgba(255,255,255,.74);
	line-height:1.7;
}
@media (max-width:768px){
	.devm01-kakao-map{
		height:320px;
		min-height:320px;
	}
	.devm01-map-canvas{
		height:320px;
	}
	.devm01-kakao-map .devm01-map-fallback{
		inset:14px;
		padding:22px;
	}
	.devm01-map-fallback strong{
		font-size:19px;
	}
}
/* 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-location-info a{
	color:inherit;
	text-decoration:none;
}
.devm01-kakao-map{
	height:500px;
	min-height:500px;
}
@media (max-width:1024px){
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:56px 40px;
	}
}
@media (max-width:768px){
	#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta){
		padding:32px 22px;
	}
	.devm01-kakao-map{
		height:320px;
		min-height:320px;
	}
}
/* 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-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, #E5EAF0);
}
.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, #6B7280);
}
#ctt_con.devm01-sub-content > div:first-child:not(.devm01-bottom-cta):not(.devm01-content-intro){
	padding-top:64px;
}
.devm01-location-info dd{
	white-space:nowrap;
}
.devm01-location-info 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, 24px);
}
.devm01-sub-content .devm01-fancybox-link img{
	display:block;
	transition:transform 620ms var(--devm01-ease, cubic-bezier(.22, 1, .36, 1)),
filter 620ms var(--devm01-ease, cubic-bezier(.22, 1, .36, 1));
}
.devm01-sub-content .devm01-fancybox-link:hover img{
	transform:scale(1.035);
	filter:saturate(1.04) contrast(1.02);
}
/* Phase QA: location grid alignment + Kakao button contrast */
.devm01-location--map-grid,
#ctt_con.devm01-sub-content > .devm01-location--map-grid:first-child:not(.devm01-bottom-cta){

	display:grid !important;

	grid-template-columns:minmax(0,
56fr) minmax(360px,
44fr) !important;

	gap:48px !important;

	align-items:start !important;

	padding:0 !important;

	border:0 !important;

	border-radius:0 !important;

	background:transparent !important;

	box-shadow:none !important;

	overflow:visible !important;

}
.devm01-location--map-grid::before{
	display:none !important;
}
.devm01-location--map-grid > *{
	margin-top:0 !important;
}
.devm01-location--map-grid .devm01-kakao-map{
	width:100%;
	min-height:520px;
	height:520px;
}
.devm01-location--map-grid .devm01-location-info{
	align-self:start;
	min-height:520px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.devm01-location-map-btn{

	border:1px solid transparent !important;

	color:var(--c-fg, #111827) !important;

	box-shadow:0 14px 30px rgba(7,28,53,.12) !important;

	opacity:1 !important;

}
.devm01-location-map-btn--kakao{

	background:#FEE500 !important;

	border-color:#F3D600 !important;

	color:var(--c-fg, #191919) !important;

	box-shadow:0 14px 30px rgba(254,229,0,.24) !important;

}
.devm01-location-map-btn--naver{

	background:#03C75A !important;

	border-color:#03B553 !important;

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

	box-shadow:0 14px 30px rgba(3,199,90,.22) !important;

}
.devm01-location-map-btn--kakao:hover{

	background:#F6D900 !important;

	border-color:#E7CA00 !important;

	color:var(--c-fg, #191919) !important;

	transform:translateY(-2px);

}
.devm01-location-map-btn--naver:hover{

	background:#02B351 !important;

	border-color:#02A84C !important;

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

	transform:translateY(-2px);

}
.devm01-location-guide{

	display:grid;

	gap:0;

	margin-top:58px;

	border-top:1px solid var(--devm01-gray-200, #E5EAF0);

}
.devm01-location-guide__row{

	display:grid;

	grid-template-columns:260px minmax(0,1fr);

	gap:44px;

	padding:42px 0;

	border-bottom:1px solid var(--devm01-gray-200, #E5EAF0);

}
.devm01-location-guide__row h2{

	display:flex;

	align-items:center;

	gap:12px;

	margin:0;

	color:var(--c-primary);

	font-size:28px;

	line-height:1.35;

	letter-spacing:-.035em;

	font-weight:normal;

}
.devm01-location-guide__row h2 i{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:34px;

	color:var(--c-primary);

	font-size:30px;

}
.devm01-location-guide__list{

	display:grid;

	gap:16px;

}
.devm01-location-guide__list div{

	display:grid;

	grid-template-columns:28px minmax(190px,
240px) minmax(0,1fr);

	gap:14px;

	align-items:start;

	min-width:0;

}
.devm01-location-guide__list b{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:20px;

	height:20px;

	margin-top:2px;

	border-radius:50%;

	background:var(--c-accent);

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

	font-family:var(--devm01-font-en, var(--ff, Pretendard, Inter, Arial, sans-serif));

	font-size:16px;

}
.devm01-location-guide__list strong{

	color:var(--devm01-gray-900, #1F2937);

	line-height:1.55;

	font-weight:normal;

}
.devm01-location-guide__list p{

	grid-column:3;

	min-width:0;

	margin:0;

	color:var(--devm01-gray-900, #1F2937);

	line-height:1.55;

	word-break:keep-all;

	overflow-wrap:anywhere;

}
.devm01-location-guide__list p + p{

	margin-top:0;

}
.devm01-location-guide__list a{

	color:inherit;

	text-decoration:none;

}
.devm01-location-guide__list em{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	min-width:44px;

	height:28px;

	margin-right:8px;

	padding:0 9px;

	border-radius:5px;

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

	font-style:normal;

	font-size:16px;

	line-height:1;

}
/* 교통편 노선을 구분하는 고정 색상입니다. 색상 조합과 무관하게 유지합니다. */
.devm01-location-guide__list em.is-blue{
	background:#5C74F2;
}
.devm01-location-guide__list em.is-gold{
	background:#D99813;
}
.devm01-location-guide__list em.is-green{
	background:#4BAE3B;
}
/* 교통편 전체 설명입니다. 테마 설정 > 오시는 길에서 입력하신 문구가 표시됩니다. */
.devm01-location-guide__desc{
	margin:0;
	padding:28px 0 0;
	color:var(--devm01-gray-600, #6B7280);
	font-size:17px;
	line-height:1.7;
}
/* 교통수단별 이동 경로입니다. */
.devm01-location-guide__route{
	grid-column:2;
	margin:18px 0 0;
	padding:0 0 0 20px;
	color:var(--devm01-gray-600, #6B7280);
	font-size:16px;
	line-height:1.8;
}
.devm01-location-guide__note{
	grid-column:2;
	margin:18px 0 0;
	color:var(--devm01-gray-500, #7B8794);
	font-size:16px;
	line-height:1.7;
}
@media (max-width:1024px){
	.devm01-location-guide__route,
	.devm01-location-guide__note{
		grid-column:1;
	}
}
@media (max-width:1024px){
	.devm01-location-guide__row{
		grid-template-columns:1fr;
		gap:24px;
	}
}
@media (max-width:768px){
	.devm01-location-guide{
		margin-top:38px;
	}
	.devm01-location-guide__row{
		padding:30px 0;
	}
	.devm01-location-guide__row h2{
		font-size:24px;
	}
	.devm01-location-guide__list div{
		grid-template-columns:26px minmax(0,1fr);
		gap:10px 12px;
	}
	.devm01-location-guide__list strong{
		grid-column:2;
	}
	.devm01-location-guide__list p{
		grid-column:2;
	}
}
@media (max-width:1024px){
	.devm01-location--map-grid,
#ctt_con.devm01-sub-content > .devm01-location--map-grid:first-child:not(.devm01-bottom-cta){
		grid-template-columns:1fr !important;
		gap:28px !important;
	}
	.devm01-location--map-grid .devm01-location-info{
		min-height:0;
	}
}
@media (max-width:768px){
	.devm01-location--map-grid,
#ctt_con.devm01-sub-content > .devm01-location--map-grid:first-child:not(.devm01-bottom-cta){
		gap:22px !important;
	}
	.devm01-location--map-grid .devm01-kakao-map{
		height:320px;
		min-height:320px;
	}
	.devm01-location-actions{
		display:grid;
		grid-template-columns:1fr;
	}
	.devm01-location-actions .devm01-btn{
		width:100%;
	}
}
/* Sub typography QA: Lexend rhythm */
.devm01-sub-content h2,.devm01-content-intro h2{
	font-weight:bold;
	letter-spacing:-.035em;
}
.devm01-sub-content p,.devm01-location-info dd{
}
/* Location QA final: long text safe stretch grid */
.devm01-location--map-grid,
#ctt_con.devm01-sub-content > .devm01-location--map-grid:first-child:not(.devm01-bottom-cta){

	align-items:stretch !important;

}
.devm01-location--map-grid .devm01-kakao-map,
.devm01-location--map-grid .devm01-map-canvas{

	height:auto !important;

	min-height:100% !important;

}
.devm01-location--map-grid .devm01-location-info{

	min-width:0;

	height:100%;

	min-height:520px;

	justify-content:center;

}
.devm01-location-info dl{
	min-width:0;
}
.devm01-location-info dt,
.devm01-location-info dd,
.devm01-location-info a{

	min-width:0;

	max-width:100%;

	word-break:keep-all;

	overflow-wrap:anywhere;

	line-height:1.65;

}
.devm01-location-info dd{
	white-space:normal !important;
}
@media (max-width:1024px){
	.devm01-location--map-grid .devm01-kakao-map,
.devm01-location--map-grid .devm01-map-canvas{
		min-height:420px !important;
		height:420px !important;
	}
	.devm01-location--map-grid .devm01-location-info{
		min-height:0;
		height:auto;
	}
}
@media (max-width:768px){
	.devm01-location--map-grid .devm01-kakao-map,
.devm01-location--map-grid .devm01-map-canvas{
		min-height:320px !important;
		height:320px !important;
	}
}
/* DevM01 file-based PHP subpages */
.devm01-page .devm01-content-shell{
	width:min(100% - 48px,
var(--devm01-inner, var(--devm01-main-width, 1280px)));
	max-width:var(--devm01-inner, var(--devm01-main-width, 1280px));
	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-location-info a{
	color:inherit;
}
.devm01-page .devm01-kakao-map{
	position:relative;
	overflow:hidden;
	min-height:520px;
	border-radius:var(--devm01-radius-xl, 28px);
	background:var(--c-surface-3, #EAF0F6);
}
.devm01-page .devm01-kakao-map .devm01-map-canvas{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	min-height:520px;
}
.devm01-page .devm01-kakao-map .devm01-map-fallback{
	position:absolute;
	inset:24px;
	z-index:2;
	display:none;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-end;
	gap:10px;
	padding:28px;
	border-radius:var(--devm01-radius-card, 18px);
	background:linear-gradient(180deg,
rgba(255,255,255,.76),
rgba(255,255,255,.96));
	box-shadow:0 18px 48px rgba(7,28,53,.14);
	color:var(--devm01-gray-700, #374151);
}
.devm01-page .devm01-kakao-map.is-fallback .devm01-map-fallback,
.devm01-page .devm01-kakao-map.is-disabled .devm01-map-fallback{
	display:flex;
}
.devm01-page .devm01-kakao-map.is-loaded .devm01-map-fallback{
	display:none;
}
@media (max-width:768px){
	.devm01-page .devm01-content-shell{
		width:calc(100% - 40px);
	}
	.devm01-page .devm01-kakao-map,
.devm01-page .devm01-kakao-map .devm01-map-canvas{
		min-height:360px;
	}
	.devm01-page .devm01-kakao-map .devm01-map-fallback{
		inset:14px;
		padding:22px;
	}
}
.devm01-page .devm01-content-intro .devm01-eyebrow,
.devm01-content-page > .devm01-page-header .devm01-eyebrow{
	display:none !important;
}
/* DevM final location intro card sync */
.devm01-sub-content--location .devm01-content-intro{
	margin-bottom:48px;
	padding:42px;
	border:1px solid var(--devm01-gray-200, #E5EAF0);
	border-radius:var(--devm01-radius-lg, 24px);
	background:var(--c-surface, #ffffff);
	box-shadow:var(--devm01-shadow-card, 0 16px 40px rgba(7, 28, 53, .08));
}
.devm01-sub-content--location .devm01-content-intro h2{
	margin:0;
	color:var(--c-primary);
	font-size:30px;
	line-height:1.35;
	letter-spacing:-.035em;
}
.devm01-sub-content--location .devm01-content-intro p{
	margin:14px 0 0;
	color:var(--devm01-gray-600, #6B7280);
	font-size:16px;
	line-height:1.75;
}
/* 하위 메뉴를 본문 왼쪽에 세로로 표시하는 방식입니다. 테마 설정 > 서브페이지에서 선택하십시오. */
@media (min-width:1025px){
	#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.devm01-container--localnav-side > .devm01-inner-wrap{
		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;
	}
}
/* 오시는 길의 지도와 연락처를 감싸는 영역의 가로가 좁아지면 두 요소를 위아래로 배치합니다. */
#ctt_con.devm01-sub-content--location{
	container-type:inline-size;
	container-name:devmloc;
}
@container devmloc (max-width:1000px){
	.devm01-location--map-grid,
#ctt_con.devm01-sub-content > .devm01-location--map-grid:first-child:not(.devm01-bottom-cta){
		grid-template-columns:minmax(0, 1fr) !important;
		gap:28px !important;
		align-items:start !important;
	}
	.devm01-location--map-grid .devm01-kakao-map,
.devm01-location--map-grid .devm01-map-canvas{
		height:420px !important;
		min-height:420px !important;
	}
	.devm01-location--map-grid .devm01-location-info{
		height:auto !important;
		min-height:0 !important;
	}
}
