@font-face {
	font-family: "Elice Digital Baeum"; /* 사용할 폰트 패밀리 이름 지정 */
	src: url("/static/29/fonts/EliceDigitalBaeum_Regular.ttf") format("truetype"); /* 폰트 파일 경로 */
	font-weight: 400; /* 또는 normal */
	font-style: normal;
}

@font-face {
	font-family: "Elice Digital Baeum"; /* 위와 동일한 이름 사용 */
	src: url("/static/29/fonts/EliceDigitalBaeum_Bold.ttf") format("truetype"); /* 폰트 파일 경로 */
	font-weight: 700; /* 또는 bold */
	font-style: normal;
}
:root {
	--text-black: #323535;
	--blue: #017aff;
}
html {
	font-size: 10px;
	overflow-x: hidden;
}
* {
	font-family: "Elice Digital Baeum", sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
h1,
strong,
b {
	font-weight: 700;
}
body {
	color: var(--text-black);
	word-break: keep-all;
}
.inner {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
}
.mo {
	display: none;
}
header {
	height: 85px;
	width: 100%;
}
header .inner {
	padding-left: 73px;
	padding-bottom: 10px;
	padding-top: 25px;
}
section.sec1 {
	padding-left: 72px;
	padding-top: 62px;
	position: relative;
}
section.sec1 .inner {
	display: flex;
	justify-content: space-between;
}
section.sec1 .bg {
	position: relative;
	width: 756px;
	aspect-ratio: 756/472;
	left: -178px;
}
section.sec1 .bg .pc {
	width: 100%;
	position: absolute;
}
section.sec1 .bg .pc img {
	width: 100%;
}
section.sec1 .bg .mo {
	display: none;
	width: 100%;
}
section.sec1 .mo2 {
	display: none;
	width: 100%;
}
section.sec1 h1 {
	font-size: 80px;
	color: var(--blue);
	position: absolute;
	top: 196px;
	left: 250px;
	white-space: nowrap;
}
section.sec1 p.subtitle {
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.app-buttons {
	display: flex;
	gap: 26px;
	padding: 10px;
}
.app-buttons a img {
	width: 195px;
}
.app-buttons.mo-btn {
	display: none;
}
.chat-image {
	width: 508px;
	margin-top: 269px;
}
.chat-image img {
	width: 100%;
}
section.sec2 {
	background-color: #fbfcfd;
}
section.sec2 .inner {
	padding: 100px 72px;
	padding-right: 0px;
	display: flex;
	justify-content: space-between;
}
section.sec2 h1 {
	font-size: 50px;
	font-weight: 700;
	margin-top: 10px;
}
section.sec2 h2 {
	font-weight: 700;
	font-size: 40px;
	color: var(--blue);
}
.accuracy-text {
	padding: 10px;
}
.accuracy-text p {
	font-size: 30px;
	margin-top: 30px;
}
.logos-placeholder {
	width: 792px;
	margin-top: 40px;
}
.logos-placeholder img {
	width: 100%;
}
.accuracy-image {
	width: 417px;
}
.accuracy-image img {
	width: 100%;
}
section.sec3 {
	background-color: #fff;
	position: relative;
}
section.sec3 .inner {
	padding: 43.5px 72px;
	text-align: right;
	position: relative;
	aspect-ratio: 1440/880;
	padding-right: 82px;
}
section.sec3 .inner h2 {
	position: relative;
	font-size: 40px;
	font-weight: bold;
	color: var(--blue);
	z-index: 2;
	margin-top: 50px;
}
section.sec3 .inner h1 {
	position: relative;
	font-size: 50px;
	font-weight: 700;
	margin-top: 10px;
	z-index: 2;
}
section.sec3 .inner h1 br {
	display: none;
}
section.sec3 .inner p {
	position: relative;
	font-size: 30px;
	margin-top: 20px;
	z-index: 2;
}
section.sec3 .inner p.mo {
	display: none;
}
section.sec3 .inner .bg {
	width: 580px;
	position: absolute;
	left: 68px;
	bottom: 36.5px;
}
section.sec3 .inner .bg img,
section.sec3 .inner .bg2 img {
	width: 100%;
}
section.sec3 .inner .bg2 {
	width: 457px;
	position: absolute;
	right: -122px;
	bottom: -140px;
}
/*  */
section.sec4 {
	background-color: #fbfcfd;
}
section.sec4 .inner {
	padding: 100px 72px;
}
section.sec4 h2 {
	margin-bottom: 10px;
	font-size: 40px;
	color: var(--blue);
	font-weight: 700;
}
section.sec4 h1 {
	margin-bottom: 20px;
	font-size: 50px;
	font-weight: 700;
}
section.sec4 p {
	font-size: 30px;
}
section.sec4 img {
	width: 1113px;
}
footer {
	background-color: #fff;
	position: relative;
}
footer .inner {
	padding: 50px 72px;
}
footer .inner h1 {
	font-size: 30px;
}
footer .inner p {
	font-size: 15px;
	margin-top: 20px;
}
.footer-links {
	position: absolute;
	right: 72px;
	top: 50px;
	gap: 150px;
	display: flex;
}
.footer-links a {
	text-decoration: none;
	color: var(--text-black);
	font-size: 20px;
}