/* 사이트 전체 기본 폰트: 세리프 */
body,
#wrap_all,
#wrap_all h1,
#wrap_all h2,
#wrap_all h3,
#wrap_all h4,
#wrap_all h5,
#wrap_all h6,
#wrap_all p,
#wrap_all li,
#wrap_all a,
#wrap_all button,
#wrap_all input,
#wrap_all select,
#wrap_all textarea,
#wrap_all .avia-button {
	font-family:
		"Hiragino Mincho ProN",
		"Hiragino Mincho Pro",
		"Yu Mincho",
		"YuMincho",
		"Noto Serif JP",
		serif !important;
}

/* 선택 영역만 고딕체 */
#wrap_all .font-gothic,
#wrap_all .font-gothic h1,
#wrap_all .font-gothic h2,
#wrap_all .font-gothic h3,
#wrap_all .font-gothic h4,
#wrap_all .font-gothic h5,
#wrap_all .font-gothic h6,
#wrap_all .font-gothic p,
#wrap_all .font-gothic li,
#wrap_all .font-gothic a,
#wrap_all .font-gothic button {
	font-family:
		"Noto Sans JP",
		"Yu Gothic",
		"YuGothic",
		sans-serif !important;
}

/* 헤더 메뉴는 고딕체 */
#top #header .av-main-nav > li > a,
#top #header .av-main-nav > li > a .avia-menu-text,
#top #header .main_menu a,
#top #header .main_menu .avia-menu-text {
	font-family:
		"Noto Sans JP",
		"Yu Gothic",
		"YuGothic",
		sans-serif !important;
}

/* 모바일 메뉴도 고딕체 */
#top #av-burger-menu-ul li a,
#top #av-burger-menu-ul li a .avia-menu-text {
	font-family:
		"Noto Sans JP",
		"Yu Gothic",
		"YuGothic",
		sans-serif !important;
}


/**BR Option **/
.pc-only{ display:block;}
.sp-only{ display:none;}
.tablet-only{ display:none;}

@media (max-width:1190px){
.tablet-only{ display:block;}
}

@media (max-width:767px){
	.pc-only{ display:none; }
	.sp-only{ display:block;}
	.tablet-only{ display:none;}
}



/* ========================================
   MTG GLOBAL HEADER
   모든 페이지 공통 골조
======================================== */

:root {
	--mtg-header-height: 116px;
	--mtg-logo-width: 220px;
	--mtg-logo-height: 54px;
}

/* ========================================
   HEADER HEIGHT
======================================== */

#header #header_main,
#header #header_main .container,
#header .main_menu,
#header .main_menu ul:first-child > li > a {
	height: var(--mtg-header-height);
	line-height: var(--mtg-header-height);
}

/* ========================================
   HEADER CONTAINER
======================================== */

#header #header_main .container {
	width: 100%;
	max-width: 1400px;
}

/* ========================================
   LOGO SIZE
   이미지 경로와 색상은 지정하지 않음
======================================== */

#header .logo,
#header .logo a {
	display: flex;
	align-items: center;
	height: var(--mtg-header-height);
	line-height: normal;
}

#header .logo img {
	display: block;

	width: auto !important;
	height: auto !important;
	max-width: var(--mtg-logo-width) !important;
	max-height: var(--mtg-logo-height) !important;

	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain;
}

/* ========================================
   MENU TYPOGRAPHY
   색상과 배경은 지정하지 않음
======================================== */

#header .av-main-nav > li > a {
	padding-right: 22px;
	padding-left: 22px;

	font-family:
		"Hiragino Kaku Gothic ProN",
		"Yu Gothic",
		"YuGothic",
		"Noto Sans JP",
		sans-serif;

	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-decoration: none;
}

#header .av-main-nav > li > a .avia-menu-text {
	color: inherit;
}

/* 엔폴드 메뉴 하단 효과 제거 */

#header .avia-menu-fx {
	display: none !important;
}

/* ========================================
   TABLET
======================================== */

@media only screen and (max-width: 1199px) {
	:root {
		--mtg-header-height: 90px;
		--mtg-logo-width: 190px;
		--mtg-logo-height: 46px;
	}

	#header #header_main .container {
		padding-right: 30px;
		padding-left: 30px;
	}

	#header .av-main-nav > li > a {
		padding-right: 11px;
		padding-left: 11px;
		font-size: 14px;
	}
}

/* ========================================
   MOBILE
======================================== */

@media only screen and (max-width: 989px) {
	:root {
		--mtg-header-height: 80px;
		--mtg-logo-width: 170px;
		--mtg-logo-height: 42px;
	}

	#header #header_main .container {
		padding-right: 22px;
		padding-left: 22px;
	}
}

/* ========================================
   SMALL MOBILE
======================================== */

@media only screen and (max-width: 540px) {
	:root {
		--mtg-logo-width: 155px;
		--mtg-logo-height: 38px;
	}

	#header #header_main .container {
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* 보라색 CTA */
#top .mtg-reusable-cta--purple {
	background: #913bc2 !important;
	border-color: #13b8bf !important;
}

#top .mtg-reusable-cta--purple .mtg-reusable-cta__button--outline {
	border-color: rgba(255, 255, 255, 0.9);
	background: transparent;
	color: #fff;
}

#top .mtg-reusable-cta--purple .mtg-reusable-cta__button--light {
	border-color: #dec9ec;
	background: #dec9ec;
	color: #5700a5;
}



/* ========================================
   DESKTOP DROPDOWN MENU
======================================== */

