@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; }
a { 
	text-decoration:none; 
}
button { 
	background:transparent;
	border:none;
	cursor:pointer;
}

/* -------- 랜딩페이지 시작 -------- */
.landWr { 
	position:relative; 
	width: 100%;
	overflow:hidden;
}
.landWr div:after { 
	display:none; 
}
.landWr img { 
	max-width: 100%; 
}
.bgCir { 
	position:absolute;
	display:block;
	width: 1920px;
	left:50%;
	top:0;
	margin:0 0 0 -960px;
	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: 50%;
	margin:0 0 0 9px;
	z-index:1;
}
.sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 27px;
}
.sectionWr .section01 .conBox .leftBox .btnLst { 
	display:flex; 
	gap:10px;
	width: 100%;
	overflow:hidden; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:block; 
}
.sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width: 50%;	
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.section.section02 { 
	padding:0 0 53px;
}
.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 { 
    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%;
}
.section02A { 
	width: 100%;
	max-width: 1200px;
	margin:0 auto 82px;
}
.section02A .titBox { 
	margin:0 0 60px;
	padding:0 10px;
	text-align:center; 
}
.section03 { 
	display:flex;
	flex-wrap:wrap;
	padding:100px 0 80px;
	background:#FFF6EA;
	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 #fff;
	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:#98b565;
}
.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;
}
.sideCallWr { 
	position:fixed; 
	right:100px;
	bottom:50px;
	font-size:0;
	z-index:9999;
}
.sideCallWr ul li { 
	margin:0 0 12px;
}
.sideCallWr ul li > * { 
	display:block;
	font-size:0;
}
.sideCallWr ul li:last-child { 
	margin:0;
}
footer { 
	background:#292929;
}
footer .section { 
	padding:60px 0 60px 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:1399px){	
	.bgCir { 
		width: 1536px;
		margin:0 0 0 -768px;
	}
	.sideCallWr { 
		right:20px;
		bottom:20px;
	}
}
@media all and (max-width:1219px){
	.section.section02 .conBox .sec2bal2 { 
		left:10px; 
	}
	.section.section02 .conBox .sec2bal3 { 
		right:10px; 
	}
}
@media all and (max-width:1199px){
	.sectionWr .section01 .conBox .leftBox { 
		margin:0;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 20px;
	}
	.section.section02 { 
		padding:0 0 60px;
	}
	.section02A { 
		margin:0 auto 60px;
	}
	.section02A .titBox { 
		margin:0 0 40px;
	}
	.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) { 
	.bgCir { 
		width: 1344px;
		margin:0 0 0 -672px;
	}
	.section.section02 { 
		padding:0 0 40px;
	}
	.section.section02 .titBox { 
		margin:0 0 20px; 
	}
	.section02A { 
		margin:0 auto 40px;
	}
	.section02A .titBox { 
		margin:0 0 30px;
	}
	.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;
	}
	.sideCallWr ul li { 
		margin:0 0 10px;
	}
	.sideCallWr ul li img { 
		width: 48px; 
	}
	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) {
	.bgCir { 
		width: 900px;
		margin:0 0 0 -450px;
	}
	.sectionWr .section01 .conBox .leftBox { 
		max-width:70%;
		margin:0 auto;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 auto 15px;
	}
	.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
		text-align:center; 
	}
	.sectionWr .section01 .conBox .rightBox { 
		display:none; 
	}
	.section.section02 { 
		padding:0 0 20px;
	}
	.section02A { 
		margin:0 auto 30px;
	}
	.section02A .titBox { 
		margin: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;
	}
	.sideCallWr { 
		right: 10px;
		bottom: 10px;
	}
	.sideCallWr ul li img { 
		width: 42px; 
	}
	footer .section { 
		padding:20px;
	}
	.footer_logo { 
		width: 167px;
		margin:0 auto 15px;
	}
}
/* -------- 랜딩페이지 끝 -------- */
/* -------- sec2 아래 임시 텍스트 시작 -------- */
.sec2ATxt { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	align-items:center; 
	gap:10px;
	margin:10px 0 0;
	padding:0 10px;
}
.sec2ATxt > * { 
	font-weight:500;
	font-size:17px;
	line-height:1.2;
}
.sec2ATxt a { 
	position:relative; 
	padding:0 15px 0 0;
	color:#F08F00; 
}
.sec2ATxt a:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	right:2px;
	top:50%;
	margin:-5px 0 0;
	border-right:2px solid #F08F00;
	border-bottom:2px solid #F08F00;
	transform:rotate(-45deg);
}
@media all and (max-width:599px){
	.sec2ATxt {
		justify-content:center;  
		gap:5px; 
	}
	.sec2ATxt > * { 
		font-size:15px; 
	}
}
/* -------- sec2 아래 임시 텍스트 끝 -------- */