/* 기본 리셋 스타일 */
* {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0;
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

html,
body {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	font-size: calc(12px + 0.1vw);
	line-height: 1.3;
	font-family: "Pretendard", sans-serif;
	font-weight: 700;
	color: #1e1e1e;
	background: #fff;
}

/* HTML5 새 요소 초기화 */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
ol,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

a,
a:link,
a:hover,
a:focus,
a:active,
a:visited {
	outline: none;
	text-decoration: none;
	color: inherit;
}

/* Clearfix */
.clfix:after,
.clfix:before {
	content: "";
	display: table;
}

.clfix:after {
	clear: both;
}

/* Container */
.container {
	z-index: 10;
}

/* fullPage.js wrapper 위치 조정 */
.container.fullpage-wrapper {
	position: fixed !important;
}

/* Template Section 스타일 */
.section {
	min-height: 100vh;
	box-sizing: border-box;
	background-color: #fff;
}

/* Intro Section */
.section_tit {
	text-align: center;
	margin-bottom: 60px;
}

.section_tit h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.4;
	color: #1e1e1e;
}

.section_content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.section_content p {
	font-size: 18px;
	line-height: 1.8;
	color: #666;
}

/* PC/모바일 표시 제어 */
.wrap.pc {
	display: block;
}

.wrap.mo {
	display: none;
}

/* 태블릿 반응형 (1280px 미만) */
@media only screen and (max-width: 1280px) {
	.section {
		padding-top: 40px;
		min-height: auto;
	}

}

/* 모바일 반응형 */
@media only screen and (max-width: 1024px) {
	.section {
		min-height: auto;
		padding: 25px 0;
	}

	.section_tit h2 {
		font-size: 32px;
	}

	.section_content {
		padding: 0 24px;
	}

	.section_content p {
		font-size: 16px;
	}

}

@media only screen and (max-width: 767px) {
	.wrap.pc {
		display: none !important;
	}

	.wrap.mo {
		display: block !important;
	}
}

/* 태블릿(가로 1024px 이하)에서도 모바일 레이아웃 사용 */
@media only screen and (max-width: 1024px) {
	.wrap.pc {
		display: none !important;
	}

	.wrap.mo {
		display: block !important;
	}
}