:root {
	--major_color: #0c3f84;
	--top-menu-bg: var(--major_color);
	--top-menu-text: #ffffff;
	--top-menu-hover-bg: #ffffff;
	--top-menu-hover-text: var(--major_color);
	--top-menu-active-bg: var(--top-menu-hover-bg);
	--top-menu-active-text: var(--top-menu-hover-text);
	--top-menu-border-top-color: #d4d4d8;
	--top-menu-border-bottom-color: #d4d4d8;
	--top-menu-border-color: var(--top-menu-border-bottom-color);
	--top-info-max-width: 1400px;
	--top-menu-max-width: 1180px;
	--home-header-single-row-height: 72px;
}
#top_info {
	width: 100%;
	max-width: var(--top-info-max-width, 1400px);
}
#top_menu {
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: var(--top-menu-bg);
	border-top-color: var(--top-menu-border-top-color);
	border-bottom: 1px solid var(--top-menu-border-bottom-color);
}
#top_menu .top-menu-list {
	height: 100%;
	width: 100%;
	max-width: var(--top-menu-max-width, 1180px);
}
#top_menu .top-menu-list > li {
	display: flex;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#top_menu a,
#top_menu .menu {
	height: 100%;
	color: var(--top-menu-text);
}
#top_menu .top-menu-list > li > a {
	width: 100%;
}
#top_menu .menu:hover {
	background-color: var(--top-menu-hover-bg);
	color: var(--top-menu-hover-text);
}
#top_menu .menu.menu_on {
	background-color: var(--top-menu-active-bg);
	color: var(--top-menu-active-text);
}
@media (min-width:768px) {
	#top[data-header-layout="singleRow"] {
		display: grid;
		grid-template-columns: minmax(210px, 340px) minmax(0, var(--top-menu-max-width, 1060px));
		align-items: center;
		justify-content: center;
		min-height: var(--home-header-single-row-height, 72px);
		border-top: 1px solid var(--top-menu-border-top-color);
		border-bottom: 1px solid var(--top-menu-border-bottom-color);
		background-color: var(--top-menu-bg);
		overflow: hidden;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftMenuRightImage"] {
		grid-template-columns: minmax(0, var(--top-menu-max-width, 1060px)) minmax(180px, 280px);
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftImageCenterMenuRightImage"] {
		grid-template-columns: minmax(180px, 280px) minmax(0, var(--top-menu-max-width, 1060px)) minmax(180px, 280px);
	}
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="full"] {
		justify-content: stretch;
	}
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="full"]:not([data-single-row-layout]),
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="full"][data-single-row-layout="leftImageRightMenu"] {
		grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
	}
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="full"][data-single-row-layout="leftMenuRightImage"] {
		grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
	}
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="full"][data-single-row-layout="leftImageCenterMenuRightImage"] {
		grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) minmax(180px, 260px);
	}
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="full"] #top_menu {
		padding-left: 0;
		padding-right: 0;
	}
	#top[data-header-layout="singleRow"][data-top-menu-width-mode="fixed"] {
		grid-template-columns: minmax(210px, 340px) minmax(0, var(--top-menu-max-width, 1060px));
	}
	#top[data-header-layout="singleRow"] #top_info {
		width: 100%;
		max-width: none;
		display: contents !important;
		padding: 0 !important;
	}
	#top[data-header-layout="singleRow"] #top_info_left,
	#top[data-header-layout="singleRow"] #top_info_center,
	#top[data-header-layout="singleRow"] #top_info_right {
		display: none !important;
	}
	#top[data-header-layout="singleRow"] #top_info_left,
	#top[data-header-layout="singleRow"] #top_info_center {
		height: var(--home-header-single-row-height, 72px) !important;
		align-items: center;
		grid-row: 1;
		min-width: 0;
		padding: 0 28px;
		background-color: #ffffff;
	}
	#top[data-header-layout="singleRow"] #top_info_right {
		height: var(--home-header-single-row-height, 72px) !important;
		align-items: center;
		grid-row: 1;
		min-width: 0;
		padding: 0 28px;
		background-color: #ffffff;
	}
	#top[data-header-layout="singleRow"]:not([data-single-row-layout]) #top_info_center,
	#top[data-header-layout="singleRow"][data-single-row-layout="leftImageRightMenu"] #top_info_center {
		display: flex !important;
		grid-column: 1;
		justify-content: flex-start;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftMenuRightImage"] #top_info_right {
		display: flex !important;
		grid-column: 2;
		justify-content: flex-end;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftImageCenterMenuRightImage"] #top_info_left {
		display: flex !important;
		grid-column: 1;
		justify-content: flex-start;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftImageCenterMenuRightImage"] #top_info_right {
		display: flex !important;
		grid-column: 3;
		justify-content: flex-end;
	}
	#top[data-header-layout="singleRow"] #top_info_left img,
	#top[data-header-layout="singleRow"] #top_info_center img,
	#top[data-header-layout="singleRow"] #top_info_right img {
		max-height: 54px;
		width: auto;
	}
	#top[data-header-layout="singleRow"] #top_menu {
		grid-column: 2;
		grid-row: 1;
		align-self: stretch;
		width: 100%;
		height: var(--home-header-single-row-height, 72px) !important;
		display: flex;
		align-items: center;
		border-top: 0 !important;
		border-bottom: 0 !important;
		background-color: var(--top-menu-bg);
		box-sizing: border-box;
		padding: 0 20px;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftMenuRightImage"] #top_menu {
		grid-column: 1;
	}
	#top[data-header-layout="singleRow"] #top_menu .top-menu-list {
		height: var(--home-header-single-row-height, 72px) !important;
		max-width: none;
		gap: 0;
		padding: 0;
	}
	#top[data-header-layout="singleRow"]:not([data-single-row-layout]) #top_menu .top-menu-list,
	#top[data-header-layout="singleRow"][data-single-row-layout="leftImageRightMenu"] #top_menu .top-menu-list {
		justify-content: flex-end;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftMenuRightImage"] #top_menu .top-menu-list {
		justify-content: flex-start;
	}
	#top[data-header-layout="singleRow"][data-single-row-layout="leftImageCenterMenuRightImage"] #top_menu .top-menu-list {
		justify-content: center;
	}
	#top[data-header-layout="singleRow"] #top_menu .top-menu-list > li {
		flex: 0 0 auto !important;
		width: auto;
		min-width: 0;
	}
	#top[data-header-layout="singleRow"] #top_menu .top-menu-list > li > a,
	#top[data-header-layout="singleRow"] #top_menu .top-menu-list > li > span {
		width: auto !important;
		display: block;
		flex: 0 0 auto;
		height: var(--home-header-single-row-height, 72px) !important;
	}
	#top[data-header-layout="singleRow"] #top_menu .menu {
		width: auto !important;
		height: var(--home-header-single-row-height, 72px) !important;
		padding: 0 clamp(14px, 1.35vw, 28px);
		font-size: 18px;
		color: var(--top-menu-text);
		white-space: nowrap;
		background-color: transparent;
	}
	#top[data-header-layout="singleRow"] #top_menu .menu:hover,
	#top[data-header-layout="singleRow"] #top_menu a:focus-visible .menu {
		background-color: var(--top-menu-hover-bg);
		color: var(--top-menu-hover-text);
	}
	#top[data-header-layout="singleRow"] #top_menu .menu.menu_on {
		background-color: var(--top-menu-active-bg);
		color: var(--top-menu-active-text);
	}
	#top[data-header-layout="singleRow"] + #top_space {
		height: var(--home-header-single-row-height, 72px) !important;
	}
}


