@charset "utf-8";

/* 랜딩 시작
------------------------------------------------------ */
.sec01Wr { 
	padding:98px 0 152px;
}
.sec01Wr .inner { 
	display:flex; 
	align-items:center;
	justify-content:space-between; 
	gap:20px;
}
.sec01Wr .conBox { 
	padding:36px 0 0;
}
.sec01Wr .logo {
	max-width: 100%; 
	margin:0 0 49px;
	font-size:0;
}
.sec01Wr .logo img { 
	max-width: 100%; 
}
.sec01Wr .txt { 
	margin:0 0 46px;
	font-family: Pretendard, sans-serif;	
	font-weight:700;
	font-size:50px;
	color: #212121;
}
.sec01Wr .txt span { 
	color: #E53935;
}
.sec01Wr .btnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:16px;
}
.sec01Wr .btnLst li .btn {
	display:block; 
	font-size:0;
}
.sec01Wr .btnLst li .btn img { 
	max-width: 100%; 
}
.sec01Wr .imgBox { 
	flex-shrink:0;
	max-width: 100%; 
	font-size:0;
}
.sec01Wr .imgBox img { 
	max-width: 100%; 
}
.sec02Wr {
	margin:0 0 48px;
	padding:0 20px;
	text-align: center;
}
.sec02Wr .tit { 
	margin:0 0 5px;
	font-size:30px;
	color: #E53935;
}
.sec02Wr .txt { 
	margin:0 0 34px;
	font-weight:700;
	font-size:48px;
	line-height:1.4;
	color: #343E48;
}
.sec02Wr .txt span { 
	color: #E53935;
}
.sec02Wr .graBox,
.sec02Wr .imgBox { 
	max-width: 100%;
	font-size:0; 
}
.sec02Wr .graBox img,
.sec02Wr .imgBox img { 
	max-width: 100%; 
}
.sec02Wr .graBox {
	margin:0 auto 33px;
}
.sec02Wr .imgBox { 
	position:relative;
	max-width: 1230px;
	margin:0 auto;
}
.sec02Wr .imgBox .bal { 
	position:absolute; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	height: 62px;
	background: #E53935;
	border-radius: 50px;
	font-weight:500;
	font-size:32px;
	color: #FFF;
}
.sec02Wr .imgBox .bal:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 67px;
	height: 42px;
	top:100%;
	background-repeat:no-repeat;
	background-size:cover;
}
.sec02Wr .imgBox .bal:nth-child(even):after { 
	background-image: url(/Form/_guest/basic/images/sec02Bal01.svg);
}
.sec02Wr .imgBox .bal:nth-child(odd):after { 
	background-image: url(/Form/_guest/basic/images/sec02Bal02.svg);
}
.sec02Wr .imgBox .bal.bal01 { 
	width: 551px;
	top:25.09%;
	right:4%;
}
.sec02Wr .imgBox .bal.bal01:after { 
	left:195px;
}
.sec02Wr .imgBox .bal.bal02 {
	width: 653px;
	top:39.98%;
	left:4px;
}
.sec02Wr .imgBox .bal.bal02:after { 
	left:250px; 
}
.sec02Wr .imgBox .bal.bal03 {
	width: 650px;
	top:58.26%;
	right:5.28%;
}
.sec02Wr .imgBox .bal.bal03:after { 
	left:177px; 
}
.sec03Wr { 
	padding:107px 0 85px;
	background: #FFF0F0;
}
.sec03Wr .sec03Tit { 
	margin:0 0 113px;
	text-align: center;
	font-weight:500;
	font-size:40px;
	color: #8F8F8F;
}
.sec03Wr .sec03Tit span { 
	display:inline-block; 
	font-weight: 700;
	color: #E53935;
}
.sec03Wr .sec03Box { 
	display:flex; 
	justify-content:space-between; 
	gap:20px;
}
.sec03Wr .sec03Box + .sec03Box { 
	margin-top:29px;
}
.sec03Wr .conBox { 
	padding:48px 0 0;
}
.sec03Wr .tit { 
	position:relative; 
	margin:0 0 39px;
	font-weight:500;
	font-size:42px;
	color: #212121;
}
.sec03Wr .tit span { 
	position:relative; 
	font-weight: 600;
	color: #EF5350;
}
.sec03Wr .txt { 
	font-size:24px;
	line-height: 1.5;
	color: #424242;
}
.sec03Wr .imgBox {
	max-width: 100%;
	font-size:0; 
}
.sec03Wr .imgBox img { 
	max-width: 100%; 
}
@media all and (max-width:1199px){
	.sec02Wr .imgBox .bal.bal01,
	.sec02Wr .imgBox .bal.bal03 { 
		right:0; 
	}
	.sec02Wr .imgBox .bal.bal02 { 
		left:0; 
	}
}
@media all and (max-width:999px){
	.sec01Wr { 
		padding:60px 0;
	}
	.sec01Wr .inner { 
		align-items:center; 
	}
	.sec01Wr .conBox { 
		padding:0;
	}
	.sec01Wr .logo { 
		width: 150px; 
		margin:0 0 24px;
	}
	.sec01Wr .txt {
		margin:0 0 24px;
		font-size:37px;
	}
	.sec01Wr .btnLst { 
		gap:10px; 
	}
	.sec01Wr .btnLst li .btn { 
		width: 200px; 
	}
	.sec01Wr .imgBox { 
		width: 335px; 
	}
	.sec02Wr { 
		margin:0 0 60px;
	}
	.sec02Wr .tit { 
		font-size:24px; 
	}
	.sec02Wr .txt { 
		margin:0 0 25px;
		font-size:38px;
		line-height:1.3;
	}
	.sec02Wr .graBox { 
		width: 600px;
		margin:0 auto 25px;
	}
	.sec02Wr .imgBox .sec02Img { 
		width: 372px;
	}
	.sec02Wr .imgBox .bal { 
		font-size:26px; 
	}
	.sec02Wr .imgBox .bal:after { 
		display:none; 
	}
	.sec02Wr .imgBox .bal.bal01,
	.sec02Wr .imgBox .bal.bal02,
	.sec02Wr .imgBox .bal.bal03 { 
		position:relative; 
		width: 100%;
		height: auto; 
		top:auto;
		left:auto;
		right:auto;
		padding:10px 30px;
	}	
	.sec02Wr .imgBox .bal.bal01,
	.sec02Wr .imgBox .bal.bal02 { 
		margin:0 0 10px;
	}
	.sec03Wr { 
		padding:60px 0;
	}
	.sec03Wr .sec03Tit { 
		margin:0 0 30px;
		font-size:32px;
	}
	.sec03Wr .sec03Box { 
		align-items:center; 
	}
	.sec03Wr .sec03Box + .sec03Box { 
		margin-top:25px;
	}
	.sec03Wr .conBox { 
		padding:0;
	}
	.sec03Wr .tit { 
		margin:0 0 15px;
		font-size:34px;
	}
	.sec03Wr .txt { 
		font-size:19px;
		line-height: 1.4;
	}
	.sec03Wr .imgBox { 
		width: 389px; 
	}
}
@media all and (max-width:799px){
	.sec01Wr .inner { 
		flex-wrap:wrap; 
	}
	.sec01Wr .conBox { 
		width: 100%;
		text-align: center; 
	}
	.sec01Wr .logo { 
		margin:0 auto 24px;
	}
	.sec01Wr .btnLst { 
		justify-content:center; 
	}
	.sec01Wr .imgBox { 
		margin:0 auto;
	}
	.sec03Wr .sec03Box { 
		flex-wrap:wrap; 
	}
	.sec03Wr .conBox { 
		width: 100%; 
	}
	.sec03Wr .tit,
	.sec03Wr .txt { 
		text-align: center; 
	}
	.sec03Wr .tit br,
	.sec03Wr .txt br { 
		display:none; 
	}
	.sec03Wr .imgBox { 
		margin:0 auto;
	}
}
@media all and (max-width:599px){
	.sec01Wr { 
		padding:40px 0;
	}
	.sec01Wr .logo {
		margin:0 auto 16px;
	}
	.sec01Wr .txt { 
		margin:0 0 16px;
		font-size:28px;
	}
	.sec01Wr .btnLst { 
		gap:8px; 
	}
	.sec01Wr .btnLst li .btn { 
		width: 150px; 
	}
	.sec01Wr .imgBox { 
		width: 251px; 
	}
	.sec02Wr { 
		margin:0 0 40px;
	}
	.sec02Wr .tit { 
		font-size:22px; 
	}
	.sec02Wr .txt { 
		margin:0 0 20px;
		font-size:29px;
	}
	.sec02Wr .graBox { 
		width: 450px; 
		margin:0 auto 20px;
	}
	.sec02Wr .imgBox .sec02Img { 
		width: 279px; 
	}
	.sec02Wr .imgBox .bal { 
		font-size:19px; 
	}
	.sec03Wr { 
		padding:40px 0;
	}
	.sec03Wr .sec03Tit { 
		margin:0 0 15px;
		font-size:24px; 
	}
	.sec03Wr .sec03Box + .sec03Box { 
		margin-top:20px;
	}
	.sec03Wr .tit { 
		margin:0 0 10px;
		font-size:25px;
	}
	.sec03Wr .txt { 
		font-size:17px;
		line-height: 1.3;
	}
	.sec03Wr .imgBox { 
		width: 281px; 
	}
}
/* 랜딩 끝
------------------------------------------------------ */