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

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	line-height:1.3;
	word-break:keep-all;
}
html, body {
	width: 100%; 
	min-height: 100%;
	font-family: "Noto Sans KR", sans-serif;
	scrollbar-width:none;
	overscroll-behavior: none;
}
a { 
	text-decoration:none; 	
}
li { 
	list-style:none; 
}
button, a { 
	font-family: "Noto Sans KR", sans-serif;
	cursor:pointer;
}
button { 
	background:transparent;
	border:none;
}

/* 팝업 시작
------------------------------------------------------ */
.comPopBg { 
	position:fixed;
	display:none;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	z-index: 10;
}
.comPopBox01 {
	position:absolute;
	max-width: 90%;	
	top: 50dvh;
	left: 50%;
	transform:translate(-50%, -50%);
}
.comPopBox01 .topBox { 
	margin:0 0 15px;
	text-align: right;
}
.comPopBox01 .topBox .popClose { 
	position:relative; 
	display:inline-block;
	padding:0 0 0 29px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	color: #FFF;
}
.comPopBox01 .topBox .popClose .btnIco { 
	position:absolute; 
	display:block; 
	width:14px;
	height: 14px;
	top: 3px;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .topBox .popClose .btnIco:before,
.comPopBox01 .topBox .popClose .btnIco:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -9px;
	background: #FFF;
	border-radius: 4px;
}
.comPopBox01 .topBox .popClose .btnIco:before { 
	transform:rotate(45deg);
}
.comPopBox01 .topBox .popClose .btnIco:after { 
	transform:rotate(-45deg);
}
.comPopBox01 .conBox .imgBox { 
	font-size: 0;
}
.comPopBox01 .conBox .imgBox img { 
	max-width: 100%;
}
@media all and (max-width:999px){
	.comPopBox01 { 
		width: 100%;
	}
}
/* 팝업 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
/* 푸터 끝
------------------------------------------------------ */
footer {
	padding:95px 24px 93px;
	background: #292929;
}
footer .fConBox { 
	max-width: 1046px;
	margin:0 auto;
}
footer .fTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 24px;
}
footer .fBtmBox { 
	position:relative;
	padding:0 0 0 202px;
}
footer .fTermLnkLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:19px;
}
footer .fTermLnkLst01 li { 
	position:relative;
	padding:0 20px 0 0;
}
footer .fTermLnkLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 14px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	background: #606060;
}
footer .fTermLnkLst01 li:last-child { 
	padding:0;
}
footer .fTermLnkLst01 li:last-child:after { 
	display:none;
}
footer .fTermLnkLst01 .lnk { 
	display:block;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.05em;
	color: #FFF;
}
footer .fExtraLnkBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
footer .fExtraLnkBox01 .lnk { 
	display:block; 
	font-size: 0;
}
footer .fExtraLnkBox01 .lnk img { 
	max-width: 100%; 
}
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-weight: 700;
	font-size: 14px;
	letter-spacing: -.05em;
	color: #FFF;
}
footer .fInfoLst01 li::after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	background: #A2A2A2;
}
footer .fInfoLst01 li:last-child { 
	padding:0;
}
footer .fInfoLst01 li:last-child:after { 
	display:none;
}
footer .fInfoLst01 .lstTit01 { 
	font-weight: 400; 
	color: #A2A2A2;
}
footer .fCopy01 { 
	margin:13px 0 0;
	font-size: 14px;
	letter-spacing: -.05em;
	color: #A2A2A2;
}
@media all and (max-width:999px){
	footer { 
		padding:26px 24px 25px;
	}
	footer .fTopBox { 
		flex-wrap:wrap;
		gap:13px;
		margin:0 0 13px;
	}
	footer .fBtmBox { 
		padding:0;
	}
	footer .fTermLnkLst01,
	footer .fExtraLnkBox01 { 
		justify-content:center;
		width: 100%;
	}
	footer .fTermLnkLst01 { 
		gap:14px; 
	}
	footer .fTermLnkLst01 li { 
		padding:0 15px 0 0;
	}
	footer .fTermLnkLst01 li:after { 
		height: 8px; 
		margin:-4px 0 0;
	}
	footer .fTermLnkLst01 .lnk { 
		font-size: 13px; 
	}
	footer .fLogo { 
		display:none;
	}
	footer .fInfoLst01 { 
		gap:8px;
	}
	footer .fInfoLst01 li { 
		padding:0;
		font-size: 10px;
	}
	footer .fInfoLst01 li:after { 
		display:none;
	}
	footer .fCopy01 { 
		margin:22px 0 0;
		font-size: 13px;
	}
}
/* 랜딩 시작
------------------------------------------------------ */
.inner { 
	max-width: 1114px; 
	margin:0 auto;
}
.mBnrWr {
	padding:100px 24px 250px;
	background: #FFF3F3;
}
.mBnrWr .mBnrBox { 
	max-width: 1436px; 
	margin:0 auto;
}
.mBnrWr .topBox { 
	margin:0 0 121px;
}
.mBnrWr .topBox .logo { 
	font-size: 0; 
}
.mBnrWr .topBox .logo img { 
	max-width: 100%; 
}
.mBnrWr .tit01 { 
	margin:0 0 37px;
	font-weight: 700;
	font-size: 50px;
	letter-spacing: -.05em;
	text-align: center
}
.mBnrWr .txt01 { 
	margin:0 0 109px;
	font-size: 30px;
	color: #4D4D4D;
	letter-spacing: -.05em;
	text-align: center
}
.mBnrWr .lnkBox {
	display:flex;
	justify-content:center;
	gap:36px;
}
.mBnrWr .lnkBox .lnk { 
	display:block; 
	font-size: 0;
}
.mBnrWr .lnkBox .lnk img { 
	max-width: 100%; 
}
.mIntroWr {
	position:relative;
	padding:153px 24px 233px;
}
.mIntroWr:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	background:linear-gradient(to bottom, #FFF3F3, #FFF);
	z-index: 1;
}
.mIntroWr > * { 
	position:relative; 
	z-index: 1;
}
.mIntroWr .introTit01 { 
	margin:0 0 72px;
	font-weight: 700;
	font-size: 80px;
	line-height: 1.375;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mIntroWr .introTit01 span { 
	color: #FF6B6B; 
}
.mIntroWr .introBox .imgBox {
	font-size: 0;
}
.mIntroWr .introBox .imgBox img { 
	max-width: 100%; 
}
.mIntroWr .introFlexBox {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}
.mIntroWr .introFlexBox .tit01,
.mIntroWr .introFlexBox .txt01 {
	font-size: 30px;
	line-height: 1.667;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mIntroWr .introFlexBox .tit01 { 
	margin:0 0 50px;
	font-weight: 700;
}
.mIntroWr .introFlexBox .txt01 span { 
	font-weight: 700;
	color: #7E7E7E;
}
.mIntroWr .introFlexBox.introBox01 .imgBox { 
	flex-grow:1;
	text-align: center;
}
.mIntroWr .introFlexBox.introBox02 { 
	padding:552px 0 0;
}
.mIntroWr .introFlexBox.introBox03 { 
	flex-direction:row-reverse;
	padding:542px 0 0;
}
.mIntroWr .introTxtBox01 {
	text-align: center; 
}
.mIntroWr .introTxtBox01 .txt01,
.mIntroWr .introTxtBox01 .txt02 {
	font-size: 30px;
	line-height: 1.667;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mIntroWr .introTxtBox01 .txt02 { 
	font-weight: 700;		 
}
.mIntroWr .introTxtBox01 .txt01 + .txt02 { 
	margin-top:100px;
}
.mIntroWr .introTxtBox01 .txt03 { 
	font-weight: 700; 
	font-size: 50px;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mIntroWr .introTxtBox01 .imgBox + .txt03 { 
	margin-top:162px;
}
.mIntroWr .introTxtBox01 .txt02 + .imgBox { 
	margin-top:174px;
}
.mIntroWr .introBox01 + .introTxtBox01 {
	padding:329px 0 0;
}
.mIntroWr .introBox03 + .introTxtBox01 {
	padding:319px 0 0;
}
.mNoworryWr { 
	padding:96px 24px 100px;
	background: #FFF3F3; 
}
.mNoworryWr .nwTit01 {
	margin:0 0 104px;
	font-weight: 700; 
	font-size: 50px;
	line-height: 1;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mNoworryWr .nwTit01 span { 
	color: #8C8C8C; 
}
.mNoworryWr .lst01 { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
}
.mNoworryWr .lst01 li { 
	width: 33.333%;
	text-align: center;
}
.mNoworryWr .lst01 .lstTit01 { 
	margin:0 0 18px;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mNoworryWr .lst01 .lstTit01 span { 
	color: #FF6B6B; 
}
.mNoworryWr .lst01 .lstTxt01 { 
	margin:0 0 20px;
	font-size: 26px;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mNoworryWr .lst01 .lstImgBox { 
	font-size: 0; 
}
.mNoworryWr .lst01 .lstImgBox img { 
	max-width: 100%; 
}
.mNoworryWr .lst01 + .lst01 { 
	margin-top:97px;
}
.mScreenWr { 
	padding:105px 24px;
}
.mScreenWr .scrTit01 { 
	margin:0 0 105px;
	font-weight: 700;
	font-size: 40px;
	line-height: 1;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mScreenWr .scrTit01 span { 
	color: #8C8C8C; 
}
.mScreenWr .lst01 li { 
	display:flex;
	align-items:center;
	gap:40px;
	margin:0 0 96px;
}
.mScreenWr .lst01 .lstConBox { 
	flex-grow:1; 
}
.mScreenWr .lst01 .lstTit01 { 
	display:inline-block;
	margin:0 0 19px;
	padding:8px 23px 11px;
	background: #FF6B6B;
	border-radius: 10px;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -.05em;
	color: #FFF;
}
.mScreenWr .lst01 .lstTxt01 { 
	font-size: 26px;
	line-height: 1.923;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mScreenWr .lst01 li:nth-child(even) { 
	flex-direction:row-reverse; 
}
.mScreenWr .lst01 li:nth-child(even) .lstConBox { 
	text-align: right;
}
.mScreenWr .lst01 li:last-child { 
	margin:0;
}
.mFunnyWr { 
	padding:98px 24px 100px;
	background: #F5F5F5; 
}
.mFunnyWr .funTit01 { 
	margin:0 0 37px;
	font-weight: 700;
	font-size: 40px;
	letter-spacing: -.05em;
	text-align: center;
	color: #4D4D4D;
}
.mFunnyWr .funImgBox { 
	text-align: center;
	font-size: 0; 
}
.mFunnyWr .funImgBox img { 
	max-width: 100%; 
}
.mFunnyWr .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:55px;
}
.mFunnyWr .lst01 li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 55px)/2);
	padding:33px 35px 0;
	background: #FFF;
	border-radius: 40px;
}
.mFunnyWr .lst01 .lstTit01 { 
	margin:0 0 10px;
	padding:0 0 18px;
	border-bottom:1px solid #4D4D4D;
	font-weight: 700; 
	font-size: 26px;
	letter-spacing: -.05em;
	color: #FF6B6B;
}
.mFunnyWr .lst01 .lstTxt01 { 
	flex-grow:1;
	margin:0 0 50px;
	font-size: 22px;
	line-height: 1.36;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mFunnyWr .lst01 .lstImgBox {
	font-size: 0; 
	text-align: center;
}
.mFunnyWr .lst01 .lstImgBox img { 
	max-width: 100%; 
}
.mLastlyWr { 
	padding:97px 24px 100px;
	text-align: center; 
}
.mLastlyWr .lastTit01 { 
	margin:0 0 82px;
	font-weight: 700;
	font-size: 40px;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mLastlyWr * + .lastTit01 { 
	margin-top:97px;
}
.mLastlyWr .lastTit01 span { 
	color: #8C8C8C; 
}
.mLastlyWr .lastTxt01 { 
	font-size: 26px;
	line-height: 1.923;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mLastlyWr .lastTxt01 + .lastTxt01 { 
	margin-top:50px;
}
.mLastlyWr .lastTxt02 { 
	font-weight: 700; 
	font-size: 30px;
	line-height: 1.667;
	letter-spacing: -.05em;
	color: #4D4D4D;
}
.mLastlyWr .lastTxt01 + .lastTxt02 { 
	margin-top:48px;
}
.mLastlyWr .lastImgBox {
	margin:86px 0 0;
	font-size: 0;
	text-align: center; 
}
.mLastlyWr .lastImgBox img { 
	max-width: 100%; 
}
.mLastlyWr .lastLnkBox {
	display:flex;
	justify-content:center;
	gap:36px;
	margin:64px 0 0;
}
.mLastlyWr .lastLnkBox .lnk { 
	display:block; 
	font-size: 0;
}
.mLastlyWr .lastLnkBox .lnk img { 
	max-width: 100%;
}
.mEventPop01 .imgBox { 
	position:relative;
}
.mEventPop01 .imgBox .lnkBox01 { 
	position:absolute;
	display:flex;
	justify-content:center;
	gap:4%;
	width: 76%;
	bottom: 12%;
	left: 12%;
}
.mEventPop01 .imgBox .lnkBox01 .lnk { 
	display:block; 
	width: calc(96%/2);
	font-size: 0;
}
.mEventPop01 .imgBox .lnkBox01 .lnk img { 
	width: 100%;
}
@media all and (max-width:999px){	
	.mBnrWr { 
		padding:163px 24px 40px;
	}
	.mBnrWr .topBox { 
		margin:0 0 14px;
	}
	.mBnrWr .topBox .logo { 
		width: 89px;
		margin:0 auto;
	}
	.mBnrWr .tit01 { 
		margin:0 0 2px;
		font-size: 30px;
	}
	.mBnrWr .txt01 { 
		margin:0 0 379px;
		font-size: 20px;
	}
	.mBnrWr .lnkBox { 
		gap:16px; 
	}
	.mBnrWr .lnkBox .lnk { 
		width: 147px; 
	}
	.mIntroWr { 
		padding:98px 24px 102px;
		text-align: center;
		overflow: hidden;
	}
	.mIntroWr .introTit01 { 
		margin:0 0 94px;
		font-size: 30px;
		text-align: left;
	}
	.mIntroWr .introFlexBox { 
		flex-wrap:wrap;
	}
	.mIntroWr .introFlexBox .imgBox,
	.mIntroWr .introFlexBox .conBox { 
		width: 100%; 
	}
	.mIntroWr .introFlexBox .tit01, 
	.mIntroWr .introFlexBox .txt01 { 
		font-size: 16px; 
	}
	.mIntroWr .introFlexBox .tit01 { 
		margin:0 0 21px;
	}
	.mIntroWr .introFlexBox .txt01 { 
		line-height: 1.875; 
	}
	.mIntroWr .introFlexBox.introBox01 { 
		flex-direction:column-reverse;
		gap:94px;
	}
	.mIntroWr .introFlexBox.introBox01 .imgBox img { 
		width: 169px;
	}
	.mIntroWr .introFlexBox.introBox02 { 
		gap:48px;
		padding:98px 0 0;
	}
	.mIntroWr .introFlexBox.introBox02 .imgBox img { 
		width: 158px; 
	}
	.mIntroWr .introFlexBox.introBox03 { 
		gap:50px;
		padding:100px 0 0;
	}
	.mIntroWr .introFlexBox.introBox03 .imgBox img { 
		width: 211px; 
	}
	.mIntroWr .introTxtBox01 .txt01 { 
		font-size: 16px;
		line-height: 1.875;
	}
	.mIntroWr .introTxtBox01 .txt02 { 
		font-size: 20px; 
	}
	.mIntroWr .introTxtBox01 .txt02.stSmall01 { 
		font-size: 16px; 
	}
	.mIntroWr .introTxtBox01 .txt01 + .txt02 { 
		margin-top:49px;
	}
	.mIntroWr .introTxtBox01 .txt03 { 
		font-size: 20px; 
	}
	.mIntroWr .introTxtBox01 .imgBox + .txt03 { 
		margin-top:101px;
	}
	.mIntroWr .introTxtBox01 .imgBox img { 
		width: 79px; 
	}
	.mIntroWr .introTxtBox01 .txt02 + .imgBox { 
		margin-top:103px;
	}
	.mIntroWr .introBox01 + .introTxtBox01 { 
		padding:99px 0 0;
	}
	.mIntroWr .introBox03 + .introTxtBox01 { 
		padding:102px 0 0;
	}
	.mNoworryWr { 
		padding:49px 24px;
	}
	.mNoworryWr .nwTit01 { 
		margin:0 0 57px;
		font-size: 20px; 
		text-align: center;
	}
	.mNoworryWr .lst01 { 
		gap:53px; 
	}
	.mNoworryWr .lst01 li { 
		width: 100%;
	}
	.mNoworryWr .lst01 .lstTit01 { 
		margin:0 0 21px;
		font-size: 16px;
	}
	.mNoworryWr .lst01 .lstTxt01 { 
		margin:0 0 16px;
		font-size: 14px;
	}
	.mNoworryWr .lst01 .lstImgBox img { 
		max-width: 263px; 
	}
	.mNoworryWr .lst01 + .lst01 { 
		margin-top:53px;
	}
	.mScreenWr { 
		padding:49px 24px 45px;
		overflow: hidden;
	}
	.mScreenWr .scrTit01 { 
		margin:0 0 52px;
		font-size: 20px;
		text-align: center;
	}
	.mScreenWr .lst01 li { 
		flex-direction:column-reverse;
		align-items:center;
		justify-content:center;
		margin:0 0 47px;
		text-align: center;
	}
	.mScreenWr .lst01 li:nth-child(even) { 
		flex-direction:column-reverse; 
	}
	.mScreenWr .lst01 li:nth-child(even) .lstConBox { 
		text-align: center; 
	}
	.mScreenWr .lst01 .lstTit01 { 
		margin:0 0 20px;
		padding:9px 16px 10px;
		font-size: 16px;
	}
	.mScreenWr .lst01 .lstTxt01 { 
		font-size: 14px;
		line-height: 2.143;
	}
	.mFunnyWr { 
		padding:52px 24px 50px;
	}
	.mFunnyWr .funTit01 { 
		margin:0 0 50px;
		font-size: 20px;
	}
	.mFunnyWr .lst01 { 
		gap:40px; 
	}
	.mFunnyWr .lst01 li { 
		width: 100%;
		padding:34px 25px 0;
	}
	.mFunnyWr .lst01 .lstTit01 { 
		padding: 0 0 14px;
		font-size: 16px;
	}
	.mFunnyWr .lst01 .lstTxt01 { 
		margin:0 0 19px;
		font-size: 14px;
		line-height: 1.429;
	}
	.mFunnyWr .lst01 .lstImgBox img { 
		width: 264px; 
	}
	.mLastlyWr { 
		padding:49px 24px 50px;
	}
	.mLastlyWr .lastTit01 { 
		margin:0 0 51px;
		font-size: 20px;
	}
	.mLastlyWr * + .lastTit01 { 
		margin-top:50px;
	}
	.mLastlyWr .lastTxt01 { 
		font-size: 14px; 
	}
	.mLastlyWr .lastTxt01 + .lastTxt01 { 
		margin-top:34px;
	}
	.mLastlyWr .lastTxt02 { 
		font-size: 16px; 
	}
	.mLastlyWr .lastTxt02.stBig01 { 
		font-size: 20px; 
	}
	.mLastlyWr .lastTxt01 + .lastTxt02 { 
		margin-top:32px;
	}
	.mLastlyWr .lastImgBox img { 
		width: 264px; 
	}
	.mLastlyWr .lastLnkBox { 
		gap:16px;
		margin:49px 0 0;
	}
	.mLastlyWr .lastLnkBox .lnk { 
		width: 147px; 
	}
}
/* 랜딩 끝
------------------------------------------------------ */