/* 둘러보기 */
.swiper-container						{ width: 100%; height: 100%; }
.swiper-slide							{ 
									text-align: center;  display: -webkit-box;  display: -ms-flexbox;   display: -webkit-flex;  display: flex;
									-webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;
									-webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; 
								}
.swiper-button-prev1					{ position:absolute; top:0; display:flex; align-items:center; font-family:Consolas; height:100%; z-index:1000; font-size:100px; cursor:pointer; color:var(--major_color); opacity:0.9;  }
.swiper-button-disabled					{ color:#ccc; }
.swiper-button-next1					{ position:absolute; top:0; right:0px; display:flex; align-items:center; font-family:Consolas; height:100%; z-index:1000; font-size:100px; cursor:pointer; color:var(--major_color);  opacity:0.9 }
[data-clinic-space-slider] .swiper-button-next1,
[data-clinic-space-slider] .swiper-button-prev1	{ color:var(--clinic-space-arrow-color, var(--major_color)); font-size:var(--clinic-space-arrow-size, 100px); transition:color 160ms ease, opacity 160ms ease; user-select:none; }
[data-clinic-space-slider] .swiper-button-next1:hover,
[data-clinic-space-slider] .swiper-button-prev1:hover	{ color:var(--clinic-space-arrow-hover-color, var(--clinic-space-arrow-color, var(--major_color))); opacity:1; }
[data-clinic-space-slider][data-arrows="N"] .swiper-button-next1,
[data-clinic-space-slider][data-arrows="N"] .swiper-button-prev1	{ display:none; }
[data-clinic-space-slider] .swiper-pagination	{ left:0; right:0; bottom:16px; z-index:50; }
[data-clinic-space-slider][data-dots="N"] .swiper-pagination	{ display:none; }
[data-clinic-space-slider] .swiper-pagination-bullet	{ width:var(--clinic-space-dot-size, 10px); height:var(--clinic-space-dot-size, 10px); margin:0 5px; background:var(--clinic-space-dot-color, #ffffff); opacity:0.75; transition:background-color 160ms ease, opacity 160ms ease, transform 160ms ease; }
[data-clinic-space-slider] .swiper-pagination-bullet-active	{ background:var(--clinic-space-dot-active-color, var(--major_color)); opacity:1; transform:scale(1.1); }
[data-clinic-space-slider].clinic-space-dots-outside-bottom	{ height:auto; }
[data-clinic-space-slider].clinic-space-dots-outside-bottom .swiper-pagination	{ position:relative; bottom:auto; margin-top:14px; }
	
/* 모바일 하단 메뉴 */
#mobile_bottom_menu					{ position:fixed; bottom:0px; display:none; z-index:5000; }
#mobile_bottom_icon					{ width:100%; }
.mobile_bottom_icon					{ width:14.28%; }
.mobile_bottom_icon	img				{ width:100%; }
@media (max-width:991px) {
	#mobile_bottom_menu				{ display:block; left:0; width:100%; }
	#mobile_bottom_icon				{ display:flex; margin:0; padding:0; list-style:none; }
	.mobile_bottom_icon				{ flex:1 1 0; float:none; width:auto; list-style:none; }
	.mobile_bottom_icon a			{ display:block; }
}
@media (min-width:992px) {
	#mobile_bottom_menu				{ display:none; }
}
/* 모바일 전체화면 메뉴 */
body.mobile-menu-open				{ overflow:hidden; touch-action:none; }
.site-header-menu-button			{ width:44px; height:44px; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:0; border-radius:8px; background:#ffffff; cursor:pointer; }
.site-header-menu-button:focus-visible	{ outline:3px solid rgba(12,63,132,0.28); outline-offset:2px; }
.mobile-menu-line					{ width:26px; height:2px; display:block; border-radius:999px; background:var(--major_color); transition:transform 180ms ease, opacity 180ms ease; }
.site-header-menu-button.is-open .mobile-menu-line:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.site-header-menu-button.is-open .mobile-menu-line:nth-child(2) { opacity:0; }
.site-header-menu-button.is-open .mobile-menu-line:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
.mobile-menu-overlay				{ position:fixed; inset:0; z-index:6000; display:flex; visibility:hidden; opacity:0; overflow:hidden; pointer-events:none; background:rgba(2,6,23,0.72); transition:opacity 180ms ease, visibility 180ms ease; }
.mobile-menu-overlay.is-open			{ visibility:visible; opacity:1; pointer-events:auto; }
.mobile-menu-panel					{ width:100%; height:100vh; height:100dvh; min-height:0; display:flex; flex-direction:column; box-sizing:border-box; overflow:hidden; padding:calc(18px + env(safe-area-inset-top)) clamp(16px,5vw,24px) calc(20px + env(safe-area-inset-bottom)); background:#f8fafc; transform:translateY(-12px); transition:transform 180ms ease; }
.mobile-menu-overlay.is-open .mobile-menu-panel { transform:translateY(0); }
.mobile-menu-head					{ min-height:52px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; }
.mobile-menu-title					{ margin:0; color:var(--major_color); font-size:13px; font-weight:800; letter-spacing:0; }
.mobile-menu-close					{ width:44px; height:44px; position:relative; border:0; border-radius:8px; background:#e8eef6; cursor:pointer; }
.mobile-menu-close span				{ position:absolute; left:12px; top:21px; width:20px; height:2px; border-radius:999px; background:var(--major_color); }
.mobile-menu-close span:first-child	{ transform:rotate(45deg); }
.mobile-menu-close span:last-child		{ transform:rotate(-45deg); }
.mobile-menu-close:focus-visible		{ outline:3px solid rgba(12,63,132,0.28); outline-offset:2px; }
.mobile-menu-nav					{ flex:1 1 auto; min-height:0; display:flex; align-items:flex-start; justify-content:center; padding:18px 0 8px; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; }
.mobile-menu-nav::-webkit-scrollbar	{ width:6px; }
.mobile-menu-nav::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(12,63,132,0.24); }
.mobile-menu-list					{ width:min(100%, 380px); margin:0; padding:4px 0 12px; list-style:none; display:flex; flex-direction:column; gap:10px; }
.mobile-menu-list-item				{ margin:0; padding:0; list-style:none; }
.mobile-menu-link					{ min-height:54px; display:flex; align-items:center; justify-content:center; padding:10px 16px; border:1px solid rgba(12,63,132,0.16); border-radius:8px; background:#ffffff; color:#10233f; font-size:clamp(16px,4.8vw,20px); line-height:1.2; font-weight:800; text-align:center; text-decoration:none; box-shadow:0 10px 28px rgba(15,23,42,0.08); transition:background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; }
.mobile-menu-link:hover,
.mobile-menu-link:focus-visible		{ border-color:var(--major_color); background:var(--major_color); color:#ffffff; outline:none; transform:translateY(-1px); }
.mobile-menu-link.is-disabled			{ color:#94a3b8; pointer-events:none; }
@media (max-height:700px) {
	.mobile-menu-panel					{ padding-top:calc(12px + env(safe-area-inset-top)); padding-bottom:calc(12px + env(safe-area-inset-bottom)); }
	.mobile-menu-head					{ min-height:44px; }
	.mobile-menu-nav					{ padding:12px 0 6px; }
	.mobile-menu-list					{ gap:8px; }
	.mobile-menu-link					{ min-height:48px; font-size:17px; }
}
@media (max-height:560px) {
	.mobile-menu-list					{ gap:6px; }
	.mobile-menu-link					{ min-height:44px; font-size:16px; }
}
@media (min-width:768px) {
	.mobile-menu-overlay				{ display:none; }
}
@media (prefers-reduced-motion:reduce) {
	.site-header-menu-button .mobile-menu-line,
	.mobile-menu-overlay,
	.mobile-menu-panel,
	.mobile-menu-link					{ transition:none; }
}
/* 팝업 */
#main_popup						{ position:absolute;width:98%;z-index:10;top:200px;}
#main_popup > div					{ margin:0 auto;width:100%;max-width:1600px; }
#main_popup > div > ul > li			{ float:left; }
#main_popup .popup					{ min-width:360px; z-index:2001; display:none;background-color:#fff; }
#main_popup .popup_bottom				{ background-color:#000000;clear:left;height:45px;padding:0px;margin:0px;position:relative;top:0px;padding-top:5px;padding-right:20px; text-align:right;z-index:2001 }
/* 퀵메뉴 */
#quickScrollMenu						{ position: absolute; width: 70px;	 right: 30px; top: 200px; color: #fff; z-index:100; background-color: #fff; }
#quickScrollMenu > ul					{ margin:0; padding:0; list-style:none; }
#quickScrollMenu > ul > li				{ margin:0; list-style:none; }
#quickScrollMenu a					{ display:block; line-height:0; }
#quickScrollMenu li img				{ display:block; width:100%; height:70px; object-fit:cover; }
#quickScrollMenu > ul > li:first-child,
#quickScrollMenu > ul > li.quick-scroll-top	{ background-color: #363636; width:100%;text-align:center;color:#fff;font-size:0.8rem;padding:0.5rem 0; line-height:1.4; }
