@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:-.3px;
	word-break:keep-all;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	font-weight:400;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
}
label, button {
	cursor:pointer; 
}
input, textarea { 
	outline:none; 
}
input { 
	min-width: 0; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}

.inner { 
	max-width: 1025px; 
	margin:0 auto;
}
@media all and (max-width:1065px){
	.inner { 
		margin:0 20px;
	}
}

/* 푸터 시작
------------------------------------------------------ */
.fTopBox { 
	padding:53px 0 75px;
	background: #326BFF; 
}
.fTopBox .inner { 
	display:flex; 
	align-items:center; 
	justify-content:space-between;
	gap:10px;
}
.fTopBox .txtBox .txt01,
.fTopBox .txtBox .txt02,
.fTopBox .txtBox .txt03 { 
	color: #FFF; 
}
.fTopBox .txtBox .txt01 { 
	margin:0 0 13px;
	font-weight:500;
	font-size:46px;
}
.fTopBox .txtBox .txt02 { 
	margin:0 0 16px;
	font-size:26px;
}
.fTopBox .txtBox .txt03 { 
	margin:0 0 28px;
	font-size:34px;
}
.fTopBox .txtBox .txt03 span { 
	font-weight:700; 
}
.fTopBox .txtBox .lnk { 
	display:flex; 
	align-items:center; 
	justify-content:center;
	gap:15px;
	width: 228px;
	height: 70px;
	background: #FFF;
	border-radius: 10px;
}
.fTopBox .txtBox .lnk span { 
	display:block; 
}
.fTopBox .txtBox .lnk .lnkTxt { 
	font-weight:700;
	font-size:34px;
	color:#326BFF;
}
.fTopBox .txtBox .lnk .lnkIco { 
	font-size:0; 
}
.fTopBox .txtBox .lnk .lnkIco img { 
	max-width: 100%; 
}
.fTopBox .imgBox { 
	max-width: 100%;
	font-size:0;
}
.fTopBox .imgBox img { 
	max-width: 100%; 
}
footer { 
	padding:88px 20px;
	background: #F4F4F4;
}
footer .conBox { 
	position:relative; 
	max-width: 1000px; 
	margin:0 auto;
	padding:0 0 0 237px;
}
footer .fLogo { 
	position:absolute;
	max-width: 100%;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:0;
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fInfoLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
	margin:0 0 16px;
}
footer .fInfoLst li { 
	position:relative;
	padding:0 12px 0 0;
	font-size:14px;
	color: #666;
}
footer .fInfoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	background: #696969;
}
footer .fInfoLst li span { 
	color: #939393; 
}
footer .fInfoLst li:last-child { 
	padding:0;
}
footer .fInfoLst li:last-child:after { 
	display:none; 
}
footer .fCopy { 
	font-size:13px;
	color:#727272;
}
@media all and (max-width:1399px){
	.fTopBox { 
		padding:50px 0;
	}
	.fTopBox .txtBox .txt01 { 
		margin:0 0 10px;
		font-size:41px; 
	}
	.fTopBox .txtBox .txt02 { 
		margin:0 0 10px;
		font-size:23px;
	}
	.fTopBox .txtBox .txt03 { 
		margin:0 0 25px;
		font-size:31px;
	}
	.fTopBox .txtBox .lnk { 
		gap:10px;
		width: 210px;
		height: 63px;
	}
	.fTopBox .txtBox .lnk .lnkTxt { 
		font-size:31px; 
	}
	.fTopBox .txtBox .lnk .lnkIco { 
		width: 27px; 
	}
	.fTopBox .imgBox { 
		width: 387px; 
	}
	footer { 
		padding:50px 20px;
	}
	footer .conBox { 
		padding:0 0 0 200px;
	}
	footer .fLogo { 
		width: 150px; 
	}
	footer .fInfoLst { 
		gap:8px;
		margin:0 0 10px;
	}
	footer .fInfoLst li { 
		padding:0 9px 0 0;
	}
}
@media all and (max-width:999px){
	.fTopBox { 
		padding:30px 0;
	}
	.fTopBox .txtBox .txt01 { 
		margin:0 0 8px;
		font-size:37px; 
	}
	.fTopBox .txtBox .txt02 { 
		margin:0 0 8px;
		font-size:21px;
	}
	.fTopBox .txtBox .txt03 { 
		margin:0 0 20px;
		font-size:27px;
	}
	.fTopBox .txtBox .lnk { 
		gap:8px;
		width: 190px;
		height: 56px;
	}
	.fTopBox .txtBox .lnk .lnkTxt { 
		font-size: 27px; 
	}
	.fTopBox .txtBox .lnk .lnkIco { 
		width: 24px; 
	}
	.fTopBox .imgBox { 
		width: 344px; 
	}
	footer { 
		padding:40px 20px;
	}
	footer .conBox { 
		padding:0 0 0 180px;
	}
	footer .fLogo { 
		width: 134px; 
	}
}
@media all and (max-width:799px){
	.fTopBox .inner { 
		flex-wrap:wrap; 
		gap:20px;
	}
	.fTopBox .txtBox { 
		width: 100%; 
		text-align: center;
	}
	.fTopBox .txtBox .lnk,
	.fTopBox .imgBox { 
		margin:0 auto;
	}
	footer { 
		padding:30px 20px;
	}
	footer .conBox { 
		padding:0;
	}
	footer .fLogo { 
		position:relative; 
		top:auto;
		left:auto;
		margin:0 auto 15px;
		transform:translateY(0);
	}
	footer .fInfoLst { 
		justify-content:center; 
	}
	footer .fCopy { 
		text-align: center; 
	}
}
@media all and (max-width:599px){	
	.fTopBox { 
		padding:20px 0;
	}
	.fTopBox .txtBox .txt01 { 
		margin:0 0 5px;
		font-size:28px; 
	}
	.fTopBox .txtBox .txt02 { 
		margin:0 0 5px;
		font-size:19px;
	}
	.fTopBox .txtBox .txt03 { 
		margin:0 0 10px;
		font-size:23px;
	}
	.fTopBox .txtBox .lnk { 
		gap:5px;
		width: 150px;
		height: 42px;
	}
	.fTopBox .txtBox .lnk .lnkTxt { 
		font-size: 20px; 
	}
	.fTopBox .txtBox .lnk .lnkIco { 
		width: 18px; 
	}
	.fTopBox .imgBox { 
		width: 258px; 
	}
	footer { 
		padding:20px;
	}
	footer .fLogo { 
		width: 100px; 
	}
	footer .fInfoLst { 
		gap:5px; 
	}
	footer .fInfoLst li { 
		padding:0 6px 0 0;
	}
}
/* 푸터 끝
------------------------------------------------------ */

