* {
	font-family: "Noto Sans KR", sans-serif;
	box-sizing: border-box;
}
html {
	font-size: clamp(2px, 0.5vw, 10px);
}
body {
	margin: 0;
}
p {
	margin: 0;
	line-height: 1em;
}
p.pink-t1 {
	color: #de749a;
	font-size: 3.8rem;
	font-weight: 700;
}
p.pink-t2 {
	color: #de749a;
	font-size: 3.1rem;
	font-weight: 500;
}
p.pink-t3 {
	color: #de749a;
	font-size: 3.8rem;
	font-weight: 700;
}
p.navy-t1 {
	color: #153059;
	font-size: 9.1rem;
	font-weight: 700;
}
p.navy-t2 {
	color: #153059;
	font-size: 3.3rem;
	font-weight: 400;
}
p.navy-t3 {
	color: #153059;
	font-size: 3.8rem;
	font-weight: 400;
}
p.white-t1 {
	color: #ffffff;
	font-size: 11.4rem;
	font-weight: 900;
}
p.white-t2 {
	color: #ffffff;
	font-size: 3.1rem;
	font-weight: 500;
}
p.white-t3 {
	color: #ffffff;
	font-size: 2.9rem;
	font-weight: 400;
}
header {
	padding-left: 8.9rem;
	padding-top: 5.4rem;
	padding-bottom: 4.8rem;
}
header .logo img {
	width: 44rem;
}
section {
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
section.s1 {
	padding: 0;
}
section.s1 img {
	width: 100%;
}
section.s2 {
	background-color: #d3cbcb;
	padding-top: 10.2rem;
	padding-bottom: 9.2rem;
}
section.s2 p.pink-t1 {
	line-height: 3.8rem;
	margin-bottom: 2.8rem;
}
section.s2 p.navy-t1 {
	line-height: 9.1rem;
	margin-bottom: 6.6rem;
}
section.s2 p.navy-t2 {
	line-height: 4rem;
	text-align: center;
}
section.s2 p.navy-t2 br {
	display: none;
}
section.s3 {
	background-color: #153059;
	padding-top: 9.1rem;
	padding-bottom: 8.3rem;
	text-align: center;
	gap: 9.5rem;
}

section.s3 p.white-t2 {
	margin-top: 6.5rem;
	line-height: 4.6rem;
}
section.s4 {
	background-color: #ffffff;
	padding-top: 11.9rem;
	padding-bottom: 15.5rem;
}
section.s4 p.pink-t3 {
	margin-bottom: 4.2rem;
}
section.s4 .card-wrapper {
	display: flex;
	gap: 7.8rem;
	margin-top: 8.8rem;
}
section.s4 .card-wrapper .card-item {
	display: flex;
	text-align: center;
	flex-direction: column;
	gap: 4.2rem;
	align-items: center;
}
section.s4 .card-wrapper .card-item img {
	max-width: 26.2rem;
}
section.s5 {
	background-color: #153059;
	padding-top: 17.6rem;
	padding-bottom: 22.3rem;
}

section.s5 .pink-btn {
	background-color: #de749a;
	color: #ffffff;
	font-weight: 700;
	font-size: 4.9rem;
	border-radius: 4.6rem;
	width: 66.2rem;
	height: 13rem;
	margin-bottom: 2.6rem;
}

@media screen and (max-width: 1050px) {
	html {
		font-size: clamp(2px, 0.6vw, 10px);
	}
	section {
		padding-left: 5rem;
		padding-right: 5rem;
	}
}
@media screen and (max-width: 850px) {
	html {
		font-size: clamp(2px, 0.65vw, 10px);
	}
	section.s2 p.navy-t2 {
		line-height: 10rem;
		text-align: center;
		font-size: 5rem;
	}
	section.s2 p.navy-t2 br {
		display: block;
	}
	section.s3 .box-t1 p.pink-t2 {
		font-size: 8.1rem;
	}
	section.s3 .box-t1 p.white-t1 {
		font-size: 20rem;
		margin-top: 2rem;
	}
	section.s3 .box-t1 p.white-t2 {
		font-size: 5rem;
		line-height: 7rem;
	}
}
@media screen and (max-width: 500px) {
	header .logo img {
		width: 57rem 134.862px;
	}
	section.s2 p.pink-t1 {
		font-size: 6.2rem;
		line-height: 8rem;
		margin-bottom: 4rem;
	}
	section.s2 p.navy-t1 {
		font-size: 11.1rem;
		line-height: 14rem;
	}
	section.s2 p.navy-t2 {
		font-size: 6rem;
		line-height: 11rem;
	}
	section.s4 p.pink-t3 {
		font-size: 6.2rem;
	}
	section.s4 p.navy-t1 {
		font-size: 11.1rem;
	}
	section.s4 p.navy-t3 {
		font-size: 5.8rem;
	}

	section.s5 .pink-btn {
		font-size: 9rem;
		border-radius: 8.6rem;
		width: 85.2rem;
		height: 19rem;
		margin-bottom: 4.6rem;
	}
	section.s5 p.white-t3 {
		font-size: 5.1rem;
	}
}

@media screen and (max-width: 410px) {
	/* HABIT OF STAYING SLIM */
	section.s2 p.pink-t1 {
		font-size: 5rem;
		line-height: 6rem;
	}
	/* 다이어트 연구와 철학  */
	section.s2 p.navy-t1 {
		font-size: 11.1rem;
		line-height: 14rem;
	}
	/* 보미오라한의원은 누구나 쉽게, 건강하게, 효과적으로 */
	section.s2 p.navy-t2 {
		font-size: 5rem;
		line-height: 7rem;
	}

	section.s3 {
		background-color: #153059;
		padding-top: 15rem;
		padding-bottom: 15rem;
	}

	/* 다이어트환 재구매율 */
	section.s3 .box-t1 p.pink-t2 {
		font-size: 5rem;
	}
	/* 12.7kg  */
	section.s3 .box-t1 p.white-t1 {
		font-size: 15rem;
		margin-top: 1rem;
	}
	/* 520명 대상  */
	section.s3 .box-t1 p.white-t2 {
		font-size: 4rem;
		line-height: 6rem;
	}
	/* 
            PRESCRIPTION PROCESS
         */
	section.s4 p.pink-t3 {
		font-size: 5rem;
	}
	/* 
            다이어트 환 처방 프로세스
         */
	section.s4 p.navy-t1 {
		font-size: 11.1rem;
	}

	section.s4 .card-wrapper {
		display: flex;
		gap: 4rem;
		margin-top: 8.8rem;
	}
	/* 구매 바로가기 */
	section.s5 .pink-btn {
		font-size: 7rem;
		border-radius: 8.6rem;
		width: 85.2rem;
		height: 19rem;
		margin-bottom: 4.6rem;
	}
	/* 
            구매 바로가기를 클릭하면 문진표 작성페이지로 연결됩니다.
         */
	section.s5 p.white-t3 {
		font-size: 4.5rem;
	}
}