.landing-box{background: url('../img/common/bg-landing01.jpg') no-repeat center / cover;width: 100%;min-height: 100vh;overflow: hidden;}
.landing-box .logo{background: rgb(255 255 255 / 70%);text-align: center;padding: 24px;}
.landing-box .logo img{max-height: 52px;}

.landing-box .intro-wrap{display: flex;align-items: center;justify-content: center;min-height: calc(100vh - 228px);}
.landing-box .intro-wrap .intro-box{max-width: 1440px;width: 100%;min-height: 480px;background: linear-gradient(0deg, rgba(0, 10, 35, 0.6), rgba(0, 10, 35, 0.6)), url('../img/common/bg-intro.jpg') no-repeat center / cover;border-radius: 12px;padding: 60px 80px;box-sizing: border-box;display: flex;gap: 8px;position: relative;margin: 128px 77px 171px;}

.intro-box ul{display: inline-flex;gap: 8px;flex-wrap: wrap;}
.intro-box ul li{max-width: 285px;height: 360px;position: relative;}
.intro-box ul li .img-box{height: 360px;position: relative;}
.intro-box ul li .img-box:before{content:'';position: absolute;top: 0;bottom:0;left:0;right: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.21) 36.01%, rgba(0, 0, 0, 0.7) 58.09%, rgba(0, 0, 0, 0.7) 100%);}
.intro-box ul li .img-box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.intro-box ul li .img-box > div{position: absolute;bottom: 0;left:0;right: 0;padding: 32px 24px;display: flex;flex-direction: column;gap: 16px;}
.intro-box ul li .img-box > div .txt01{font-weight: 700;font-size: 26px;letter-spacing: -0.02em;color: #fff;font-family: 'Pretendard', sans-serif;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.intro-box ul li .img-box > div .txt02{font-weight: 400;font-size: 18px;line-height: 140%;color: #fff;font-family: 'Pretendard', sans-serif;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.intro-box ul li .img-box > div .link{background: #0084E7 url('../img/common/intro-more.png') no-repeat center right 24px;padding: 12.3px 40px 12.3px 24px;font-weight: 560;
font-size: 14px;line-height: 140%;color: #fff;display: inline-block;max-width: 118px;width: 100%;margin: auto;border-radius: 22px;box-sizing: border-box;text-align: left;}

.landing-box .intro-wrap .txt-box{max-width: 400px;padding: 0 24px;box-sizing: border-box;}
.landing-box .intro-wrap .txt-box .txt01{font-weight: 700;font-size: 28px;letter-spacing: -0.02em;color: #fff;font-family: 'Pretendard', sans-serif;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;border-bottom: 2px solid #43AEFF;display: inline-block;line-height: 55px;margin-bottom: 16px;}
.landing-box .intro-wrap .txt-box .txt02{font-weight: 600;font-size: 20px;line-height: 140%;color: #F5F5F5;font-family: 'Pretendard', sans-serif;}

.landing-box .intro-wrap .intro-box .img-absolute{position: absolute;top: 125px;right: -77px;}

.footer-wrap{background: #fff;}
.footer-wrap .footer-box{max-width: 1440px;margin: auto;padding: 35px 24px;box-sizing: border-box;}
.footer-wrap .footer-box p{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 18px;line-height: 29px; color: #696969;letter-spacing: -0.02em;text-align: center;}


@media screen and (max-width:1024px){
	.landing-box .intro-wrap .intro-box{padding: 24px 16px;margin: 40px 30px;}
	.landing-box .intro-wrap .intro-box .img-absolute{top: unset;bottom: 0;right: -30px;}
	.footer-wrap .footer-box{padding: 40px 24px;}
}

@media screen and (max-width:768px){
	.landing-box .intro-wrap .intro-box{flex-direction: column;margin: 40px 16px;}
	.landing-box .intro-wrap .txt-box{padding: 0;margin-bottom: 8px;max-width: 100%;}
	.intro-box ul li .img-box > div{padding: 32px 16px;}
	.landing-box .intro-wrap .txt-box .txt01{line-height: normal;padding-bottom: 10px;}
	.intro-box ul li{max-width: 100%;width: 100%;}
	.landing-box .intro-wrap .intro-box .img-absolute{display: none;}
}