@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

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

/* 푸터 시작
------------------------------------------------------ */
.fTopBox { 
	background: #966C56; 
	padding:34px 20px 45px;
}
.fTopBox .conBox { 
	position:relative;
	max-width: 1113px;
	margin:0 auto;
	padding:0 500px 0 0;
}
.fTopBox .conBox .lBox .tit01 { 
	margin:0 0 19px;
	font-weight: 500;
	font-size: 46px;
	color: #FFF;
}
.fTopBox .conBox .lBox .tit01 span { 
	font-weight: 700; 
}
.fTopBox .conBox .lBox .txt01 { 
	margin:0 0 16px;
	font-size: 24px;
	line-height: 1.417;
	color: #FFF;
}
.fTopBox .conBox .lBox .txt02 { 
	margin:0 0 54px;
	font-size: 34px; 
	color: #FFF;
}
.fTopBox .conBox .lBox .txt02 span { 
	font-weight: 700;
}
.fTopBox .conBox .lBox .lnk { 
	display:inline-block;
	max-width: 100%;
	font-size: 0;
}
.fTopBox .conBox .lBox .lnk img { 
	max-width: 100%; 
}
.fTopBox .conBox .rBox { 
	position:absolute;
	bottom:0;
	right:-16px;
	font-size: 0;
}
.fTopBox .conBox .rBox img { 
	max-width: 100%; 
}
.fConBox { 
	padding:60px 20px;
	text-align: center; 
}
.fConBox .logo { 
	max-width: 100%;
	margin:0 auto 48px;
	font-size: 0; 
}
.fConBox .logo img { 
	max-width: 100%; 
}
.fConBox .infoLst { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
}
.fConBox .infoLst li { 
	position:relative;
	padding:0 9px 0 0;
	font-size: 14px;
	color: #666;
}
.fConBox .infoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	background: #999;
}
.fConBox .infoLst li .tit { 
	color: #999; 
}
.fConBox .infoLst li:last-child { 
	padding:0;
}
.fConBox .infoLst li:last-child:after { 
	display:none; 
}
.fConBox .infoLst + .infoLst { 
	margin-top:8px;
}
.fConBox .copy { 
	margin:16px 0 0;
	font-size: 13px;
	color: #999;
}
@media all and (max-width:999px){
	.fTopBox { 
		padding:30px 20px;
	}
	.fTopBox .conBox { 
		padding:0 410px 0 0;
	}
	.fTopBox .conBox .lBox .tit01 { 
		margin:0 0 15px;
		font-size: 37px;
	}
	.fTopBox .conBox .lBox .txt01 { 
		margin:0 0 13px;
		font-size: 19px;
		line-height: 1.3;
	}
	.fTopBox .conBox .lBox .txt02 { 
		margin:0 0 30px;
		font-size: 27px;
	}
	.fTopBox .conBox .lBox .lnk { 
		width: 208px; 
	}
	.fTopBox .conBox .rBox { 
		width: 410px;
		bottom:50%;
		right:0;
		margin:0 0 -138px;
	}
	.fConBox { 
		padding:40px 20px;
	}
	.fConBox .logo {
		margin:0 auto 30px;
	}
	.fConBox .logo img { 
		width: 203px; 
	}
	.fConBox .infoLst { 
		gap:5px; 
	}
	.fConBox .infoLst li { 
		padding:0 6px 0 0;
	}
	.fConBox .infoLst + .infoLst { 
		margin-top:5px;
	}
	.fConBox .copy { 
		margin:13px 0 0;
	}
}
@media all and (max-width:799px){
	.fTopBox .conBox { 
		padding:0;
	}
	.fTopBox .conBox .lBox { 
		text-align: center; 
	}
	.fTopBox .conBox .rBox { 
		display:none; 
	}
}
@media all and (max-width:599px){
	.fTopBox { 
		padding:20px;
	}
	.fTopBox .conBox .lBox .tit01 { 
		margin:0 0 10px;
		font-size: 28px;
	}
	.fTopBox .conBox .lBox .txt01 { 
		margin:0 0 8px;
		font-size: 17px;
	}
	.fTopBox .conBox .lBox .txt02 { 
		margin:0 0 20px;
		font-size: 20px;
	}
	.fTopBox .conBox .lBox .lnk { 
		width: 156px; 
	}
	.fConBox { 
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding:20px;
	}
	.fConBox .logo {
		width: 100%;
		margin:0 auto 20px;
	}
	.fConBox .logo img { 
		width: 152px; 
	}
	.fConBox .infoLst li:last-child { 
		padding:0 6px 0 0;
	}
	.fConBox .infoLst li:last-child:after { 
		display:block; 
	}
	.fConBox .infoLst.lastLst li:last-child { 
		padding:0;
	}
	.fConBox .infoLst.lastLst li:last-child:after { 
		display:none; 
	}
	.fConBox .copy { 
		width: 100%;
		margin:10px 0 0;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 메인 시작
------------------------------------------------------ */
.mSec01Box { 
	position:relative;
	max-width: 1920px;
	margin:0 auto 36px;
	padding:188px 20px 393px;
	background:url(/images/mSec01Bg01.png) no-repeat;
	background-size:cover;
}
.mSec01Box:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 0;
	bottom: 0;
	right:0;
	border-bottom:318px solid #FFF;
	border-left:1920px solid transparent;
}
.mSec01Box .conBox { 
	position:relative; 
	max-width: 1230px;
	margin:0 auto;
	padding:0 650px 0 0;
}
.mSec01Box .conBox .logo { 
	max-width: 100%;
	margin:0 0 52px;
	font-size: 0;
}
.mSec01Box .conBox .logo img { 
	max-width: 100%; 
}
.mSec01Box .conBox .tit { 
	margin:0 0 71px;
	font-weight: 500;
	font-size: 46px;
	color: #373737;
	line-height: 1.342;
}
.mSec01Box .conBox .tit span { 
	display:block;
	margin:8px 0 0;
	font-weight: 700; 
	font-size: 1.565em;
	line-height: 1.4;
}
.mSec01Box .conBox .lnk { 
	display:block;
	max-width: 100%;
	font-size: 0;
}
.mSec01Box .conBox .lnk img { 
	max-width: 100%; 
}
.mSec01Box .conBox .rBox { 
	position:absolute; 
	max-width: 100%;
	top:-73px;
	right:0;
	font-size: 0;
}
.mSec01Box .conBox .rBox img { 
	max-width: 100%; 
}
.mSec02Box { 
	margin:0 0 140px;
	padding:0 20px;
	text-align: center; 
}
.mSec02Box .tit { 
	margin:0 0 5px;
	font-size: 30px; 
	color: #373737;
}
.mSec02Box .txt { 
	margin:0 0 69px;
	font-weight: 700;
	font-size: 48px;
	line-height: 1.4;
	color: #373737;
}
.mSec02Box .txt span { 
	color: #966C56;
}
.mSec02Box .lst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
}
.mSec02Box .lst li { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 250px;
	height: 250px;
	margin:0 0 0 -40px;
	background: #FFF;
	border-radius: 50%;
	box-shadow:0 0 23px 0 rgba(143,80,53,.13);
	float:left;
}
.mSec02Box .lst li p { 
	font-weight: 500; 
	font-size: 30px;
	line-height: 1.4;
	color: #966C56;
}
.mSec02Box .lst li:first-child { 
	margin-left:0;
}
.mSec02Box .lst li:nth-child(2) { 
	background: #FFF0E2;
}
.mSec03Area .titBox { 
	position:relative;
	max-width: 1920px;
	margin:0 auto;
	padding:80px 20px;
}
.mSec03Area .titBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: calc(100% - 102px);
	height: 100%;
	background: #FFF9F3;
	top:0;
}
.mSec03Area .titBox .titConBox { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	max-width: 1098px;
	margin:0 auto;
	padding:0 20px;
}
.mSec03Area .titBox .titConBox .lBox .ico { 
	display:block;
	margin:0 0 23px;
	font-size: 0;
}
.mSec03Area .titBox .titConBox .lBox .ico img { 
	max-width: 100%; 
}
.mSec03Area .titBox .titConBox .lBox .tit { 
	margin:0 0 110px;
	font-weight: 500;
	font-size: 48px;
	color: #373737;
}
.mSec03Area .titBox .titConBox .lBox .tit span { 
	display:block; 
	margin:2px 0 0;
	font-weight: 700;
	font-size: 1.08em;
	color: #966C56;
}
.mSec03Area .titBox .titConBox .lBox .txt { 
	font-size: 32px; 
	color: #555;
}
.mSec03Area .titBox .titConBox .rBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0;
}
.mSec03Area .titBox .titConBox .rBox img { 
	max-width: 100%; 
}
.mSec03Area .pntBox { 
	text-align: center;
}
.mSec03Area .pntBox .conBox { 
	padding:66px 20px 60px;
}
.mSec03Area .pntBox .conBox:nth-child(even) { 
	background: #FFFCF6; 
}
.mSec03Area .pntBox .num { 
	margin:0 0 9px;
	font-family: Pretendard, sans-serif;
	font-size: 30px;
	color: #966C56;
}
.mSec03Area .pntBox .tit { 
	margin:0 0 24px;
	font-weight: 500;
	font-size: 42px;
	color: #212121;
}
.mSec03Area .pntBox .txt { 
	margin:0 0 41px;
	font-size: 24px;
	color: #424242;
}
.mSec03Area .pntBox .imgBox { 
	max-width: 100%;
	margin:0 auto;
	font-size: 0;
}
.mSec03Area .pntBox .imgBox img { 
	max-width: 100%; 
}
.mSec03Area:nth-child(odd) .titBox:before { 
	right:0;
	border-radius: 500px 0 0 500px;
}
.mSec03Area:nth-child(even) .titBox:before { 
	left:0;
	border-radius: 0 500px 500px 0;
}
@media all and (max-width:1919px){
	.mSec03Area .titBox:before { 
		width: calc(100% - 40px);
	}
	.mSec03Area:nth-child(odd) .titBox:before,
	.mSec03Area:nth-child(even) .titBox:before { 
		border-radius: 100px;
	}
	.mSec03Area:nth-child(odd) .titBox:before { 
		right:20px; 
	}
	.mSec03Area:nth-child(even) .titBox:before { 
		left:20px; 
	}
}
@media all and (max-width:1199px){
	.mSec01Box { 
		padding:160px 20px 350px;
	}
	.mSec01Box:after { 
		border-bottom-width: 286px; 
		border-left-width:1200px;
	}
	.mSec01Box .conBox { 
		padding:0 585px 0 0;
	}
	.mSec01Box .conBox .logo { 
		width: 446px; 
		margin:0 0 40px;
	}
	.mSec01Box .conBox .tit { 
		margin:0 0 60px;
		font-size: 41px;
		line-height: 1.3;
	}
	.mSec01Box .conBox .tit span { 
		margin:0;
		font-size: 1.5em;
		line-height: 1.3;
	}
	.mSec01Box .conBox .rBox { 
		width: 575px;
	}
}
@media all and (max-width:999px){
	.mSec01Box { 
		margin:0 auto 60px;
		padding:30px 20px;
	}
	.mSec01Box:after { 
		border-bottom-width:254px;
		border-left-width:1000px;
	}
	.mSec01Box .conBox { 
		padding:0;
		text-align: center;
	}
	.mSec01Box .conBox .lBox { 
		margin:0 0 30px;
	}
	.mSec01Box .conBox .logo { 
		width: 396px;
		margin: 0 auto 20px;
	}
	.mSec01Box .conBox .tit { 
		margin:0 0 20px;
		font-size: 37px;
	}
	.mSec01Box .conBox .tit span { 
		font-size: 1.4em; 
	}
	.mSec01Box .conBox .lnk { 
		width: 208px; 
		margin:0 auto;
	}
	.mSec01Box .conBox .rBox { 
		position:relative; 
		width: 508px;
		top:auto;
		right:auto;
		margin:0 auto;
	}
	.mSec02Box { 
		margin:0 0 60px;
	}
	.mSec02Box .tit { 
		margin:0 0 3px;
		font-size: 24px;
	}
	.mSec02Box .txt { 
		margin:0 0 40px;
		font-size: 38px;
		line-height: 1.3;
	}
	.mSec02Box .lst li { 
		width: 220px;
		height: 220px;
		margin:0 0 0 -20px;
	}
	.mSec02Box .lst li p { 
		font-size: 24px; 
		line-height: 1.3;
	}
	.mSec03Area .titBox { 
		padding:40px 20px;
	}
	.mSec03Area:nth-child(odd) .titBox:before, 
	.mSec03Area:nth-child(even) .titBox:before { 
		border-radius: 60px;
	}
	.mSec03Area .titBox .titConBox .lBox .ico { 
		width: 64px;
		margin:0 0 15px;
	}
	.mSec03Area .titBox .titConBox .lBox .tit { 
		margin:0 0 30px;
		font-size: 38px;
	}
	.mSec03Area .titBox .titConBox .lBox .txt { 
		font-size: 26px; 
	}
	.mSec03Area .titBox .titConBox .rBox { 
		width: 282px; 
	}
	.mSec03Area .pntBox .conBox { 
		padding:40px 20px;
	}
	.mSec03Area .pntBox .num { 
		margin:0 0 7px;
		font-size: 24px;
	}
	.mSec03Area .pntBox .tit { 
		margin:0 0 15px;
		font-size: 34px;
	}
	.mSec03Area .pntBox .txt { 
		margin:0 0 30px;
		font-size: 19px;
	}
	.mSec03Area .pntBox .imgBox { 
		width: 728px; 
	}
}
@media all and (max-width:799px){
	.mSec02Box .lst { 
		gap:20px; 
	}
	.mSec02Box .lst li { 
		width: 100%; 
		height: auto;
		margin:0;
		padding:15px;
		border-radius: 10px;
	}
	.mSec02Box .lst li p br { 
		display:none; 
	}
	.mSec03Area .titBox .titConBox { 
		flex-wrap:wrap; 
	}	
	.mSec03Area .titBox .titConBox .lBox { 
		width: 100%; 
		text-align: center;
	}
	.mSec03Area .titBox .titConBox .lBox .ico { 
		margin:0 auto 15px;
	}
	.mSec03Area .titBox .titConBox .rBox { 
		margin:0 auto;
	}
}
@media all and (max-width:599px){
	.mSec01Box { 
		margin:0 auto 30px;
		padding:20px;
	}
	.mSec01Box:after { 
		border-bottom-width:191px;
		border-left-width:600px;
	}
	.mSec01Box .conBox .logo { 
		width: 297px;
		margin:0 auto 15px;
	}
	.mSec01Box .conBox .tit { 
		margin:0 0 15px;
		font-size: 28px;
	}
	.mSec01Box .conBox .tit span { 
		font-size: 1.2em; 
	}
	.mSec01Box .conBox .lnk { 
		width: 156px; 
	}
	.mSec01Box .conBox .rBox { 
		width: 383px; 
	}
	.mSec02Box { 
		margin:0 0 30px;
	}
	.mSec02Box .tit { 
		font-size: 18px;
	}
	.mSec02Box .txt { 
		margin:0 0 20px;
		font-size: 29px;
	}
	.mSec02Box .lst { 
		gap:15px; 
	}
	.mSec02Box .lst li { 
		padding:10px;
	}
	.mSec02Box .lst li p { 
		font-size: 18px; 
	}
	.mSec03Area .titBox { 
		padding:20px;
	}
	.mSec03Area:nth-child(odd) .titBox:before, 
	.mSec03Area:nth-child(even) .titBox:before { 
		border-radius:40px;
	}
	.mSec03Area .titBox .titConBox .lBox .ico { 
		width: 48px; 
		margin:0 auto 10px;
	}
	.mSec03Area .titBox .titConBox .lBox .tit { 
		margin:0 0 20px;
		font-size: 29px; 
	}
	.mSec03Area .titBox .titConBox .lBox .txt { 
		font-size: 19px; 
	}
	.mSec03Area .titBox .titConBox .rBox { 
		width: 212px; 
	}
	.mSec03Area .pntBox .conBox { 
		padding:20px;
	}
	.mSec03Area .pntBox .num { 
		margin:0 0 5px;
		font-size: 18px;
	}
	.mSec03Area .pntBox .tit { 
		margin:0 0 10px;
		font-size: 25px;
	}
	.mSec03Area .pntBox .txt { 
		margin:0 0 20px;
		font-size: 17px; 
	}
	.mSec03Area .pntBox .txt br { 
		display:none; 
	}
	.mSec03Area .pntBox .imgBox { 
		width: 546px; 
	}
}
/* 메인 끝
------------------------------------------------------ */