@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;}
html body.en.gnb-box > ul > li > a{font-size:15px !important;}
.over-hidden {overflow:hidden;}

.header-wrap {width:100%;position: relative;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;}
.main-visual-wrap {overflow: hidden;}
.main-visual-box {position: relative;}
.sub-path-wrap {margin: 16px 0 50px;}
.sub-path-box{position:relative;margin:0 auto;max-width:1600px;}
.sub-path-box:after{content:'';display:block;clear:both;}
.sub-title-box{position:relative;margin:0 auto;max-width:1600px;}
.sub-tab-box {position:relative;margin:0 auto;max-width:1600px;padding: 40px 0 0;}
.sub-content-box{margin: 0 auto;padding: 68px 0 70px;max-width: 1600px;}

.main-bg-box{position: relative;}
.main-bg-box:before{content: '';background: url('../img/main/bg.png') no-repeat top right / cover;position: absolute;left: 0;top: 0;width: 50%;height: 100%;z-index: -1;}
.main-content-wrap01{overflow: hidden;}
.main-content-wrap02{background: #fff;position: relative;font-family: 'Paperlogy', sans-serif;}
.main-content-wrap04{background: #fff;position: relative;}

.main-content-box01{max-width: 1600px;margin: auto;}
.main-content-box02{max-width: 1600px;margin: auto;}
.main-content-box03{max-width: 1600px;margin: auto;}

.main-content-wrap03-1 {position: relative;overflow: hidden;}
.main-content-wrap03-1:before {content: '';background: url(../img/main/mark-main-03.png) no-repeat top center;width: 855px;height: 480px;background-size: cover;bottom: 0px;position: absolute;z-index: -1;right: 0;}
.main-content-box03-1 {max-width: 1600px;margin: auto;box-sizing: border-box;}

.main-content-wrap03-2 {position: relative;}
.main-content-wrap03-2:before {content: '';background: url(../img/main/mark-main-01.png) no-repeat top center;width: 936px;height: 480px;background-size: cover;bottom: 0px;position: absolute;z-index: -1;left: 0;}
.main-content-wrap03-2:after {content: '';background: url(../img/main/mark-main-02.png) no-repeat top center;width: 855px;height: 480px;background-size: cover;top: 0px;position: absolute;z-index: -1;right: 0;}
.main-content-box03-2 {max-width: 1600px;margin: auto;box-sizing: border-box;}

@media screen and (max-width: 1200px) {
	.main-content-wrap03-1:before {width: 427.5px;height: 240px;} 
	.main-content-wrap03-2:after {width: 427.5px;height: 240px;} 
	.main-content-wrap03-2:before {width: 427.5px;height: 240px;} 
}

@media screen and (max-width: 1024px) {
	.header-wrap {padding: 20px 20px;}
	.sub-content-box {padding: 0 16px 70px;}
	.sub-path-wrap {margin: 30px 20px 30px;}
	.sub-title-box {padding: 0 20px;margin-bottom: 0;} 
	
	.main-content-box01{padding: 0 20px;}
	.main-content-box02{padding: 0 20px;}
	.main-content-box03{padding: 0 20px;}
	.main-content-box03-1{padding: 0 20px;}
	.main-content-box03-2{padding: 0 20px;}
	.sub-tab-box {padding: 30px 16px 0;}
	 
	.mobile-hide{display: none !important;}
	.pc-hide{display:block !important;}
} 

@media screen and (max-width: 768px) {
	.main-content-wrap03-1:before {width: 60%;height: 300px;} 
	.main-content-wrap03-2:after {width: 60%;height: 300px;} 
	.main-content-wrap03-2:before {width: 60%;height: 300px;} 
}

/*animation*/
/*.animate {opacity: 0;}*/
.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;
	}
}