/* 메인 시작
------------------------------------------------------ */
.mBannerWr { 
	padding:177px 20px 230px;
	background:url(/images/mBannerBg01.png) no-repeat;
	background-size:cover;
}
.mBannerWr .conBox { 
	position:relative; 
	max-width: 1200px;
	padding:0 510px 0 0;
	margin:0 auto;
}
.mBannerWr .txtBox .logo { 
	margin:0 0 28px;
	font-size:0; 
}
.mBannerWr .txtBox .logo img { 
	max-width: 100%; 
}
.mBannerWr .txtBox .tit,
.mBannerWr .txtBox .txt { 
	font-family: Pretendard, sans-serif; 
	color:#FFF;
}
.mBannerWr .txtBox .tit {
	margin:0 0 8px;
	font-size:40px;
}
.mBannerWr .txtBox .txt { 
	margin:0 0 50px;
	font-weight:700;
	font-size:56px;
	line-height:1.2;
}
.mBannerWr .txtBox .lnk { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	gap:15px;
	width: 228px;
	max-width: 100%;
	height: 70px;
	background: #FFF;
	border-radius: 10px;
}
.mBannerWr .txtBox .lnk span { 
	display:block; 
}
.mBannerWr .txtBox .lnk .lnkTxt { 
	font-weight:700;
	font-size:34px;
	color: #326BFF;
}
.mBannerWr .txtBox .lnk .lnkIco { 
	font-size:0; 
}
.mBannerWr .txtBox .lnk .lnkIco img { 
	max-width: 100%; 
}
.mBannerWr .imgBox { 
	position:absolute; 
	top:48px;
	right:-30px;
	font-size:0;
}
.mBannerWr .imgBox img { 
	max-width: 100%; 
}
.mSec01Wr { 
	padding:70px 0;
}
.mSec01Wr .sec01Tit { 
	font-weight:500;
	font-size:52px;
	line-height:1.4;
	text-align: center; 
	color: #212121;
}
.mSec01Wr .sec01Tit span { 
	font-weight:700;
	color: #326BFF;
}
.mSec01Wr .sec01Area { 
	padding:70px 0;
}
.mSec01Wr .sec01Area .inner { 
	display:flex; 
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
}
.mSec01Wr .sec01Area .txtBox { 
	width: 50%; 
}
.mSec01Wr .sec01Area .txtBox .tit { 
	position:relative; 
	display:inline-block; 
	margin:0 0 28px;
	padding:0 3px 3px;
}
.mSec01Wr .sec01Area .txtBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 70%;
	bottom:0;
	left:0;
	background: #E3EEFF;
	z-index:1;
}
.mSec01Wr .sec01Area .txtBox .tit span { 
	position:relative; 
	display:block; 
	font-weight:500;
	font-size:42px;
	color: #326BFF;
	z-index:2;
}
.mSec01Wr .sec01Area .txtBox .txt { 
	font-size:24px;
	color:#424242;
}
.mSec01Wr .sec01Area .imgBox {
	position:relative; 
	flex-shrink:0;
	max-width: 100%;
	font-size:0;
}
.mSec01Wr .sec01Area .imgBox img { 
	max-width: 100%; 
}
.mSec01Wr .sec01Area .imgBox .extraImg { 
	position:absolute; 
	bottom:-21px;
	right:-71px;
}
.mSec01Wr .sec01Area:nth-child(odd) { 
	background: #F6F9FF; 
}
.mSec01Wr .sec01Area:nth-child(odd) .inner { 
	flex-direction:row-reverse; 
}
@media all and (max-width:1399px){
	.mBannerWr { 
		padding:150px 20px;
	}
	.mBannerWr .conBox { 
		padding:0 490px 0 0;
	}
	.mBannerWr .txtBox .logo { 
		width: 241px; 
		margin:0 0 25px;
	}
	.mBannerWr .txtBox .tit { 
		margin:0 0 5px;
		font-size:36px;
	}
	.mBannerWr .txtBox .txt { 
		margin:0 0 45px;
		font-size:50px;
	}
	.mBannerWr .txtBox .lnk { 
		gap:10px;
		width: 210px;
		height: 63px;
	}
	.mBannerWr .txtBox .lnk .lnkTxt { 
		font-size:31px; 
	}
	.mBannerWr .txtBox .lnk .lnkIco { 
		width: 27px; 
	}
	.mBannerWr .imgBox { 
		width: 478px; 
		top:43px;
		right:0;
	}
	.mSec01Wr { 
		padding:60px 0;
	}
	.mSec01Wr .sec01Tit { 
		font-size:47px; 
	}
	.mSec01Wr .sec01Area { 
		padding:60px 0;
	}
	.mSec01Wr .sec01Area .txtBox .tit { 
		margin:0 0 25px;
	}
	.mSec01Wr .sec01Area .txtBox .tit span { 
		font-size:38px; 
	}
	.mSec01Wr .sec01Area .txtBox .txt { 
		font-size:22px; 
	}
	.mSec01Wr .sec01Area .imgBox { 
		width: 454px; 
	}
	.mSec01Wr .sec01Area .imgBox .extraImg { 
		width: 288px; 
		bottom:-15px;
		right:-15px;
	}
}
@media all and (max-width:999px){
	.mBannerWr { 
		padding:60px 20px;
	}
	.mBannerWr .conBox { 
		padding:0;
	}
	.mBannerWr .txtBox .logo { 
		width: 214px;
		margin:0 auto 20px;
	}
	.mBannerWr .txtBox .tit, 
	.mBannerWr .txtBox .txt { 
		text-align: center; 
	}
	.mBannerWr .txtBox .tit { 
		font-size:32px; 
	}
	.mBannerWr .txtBox .txt { 
		margin:0 0 30px;
		font-size:45px;
	}
	.mBannerWr .txtBox .lnk { 
		gap:8px;
		width: 190px;
		height: 56px;
		margin:0 auto;
	}
	.mBannerWr .txtBox .lnk .lnkTxt { 
		font-size: 27px; 
	}
	.mBannerWr .txtBox .lnk .lnkIco { 
		width: 24px; 
	}
	.mBannerWr .imgBox { 
		display:none; 
	}
	.mSec01Wr { 
		padding:40px 0;
	}
	.mSec01Wr .sec01Tit { 
		font-size:42px;
		line-height:1.3;
	}
	.mSec01Wr .sec01Area { 
		padding:40px 0;
	}
	.mSec01Wr .sec01Area .txtBox .tit { 
		margin:0 0 20px
	}
	.mSec01Wr .sec01Area .txtBox .tit span { 
		font-size:34px; 
	}
	.mSec01Wr .sec01Area .txtBox .txt { 
		font-size:19px; 
	}
	.mSec01Wr .sec01Area .imgBox { 
		width: 403px; 
	}
	.mSec01Wr .sec01Area .imgBox .extraImg { 
		width: 256px; 
		bottom:-10px;
		right:-10px;
	}
}
@media all and (max-width:799px){
	.mSec01Wr .sec01Area { 
		padding:30px 0;
	}
	.mSec01Wr .sec01Area .inner { 
		flex-wrap:wrap; 
	}
	.mSec01Wr .sec01Area .txtBox { 
		width:100%;
		text-align: center;
	}
	.mSec01Wr .sec01Area .txtBox .tit { 
		margin:0 0 15px;
	}
	.mSec01Wr .sec01Area .imgBox { 
		margin:0 auto;
	}
}
@media all and (max-width:599px){
	.mBannerWr { 
		padding:40px 20px;
	}
	.mBannerWr .txtBox .logo { 
		width: 161px;
		margin:0 auto 15px;
	}
	.mBannerWr .txtBox .tit { 
		font-size:24px; 
	}
	.mBannerWr .txtBox .txt { 
		margin:0 0 20px;
		font-size:34px;
	}
	.mBannerWr .txtBox .lnk { 
		gap:5px;
		width: 150px;
		height: 42px;
	}
	.mBannerWr .txtBox .lnk .lnkTxt { 
		font-size: 20px; 
	}
	.mBannerWr .txtBox .lnk .lnkIco { 
		width: 18px; 
	}
	.mSec01Wr { 
		padding:30px 0;
	}
	.mSec01Wr .sec01Tit { 
		font-size:31px; 
	}
	.mSec01Wr .sec01Area { 
		padding:20px 0;
	}
	.mSec01Wr .sec01Area .txtBox .tit { 
		margin:0 0 10px;
	}
	.mSec01Wr .sec01Area .txtBox .tit span { 
		font-size:25px; 
	}
	.mSec01Wr .sec01Area .txtBox .txt { 
		font-size:17px; 
	}
	.mSec01Wr .sec01Area .imgBox { 
		width: 302px; 
	}
	.mSec01Wr .sec01Area .imgBox .extraImg { 
		width: 192px; 
	}
}
/* 메인 끝
------------------------------------------------------ */