@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	letter-spacing:-.02em;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body {
	font-family: Noto Sans KR, sans-serif;
	line-height:1.4;
	word-break:keep-all;
}
li { 
	list-style:none; 
}
a {
	text-decoration:none;
}
.inner { 
	max-width: 1200px;
	margin:0 auto;
}
.verMb { 
	display:none;
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){
	.verPc { 
		display:none;
	}
	.verMb { 
		display:block;
	}
}

/* 푸터 시작
------------------------------------------------------ */
.fTopBox {
	background: url(/images/renew/fTopBg01_pc.png) no-repeat; 
	background-size:100% 100%;
}
.fTopBox .inner { 
	position:relative;
	padding:165px 570px 282px 0;
}
.fTopBox .txt01 { 
	margin:0 0 62px;
	font-weight: 700;
	font-size: 48px; 
	line-height: 1.3;
	color: #FFF;
}
.fTopBox .txt01 span { 
	font-weight: 300; 
	font-size: 74px;
}
.fTopBox .btnBox { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.fTopBox .btnBox .btn { 
	display:block; 
	font-size: 0;
}
.fTopBox .btnBox .btn img { 
	max-width: 100%; 
}
.fTopBox .imgBox {
	position:absolute;
	bottom: 0;
	right: -159px;
	font-size: 0;
}
.fTopBox .imgBox img { 
	max-width: 100%; 
}
footer { 
	background: #292929; 
}
footer .inner { 
	position:relative;
	padding:92px 0 91px 553px;
}
footer .fLogo { 
	position:absolute; 
	top: 50%;
	left: 0;
	transform:translateY(-50%);
	font-size: 0;
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fInfoLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
footer .fInfoLst01 li {
	position:relative;
	padding:0 11px 0 0;
	font-size: 14px;
	color: #FFF;
}
footer .fInfoLst01 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 .fInfoLst01 li:last-child { 
	padding:0;
}
footer .fInfoLst01 li:last-child:after { 
	display:none;
}
footer .fInfoLst01 .lstTit01 { 
	color: #939393; 
}
footer .fInfoLst01 + .fInfoLst01 { 
	margin-top:5px;
}
footer .fCopy { 
	margin:5px 0 0;
	font-size: 13px;
	color: #727272;
}
@media all and (max-width:1599px){
	.fTopBox .inner { 
		padding:115px 490px 140px 0;
	}
	.fTopBox .imgBox { 
		width: 500px;
		right: -80px; 
	}
}
@media all and (max-width:1399px){
	.fTopBox .imgBox { 
		right: 0;
	}
}
@media all and (max-width:999px){
	.fTopBox {
		background-image: url(/images/renew/fTopBg01_mb.png);
	}
	.fTopBox .inner { 
		display:flex;
		align-items:center; 
		justify-content:center;
		padding:46px 0 13px;
	}
	.fTopBox .txt01 {
		margin:0 0 31px;
		font-size: 20px;
	}
	.fTopBox .txt01 br { 
		display:none;
	}
	.fTopBox .txt01 span { 
		font-size: 28px; 
	}
	.fTopBox .btnBox { 
		display:block;
	}
	.fTopBox .btnBox .btn { 
		width: 115px;
		margin:0 0 20px;
	}
	.fTopBox .btnBox .btn:last-child { 
		margin:0;
	}
	.fTopBox .imgBox { 
		flex-shrink:0;
		position:relative;
		width: 207px;
		bottom: auto;
		right: auto;
	}
	footer .inner { 
		padding:23px 0;
		text-align: center;
	}
	footer .fLogo { 
		position:relative;
		width: 70px;
		top: auto;
		left: auto;
		margin:0 auto 19px;
		transform:translateY(0);
	}
	footer .fInfoLst01 { 
		justify-content:center;
		gap:5px;
	}
	footer .fInfoLst01 li { 
		display:flex;
		justify-content:center;
		gap:8px;
		font-size: 12px;
		word-break:break-all;
	}
	footer .fInfoLst01 li.fullWid { 
		width: 100%;
		padding:0;
	}
	footer .fInfoLst01 li.fullWid:after { 
		display:none;
	}
	footer .fInfoLst01 .lstTit01 { 
		flex-shrink:0;
	}
	footer .fCopy { 
		font-size: 12px;
		text-align: center;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 랜딩 시작
------------------------------------------------------ */
.sec01Wr {
	background: url(/images/renew/sec01Bg01_pc.png) no-repeat;
	background-size:100% 100%;
}
.sec01Wr .inner { 
	position:relative;
	padding:332px 0 334px 600px;
}
.sec01Wr .logo {
	display:none;
}
.sec01Wr .tit01 { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 74px;
	color: #FFF;
}
.sec01Wr .tit01 span { 
	font-weight: 300;
	font-size: 78px;
}
.sec01Wr .txt01 { 
	margin:0 0 54px;
	font-weight: 500;
	font-size: 46px;
	color: #FFC000;
}
.sec01Wr .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:40px;
}
.sec01Wr .btnBox .btn { 
	display:block; 
	font-size: 0;
}
.sec01Wr .btnBox .btn img { 
	max-width: 100%; 
}
.sec01Wr .imgBox { 
	position:absolute;
	max-width: 100%;
	bottom: 103px;
	left: -100px;
	font-size: 0;
}
.sec01Wr .imgBox img { 
	max-width: 100%; 
}
.sec02Wr .inner { 
	position:relative;
}
.sec02Wr .tit01 { 
	margin:0 0 40px;
	font-weight: 300;
	font-size: 54px;
	color: #212121;
}
.sec02Wr .tit01 span { 
	font-weight: 700;
}
.sec02Wr .txt01 { 
	font-weight: 300; 
	font-size: 36px;
	color: #424242;
}
.sec02Wr .txt01 span { 
	font-weight: 500; 
}
.sec02Wr .imgBox {
	position:absolute;
	max-width: 100%;
	font-size: 0; 
}
.sec02Wr .imgBox img { 
	max-width: 100%; 
}
.sec02Wr .conBox01 { 
	background:url(/images/renew/sec02Bg01_pc.png) no-repeat;
	background-size:100% 100%;
}
.sec02Wr .conBox01 .inner {
	padding:209px 500px 340px 0;
}
.sec02Wr .conBox01 .imgBox {
	bottom: 0;
	right: -115px;
}
.sec02Wr .conBox02 .inner { 
	padding:209px 0 209px 670px;
	text-align: right;
}
.sec02Wr .conBox02 .imgBox { 
	top: 95px;
	left: -6px;
}
.sec02Wr .conBox03 .inner { 
	padding:339px 640px 196px 0;
}
.sec02Wr .conBox03 .imgBox { 
	bottom: 0;
	right: -70px;
}
.sec02Wr .conBox04 .inner { 
	padding:378px 0 378px 0;
	text-align: right;
}
.sec02Wr .conBox04 .imgBox { 
	bottom: 136px;
	left: 85px;
}
@media all and (max-width:1499px){
	.sec01Wr .imgBox { 
		left: 0; 
	}
	.sec02Wr .conBox03 .inner { 
		padding:339px 660px 196px 0;
	}
	.sec02Wr .conBox03 .imgBox { 
		right: -50px; 
	}
}
@media all and (max-width:1199px){
	.sec01Wr .inner { 
		padding:80px 0;
		text-align: center;
	}
	.sec01Wr .btnBox { 
		justify-content:center;
	}
	.sec01Wr .imgBox { 
		position:relative; 
		bottom: auto;
		left: auto;
		margin:54px auto 0;	
	}
}
@media all and (max-width:999px){
	.sec01Wr { 
		background-image: url(/images/renew/sec01Bg01_mb.png);
	}
	.sec01Wr .inner { 
		padding:42px 0 49px;
	}
	.sec01Wr .logo { 
		display:block;
		margin:0 0 29px;
		font-size: 0;
	}
	.sec01Wr .logo img { 
		max-width: 100%; 
	}
	.sec01Wr .tit01 {
		margin:0 0 8px;
		font-size: 28px; 
	}
	.sec01Wr .tit01 span { 
		font-size: 28px; 
	}
	.sec01Wr .txt01 { 
		margin:0 0 26px;
		font-size: 18px; 
	}
	.sec01Wr .btnBox { 
		gap:20px;
	}
	.sec01Wr .btnBox .btn { 
		width: 144px; 
	}
	.sec01Wr .imgBox { 
		width: 228px;
		margin:22px auto 0;
	}
	.sec02Wr { 
		text-align: center; 
	}
	.sec02Wr .tit01 br,
	.sec02Wr .txt01 br { 
		display:none;
	}
	.sec02Wr .tit01 {
		margin:0 0 19px;
		font-size: 24px;
	}
	.sec02Wr .txt01 {
		font-size: 16px;
	}
	.sec02Wr .imgBox { 
		position:relative;
		width: 320px;
	}
	.sec02Wr .conBox01 .inner { 
		padding:50px 0 0;
	}
	.sec02Wr .conBox01 .imgBox { 
		bottom: auto; 
		right: auto;
		margin:20px auto 0;
	}
	.sec02Wr .conBox02 .inner { 
		padding:50px 0;
		text-align: center;
	}
	.sec02Wr .conBox02 .imgBox { 
		top: auto;
		left: auto;
		margin:15px auto 0;
	}
	.sec02Wr .conBox03 .inner { 
		padding:0;
	}
	.sec02Wr .conBox03 .imgBox { 
		bottom: auto;
		right: auto;
		margin:38px auto 0;
	}
	.sec02Wr .conBox04 .inner { 
		padding:100px 0 9px;
		text-align: center;
	}
	.sec02Wr .conBox04 .imgBox { 
		bottom: auto;
		left: auto;
		margin:50px auto 0;
	}
}
/* 랜딩 끝
------------------------------------------------------ */