@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*/
.sub-page .header-wrap {position: relative;}
.header-wrap {position:absolute;top:0;left:0;width:100%;z-index:500;box-sizing: border-box;background: transparent;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{background: #201915;padding: 0 20px;} 
.footer-box {margin: 0 auto;width: 100%;max-width: 1600px;}

.main-visual-wrap {overflow: hidden;}
.main-content-wrap01{}
.main-content-wrap02{background: linear-gradient(90deg,rgba(201, 92, 166, 1) 0%, rgba(29, 128, 203, 1) 100%);position: relative;}
.main-content-box01{max-width: 1600px;margin: auto;}
.main-content-box02{max-width: 1600px;margin: auto;}

/*Sub*/
.sub-visual-wrap {border-top: 1px solid #8ABADE;}
.content-outer-wrap {margin: 0 auto;max-width: 1440px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.content-outer-wrap .lnb-wrap {width: 280px;padding:  0 64px 0 0;position: relative;top: -64px;z-index: 11;}
.sub-content-wrap {width: calc(100% - 344px);box-sizing: border-box;padding: 104px 0 100px;}
.sub-content-wrap .sub-content {}
@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: 30px 24px;}
	.footer-wrap {padding: 0;}
	.main-content-box01{padding: 0 16px;}
	.main-content-box02{padding: 0 16px;}
	.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;
	}
}