@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;
	font-family: Noto Sans KR, sans-serif;
	letter-spacing:-.02em;
	line-height:1.3;
	word-break:keep-all;
}

html, body { 
	width: 100%; 
	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:116px 20px;
	background: #2FD38E; 
}
.fTopWr .conBox { 
	position:relative; 
	max-width: 1300px;
	margin:0 auto;
	padding:0 650px 0 0;
}
.fTopWr .tit { 
	display:inline-block; 
	margin:0 0 21px;
	padding:10px 20px;
	background: #FFF;
	border-radius: 20px;
	font-weight:500;
	font-size:24px;
	color:#2FD38E;
}
.fTopWr .txt01 { 
	margin:0 0 15px;
	font-weight:600;
	font-size:46px;
	color: #FFF;
}
.fTopWr .txt01 span { 
	color: #9CFF79; 
}
.fTopWr .txt02 { 
	margin:0 0 53px;
	font-size:34px;
	color: #FFF;
}
.fTopWr .btnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:12px;
}
.fTopWr .btnLst li .btn { 
	display:block; 
	font-size:0;
}
.fTopWr .imgBox { 
	position:absolute; 
	top:-90px;
	right:-64px;
	max-width: 100%; 
	font-size:0;
}
footer { 
	background: #292929; 
}
footer .fConBox { 
	position:relative;
	max-width: 1200px;
	margin:0 auto;
	padding:88px 0 86px 562px;
}
footer .logo { 
	position:absolute; 
	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 .conBox { 
		padding:0 590px 0 0;
	}
	.fTopWr .imgBox { 
		width: 686px; 
		top:-81px;
		right:-58px;
	}
}
@media all and (max-width:1240px){
	footer .fConBox { 
		margin:0 20px;
	}
}
@media all and (max-width:1199px){
	.fTopWr .conBox { 
		padding:0 550px 0 0;
	}
	.fTopWr .imgBox { 
		width: 610px; 
		top:0;
		right:-20px;
	}
}
@media all and (max-width:999px){
	.fTopWr { 
		padding:60px 20px;
	}
	.fTopWr .conBox { 
		padding:0;
		text-align: center;
	}
	.fTopWr .tit { 
		margin:0 0 15px;
		padding:8px 16px;
		font-size:19px;
	}
	.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: 154px;
		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:40px 20px;
	}
	.fTopWr .tit { 
		margin:0 0 10px;
		padding:5px 10px;
		font-size:17px;
	}
	.fTopWr .txt01 { 
		font-size:28px; 
	}
	.fTopWr .txt02 { 
		margin:0 0 20px
		font-size:25px; 
	}
	.fTopWr .btnLst { 
		gap:8px; 
	}
	.fTopWr .btnLst li .btn { 
		width: 124px; 
	}
	footer .fConBox {  
		padding:20px 0;
	}
	footer .logo { 
		width: 134px;
		margin:0 0 15px;
	}
}
/* ǪÅÍ ³¡
------------------------------------------------------ */
/* ·£µù ½ÃÀÛ
------------------------------------------------------ */
.sec01Wr { 
	padding:180px 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 80px;
	font-size:0;
}
.sec01Wr .txt { 
	margin:0 0 80px;
	font-family: Pretendard, sans-serif; 
	font-weight:600;
	font-size:46px;
	color: #30956B;
}
.sec01Wr .btnLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:12px;
}
.sec01Wr .btnLst li .btn { 
	display:block; 
	font-size:0;
}
.sec01Wr .imgBox { 
	max-width: 100%; 
	font-size:0;
}
.sec02Wr { 
	padding:0 20px;
	text-align: center;
}
.sec02Wr .tit { 
	margin:0 0 5px;
	font-size:30px;
	color: #FFF;
}
.sec02Wr .txt { 
	margin:0 0 30px;
	font-weight:700;
	font-size:48px;
	line-height:1.4;
	color: #FFF;
}
.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; 
	background: #1C8B5D;
	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: 511px;
	height: 62px;
	top:19.23%;
	right:6.34%;
}
.sec02Wr .imgBox .bal.bal01:after { 
	left:195px;
}
.sec02Wr .imgBox .bal.bal02 {
	width: 501px;
	height: 72px;
	top:39.98%;
	left:4px;
}
.sec02Wr .imgBox .bal.bal02:after { 
	left:250px; 
}
.sec02Wr .imgBox .bal.bal03 {
	width: 460px;
	height: 62px;
	top:58.15%;
	right:-3px;
}
.sec02Wr .imgBox .bal.bal03:after { 
	left:177px; 
}
.sec03Wr { 
	padding:107px 0 85px;
	background: #F5FFF4;
}
.sec03Wr .sec03Tit { 
	margin:0 0 113px;
	text-align: center;
	font-weight:500;
	font-size:40px;
	color: #8F8F8F;
}
.sec03Wr .sec03Tit span { 
	display:inline-block;
	margin:0 8px 0 0;
	padding:9px 19px 8px;
	background: #2FD38E;
	border-radius: 50px;
	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 { 
	margin:0 0 42px;
	font-weight:500;
	font-size:42px;
	color: #212121;
}
.sec03Wr .tit span { 
	color: #2FD38E; 
}
.sec03Wr .txt { 
	font-size:24px;
	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: 378px; 
		margin:0 0 40px;
	}
	.sec01Wr .txt { 
		margin:0 0 40px;
		font-size:37px;
	}
	.sec01Wr .btnLst { 
		gap:10px; 
	}
	.sec01Wr .btnLst li .btn { 
		width: 165px; 
	}
	.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 20px;
		font-size:34px;
	}
	.sec03Wr .txt { 
		font-size:19px; 
	}
	.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: 284px; 
		margin:0 auto 20px;
	}
	.sec01Wr .txt { 
		margin:0 0 20px;
		font-size:28px;
	}
	.sec01Wr .btnLst { 
		gap:8px; 
	}
	.sec01Wr .btnLst li .btn { 
		width: 124px; 
	}
	.sec01Wr .imgBox { 
		width: 251px; 
	}
	.sec02Wr { 
		margin:0 0 40px;
	}
	.sec02Wr .tit { 
		font-size:22px; 
	}
	.sec02Wr .txt { 
		margin:0 0 20px;
		font-size:28px;
	}
	.sec02Wr .graBox { 
		width: 450px; 
		margin:0 auto 20px;
	}
	.sec02Wr .imgBox .sec02Img { 
		width: 279px; 
	}
	.sec02Wr .imgBox .bal { 
		font-size:24px; 
	}
	.sec03Wr { 
		padding:40px 0;
	}
	.sec03Wr .sec03Tit { 
		margin:0 0 20px;
		font-size:24px; 
	}
	.sec03Wr .sec03Box + .sec03Box { 
		margin-top:20px;
	}
	.sec03Wr .tit { 
		margin:0 0 10px;
		font-size:25px;
	}
	.sec03Wr .txt { 
		font-size:17px; 
	}
	.sec03Wr .imgBox { 
		width: 281px; 
	}
}
/* ·£µù ³¡
------------------------------------------------------ */