@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
	font-family: 'Noto Sans KR', sans-serif;
}
div { font-size:0; }
a { 
	display:block; 
}
.conBox { 
	position:relative; 
	box-sizing:border-box;
	max-width: 1025px;
    margin: 0 auto;
}

/* -------- 랜딩페이지 시작 -------- */
.landWr { 
	position:relative; 
	width: 100%;
	overflow:hidden;
}
.landWr img { 
	max-width: 100%; 
}
.sectionWr { 
	position:relative; 
	width: 100%; 
	max-width: 1920px;
	margin:0 auto;
}
.section { 
	position:relative; 
	max-width: 1025px;
	margin:0 auto;
}
.section01 { 
	box-sizing:border-box;
	padding:79px 0;
	margin:0 0 57px;
	background:url(/images/section1_bg.png) no-repeat;
	background-size:cover;
}
.section01 .conBox { 
	display:flex; 
	gap:54px;
}
.section01 .conBox .lBox { 
	flex-shrink:0; 
}
.section01 .conBox .lBox .txtBox { 
	margin:0 0 30px;
}
.section01 .conBox .btnLst { 
	display:flex; 
	gap:20px;
}
.section02 { 
	margin:0 0 70px;
}
.section03 { 
	padding:70px 0 0;
	margin:0 0 80px;
	background:#fff8e2;
}
.section03 .conBox .titBox,
.section03 .conBox .txtBox { 
	text-align:center; 
}
.section03 .conBox .titBox { 
	margin:0 0 32px; 
}
.section04 .conBox .titBox { 
	margin:0 0 43px;
	text-align:center;
}
.section04 .conBox .sec04Box { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap;
	align-items:center; 
	justify-content:center; 
	gap:100px;
}
.section04 .conBox .sec04Box.st01 { 
	padding:70px 0;
}
.section04 .conBox .sec04Box.st01:before { 
	content:"";
	position:absolute;
	display:block;
	width: 1920px;
	height: 100%;
	left:50%;
	top:0;
	margin:0 0 0 -960px;
	background:#FAFAFA;
	z-index:-1;
}
.section04 .conBox .sec04Box.st01 .lBox { 
	order:2; 
}
.section04 .conBox .sec04Box.st01 .rBox { 
	order:1; 
}
.section04 .conBox .sec04Box + .sec04Box { 
	margin:65px 0 0;
}
.section05 { 
	box-sizing:border-box;
	padding:33px 0 37px;
	background:#fec928;
}
.section05 .lBox { 
	position:relative; 
	max-width:53%;
	z-index:1;
}
.section05 .lBox .txtBox { 
	margin:0 0 60px;
}
.section05 .lBox .btnLst { 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
}
.section05 .rBox { 
	position:absolute; 
	right:-173px;
	bottom:-32px;
}
footer { 
	background:#292929;
}
footer .section { 
	padding:90px 0 57px 350px;
}
.footer_logo { 
	position:absolute; 
	left:0;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
}
.footer_info ul { 
	display:flex; 
	flex-wrap:wrap;
}
.footer_info ul li { 
	position:relative; 
	box-sizing:border-box;
	margin:0 10px 10px 0;
}
.footer_info ul li dl { 
	display:flex; 
	flex-wrap:wrap;
	gap:8px;
	font-size:14px;
	letter-spacing:-.3px;
	line-height:1.2;
}
.footer_info ul li dl dt { 
	flex-shrink:0;
	color:#939393; 
}
.footer_info ul li dl dd { 
	position:relative; 
	padding:0 10px 0 0;
	color:#fff; 
}
.footer_info ul li dl dd:after { 
	content:"";
	position:absolute;
	display:block;
	width: 1px;
	height: 8px;
	right:0;
	top:50%;
	margin:-4px 0 0;
	background:#595959;
}
.footer_info ul li:last-child dl dd:after { 
	display:none; 
}
.footer_info .copy { 
	font-size:13px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#727272;
}
@media all and (max-width:1024px) { 
	.section01 { 
		padding:50px 10px;
		margin:0 0 50px;
	}
	.section01 .conBox { 
		justify-content:space-between; 
		gap:0; 
	}
	.section01 .conBox .lBox,
	.section01 .conBox .rBox { 
		width: 49%; 
	}
	.section01 .conBox .btnLst { 
		gap:10px;
	}
	.section02 { 
		padding:0 10px;
		margin:0 0 50px;
	}
	.section03 { 
		padding:50px 10px 0;
		margin:0 0 50px;
	}
	.section04 { 
		padding:0 10px;
	}
	.section04 .conBox .titBox { 
		margin:0 0 30px;
	}
	.section04 .conBox .sec04Box { 
		gap:50px;
	}
	.section04 .conBox .sec04Box + .sec04Box { 
		margin:50px 0 0;
	}
	.section04 .conBox .sec04Box.st01 { 
		padding:50px 0;
	}
	.section05 { 
		padding:40px 10px;
	}
	.section05 .lBox { 
		margin:0 auto;
	}
	.section05 .lBox .txtBox { 
		margin:0 0 30px;
	}
	.section05 .rBox { 
		display:none;
	}
}
@media all and (max-width:999px) { 
	.section01 { 
		padding:30px 10px;
		margin:0 0 30px;
	}
	.section01 .conBox { 
		justify-content:center; 
	}
	.section01 .conBox .lBox { 
		width: 50%; 
	}
	.section01 .conBox .lBox .txtBox { 
		margin:0 0 15px;
	}
	.section01 .conBox .rBox { 
		display:none; 
	}
	.section02 { 
		margin:0 0 30px;
	}
	.section03 { 
		padding:30px 10px 0;
		margin:0 0 30px;
	}
	.section03 .conBox .titBox { 
		margin:0 0 20px;
	}
	.section04 .conBox .titBox { 
		margin:0 0 20px;
	}
	.section04 .conBox .sec04Box { 
		gap:30px;
	}
	.section04 .conBox .sec04Box > * { 
		width: 100%; 
		text-align:center;
	}
	.section04 .conBox .sec04Box + .sec04Box { 
		margin:30px 0 0;
	}
	.section04 .conBox .sec04Box.st01 { 
		padding:30px 0;
	}
	.section04 .conBox .sec04Box.st01 .lBox { 
		order:1; 
	}
	.section04 .conBox .sec04Box.st01 .rBox { 
		order:2; 
	}
	.section05 { 
		padding:30px 10px;
	}
	.section05 .lBox .txtBox { 
		margin:0 0 20px;
	}
	footer .section { 
		padding:30px;
	}
	.footer_logo { 
		position:relative; 
		left:auto;
		top:auto;
		margin:0 0 20px;
		transform:translateY(0);
	}
	.footer_info ul { 
		justify-content:center; 
	}
	.footer_info .copy { 
		text-align:center; 
	}
}
@media all and (max-width:599px) {
	.section01 { 
		padding:20px 10px;
		margin:0 0 20px;
	}
	.section02 { 
		margin:0 0 20px;
	}
	.section03 { 
		padding:20px 10px 0;
		margin:0 0 20px;
	}
	.section03 .conBox .titBox,
	.section04 .conBox .titBox { 
		margin:0 0 15px;
	}
	.section04 .conBox .sec04Box { 
		gap:20px;
	}
	.section04 .conBox .sec04Box + .sec04Box { 
		margin:20px 0 0;
	}
	.section04 .conBox .sec04Box.st01 { 
		padding:20px 0;
	}
	.section05 { 
		padding:20px 10px;
	}
	.section05 .lBox { 
		max-width: 80%; 
	}
	footer .section { 
		padding:20px;
	}
	.footer_logo { 
		margin:0 0 15px;
	}
}
/* -------- 랜딩페이지 끝 -------- */