/* ********************* */
/* ******* 기본설정 ******* */
/* ********************* */

/* CSS Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box; /* 패딩과 테두리를 요소의 총 너비와 높이에 포함시켜 레이아웃을 더 쉽게 관리할 수 있게 합니다.*/
}

/* 기본 폰트 및 레이아웃 설정 */
html {
	font-size: 100%; /* 16px 기준 (기본 브라우저 설정 기준) */
	box-sizing: border-box;
}

body {
    width: 100%;
    height: 100%;
	font-family: 'Noto Sans KR', sans-serif; /* 폰트 설정 */
	font-weight: 400; /* Regular */
	font-size: 1rem; /* 16px의 87.5%, 즉 14px로 설정 */
	line-height: 1.5; /* 1.5배 줄 간격 설정 */
	color: #333; /* 기본 텍스트 색상 */
	background: #fff;
}

/* 섹션 스타일 */
section {
    color: #333;
}

strong {
    font-weight: 600; /* 강조용 굵은 폰트 */
}

h1, h2, h3, h4, h5 {
    font-weight: 700; /* 제목 폰트 굵기 설정 */
    line-height: 1.2; /* 제목은 줄 간격을 약간 더 좁게 설정 */
}

/* 링크 스타일 초기화 및 설정 */
a {
	text-decoration: none;
	color: inherit;
}
a:hover, a:focus {
	text-decoration: underline;
}

/* 이미지 스케일링 */
img {
	max-width: 100%;
	height: auto;
}

/* 반응형 뷰포트 설정 */
*, *:before, *:after {
	box-sizing: inherit;
}