@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html, body { 
	width: 100%; 
	font-family: Noto Sans KR, sans-serif;
	letter-spacing:-.02em;
	line-height:1.3;
	word-break:keep-all;
	overflow-x:hidden;
}
li { 
	list-style:none; 
}
a { 
	text-decoration:none; 
}
img { 
	max-width: 100%; 
}

.wrapper { 
	position:relative; 
	background:url(/images/comBg01.png) no-repeat center 0;	
	z-index:1;
}
.inner { 
	max-width: 1000px; 
	margin:0 auto;
}
@media all and (max-width:1040px){
	.inner { 
		margin:0 20px;
	}
}

/* 푸터 시작
------------------------------------------------------ */
.fTopWr { 
	padding:129px 20px 104px;
	background: #1FAE97;
}
.fTopWr .inner { 
	position:relative; 
	padding:0 0 0 0;
}
.fTopWr .tit { 
	display:inline-block; 
	margin:0 0 21px;
	padding:9px 20px;
	background: #6ADECB;
	border-radius: 20px;
	font-weight:500;
	font-size:24px;
	color:#13695B;
}
.fTopWr .txt01 { 
	margin:0 0 15px;
	font-family: Pretendard, sans-serif;	
	font-weight:600;
	font-size:46px;
	color: #FFF;
}
.fTopWr .txt01 span { 
	color: #13695B;
}
.fTopWr .txt02 { 
	margin:0 0 53px;
	font-size:34px;
	color: #FFF;
}
.fTopWr .txt02 span { 
	color: #FCEC0A;
}
.fTopWr .btnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:12px;
}
.fTopWr .btnLst li .btn { 
	display:block; 
	font-size:0;
}
.fTopWr .imgBox { 
	position:absolute; 
	top:-128px;
	right:-320px;
	max-width: 100%; 
	font-size:0;
}
footer { 
	background: #292929; 
}
footer .fConBox { 
	position:relative;
	max-width: 1026px;
	margin:0 auto;
	padding:75px 0 73px 466px;
}
footer .logo { 
	position:absolute; 
	max-width: 100%;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:0;
}
footer .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
footer .lst li { 
	position:relative; 
	padding:0 9px 0 0;
	font-size:14px;
	color:#FFF;
}
footer .lst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	background: #696969;
}
footer .lst li span { 
	color: #939393; 
}
footer .lst li:last-child { 
	padding:0;
}
footer .lst li:last-child:after { 
	display:none; 
}
footer .lst + .lst { 
	margin-top:8px;
}
footer .copy { 
	margin:16px 0 0;
	font-size:13px;
	color: #727272;
}
@media all and (max-width:1399px){
	.fTopWr .inner { 
		padding:0 420px 0 0;
	}
	.fTopWr .imgBox { 
		width: 610px; 
		top:-10px;
		right:-153px;
	}
}
@media all and (max-width:1240px){
	footer .fConBox { 
		margin:0 20px;
	}
}
@media all and (max-width:1199px){
	.fTopWr .inner { 
		padding:0 430px 0 0;
	}
	.fTopWr .imgBox { 
		width: 533px; 
		top:50px;
		right:-50px;
	}
}
@media all and (max-width:999px){
	.fTopWr { 
		padding:30px 20px;
	}
	.fTopWr .inner { 
		padding:0;
		text-align: center;
	}
	.fTopWr .tit { 
		margin:0 0 15px;
		font-size:19px;
	}
	.fTopWr .tit br { 
		display:none; 
	}
	.fTopWr .txt01 { 
		margin:0 0 10px;
		font-size:37px; 
	}
	.fTopWr .txt02 { 
		margin:0 0 30px;
		font-size:27px;
	}
	.fTopWr .btnLst { 
		justify-content:center; 
		gap:10px; 
	}
	.fTopWr .btnLst li .btn { 
		width: 165px; 
	}
	.fTopWr .imgBox { 
		display:none; 
	}
	footer .fConBox {  
		padding:40px 0;
	}
	footer .logo { 
		position:relative; 
		width: 146px;
		top:auto;
		left:auto;
		margin:0 0 25px;
		transform:translateY(0);
	}
	footer .copy { 
		margin:10px 0 0;
	}
}
@media all and (max-width:599px){
	.fTopWr { 
		padding:20px;
	}
	.fTopWr .tit { 
		margin:0 0 10px;
		font-size:17px;
	}
	.fTopWr .txt01 { 
		font-size:28px; 
	}
	.fTopWr .txt01 br { 
		display:none; 
	}
	.fTopWr .txt02 { 
		margin:0 0 20px;
		font-size:20px; 
	}
	.fTopWr .btnLst { 
		gap:8px; 
	}
	.fTopWr .btnLst li .btn { 
		width: 124px; 
	}
	footer .fConBox {  
		padding:20px 0;
	}
	footer .logo { 
		width: 110px;
		margin:0 0 15px;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 랜딩 시작
------------------------------------------------------ */
.sec01Wr { 
	padding:181px 0 72px;
}
.sec01Wr .inner { 
	display:flex; 
	justify-content:space-between; 
	gap:20px;
}
.sec01Wr .conBox { 
	padding:36px 0 0;
}
.sec01Wr .logo { 
	max-width: 100%; 
	margin:0 0 79px;
	font-size:0;
}
.sec01Wr .txt { 
	margin:0 0 80px;
	font-family: Pretendard, sans-serif;	
	font-weight:600;
	font-size:46px;
	color: #2E3337;
}
.sec01Wr .txt span { 
	color: #1FAE97; 
}
.sec01Wr .btnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:12px;
}
.sec01Wr .btnLst li .btn { 
	display:block; 
	font-size:0;
}
.sec01Wr .imgBox { 
	flex-shrink:0;
	max-width: 100%; 
	font-size:0;
}
.sec02Wr {
	margin:0 0 48px;
	padding:0 20px;
	text-align: center;
}
.sec02Wr .tit { 
	margin:0 0 5px;
	font-size:30px;
	color: #2E3337;
}
.sec02Wr .txt { 
	margin:0 0 34px;
	font-weight:700;
	font-size:48px;
	line-height:1.4;
	color: #2E3337;
}
.sec02Wr .txt span { 
	color: #1FAE97;
}
.sec02Wr .graBox,
.sec02Wr .imgBox { 
	max-width: 100%;
	font-size:0; 
}
.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: #13695B;
	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(/images/sec02Bal01.svg);
}
.sec02Wr .imgBox .bal:nth-child(odd):after { 
	background-image: url(/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: 583px;
	top:58.26%;
	right:5.28%;
}
.sec02Wr .imgBox .bal.bal03:after { 
	left:177px; 
}
.sec03Wr { 
	padding:107px 0 85px;
	background: #F4F9F2;
}
.sec03Wr .sec03Tit { 
	margin:0 0 113px;
	text-align: center;
	font-weight:500;
	font-size:40px;
	color: #8F8F8F;
}
.sec03Wr .sec03Tit span { 
	display:inline-block; 
	padding:8px 19px 9px;
	background: #00CFAD;
	border-radius: 40px;
	font-weight: 700;
	font-size: .9em;
	color: #FFF;
}
.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: #00CFAD;
}
.sec03Wr .txt { 
	font-size:24px;
	line-height: 1.5;
	color: #424242;
}
.sec03Wr .imgBox { 
	max-width: 100%;
	font-size:0; 
}
@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: 309px; 
		margin:0 0 40px;
	}
	.sec01Wr .txt { 
		margin:0 0 15px;
		font-size:37px;
	}
	.sec01Wr .btnLst { 
		gap:10px; 
	}
	.sec01Wr .btnLst li .btn { 
		width: 240px; 
	}
	.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 40px;
	}
	.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 { 
		width: 232px; 
		margin:0 auto 20px;
	}
	.sec01Wr .txt { 
		margin:0 0 10px;
		font-size:28px;
	}
	.sec01Wr .btnLst { 
		gap:8px; 
	}
	.sec01Wr .btnLst li .btn { 
		width: 180px; 
	}
	.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; 
	}
}
/* 랜딩 끝
------------------------------------------------------ */