@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url("guide.css");
@import url("table.css");

body{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 16px;line-height: 140%;color: #696969;}
.over-hidden {overflow:hidden;}
.font-paper{font-family: 'Paperlogy', sans-serif;}

/*layout*/
.header-wrap {width:100%;z-index:500;box-sizing: border-box;background: #fff;padding: 0 20px;font-family: 'Paperlogy', sans-serif;}
.header-wrap:before {content:'';height:100%;left:0;position:absolute;top:0;width:100%;background-color:transparent;z-index:-1;}
.header-wrap .header-box {max-width: 1600px;margin:0 auto;}
.footer-wrap {padding: 0 40px 40px 40px;}

.main-visual-wrap {overflow: hidden;}
.main-content-wrap01{background: url(../img/main/bg-sec01.png) no-repeat center center;background-size: cover;}
.main-content-wrap02{background: #fff url(../img/main/bg-sec02.png) no-repeat bottom right;background-size: cover;}
.main-content-box01{max-width: 1600px;margin: auto;}
.main-content-box02{max-width: 1600px;margin: auto;}

/*title*/
.main-title {margin-bottom: 40px;}
.main-title h3 {font-weight: 700;font-size: 42px;line-height: 1;text-transform: uppercase;color:#0068B7;margin: 0 0 12px 0;}
.main-title h3 span{color:#E60012;}
.main-title p {font-weight: 600;font-size: 20px;line-height: 1.4;letter-spacing: -0.2px;text-transform: uppercase;color:#404040;}

/*Sub*/
.sub-visual-wrap {border-top: 1px solid #8ABADE;}

.content-outer-wrap {margin: 0 auto;max-width: 1600px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.content-outer-wrap .lnb-wrap {width: 280px;padding: 20px 64px 0 0;}
.sub-content-wrap {width: calc(100% - 344px);box-sizing: border-box;padding: 55px 0 100px;}
@media (max-width: 1200px) {
	.content-outer-wrap .lnb-wrap {display: none;}
	.sub-content-wrap {width: 100%;}
}

@media screen and (max-width: 1024px) {
	.header-wrap {padding: 20px 20px;}
	.footer-wrap {padding: 16px;}
	.main-content-wrap01 {background: linear-gradient(167.95deg, #1183D9 5.73%, #219FFF 91.2%);}
	.main-content-wrap02{background: #fff url(../img/main/bg-sec02.png) no-repeat bottom right;background-size: cover;}
	.main-content-box01{padding: 0 20px;}
	.main-content-box02{padding: 0 20px;}
	.mobile-hide{display: none !important;}
	.pc-hide{display:block !important;}
	
	/*sub*/
	.sub-content-wrap {padding: 30px 16px 50px;}
}
.animate.show.moveUp {animation: moveUp 1s ease-in-out forwards;}
.animate.show.moveDown {animation: moveDown 1s ease-in-out forwards;}
.animate.show.moveLeft {animation: moveLeft 1s ease-in-out forwards;}
@keyframes moveUp {
	from {
		transform: translateY(100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes moveLeft {
	from {
		transform: translateX(100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes moveDown {
	from {
		transform: translateY(-100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}