@charset "utf-8";
@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
.intro-wrap{display: flex;flex-direction: column;min-height: 100vh;overflow: hidden;}
.intro-wrap:before,
.intro-wrap:after{content:'';position: absolute;top: 50%;transform: translateY(-50%);z-index: -1;margin-top: -40px;background-repeat: no-repeat;background-position: 0 0;}
.intro-wrap:before{left: 0;width: 233px;height: 679px;background-image: url(/images/intro/inrto-bg1.png);}
.intro-wrap:after{right:0;width: 229px;height: 651px;background-image: url(/images/intro/inrto-bg2.png);}
.intro-wrap .container{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;justify-content: space-between;width: 100%;max-width: 1520px;padding: 0 40px;margin: auto;}

.intro-wrap .text-cont{flex: 1;}
.intro-wrap .logo{margin-bottom: 72px;}

.intro-wrap .pc-br{display: block}
.intro-wrap .txt1{padding-bottom: 18px;font-size: 36px;font-weight: 700;line-height: 1.39;color: #222222;}
.intro-wrap .txt2{font-size: 20px;font-weight: 500;line-height: 1.6;color:#666666;}
.intro-wrap .text-cont strong{display: block;padding-bottom: 15px;font-size: 20px;font-weight: 500;line-height: 1.6;color: #222222;}


.intro-wrap .link-btn{display: table;height: 60px;padding: 0 40px;margin-top: 76px;border-radius: 34px;font-size: 20px;color: #fff;background: linear-gradient(90deg, #25b369 0%, #006ec0 100%);}
.intro-wrap .link-btn span{display: table-cell;position: relative;padding-right: 30px;font-family: 'Isamanru' !important;font-weight:400;vertical-align: middle;}
.intro-wrap .link-btn span:after{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 22px;height: 14px;background-image: url(/images/intro/arrow-ic.png);background-repeat: no-repeat;background-position: 100% 50%;transition: right 0.3s ease;}
.intro-wrap .link-btn:hover span:after{animation: arrowMove 0.7s ease-in-out infinite;}

@keyframes arrowMove{
    0% { transform:translate(0,-50%); }
    50% { transform:translate(10px,-50%); }
    100% { transform:translate(0,-50%); }
}

.intro-wrap .img-cont{position: relative;max-width: 820px;width: 100%;max-height: 610px;overflow: hidden;border-radius: 26px;background-size: cover;background-repeat: no-repeat;}
.intro-wrap .img-cont img{width: 100%;height: 100%;object-fit: contain;border-radius: 26px;}
.intro-wrap .img-cont .box{position: absolute;bottom: 0;left: 0;width: 100%;height: 145px;padding: 30px 40px 30px;background:rgba(34,34,34,.7);}
.intro-wrap .img-cont p{padding-bottom: 8px;font-size: 24px;font-weight: 600;line-height: 1.33;color:#fff;}
.intro-wrap .img-cont span{font-size: 18px;line-height: 1.78;color: #fff;}
.intro-wrap .footer-wrap{padding: 32px 0 35px;border-top: 1px solid #eee;background-color: #fff;}
.intro-wrap .footer-wrap .inner{display: flex;justify-content: space-between;max-width: 1520px;width: 100%;padding:0 40px;}
.intro-wrap .footer-info > div{width: 100%}
.intro-wrap .footer-info > .left{margin: 0;padding-top: 0;}

@media only screen and (max-width:1440px) {
    .intro-wrap:before{width: 200px;height: 582px;background-size: 200px auto;}
    .intro-wrap:after{width: 198px;height: 563px;background-size: 198px auto;}
    .intro-wrap .logo{max-width: 240px;}
    .intro-wrap .txt1{padding-bottom: 18px;font-size: 32px;}
    .intro-wrap .txt2{font-size: 18px;}
    .intro-wrap .text-cont strong{padding-bottom: 12px;font-size: 19px;}
    .intro-wrap .link-btn{height: 58px;margin-top: 60px;font-size: 18px;}
    .intro-wrap .img-cont{max-width: 720px;}
    .intro-wrap .img-cont .box{height: 130px;}
    .intro-wrap .img-cont p{ padding-bottom: 6px;font-size: 22px;}
    .intro-wrap .img-cont span{font-size: 17px;}
}
@media only screen and (max-width:1280px) {
    .intro-wrap .container{gap: 40px;padding: 40px 20px 50px;}
    .intro-wrap .logo{max-width: 220px;margin-bottom: 50px;}
    .intro-wrap .txt1{padding-bottom: 15px;font-size: 28px;}
    .intro-wrap .pc-br{display: inline;}
    .intro-wrap .text-cont strong{padding-bottom: 10px;font-size: 18px;}
    .intro-wrap .img-cont{max-width: 100%;}
    .intro-wrap .img-cont .box{height: 110px;padding: 20px 30px 20px;}
    .intro-wrap .img-cont p{font-size: 20px;}
    .intro-wrap .img-cont span {font-size: 16px;}
    .intro-wrap .link-btn{height: 50px;margin-top: 40px;font-size: 17px;}

}
@media only screen and (max-width:1024px) {
    .intro-wrap:before, .intro-wrap:after{transform: initial;top:auto;}
    .intro-wrap:before{top: 60px;width: 150px;height: 230px; background-size: 150px auto;}
    .intro-wrap:after{bottom: 0;width: 150px;height: 427px;background-size: 150px auto;}
    .intro-wrap .container{gap: 30px;padding: 30px 20px 40px;}
    .intro-wrap .logo{max-width: 180px;margin-bottom: 25px;}
    .intro-wrap .txt1{padding-bottom: 10px;font-size: 22px;}
    .intro-wrap .txt2{font-size: 16px;}
    .intro-wrap .text-cont strong{padding-bottom: 5px;font-size: 17px;}
    .intro-wrap .img-cont img{border-radius: 13px;}
    .intro-wrap .img-cont .box{height: 95px;padding: 20px;}
    .intro-wrap .img-cont p{font-size: 18px;}
    .intro-wrap .img-cont span{font-size: 15px;}
    .intro-wrap .link-btn{margin-top: 30px;padding: 0 25px;font-size: 15px;}
    .intro-wrap .link-btn span:after{width: 20px;height: 13px;background-size: 20px auto;}
    .intro-wrap .footer-wrap{padding: 20px 0;}
    .intro-wrap .footer-wrap .inner{display:block;padding: 0 20px;}
    .intro-wrap .footer-wrap .sns-wrap{margin-top: 20px;}

}
@media only screen and (max-width:768px) {
    .intro-wrap:before, .intro-wrap:after{background:none}
    .intro-wrap .txt1{font-size: 20px;}
    .intro-wrap .footer-info > .left{margin-top: 0;}
}