@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);
@font-face {
	font-family: S-CoreDream-6Bold;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff) format(woff);
	font-weight: normal;
	font-style: normal;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body {
	font-family: Noto Sans KR, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}

/* 랜딩 페이지 시작
------------------------------------------------------ */
.wrapper { 
	background:url(/images/landBg01.png) no-repeat center top 0;
	background-size:cover;
}
.inner { 
	max-width: 1200px;
	margin:0 auto;
}
.sec01Wr {
	margin:0 0 67px;
}
.sec01Wr .inner { 
	position:relative;
	padding:164px 330px 164px 0;
}
.sec01Wr .logo { 
	margin:0 0 24px;
	font-size: 0;
}
.sec01Wr .logo img { 
	max-width: 100%; 
}
.sec01Wr .txt01 { 
	font-family: Pretendard, sans-serif;
	font-size: 40px;
	color: #373737;
}
.sec01Wr .txt02 { 
	margin:0 0 53px;
	font-family: S-CoreDream-6Bold;
	font-size: 56px;
	color: #212121;
}
.sec01Wr .txt02 span { 
	display:block;
	color: #BF360C;
}
.sec01Wr .btnBox { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
.sec01Wr .btnBox .btn { 
	display:block; 
	font-size: 0;
}
.sec01Wr .btnBox .btn img { 
	max-width: 100%; 
}
.sec01Wr .imgBox { 
	position:absolute; 
	top: 88px;
	right: -30px;
	font-size: 0;
}
.sec01Wr .imgBox img { 
	max-width: 100%; 
}
.sec02Wr {
	margin:0 0 185px;
}
.sec02Wr .txt01 { 
	margin:0 0 14px;
	font-family: Pretendard, sans-serif;
	font-size: 34px;
	text-align: center;
	color: #666;
}
.sec02Wr .txt02 { 
	margin:0 0 154px;
	font-weight: 700;
	font-size: 54px;
	text-align: center;
	color: #212121;
}
.sec02Wr .txt02 span { 
	display:block;
	color: #BF360C;
}
.sec02Wr .lst01 li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:130px;
	margin:0 0 220px;
}
.sec02Wr .lst01 li:nth-child(even) { 
	flex-direction:row-reverse; 
}
.sec02Wr .lst01 li:last-child { 
	margin:0;
}
.sec02Wr .lst01 .lstNum { 
	display:inline-block;
	margin:0 0 23px;
	padding:0 45px;
	background: #3E2723;
	border:6px solid #9E807A;
	border-radius: 65px;
	font-family: Pretendard, sans-serif;
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	color: #FFF;
}
.sec02Wr .lst01 .lstTxt01 { 
	margin:0 0 20px;
	font-weight: 700;
	font-size: 50px;
	color: #212121;
}
.sec02Wr .lst01 .lstTxt01 span { 
	color: #BF360C; 
}
.sec02Wr .lst01 .lstTxt02 { 
	font-size: 30px; 
	color: #666;
}
.sec02Wr .lst01 .lstImgBox { 
	flex-shrink:0;
	max-width: 100%;
	font-size: 0; 
}
.sec02Wr .lst01 .lstImgBox img { 
	max-width: 100%; 
}
.secFormWr { 
	margin:0 0 154px;
}
.secFormWr .inner { 
	padding:40px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 15px;
	box-shadow:-3.6px -3.6px 6px 0 rgba(255,255,255,.12);
}
.secFormWr .topBox { 
	margin:0 0 37px;
	text-align: center;
}
.secFormWr .topBox .tit01 {
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin:0 0 6px;
}
.secFormWr .topBox .tit01 span { 
	display:block; 
}
.secFormWr .topBox .tit01 .titIco { 
	font-size: 0; 
}
.secFormWr .topBox .tit01 .titIco img { 
	max-width: 100%; 
}
.secFormWr .topBox .tit01 .titTxt { 
	font-weight: 700; 
	font-size: 18px;
	color: #212121;
}
.secFormWr .topBox .txt01 { 
	font-size: 16px; 
	color: #9C8A87;
}
.secFormWr .infoDlBox { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.secFormWr .infoDlBox dl { 
	display:flex;
	align-items:center;
	gap:16px;
}
.secFormWr .infoDlBox dt { 
	min-width: 56px;
	font-size: 15px;
	color: #212121;
}
.secFormWr .infoDlBox dd { 
	min-width: 90px;
	font-weight: 500;
	font-size: 14px;
	color: #3E2723;
}
.secFormWr .infoDlBox dd .mailTxt { 
	text-decoration:underline;
	color: #42A4FF; 
}
.secFormWr .infoDlBox dd .pnt01 {
	color: #F44336;
}
.secFormWr .infoDlBox + .infoDlBox { 
	margin-top:13px;
}
.secFormWr .infoLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:16px;
	margin:40px 0 38px;
}
.secFormWr .infoLst01 li { 
	width: calc((100% - 48px)/4);
	padding:13px 15px 14px;
	border-radius: 10px;
}
.secFormWr .infoLst01 li:nth-child(odd) {
	background: #FBF6F0;
	border:1px solid #F9F2ED;
}
.secFormWr .infoLst01 li:nth-child(even) {
	background: #FFF6E9;
	border:1px solid #FFFBED;
}
.secFormWr .infoLst01 .lstTit01 { 
	margin:0 0 10px;
	font-weight: 500; 
	font-size: 15px;
	color: #212121;
}
.secFormWr .infoLst01 .lstTxt01 { 
	font-size: 13px;
	color: #3E2723;
}
.secFormWr .infoLst01 .lstTxt01 span { 
	font-weight: 500;
	color: #BF360C;		
}
.secFormWr .iptFormBox .iptBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:24px;
	margin:0 0 29px;
}
.secFormWr .iptFormBox .iptBox .iptSec { 
	width: calc((100% - 48px)/3); 
}
.secFormWr .iptFormBox .iptBox .iptTit01 { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.secFormWr .iptFormBox .iptBox .iptTit01 .pnt { 
	color: #F44336;
}
.secFormWr .iptFormBox .iptBox .ipt {
	width: 100%;
	padding:12px 15px 13px;
	border:1px solid #EDEDED;
	border-radius: 10px;
	font-size: 14px;
	color: #212121;
}
.secFormWr .iptFormBox .iptBox .ipt::placeholder { 
	color: #9C8A87; 
}
.secFormWr .iptFormBox .chkBox { 
	position:relative;
}
.secFormWr .iptFormBox .chkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.secFormWr .iptFormBox .chkBox .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 30px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.secFormWr .iptFormBox .chkBox .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 21px;
	top: 0;
	left: 0;
	border:1px solid #3E2723;
	border-radius: 5px;
}
.secFormWr .iptFormBox .chkBox .chkLbl span { 
	font-weight: 700;
	color: #3E2723;
}
.secFormWr .iptFormBox .chkBox .chkIpt:checked + .chkLbl:before {
	background:#3E2723 url(/images/comChk01.svg) no-repeat center center;
}
.secFormWr .iptFormBox .btmBox { 
	display:flex;
	justify-content:center;
	margin:44px 0 0;
}
.secFormWr .iptFormBox .btmBox .btn { 
	display:block;
	min-width: 240px;
	padding:14px 10px 15px;
	background: #3E2723;
	border-radius: 12px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.fTopBox { 
	background:linear-gradient(to right, #FFE6C4, #FFFDF9); 
}
.fTopBox .inner { 
	position:relative;
	padding:94px 570px 94px 0;
}
.fTopBox .txt01 { 
	margin:0 0 34px;
	font-weight: 500;
	font-size: 46px;
	letter-spacing: -.02em;
	color: #3E2723;
}
.fTopBox .txt01 span { 
	font-weight: 700;
	color: #654F2F;
}
.fTopBox .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:16px;
}
.fTopBox .btnBox .btn { 
	display:block; 
	font-size: 0;
}
.fTopBox .btnBox .btn img { 
	max-width: 100%; 
}
.fTopBox .imgBox { 
	position:absolute; 
	top: 15px;
	right: -68px;
	font-size: 0;
}
.fTopBox .imgBox img { 
	max-width: 100%; 
}
footer { 
	padding:48px 0;
	background: #3C3C3C;
	text-align: center;
}
footer .infoLst01 { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:8px;
}
footer .infoLst01 li { 
	position:relative; 
	padding:0 9px 0 0;
	font-size: 14px;
	letter-spacing: 0;
	color: #BEBEBE;
}
footer .infoLst01 li span { 
	color: #707070; 
}
footer .infoLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-3px 0 0;
	background: #696969;
}
footer .infoLst01 li:last-child { 
	padding:0;
}
footer .infoLst01 li:last-child:after { 
	display:none; 
}
footer .infoLst01 + .infoLst01 { 
	margin-top:8px;
}
footer .copy { 
	margin:17px 0 0;
	font-size: 13px;
	letter-spacing: 0;
	color: #9E9E9E;
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:1199px){
	.fTopBox .inner {
		padding: 94px 510px 94px 0;
	}
	.fTopBox .imgBox { 
		width: 546px;
		top: 70px;
		right: -40px;
	}
}
@media all and (max-width:999px){
	.sec01Wr { 
		margin:0 0 40px;
	}
	.sec01Wr .inner { 
		padding:30px 0;
		text-align: center;
	}
	.sec01Wr .logo { 
		width: 71px;
		margin:0 auto 19px;
	}
	.sec01Wr .txt01 { 
		font-size: 20px;
	}
	.sec01Wr .txt02 { 
		margin:0 0 20px;
		font-size: 22px; 
	}
	.sec01Wr .btnBox { 
		justify-content:center;
		gap:8px;
	}
	.sec01Wr .btnBox .btn { 
		width: 140px; 
	}
	.sec01Wr .imgBox { 
		display:none;
	}
	.sec02Wr { 
		margin:0 0 40px;
	}
	.sec02Wr .txt01 { 
		margin:0 0 8px;
		font-size: 20px; 
	}
	.sec02Wr .txt02 { 
		margin:0 0 30px;
		font-size: 22px; 
	}
	.sec02Wr .lst01 li { 
		display:block; 
		margin:0 0 30px;
		text-align: center;
	}
	.sec02Wr .lst01 .lstNum { 
		margin:0 0 10px;
		padding:0 20px;
		border-width:4px;
		font-size: 20px;
	}
	.sec02Wr .lst01 .lstTxt01 { 
		margin:0 0 10px;
		font-size: 22px; 
	}
	.sec02Wr .lst01 .lstTxt02 { 
		margin:0 0 20px;
		font-size: 20px;
	}
	.sec02Wr .lst01 .lstImgBox { 
		width: 300px;
		margin:0 auto;
	}
	.secFormWr { 
		margin:0 0 30px;
	}
	.secFormWr .inner { 
		padding:16px;
		border-radius: 8px;
	}
	.secFormWr .topBox { 
		margin:0 0 24px;
	}
	.secFormWr .topBox .tit01 {
		gap:8px;
		margin:0 0 4px;
	}
	.secFormWr .topBox .tit01 .titIco { 
		width: 24px;
	}
	.secFormWr .topBox .tit01 .titTxt { 
		font-size: 15px;
	}
	.secFormWr .topBox .txt01 { 
		font-size: 14px;
	}
	.secFormWr .infoDlBox,
	.secFormWr .infoDlBox dl {
		gap:10px;
	}
	.secFormWr .infoDlBox dt { 
		min-width: 50px;
		font-size: 13px;
	}
	.secFormWr .infoDlBox dd { 
		min-width: 90px;
		font-size: 13px;
	}
	.secFormWr .infoDlBox + .infoDlBox { 
		margin-top:10px;
	}
	.secFormWr .infoLst01 { 
		gap:10px;
		margin:24px 0;
	}
	.secFormWr .infoLst01 li { 
		width: calc((100% - 20px)/2);
		padding:10px 10px 9px;
		border-radius: 8px;
	}
	.secFormWr .infoLst01 .lstTit01 { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.secFormWr .iptFormBox .iptBox {
		gap:10px;
		margin:0 0 16px;
	}
	.secFormWr .iptFormBox .iptBox .iptSec { 
		width: calc((100% - 20px)/3); 
	}
	.secFormWr .iptFormBox .iptBox .iptTit01 { 
		margin:0 0 4px;
		font-size: 13px;
	}
	.secFormWr .iptFormBox .iptBox .ipt {
		padding:10px 10px 9px;
		border-radius: 5px;
		font-size: 13px;
	}
	.secFormWr .iptFormBox .chkBox .chkLbl {
		padding:0 0 0 24px;
		font-size: 13px;
	}
	.secFormWr .iptFormBox .chkBox .chkLbl:before {
		width: 16px;
		height: 16px;
		top: 0;
		left: 0;
	}
	.secFormWr .iptFormBox .chkBox .chkIpt:checked + .chkLbl:before {
		background-size:10px auto;
	}
	.secFormWr .iptFormBox .btmBox {
		margin:24px 0 0;
	}
	.secFormWr .iptFormBox .btmBox .btn { 
		min-width: 180px;
		padding:10px 10px 9px;
		border-radius: 8px;
		font-size: 14px;
	}
	.fTopBox .inner { 
		padding:30px 0;
		text-align: center;
	}
	.fTopBox .txt01 { 
		margin:0 0 16px;
		font-size: 20px;
	}
	.fTopBox .btnBox { 
		justify-content:center;
		gap:8px;
		width: 100%;
	}
	.fTopBox .btnBox .btn { 
		width: 140px; 
	}
	.fTopBox .imgBox { 
		display:none;
	}
	footer { 
		padding:30px 0;
	}
	footer .infoLst01 { 
		gap:5px; 
	}
	footer .infoLst01 li { 
		padding:0;
		font-size: 13px; 
	}
	footer .infoLst01 li:after { 
		display:none;
	}
	footer .infoLst01 + .infoLst01 { 
		margin-top:5px;
	}
}
@media all and (max-width:599px){
	.secFormWr .infoDlBox dl,
	.secFormWr .infoLst01 li,
	.secFormWr .iptFormBox .iptBox .iptSec { 
		width: 100%; 
	}
	.secFormWr .infoLst01 .lstTxt01 br { 
		display:none;
	}
	.secFormWr .iptFormBox .btmBox .btn { 
		min-width: 0;
		width: 100%;
	}
}
/* 랜딩 페이지 끝
------------------------------------------------------ */