@charset "utf-8";

@import url("./top_new.css");
@import url("./main2_hero.css");
@import url("./main2_quick.css");
@import url("./main2_center.css");
@import url("./main2_disease.css");
@import url("./main2_youtube.css");
@import url("./main2_doctor.css");
@import url("./main2_star.css");
@import url("./main2_time.css");
@import url("./main2_footer.css");

html,
body {
	overflow-x: hidden;
}

/* ==============================
   Mobile Main
============================== */
.m-main-renew {
	position: relative;
	background: #fff;
	color: #111;
	overflow: hidden;
}

/* fixed quick 때문에 하단 콘텐츠 가림 방지 */
#h_conetnet {
	padding-bottom:0;
	box-sizing: border-box;
}

/* ==============================
   Common Section
============================== */
.m-main-renew .m-section {
	padding: 4vw 4vw;
	box-sizing: border-box;
}

.m-main-renew .m-sec-title {
	margin-bottom: 4vw;
	text-align: left;
}

.m-main-renew .m-sec-title span {
	display: block;
	margin-bottom: 2vw;
	font-size: 3.2vw;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #1f3f77;
}

.m-main-renew .m-sec-title h2 {
	margin: 0;
	font-size: 7vw;
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: -0.07em;
	color: #111;
}

.m-main-renew .m-sec-title p {
	margin: 4vw 0 0;
	font-size: 3.65vw;
	line-height: 1.65;
	font-weight: 500;
	letter-spacing: -0.045em;
	color: #222;
	word-break: keep-all;
}

/* ==============================
   Wide Mobile
============================== */
@media screen and (min-width: 480px) {
	#h_conetnet {
		padding-bottom: 110px;
	}

	.m-main-renew .m-section {
		padding: 20px;
	}

	.m-main-renew .m-sec-title {
		margin-bottom: 20px;
	}

	.m-main-renew .m-sec-title span {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.m-main-renew .m-sec-title h2 {
		font-size: 34px;
	}

	.m-main-renew .m-sec-title p {
		margin-top: 18px;
		font-size: 17px;
	}
}

/* =========================================================
   Mobile Renew Font
========================================================= */
body,
.m-main-renew,
.m-main-renew *,
.m-sun-hero,
.m-sun-hero *,
.m-sun-center-section,
.m-sun-center-section *,
.m-sun-youtube-section,
.m-sun-youtube-section *,
.m-sun-star-section,
.m-sun-star-section *,
.m-sun-time-section,
.m-sun-time-section *,
.m-floating-quick,
.m-floating-quick *,
.m-sun-footer,
.m-sun-footer * {
	font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
}

/* GSAP reveal 기본 상태 */
.m-gsap-reveal {
	opacity: 0;
	transform: translateY(28px);
	will-change: transform, opacity;
}

.m-gsap-reveal-down {
	opacity: 0;
	transform: translateY(-24px);
	will-change: transform, opacity;
}