@media only screen and (min-width: 990px) {
	/* 드롭다운 박스 */

	#top #header .av-main-nav > li > ul.sub-menu {
		width: 250px;
		padding: 8px 0;

		border: 0;
		border-top: 3px solid #08a8f6;
		border-radius: 0 0 10px 10px;
		background: rgba(255, 255, 255, 0.9) !important;

		box-shadow: 0 12px 30px rgba(0, 35, 75, 0.16);
	}


	/* 메뉴 항목 */

	#top #header .av-main-nav ul.sub-menu li {
		border: 0;
		background: transparent;
	}

	#top #header .av-main-nav ul.sub-menu li a {
		display: flex;
		align-items: center;

		width: 100%;
		height: auto !important;
		min-height: 48px;
		padding: 13px 20px;

		border: 0;
		background: #fff;
		color: #173755 !important;

		font-family:
			"Meiryo",
			"Hiragino Kaku Gothic ProN",
			"Hiragino Sans",
			"Yu Gothic",
			sans-serif;

		font-size: 14px;
		font-weight: 500;
		line-height: 1.4 !important;
		text-decoration: none;

		transition:
			background-color 0.2s ease,
			color 0.2s ease,
			padding-left 0.2s ease;
	}


	/* 메뉴 사이 구분선 */

	#top #header .av-main-nav ul.sub-menu li:not(:last-child) > a {
		border-bottom: 1px solid #e5edf4;
	}


	/* 호버 */

	#top #header .av-main-nav ul.sub-menu li > a:hover {
		padding-left: 24px;

		background: #f1f7fb;
		color: #087cb7 !important;
	}


	/* 현재 페이지 */

	#top #header .av-main-nav ul.sub-menu li.current-menu-item > a,
	#top #header .av-main-nav ul.sub-menu li.current_page_item > a {
		background: #edf6fb;
		color: #087cb7 !important;
		font-weight: 700;
	}


	/* Enfold 내부 글자 색상 덮어쓰기 */

	#top #header .av-main-nav ul.sub-menu li a .avia-menu-text {
		color: inherit !important;
	}
}


/* ========================================
   MOBILE MENU
======================================== */

@media only screen and (max-width: 989px) {
	/* 모바일 메뉴 패널 전체 */

	#top .av-burger-overlay-scroll {
		background: rgba(255, 255, 255, 0.9) !important;

		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}


	/* Enfold 내부 기본 흰색 배경 제거 */

	#top .av-burger-overlay-inner,
	#top .av-burger-overlay-inner > ul,
	#top .av-burger-overlay-inner li {
		background: transparent !important;
	}


	/* 일반 메뉴 */

	#top .av-burger-overlay-inner li > a {
		background: transparent !important;
		color: #263746 !important;
	}


	/* 하위 드롭다운 영역 */

	#top .av-burger-overlay-inner ul.sub-menu {
		background: rgba(255, 255, 255, 0.35) !important;
	}


	/* 현재 페이지 */

	#top .av-burger-overlay-inner li.current-menu-item > a,
	#top .av-burger-overlay-inner li.current_page_item > a,
	#top .av-burger-overlay-inner li.current-menu-ancestor > a {
		background: rgba(225, 240, 248, 0.75) !important;
		color: #087cb7 !important;
		font-weight: 700;
	}


	/* 호버 */

	#top .av-burger-overlay-inner li > a:hover {
		background: rgba(235, 246, 252, 0.75) !important;
		color: #087cb7 !important;
	}
		#top #header .av-hamburger--spin.is-active .av-hamburger-inner,
	#top #header .av-hamburger--spin.is-active .av-hamburger-inner::after {
		background-color: #333 !important;
	}
	
}

/* ========================================
   MEDTECH COMMON SCROLL REVEAL
======================================== */

html.mtg-motion-ready .mtg-reveal {
	opacity: 0;
	transform: translateY(42px);
	transition:
		opacity 0.75s ease,
		transform 0.75s
			cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay:
		var(--mtg-reveal-delay, 0ms);
	will-change: opacity, transform;
}

html.mtg-motion-ready .mtg-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media only screen and (max-width: 767px) {
	html.mtg-motion-ready .mtg-reveal {
		transform: translateY(28px);
		transition-duration: 0.65s;
	}

	html.mtg-motion-ready
	.mtg-reveal.is-visible {
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.mtg-motion-ready .mtg-reveal,
	html.mtg-motion-ready
	.mtg-reveal.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}
}


/* ========================================
   COMMON HERO TYPOGRAPHY
======================================== */

#top .mtg-hero-title {
	margin: 0;
	padding: 0;

	font-family:
		"Hiragino Mincho ProN",
		"Yu Mincho",
		YuMincho,
		"Noto Serif JP",
		serif;

	font-size: clamp(36px, 2.9vw, 56px) !important;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.03em;
	text-transform: none;
}

#top .mtg-hero-description {
	margin: 24px 0 0;

	font-family:
		"Helvetica Neue",
		"Yu Gothic",
		"YuGothic",
		"Hiragino Kaku Gothic ProN",
		Meiryo,
		sans-serif;

	font-size: clamp(15px, 1.05vw, 18px);
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
	#top .mtg-hero-title {
		font-size: 36px !important;
		line-height: 1.4;
	}

	#top .mtg-hero-description {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.8;
	}
}


/* 커스텀 페이지 일반 목록 포인터 공통 복구 */
#top #main ul:not([class]) {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
}

#top #main ul:not([class]) > li {
	position: relative;
	padding-left: 15px !important;
}

#top #main ul:not([class]) > li::before {
	content: "";
	position: absolute;
	top: 0.9em;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: currentColor;
	border-radius: 50%;
	transform: translateY(-50%);
}