@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@font-face {
    font-family: 'HANAMDAUM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/HANAMDAUM.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HANAMDAUM_Body';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/HANAMDAUM_Body.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
	font-family:'Noto Sans KR', 'Noto Sans', NotoSansKR-Regular;
	word-break:keep-all;
}
li { 
	list-style:none; 
}
button { 
	cursor:pointer; 
}
/* -------- 랜딩페이지 시작 -------- */
.landWr { 
	width: 100%;
	overflow:hidden;
}
.landWr div:after { 
	display:none; 
}
.landWr img { 
	max-width: 100%; 
}
.sectionWr { 
	position:relative; 
	width: 100%; 
	max-width: 1920px;
	margin:0 auto;
}
.section { 
	position:relative; 
	max-width: 1100px;
	margin:0 auto;
}
.section > .tit { 
	position:relative; 
	padding:12px 0 0;
	margin:0 0 47px;
	text-align:center;
}
.section > .tit:before { 
	content:"";
	position:absolute;
	display:block;
	width: 24px;
	height: 4px;
	top:0;
	left:50%;
	margin:0 0 0 -12px;
	background:#8334E3;
}
.section > .tit span { 
	display:block; 
	line-height:1.2;
	letter-spacing:-.3px;
	color:#373737;
}
.section > .tit .eng { 
	margin:0 0 2px;
	font-family:"HANAMDAUM_Body";
	font-size:24px; 
}
.section > .tit .kor { 
	font-family: 'HANAMDAUM'; 
	font-size:40px; 
}
.sectionWr .section01 { 
	position:relative; 
	padding:11% 0 9%;
	margin:0 0 52px;
	background:url(/images/section1_bg.png) top center no-repeat; 
	background-size:cover;	
}
.sectionWr .section01 .conBox { 
	width: 100%;
	max-width: 1025px; 
	margin:0 auto;
}
.sectionWr .section01 .conBox .leftBox { 
	position:relative; 
	max-width: 60%;
	z-index:1;
}
.sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 65px;
}
.sectionWr .section01 .conBox .leftBox .btnLst { 
	width: 100%;
	overflow:hidden; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li { 
	width: 49%;
	margin:0 2% 0 0;
	float:left; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:block; 
}
.sectionWr .section01 .conBox .leftBox .btnLst > li:last-child { 
	margin:0;
}
.sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width:35%;
	right:15.26%;
	top:18.38%;
}
.sectionWr .section02 { 
	margin-bottom:94px;
	padding:0 10px;
}
.sectionWr .section02 .txt { 
	font-size:23px;
	line-height:1.39;
	letter-spacing:-.3px;
	color:#373737;
	text-align:center;
}
.sectionWr .section02 .txt span { 
	color:#8334e3; 
	font-weight:500;
}
.sectionWr .section02 .txt + .txt { 
	margin:32px 0 0;
}
.sectionWr .section03 { 
	padding:0 10px;
}
.sectionWr .section03 .sec03Box { 
	position:relative; 
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:50px;
	padding:83px 0;
}
.sectionWr .section03 .sec03Box .s3Tit { 
	margin:0 0 25px;	 
}
.sectionWr .section03 .sec03Box .s3Tit .eng { 
	display:block;
	margin:0 0 3px;
	font-family: 'HANAMDAUM'; 
	font-size:44px;
	letter-spacing:-.26px;
	color:#dadada;
	line-height:1;
}
.sectionWr .section03 .sec03Box .s3Tit .kor { 
	display:inline-block; 
	position:relative; 
	font-weight:500;
	font-size:42px;
	letter-spacing:-.3px;
	color:#8334e3;
	line-height:1.2;
}
.sectionWr .section03 .sec03Box .s3Tit .kor:before { 
	content:"";
	position:absolute;
	display:block;
	width: 100%;
	height: 50%;
	left:0;
	bottom:0;
	background:#F4EBFF;
	z-index:-1;
}
.sectionWr .section03 .sec03Box .s3Txt { 
	font-size:21px;
	line-height:1.429;
	letter-spacing:-.3px;
	color:#525252;
}
.sectionWr .section03 .sec03Box .imgBox { 
	flex-shrink:0; 
}
.sectionWr .section03 .sec03Box .imgBox img { 
	max-width: 100%; 
}
.sectionWr .section03 .sec03Box:nth-child(2) { 
	padding-top:0;
}
.sectionWr .section03 .sec03Box:nth-child(odd):before { 
	content:"";
	position:absolute;
	display:block;
	width: 2000px;
	height: 100%;
	left:50%;
	top:0;
	margin:0 0 0 -1000px;
	background:#FAFAFA;
	z-index:-2;
}
.sectionWr .section04 { 
	padding:45px 10px;
}
.sectionWr .section04:before { 
	content:"";
	position:absolute;
	display:block;	
	width: 2000px;
	height: 100%;
	left:50%;
	top:0;
	margin:0 0 0 -1000px;
	background:#f8f2ff;
	z-index:-1;
}
.sectionWr .section04 .sec04Tit { 
	margin:13px 0 0;
	font-family:"HANAMDAUM_Body";
	font-size:24px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#373737;
	text-align:center;
}
.sectionWr .section04 form { 
	width: 100%; 
}
.sectionWr .section04 .sec4Form { 
	margin:0 0 22px;
}
.sectionWr .section04 .sec4Form .s4fTit { 
	margin:0 0 12px;
	font-size:20px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#373737;
}
.sectionWr .section04 .sec4Form .s4fTit em { 
	font-style:normal;
	font-weight:500;
	color:#ff2c2c;
}
.sectionWr .section04 .sec4Form input[type="text"] { 
	width: 100%;
	padding:18px 16px 16px;
	border-radius:8px;
	border:1px solid #6e6e6e;
}
.sectionWr .section04 .sec4Form input[type="text"],
.sectionWr .section04 .sec4Form input[type="text"]::placeholder { 
	font-size:20px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#969696;
}
.sectionWr .section04 .sec4Form .selLst { 
	display:flex; 
	flex-wrap:wrap;
}
.sectionWr .section04 .sec4Form .selLst li { 
	position:relative; 
	margin:0 38px 0 0;
}
.sectionWr .section04 .sec4Form .selLst li input { 
	position:absolute; 
	width: 0;
	height: 0;
	right:100%;
	bottom:100%;
	font-size:0;
	overflow:hidden;
}
.sectionWr .section04 .sec4Form .selLst li label { 
	position:relative; 
	display:block; 
	padding:0 0 0 30px;
	font-size:20px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#373737;
}
.sectionWr .section04 .sec4Form .selLst li label:before,
.sectionWr .section04 .sec4Form .selLst li label:after { 
	content:"";
	position:absolute;
	display:block;
}
.sectionWr .section04 .sec4Form .selLst li label:before { 
	box-sizing:border-box;
	width: 20px; 
	height: 20px;
	left:1px;
	top:1px;
	border-radius:50%;
	background:#fff;
	border:2px solid #8334e3;	
}
.sectionWr .section04 .sec4Form .selLst li label:after { 
	width: 10px; 
	height: 10px;
	left:6px;
	top:6px;
	border-radius:50%;
	background:#8334e3;
	opacity:0;
}
.sectionWr .section04 .sec4Form .selLst li input:checked + label:after { 
	opacity:1;
}
.sectionWr .section04 .sec4Form .selLst.selDep { 
	max-width: 820px; 
}
.sectionWr .section04 .sec4Form .selLst.selDep li { 
	margin:14px 38px 0 0;
}
.sectionWr .section04 .sec4Form .selLst.selDep li:nth-child(-n+3) { 
	margin-top:0;
}
.sectionWr .section04 .sec4Sub { 
	text-align:center; 
}
.sectionWr .section04 .sec4Sub .chk { 
	display:flex; 
	align-items:center;
	justify-content:center;
	gap:6px;
	margin:0 0 10px;
}
.sectionWr .section04 .sec4Sub .chk input { 
	width: 18px; 
	height: 18px;
	bordeR:1px solid #373737;
}
.sectionWr .section04 .sec4Sub .chk label { 
	font-weight:500;
	font-size:16px;
	line-height:1.2;
	letter-spacing:-.3px;
	color:#969696;
}
.sectionWr .section04 .sec4Sub .btn button { 
	display:inline-flex; 
	justify-content:center;
	align-items:center;
	padding:17px 48px;
	border:none;
	border-radius:8px;
	background:#8334e3;
	font-weight:700;
	font-size:20px;
	color:#fff;
	letter-spacing:-.3px;
	line-height:1;
}
.section.section05 { 
	padding:55px 0 62px;
}
.section.section05:before { 
	content:"";
	position:absolute; 
	display:block; 
	width: 1920px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -960px;
	background: url(/images/section5_bg.png) no-repeat; 
	background-size:cover;
}
.section.section05 .lBox { 
	position:relative; 
	max-width:53%;
	z-index:1;
}
.section.section05 .lBox .txtBox { 
	margin:0 0 50px;
}
.section.section05 .lBox .btnLst { 
	overflow:hidden;
}
.section.section05 .lBox .btnLst > li { 
	width: 49%; 
	margin:0 2% 0 0;
	float:left;
}
.section.section05 .lBox .btnLst > li:last-child { 
	margin:0;
}
.section.section05 .rBox { 
	position:absolute; 
	right:-199px;
	bottom:0;
	font-size:0;
}
footer { 
	padding:0 0 40px;
}
footer .section { 
	padding:0 10px;
}
.footer_logo { 
	width:100%;
	padding:28px 0;
	text-align:center;
}
.footer_info { 
	text-align:center;
}
.f_info + .f_copy { 
	margin:20px 0 0;
}
.f_info span { 
	font-size:16px;
	color:#777;
	letter-spacing:-1px;
	word-break:keep-all; 
}
.f_info span:after { 
	content:'';
	display:inline-block;
	width:1px;
	height:12px;
	margin:0 10px; 
	background:#ccc;
}
.f_info span:last-child:after { 
	display:none; 
}
.company_name { 
	font-weight:700; 
}
@media screen and (max-width:1919px) { 
	.section > .tit { 
		padding:10px 0 0;
		margin:0 0 35px;
	}
	.section > .tit .eng { 
		font-size:22px; 
	}
	.section > .tit .kor { 
		font-size:36px; 
	}
	.sectionWr .section01 { 
		margin:0 0 40px;
	}
	.sectionWr .section01 .conBox .leftBox { 
		max-width: 40%; 
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 30px;
	}
	.sectionWr .section02 { 
		margin-bottom:80px;
	}
	.sectionWr .section02 .txt { 
		font-size:21px; 
	}
	.sectionWr .section02 .txt br { 
		display:none; 
	}
	.sectionWr .section02 .txt + .txt { 
		margin:20px 0 0;
	}
	.sectionWr .section03 .sec03Box .s3Tit { 
		margin:0 0 20px;
	}
	.sectionWr .section03 .sec03Box .s3Tit .eng { 
		font-size:40px; 
	}
	.sectionWr .section03 .sec03Box .s3Tit .kor { 
		font-size:38px; 
	}
	.sectionWr .section03 .sec03Box .s3Txt { 
		font-size:19px; 
	}
	.sectionWr .section04 { 
		padding:30px 10px;
	}
	.sectionWr .section04 .sec04Tit { 
		margin:10px 0 0;
		font-size:22px;
	}
	.sectionWr .section04 .sec4Form .s4fTit,
	.sectionWr .section04 .sec4Form .selLst li label,
	.sectionWr .section04 .sec4Form input[type="text"], 
	.sectionWr .section04 .sec4Form input[type="text"]::placeholder,
	.sectionWr .section04 .sec4Sub .btn button { 
		font-size:18px; 
	}
	.sectionWr .section04 .sec4Form .s4fTit { 
		margin:0 0 10px;
	}
	.sectionWr .section04 .sec4Form input[type="text"] { 
		padding:15px 13px 13px;
	}
	.sectionWr .section04 .sec4Form .selLst li { 
		margin:0 20px 0 0;
	}
	.sectionWr .section04 .sec4Form .selLst li label { 
		padding:0 0 0 25px;
	}
	.sectionWr .section04 .sec4Form .selLst li label:before { 
		width: 18px; 
		height: 18px;
		top:2px;
	}
	.sectionWr .section04 .sec4Form .selLst li label:after { 
		width:8px; 
		height:8px;
		top:7px;
	}
	.sectionWr .section04 .sec4Form .selLst.selDep { 
		max-width:670px; 
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li { 
		margin:10px 20px 0 0;
	}
	.sectionWr .section04 .sec4Sub .btn button { 
		padding:15px 40px;
	}
}
@media screen and (max-width:1024px) { 
	.section > .tit { 
		margin:0 0 20px;
	}
	.section > .tit .eng { 
		font-size:19px; 
	}
	.section > .tit .kor { 
		font-size:32px; 
	}
	.sectionWr .section01 { 
		padding:6% 10px 12%;
		margin:0 0 30px;
	}
	.sectionWr .section02 { 
		margin-bottom:50px;
	}
	.sectionWr .section02 .txt { 
		font-size:18px; 
	}
	.sectionWr .section02 .txt + .txt { 
		margin:15px 0 0;
	}
	.sectionWr .section03 .sec03Box { 
		gap:30px; 
		padding:50px 0;
	}
	.sectionWr .section03 .sec03Box .s3Tit .eng { 
		font-size:35px; 
	}
	.sectionWr .section03 .sec03Box .s3Tit .kor { 
		font-size:34px; 
	}
	.sectionWr .section03 .sec03Box .s3Txt { 
		font-size:17px; 
	}
	.sectionWr .section04 .sec04Tit { 
		font-size:19px;
	}
	.section.section05 { 
		padding:40px 10px;
	}
	.section.section05 .lBox { 
		margin:0 auto;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 30px;
	}
	.section.section05 .rBox { 
		display:none;
	}
	footer { 
		padding:0 0 30px;
	}
	.footer_logo { 
		padding:20px 0;
	}
	.f_info + .f_copy { 
		margin:10px 0 0;
	} 
}
@media screen and (max-width:999px) { 
	.section > .tit .eng { 
		font-size:17px; 
	}
	.section > .tit .kor { 
		font-size:28px; 
	}
	.sectionWr .section01 { 
		margin:0 0 20px;
	}
	.sectionWr .section02 { 
		margin-bottom:40px;
	}
	.sectionWr .section02 .txt { 
		font-size:17px;
	}
	.sectionWr .section03 .sec03Box { 
		flex-direction:column; 
		padding:40px 0;
	}
	.sectionWr .section03 .sec03Box .s3Tit { 
		text-align:center; 
	}
	.sectionWr .section03 .sec03Box .s3Tit .eng { 
		font-size:31px; 
	}
	.sectionWr .section03 .sec03Box .s3Tit .kor { 
		font-size:29px; 
	}
	.sectionWr .section03 .sec03Box .s3Txt { 
		text-align:center; 
	}
	.sectionWr .section03 .sec03Box:nth-child(even) { 
		flex-direction:column-reverse; 
	}
	.sectionWr .section04 .sec04Tit { 
		margin:0;
		font-size:17px;
	}
	.sectionWr .section04 .sec4Form .selLst.selDep { 
		max-width:100%; 
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li { 
		width: 32%;
		margin:10px 2% 0 0;
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li:nth-child(3n) { 
		margin-right:0;
	}
	.section.section05 { 
		padding:30px 10px;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 20px;
	}
}
@media screen and (max-width:599px) {
	.section > .tit { 
		margin:0 0 15px;
	}
	.section > .tit .eng { 
		font-size:14px; 
	}
	.section > .tit .kor {
		font-size: 24px;
	}
	.sectionWr .section01 { 
		padding:6% 10px;
		background-size:cover;
	}
	.sectionWr .section01 .conBox .leftBox { 
		max-width:70%;
		margin:0 auto;
	}
	.sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 15px;
	}
	.sectionWr .section01 .conBox .rightBox { 
		display:none; 
	}
	.sectionWr .section02 { 
		margin-bottom:0 0 20px;
	}
	.sectionWr .section02 .txt { 
		font-size:16px; 
	}
	.sectionWr .section03 .sec03Box { 
		padding:30px 0;
	}
	.sectionWr .section03 .sec03Box .s3Tit { 
		margin:0 0 15px;
	}
	.sectionWr .section03 .sec03Box .s3Tit .eng { 
		font-size: 26px;
	}
	.sectionWr .section03 .sec03Box .s3Tit .kor { 
		font-size:25px; 
	}
	.sectionWr .section04 { 
		padding:20px 10px;
	}
	.sectionWr .section04 .sec4Form { 
		margin:0 0 15px;
	}
	.sectionWr .section04 .sec4Form .s4fTit, 
	.sectionWr .section04 .sec4Form .selLst li label, 
	.sectionWr .section04 .sec4Form input[type="text"], 
	.sectionWr .section04 .sec4Form input[type="text"]::placeholder,
	.sectionWr .section04 .sec4Sub .btn button { 
		font-size:16px; 
	}
	.sectionWr .section04 .sec4Form input[type="text"] { 
		padding:11px 10px 10px;
	}
	.sectionWr .section04 .sec4Form .selLst li { 
		margin:0 15px 0 0;
	}
	.sectionWr .section04 .sec4Form .selLst li label { 
		padding:0 0 0 22px;
	}
	.sectionWr .section04 .sec4Form .selLst li label:before { 
		width: 16px; 
		height: 16px;
	}
	.sectionWr .section04 .sec4Form .selLst li label:after { 
		width: 6px; 
		height: 6px; 
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li { 
		width: 49%; 
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li:nth-child(3n) { 
		margin-right:2%;
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li:nth-child(2n) { 
		margin-right:0;
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li:nth-child(-n+3) { 
		margin-top:10px;
	}
	.sectionWr .section04 .sec4Form .selLst.selDep li:nth-child(-n+2) { 
		margin-top:0;
	}
	.sectionWr .section04 .sec4Sub .chk label { 
		font-size:14px; 
	}
	.sectionWr .section04 .sec4Sub .btn button { 
		padding:15px 30px;
	}
	.section.section05 .lBox { 
		max-width: 80%; 
	}
	.section.section05 { 
		padding:20px 10px;
	}
	footer { 
		padding:0 0 20px;
	}
	.footer_logo { 
		padding:15px 0;
	}
}
/* -------- 랜딩페이지 끝 -------- */	