@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body , input { 
	padding:0;
	margin:0;
	font-family: 'no300','나눔고딕',NanumGothic, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; 
}
div { font-size:0; }

/* -------- 랜딩페이지 시작 -------- */
.landWr { 
	width: 100%;
	overflow:hidden;
}
.landWr div:after { 
	display:none; 
}
.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;
}
.sectionWr .section01 { 
	position:relative; 
	padding:8.5% 0 12%;
	margin:0 0 82px;
	background:url(/images/section1_bg.png) top center no-repeat; 
	background-size:contain;	
}
.sectionWr .section01 .conBox { 
	width: 100%;
	max-width: 1025px; 
	margin:0 auto;
}
.sectionWr .section01 .conBox .leftBox { 
	position:relative; 
	z-index:1;
}
.sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 64px;
}
.sectionWr .section01 .conBox .leftBox .btnLst { 
	display:flex;
	gap:22px;
}
.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:block; 
}
.sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width: 50%;	
	right:0;
	top:0;
}
.section.section02 { 
	padding:0 0 77px;
}
.section.section02 .titBox { 
	margin:0 0 63px;
	padding:0 10px;
	text-align:center; 
}
.section.section02 .conBox { 
	position:relative;  
	padding:0 0 0 94px;
}
.section.section02 .conBox .rBox { 
	position:absolute;
	top:141px;
	right:134px;
}
.section.section02 .conBox .lBox { 
	position:relative; 
	z-index:1;
}
.section.section02 .conBox .eBox { 
	position:absolute; 
	bottom:-57px;
	right:-390px;
}
.section.section03 { 
	display:flex;
	padding:0 0 100px 35px;
}
.section.section03:before { 
	content:'';
	position:absolute;
	width:1920px;
	height:100%;
	top:3px;
	left:50%;
	transform:skew(0deg, 6deg);
	margin:0 0 0 -960px;
	background:#fafafa;
	z-index:-1;
}
.section.section03 .lBox { 
	padding:126px 0 0;
}
.section.section03 .rBox { 
	padding:24px 0 0;
}
.section.section04 { 
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	padding:2px 58px 0 0;
	margin-bottom:119px;
}
.section.section04 .lBox { 
	margin:0 0 0 104px;
	padding:113px 0 0 4px;
}
.section.section05 { 
	padding:69px 0 59px 2px;
}
.section.section05:before { 
	content:"";
	position:absolute; 
	display:block; 
	width: 1920px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -960px;
	background: url(/images/section5_bg.png) no-repeat; 
	background-size:cover;
}
.section.section05 .lBox { 
	position:relative; 	
	z-index:1;
}
.section.section05 .lBox .txtBox { 
	margin:0 0 21px;
}
.section.section05 .lBox .btnLst { 
	display:flex;
	gap:18px;
}
.section.section05 .lBox .btnLst > li:last-child { 
	margin:0;
}
.section.section05 .rBox { 
	position:absolute; 
	right:-310px;
	bottom:0;
}
footer { 
	padding:0 0 60px;
}
footer .section { 
	padding:0 10px;
}
.footer_logo { 
	width:100%;
	padding:37px 0;
	text-align:center;
}
.footer_info { 
	text-align:center;
}
.f_info { 
	margin:0 0 7px;
}
.f_info span { 
	font-size:16px;
	color:#777;
	letter-spacing:-1px;
	word-break:keep-all; 
}
.f_info span:after { 
	content:'';
	display:inline-block;
	width:1px;
	height:12px;
	margin:0 10px; 
	background:#ccc;
}
.f_info span:last-child:after { 
	display:none; 
}
.f_info:nth-of-type(2) { 
	margin:0 0 10px;
}
.f_info:last-child { 
	margin:0;
}
.company_name { 
	font-weight:900; 
}
@media screen and (max-width:1919px) { 
	.sectionWr .section01 .conBox .leftBox { 
		max-width: 40%; 
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 30px;
	}
	.sectionWr .section01 .conBox .leftBox .btnLst { 
		gap:10px; 
	}
	.section.section02 { 
		padding:0 0 60px;
	}
	.section.section03 { 
		padding:20px 10px;
		margin-bottom:80px;
	}
	.section.section04 { 
		padding:0 10px;
		margin-bottom:80px;
	}
}
@media screen and (max-width:1024px) { 
	.sectionWr .section01 { 
		padding:6% 10px 12%;
		margin:0 0 60px;
	}
	.section.section02 .titBox { 
		margin:0 0 40px; 
	}
	.section.section02 .titBox img { 
		max-width:80%; 
	}
	.section.section02 .conBox { 
		padding:0 10px; 
	}
	.section.section02 .conBox > div { 
		max-width:50%; 
		margin:0 auto 20px;
	}
	.section.section02 .conBox .rBox { 
		position:relative; 
		top:auto;
		right:auto;
	}
	.section.section02 .conBox .lBox { 
		margin-bottom:0;
	}
	.section.section02 .conBox .eBox { 
		display:none; 
	}
	.section.section03 { 
		flex-wrap:wrap;
		margin-bottom:60px;
	}
	.section.section03 .lBox,
	.section.section03 .rBox { 
		width: 100%;
		padding:0;
		margin:0;
		text-align:center;
	}
	.section.section03 .lBox img,
	.section.section03 .rBox img { 
		max-width: 50%; 
	}
	.section.section03 .lBox { 
		margin-bottom:20px;
	}
	.section.section04 { 
		flex-wrap:wrap; 
		flex-direction:row;
		margin-bottom:60px;
	}
	.section.section04 .lBox,
	.section.section04 .rBox { 
		width: 100%; 
		text-align:center;
	}
	.section.section04 .lBox img,
	.section.section04 .rBox img { 
		max-width: 50%; 
	}
	.section.section04 .lBox { 
		margin:0 0 20px;
		padding:0;
	}
	.section.section05 { 
		padding:40px 10px;
	}
	.section.section05 .lBox { 
		max-width:53%;
		margin:0 auto;
	}
	.section.section05 .lBox .btnLst { 
		gap:10px; 
	}
	.section.section05 .rBox { 
		display:none;
	}
	footer { 
		padding:0 0 40px;
	}
	.footer_logo { 
		padding:20px 0;
	}
}
@media screen and (max-width:999px) { 
	.sectionWr .section01 { 
		margin:0 0 20px;
	}
	.section.section02 { 
		padding:0 0 40px;
	}
	.section.section02 .titBox { 
		margin:0 0 20px; 
	}
	.section.section03 { 
		margin-bottom:40px;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section.section05 { 
		padding:30px 10px;
	}
}
@media screen and (max-width:599px) {
	.sectionWr .section01 { 
		padding:6% 10px;
		background-size:cover;
	}
	.sectionWr .section01 .conBox .leftBox { 
		max-width:70%;
		margin:0 auto;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 15px;
	}
	.sectionWr .section01 .conBox .rightBox { 
		display:none; 
	}
	.section.section02 { 
		padding:0 0 20px;
	}
	.section.section03 { 
		margin-bottom:20px;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section.section02 .conBox > div,
	.section.section03 .lBox img,
	.section.section03 .rBox img,
	.section.section04 .lBox img,
	.section.section04 .rBox img,
	.section.section05 .lBox { 
		max-width: 80%; 
	}
	.section.section05 { 
		padding:20px 10px;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 15px;
	}
	footer { 
		padding:0 0 20px;
	}
	.footer_logo { 
		padding:15px 0;
	}
	.f_info span { 
		display:block; 
	}
	.f_info span:after { 
		display:none; 
	}
}
/* -------- 랜딩페이지 끝 -------- */