@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: YeogiOttaeJalnan;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff) format(woff);
    font-weight: normal;
    font-display: swap;
}
@font-face {
	font-family: Pretendard-Bold;
	src: url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format(woff);
	font-weight: 700;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	line-height:1.3;
	letter-spacing:-.02em;
	word-break:keep-all;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body {
	font-family: Noto Sans KR, sans-serif;
}
li { 
	list-style:none; 
}
a {
	text-decoration:none;
}
button {
	background: transparent; 
	border:none; 
	cursor:pointer;
}

.inner { 
	max-width: 1200px;
	margin:0 auto;
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}

/* 푸터 시작
------------------------------------------------------ */
.fTopBox { 
	background: url(/images/renew/fTopBg01.png) no-repeat; 
	background-size:cover;
}
.fTopBox .inner {
	position:relative;
	padding:73px 660px 76px 0;
}
.fTopBox .txt01 {
	margin:0 0 21px;
	font-weight: 500;
	font-size: 46px;
	color: #FFF;
}
.fTopBox .txt01 span { 
	font-weight: 900;
	color: #CCFFE9;
}
.fTopBox .txt02 { 
	margin:0 0 4px;
	font-size: 24px;	
	color: #FFF;
}
.fTopBox .txt03 { 
	margin:0 0 55px;
	font-weight: 500;
	font-size: 30px;
	color: #FFF;
}
.fTopBox .txt03 span { 
	color: #CCFFE9;
}
.fTopBox .btnBox { 
	display:flex;
	gap:10px;
}
.fTopBox .btnBox .btnStore { 
	display:block;
	width: 200px;
	font-size: 0;
}
.fTopBox .btnBox .btnStore img { 
	max-width: 100%; 
}
.fTopBox .imgBox { 
	position:absolute;
	max-width: 100%;
	bottom: 0;
	right: 147px;
	font-size: 0; 
}
.fTopBox .imgBox img { 
	max-width: 100%; 
}
footer { 
	background: #292929; 
}
footer .inner { 
	position:relative;
	padding:70px 0 70px 490px;
}
footer .logo { 
	position:absolute; 
	left:0;
	top:50%;
	transform:translateY(-50%);
	font-size: 0;
}
footer .logo img { 
	max-width: 100%; 
}
footer .infoLst01 { 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
}
footer .infoLst01 li { 
	position:relative; 
	padding:0 11px 0 0;
	font-size:14px;
	color: #FFF;
}
footer .infoLst01 li:after { 
	content:"";
	position:absolute;
	display:block;
	width: 1px;
	height: 8px;
	right:0;
	top:50%;
	margin:-4px 0 0;
	background:#595959;
}
footer .infoLst01 li span { 
	color:#939393; 
}
footer .infoLst01 li:last-child:after { 
	display:none; 
}
footer .copy { 
	margin:17px 0 0;
	font-size:13px;
	color:#727272;
}
@media all and (max-width:1199px){
	.fTopBox .inner { 
		padding:73px 510px 76px 0;
	}
	.fTopBox .imgBox {
		right: 0; 
	}
}
@media all and (max-width:999px){
	.fTopBox .inner { 
		padding:40px 0 0;
		text-align: center;
	}
	.fTopBox .txt01 { 
		margin:0 0 13px;
		font-size: 24px; 
	}
	.fTopBox .txt02 { 
		margin:0 0 2px;
		font-size: 18px;
	}
	.fTopBox .txt03 { 
		margin:0 0 16px;
		font-size: 20px;
	}
	.fTopBox .btnBox {
		justify-content:center;
		margin:0 0 24px;
	}
	.fTopBox .btnBox .btnStore { 
		width: 162px; 
	}
	.fTopBox .imgBox { 
		position:relative; 
		width: 400px;
		bottom: auto;
		right: auto;
		margin:0 auto;
	}
	footer .inner { 
		padding:40px 0;
	}
	footer .logo { 
		position:relative;
		width: 150px;
		left:auto;
		top:auto;
		margin:0 0 24px;
		transform:translateY(0);
	}
	footer .infoLst01 { 
		gap:8px; 
	}
	footer .infoLst01 li { 
		padding:0;
		font-size: 13px;
	}
	footer .infoLst01 li:after { 
		display:none;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 랜딩 시작
------------------------------------------------------ */
.sec01Wr { 
	background:url(/images/renew/sec01Bg01.png) no-repeat;
	background-size:100% auto;
}
.sec01Wr .inner { 
	padding:80px 0 320px;
}
.sec01Wr .logo { 
	margin:0 0 20px;
}
.sec01Wr .logo span { 
	display:block; 
}
.sec01Wr .logoImgBox { 
	margin:0 0 14px;
	font-size: 0;
}
.sec01Wr .logoImgBox img { 
	max-width: 100%; 
}
.sec01Wr .logoTxt01 { 
	font-family: YeogiOttaeJalnan;
	font-weight: 400;
	font-size: 91px;
	letter-spacing: -1px;
	color: #FFF;
}
.sec01Wr .txt01 {
	margin:0 0 27px;
	font-family: YeogiOttaeJalnan;
	font-weight: 400;
	font-size: 36px;
	color: #FFE100;
}
.sec01Wr .txt02 { 
	margin:0 0 30px;
	font-weight: 500;
	font-size: 50px;
	color: #FFF;
}
.sec01Wr .btnBox { 
	display:flex;
	gap:20px;
}
.sec01Wr .btnBox .btnStore {
	display:block; 
	font-size: 0;
}
.sec01Wr .btnBox .btnStore img { 
	max-width: 100%; 
}
.sec01Wr .imgBox { 
	display:none;
}
.sec02Wr {
	margin:0 0 138px;
	background:url(/images/renew/sec02Bg01.png) no-repeat;
	background-size:cover;
}
.sec02Wr .inner { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}
.sec02Wr .sTit01 { 
	font-size: 30px;
	color: #424242;
}
.sec02Wr .tit01 { 
	margin:0 0 23px;
	font-weight: 700;
	font-size: 48px;
	color: #212121;
}
.sec02Wr .tit01 span { 
	color: #25BAB5; 
}
.sec02Wr .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.sec02Wr .lst01 li { 
	width: calc((100% - 24px)/2);
	padding:20px 15px 18px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:0 1px 3px 0 rgba(153,153,153,.25);
	text-align: center;
}
.sec02Wr .lst01 .lstTit01 { 
	margin:0 0 15px;
	font-weight: 500;
	font-size: 22px;
	color: #25BAB5;
}
.sec02Wr .lst01 .lstTxt01 { 
	font-weight: 700; 
	font-size: 40px;
	color: #424242;
}
.sec02Wr .lst01 .lstTxt01 span { 
	font-size: .8em; 
}
.sec02Wr .imgBox { 
	flex-shrink:0;
	font-size: 0;
}
.sec02Wr .imgBox img { 
	max-width: 100%; 
}
.sec03Wr {
	margin:0 0 174px;
}
.sec03Wr .lst01 { 
	display:flex;
	flex-wrap:wrap; 
}
.sec03Wr .lst01 li { 
	width: 33.333%; 
	text-align: center;
}
.sec03Wr .lst01 .circle { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 170px;
	height: 170px;
	margin:0 auto 19px;
	background: #EDFAFA;
	border-radius: 50%;
	font-size: 0;
}
.sec03Wr .lst01 .lstTit01 { 
	margin:0 0 9px;
	font-weight: 700;
	font-size: 28px;
	color: #424242;
}
.sec03Wr .lst01 .lstTxt01 { 
	font-size: 20px; 
	color: #424242;
}
.sec04Wr .secTit01 {
	padding:0 16px;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
	color: #424242;
}
.sec04Wr .secTit01 span { 
	display:block;
	font-weight: 700;
	font-size: 1.6em;
	color: #25BAB5;
}
.sec04Wr .inner {
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:80px;
	padding:80px 0;
}
.sec04Wr .conBox:nth-child(odd) { 
	background: #FAFAFA; 
}
.sec04Wr .conBox:nth-child(odd) .inner { 
	flex-direction:row-reverse; 
}
.sec04Wr .imgBox { 
	flex-shrink:0;
	font-size: 0; 
}
.sec04Wr .imgBox img { 
	max-width: 100%; 
}
.sec04Wr .num { 
	display:inline-block;
	margin:0 0 19px;
	padding:4px 13px 3px;
	background: #25BAB5;
	border-radius: 50px;
	font-family: Pretendard-Bold;
	font-size: 30px;
	color: #FFF;
}
.sec04Wr .tit01 { 
	margin:0 0 17px;
	font-weight: 500; 
	font-size: 42px;
	color: #212121;
}
.sec04Wr .tit01 span { 
	color: #25BAB5;
}
.sec04Wr .txt01 { 
	font-size: 24px;
	line-height: 1.4;
	color: #424242;
}
.sec04Wr .heart { 
	position:absolute; 
	display:block;
	font-size: 0;
}
.sec04Wr .heart img { 
	max-width: 100%; 
}
.sec04Wr .heart.heart01 { 
	top: 0; 
	right: 0;
}
.sec04Wr .heart.heart02 { 
	bottom: 100px; 
	left: -100px;
}
.sec05Wr { 
	padding:80px 0;
	background:#F5FEFF; 
}
.sec05Wr .inner { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.sec05Wr .compareBox { 
	width: calc((100% - 24px)/2); 
}
.sec05Wr .logo { 
	margin:0 0 24px;
	font-size: 0;
}
.sec05Wr .logo img { 
	max-width: 100%; 
}
.sec05Wr .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.sec05Wr .lst01 li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 24px)/2);
	padding:22px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:0 1px 3px 0 rgba(153,153,153,.25);
}
.sec05Wr .lst01 .lstTit01 {
	margin:0 0 22px;
	font-weight: 500;
	font-size: 24px;
	color: #212121;
}
.sec05Wr .lst01 .lstTit02 {
	flex-grow:1;
	font-family: YeogiOttaeJalnan;
	font-weight: 400;
	font-size: 25px;
	color: #25BAB5;
}
.sec05Wr .lst01 .scoreBox { 
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:7px;
}
.sec05Wr .lst01 .scoreTxt01 { 
	font-size: 16px; 
	color: #999;
}
.sec05Wr .lst01 .scoreStar { 
	display:block; 
	font-size: 0;
}
.sec05Wr .lst01 .scoreStar img { 
	max-width: 100%; 
}
.sec05Wr .lst01 .score { 
	font-size: 24px; 
}
.sec05Wr .lst01 .score01.st01 { 
	font-weight: 500;
	color: #666;
}
.sec05Wr .lst01 .score.st02 { 
	font-weight: 700;
	color: #666;
}
.sec05Wr .infoTxt01 { 
	margin:9px 0 0;
	font-size: 16px;
	text-align: right;
	color: #999;
}
@media all and (max-width:999px){
	.sec01Wr {
		background-image:url(/images/renew/sec01Bg01_mb.png);
		text-align: center;
	}
	.sec01Wr .inner { 
		margin:0 auto;
		padding:40px 0 0;
	}
	.sec01Wr .logo {
		margin:0 0 10px;
		padding:0 16px;
	}
	.sec01Wr .logoImgBox { 
		width: 58px;
		margin:0 auto 10px;
	}
	.sec01Wr .logoTxt01 { 
		font-size: 40px; 
	}
	.sec01Wr .txt01 { 
		margin:0 0 10px;
		padding:0 16px;
		font-size: 21px; 
	}
	.sec01Wr .txt02 { 
		margin:0 0 16px;
		padding:0 16px;
		font-size: 29px;
	}
	.sec01Wr .btnBox {
		justify-content:center;
		gap:10px;
		padding:0 16px;
	}
	.sec01Wr .btnBox .btnStore { 
		width: 162px; 
	}
	.sec01Wr .imgBox { 
		display:block; 
		font-size: 0;
	}
	.sec01Wr .imgBox img { 
		max-width: 100%; 
	}
	.sec02Wr { 
		margin:0 0 40px;
		padding:24px 0 0;
	}
	.sec02Wr .inner { 
		flex-wrap:wrap; 
		justify-content:center;
		text-align: center;
	}
	.sec02Wr .lBox { 
		width: 100%; 
	}
	.sec02Wr .sTit01 { 
		font-size: 16px; 
	}
	.sec02Wr .tit01 { 
		margin:0 0 15px;
		font-size: 18px;
	}
	.sec02Wr .lst01 { 
		gap:10px; 
	}
	.sec02Wr .lst01 li { 
		width: calc((100% - 10px)/2);
		padding:15px 10px 13px;
	}
	.sec02Wr .lst01 .lstTit01 { 
		margin:0 0 3px;
		font-size: 14px;
	}
	.sec02Wr .lst01 .lstTxt01 { 
		font-size: 16px; 
	}
	.sec02Wr .imgBox { 
		width: 260px; 
	}
	.sec03Wr { 
		margin:0 0 40px;
	}
	.sec03Wr .lst01 .circle {
		width: 100px;
		height: 100px;
		margin:0 auto 8px;
	}
	.sec03Wr .lst01 .circle img { 
		width: 70px; 
	}
	.sec03Wr .lst01 .lstTit01 { 
		margin:0 0 5px;
		font-size: 16px;
	}
	.sec03Wr .lst01 .lstTxt01 { 
		font-size: 14px; 
	}
	.sec04Wr .secTit01 {
		font-size: 20px;
	}
	.sec04Wr .secTit01 span {
		font-size: 1.3em;
	}
	.sec04Wr .inner {
		flex-direction:column;
		justify-content:center;
		gap:16px;
		padding:40px 0;
		text-align: center;
	}
	.sec04Wr .conBox:nth-child(odd) .inner { 
		flex-direction:column;
	}
	.sec04Wr .imgBox { 
		width: 300px;
	}
	.sec04Wr .num { 
		margin:0 0 6px;
		padding:4px 10px 3px;
		font-size: 18px;
	}
	.sec04Wr .tit01 { 
		margin:0 0 4px;
		font-size: 16px;
	}
	.sec04Wr .txt01 { 
		font-size: 14px;
	}
	.sec04Wr .txt01 br { 
		display:none;
	}
	.sec04Wr .heart { 
		display:none;
	}
	.sec05Wr { 
		padding:40px 0;
	}
	.sec05Wr .inner { 
		gap:16px; 
	}
	.sec05Wr .compareBox { 
		width: calc((100% - 16px)/2); 
	}
	.sec05Wr .logo { 
		width: 120px;
		margin:0 0 10px;
	}
	.sec05Wr .lst01 { 
		gap:16px; 
	}
	.sec05Wr .lst01 li {
		width: calc((100% - 16px)/2);
		padding:16px;
	}
	.sec05Wr .lst01 .lstTit01 { 
		margin:0 0 16px;
		font-size: 16px; 
	}
	.sec05Wr .lst01 .lstTit01 br { 
		display:none;
	}
	.sec05Wr .lst01 .lstTit02 { 
		font-size: 18px; 
	}
	.sec05Wr .lst01 .scoreTxt01 { 
		font-size: 14px; 
	}
	.sec05Wr .lst01 .scoreStar { 
		width: 16px;
	}
	.sec05Wr .lst01 .score { 
		font-size: 18px;
	}
	.sec05Wr .infoTxt01 { 
		margin:5px 0 0;
		font-size:14px;
	}
}
@media all and (max-width:599px){
	.sec03Wr .lst01 { 
		gap:16px; 
	}
	.sec03Wr .lst01 li,
	.sec05Wr .compareBox,
	.sec05Wr .lst01 li { 
		width: 100%; 
	}
	.sec05Wr .lst01 .lstTit02 { 
		margin:0 0 16px;
	}
}
/* 랜딩 끝
------------------------------------------------------ */