@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; }
div:after { content:'';display:block;clear:both; }

/* -------- ·£µùÆäÀÌÁö ½ÃÀÛ -------- */
.landWr { 
	position:relative; 
	width: 100%;
	overflow:hidden;
}
.landWr div:after { 
	display:none; 
}
.landWr img { 
	max-width: 100%; 
}
.bgCir { 
	position:absolute;
	display:block;
	width: 1920px;
	max-width: 120%;
	left:50%;
	top:0;
	transform:translateX(-50%);
	z-index:-1;
}
.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:9.2% 0;
	margin:0 0 7px;
}
.sectionWr .section01 .conBox { 
	position:relative; 
	width: 100%;
	max-width: 1025px; 
	margin:0 auto;
}
.sectionWr .section01 .conBox .leftBox { 
	position:relative; 
	max-width: 60%;
	margin:0 0 0 9px;
	z-index:1;
}
.sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 27px;
}
.sectionWr .section01 .conBox .leftBox .btnLst { 
	width: 100%;
	overflow:hidden; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li { 
	width: 49%;
	margin:0 2% 0 0;
	float:left; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:block; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li:last-child { 
	margin:0;
}
.sectionWr .section01 .conBox .leftBox .btnLst.has1 > li { 
	width: auto; 
	margin:0;
}
.sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width: 50%;	
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.section.section02 { 
	padding:0 0 77px;
}
.section.section02 .titBox { 
	margin:0 0 25px;
	padding:0 10px;
	text-align:center; 
}
.section.section02 .conBox { 
	position:relative;  
	text-align:center;
}
.section.section02 .conBox .cBox { 
	position:relative;
}
.section.section02 .conBox .cBox .sec2phone { 
	max-width: 100%; 
}
.section.section02 .conBox .sec2bal { 
	position:absolute; 
	max-width: 60%;
}
.section.section02 .conBox .sec2bal1 { 
	max-width:50%;
	top: 11%;
    right: 1.1%;
}
.section.section02 .conBox .sec2bal2 { 
	top: 31.8%;
    left: -9.6%;
}
.section.section02 .conBox .sec2bal3 { 
	top: 54.2%;
    right: -7.7%;
}
.section03 { 
	display:flex;
	flex-wrap:wrap;
	padding:100px 0 80px;
	background:#E4F0FF;
	overflow:hidden;
}
.section03 .conBox { 
	position: relative;
    max-width: 1025px;
    margin: 0 auto;
}
.section03 .conBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;	 
	width: 903px;
	height: 903px;
	border:120px solid rgba(255,255,255,.4);
	border-radius:50%;
	bottom:-260px;
	right:-580px;
	z-index:0;
}
.section03 .conBox > * { 
	position:relative; 
	z-index:1;
}
.section03 .titBox { 
	width: 100%;
	margin:0 0 48px;
	text-align:center;
}
.section03 .sec3Box { 
	display:flex; 
	align-items:center;
	gap:25px;
}
.section03 .sec3Box + .sec3Box { 
	margin:20px 0 0;
}
.section.section04 { 
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	padding:0 80px 0 0;
	margin-bottom:119px;
}
.section.section04 .lBox { 
	margin:0 0 0 108px;
	padding:112px 0 0;
}
.section05 { 
	box-sizing:border-box;
	padding:33px 0 37px;
	background:#0576ff;
}
.section05 .conBox { 
	position:relative; 
	max-width: 1025px;
    margin: 0 auto;
}
.section05 .lBox { 
	position:relative; 
	max-width:53%;
	z-index:1;
}
.section05 .lBox .txtBox { 
	margin:0 0 60px;
}
.section05 .lBox .btnLst { 
	overflow:hidden;
}
.section05 .lBox .btnLst > li { 
	width: 49%; 
	margin:0 2% 0 0;
	float:left;
}
.section05 .lBox .btnLst > li:last-child { 
	margin:0;
}
.section05 .lBox .btnLst.has1 > li { 
	width: auto; 
	margin:0;
}
.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%);
}
.footer_info ul { 
	display:flex; 
	flex-wrap:wrap;
}
.footer_info ul li { 
	position:relative; 
	box-sizing:border-box;
	margin:0 10px 10px 0;
	padding:0 10px 0 0;
}
.footer_info ul li:after { 
	content:"";
	position:absolute;
	display:block;
	width: 1px;
	height: 8px;
	right:0;
	top:50%;
	margin:-4px 0 0;
	background:#595959;
}
.footer_info ul li dl { 
	display:flex; 
	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 { 
	color:#fff; 
}
.footer_info ul li:last-child:after { 
	display:none; 
}
.footer_info .copy { 
	font-size:13px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#727272;
}
@media all and (max-width:1219px){
	.section.section02 .conBox .sec2bal2 { 
		left:10px; 
	}
	.section.section02 .conBox .sec2bal3 { 
		right:10px; 
	}
}
@media all and (max-width:1919px){
	.sectionWr .section01 .conBox .leftBox { 
		max-width: 40%; 
		margin:0;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 20px;
	}
	.section.section02 { 
		padding:0 0 60px;
	}
	.section03 { 
		padding:80px 10px;
	}
	.section.section04 { 
		padding:0 10px;
		margin-bottom:80px;
	}
}
@media all and (max-width:1024px) { 
	.sectionWr .section01 { 
		padding:6% 10px;
	}
	.section.section02 .titBox img { 
		max-width:80%; 
	}
	.section.section02 .conBox { 
		padding:0 10px; 
	}
	.section.section02 .conBox > div { 
		max-width:50%; 
		margin:0 auto 20px;
	}
	.section03 { 
		padding:60px 10px;
	}
	.section03 .titBox { 
		margin:0 0 30px;
	}
	.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;
	}
	.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) { 
	.section.section02 { 
		padding:0 0 40px;
	}
	.section.section02 .titBox { 
		margin:0 0 20px; 
	}
	.section03 { 
		padding:40px 10px;
	}
	.section03 .titBox { 
		margin:0 0 20px;
	}
	.section03 .sec3Box { 
		flex-wrap:wrap; 
		justify-content:center;
		gap:10px;
	}
	.section03 .sec3Box > * { 
		width: 100%; 
		text-align:center;
	}
	.section03 .sec3Box + .sec3Box { 
		margin:15px 0 0;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section05 { 
		padding:30px 10px;
	}
	.section05 .lBox .txtBox { 
		margin:0 0 20px;
	}
	footer .section { 
		padding:30px;
	}
	.footer_logo { 
		position:relative; 
		width: 188px;
		left:auto;
		top:auto;
		margin:0 auto 20px;
		transform:translateY(0);
	}
	.footer_info ul { 
		justify-content:center; 
	}
	.footer_info .copy { 
		text-align:center; 
	}
}
@media all and (max-width:599px) {
	.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;
	}
	.section03 { 
		padding:20px 10px;
	}
	.section03 .titBox { 
		margin:0 0 15px;
	}	
	.section03 .sec3Box + .sec3Box { 
		margin:10px 0 0;
	}
	.section.section04 { 
		margin-bottom:40px;
	}
	.section.section02 .conBox > div,
	.section.section04 .lBox img,
	.section.section04 .rBox img,
	.section05 .lBox { 
		max-width: 80%; 
	}
	.section05 { 
		padding:20px 10px;
	}
	footer .section { 
		padding:20px;
	}
	.footer_logo { 
		width: 167px;
		margin:0 auto 15px;
	}
}
/* -------- ·£µùÆäÀÌÁö ³¡ -------- */