/* ------------------------------------------------------------------------------- */
/* 메인 영역 */
.main-header-area {
    padding: 0 4.4rem;
    height: calc(100vh - 8.0rem);
    overflow: hidden;
    background: radial-gradient(63.95% 47.48% at 75.05% 16.74%, #3250A1 0%, #22377C 29%, #050737 87%);
}
.main-header-area .wrap {
    position: relative;
    height: 100%;
}
.main-header-area .main-title-area {
    position: relative;
    z-index: 3;
    padding-top: 12rem;
}
.main-header-area .main-title-area .title-box{
    margin-top: -130px
}
.main-header-area .main-title-area .title-box p:first-child {
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #3250A1 ;
    font-weight: 700;
    font-size: 3.2rem;
}
.main-header-area .main-title-area .title-box p:first-child span {
    font-weight: 700;
    font-size: 3.2rem;
}
.main-header-area .main-title-area .title-box h1 {
    font-size: 7.4rem;
    letter-spacing: -0.05em;
    line-height: 1.25;
    color: #fff;
}

.main-header-area .main-title-area .title-box p {
    line-height: 1.25;
    font-weight: 700;
    font-size: 3.6rem;
    color: #fff;
    margin: 2rem 0 1.5rem;
}
.main-header-area .main-title-area .title-box .main-apply {
    color: #3250A1;
    background: #fff;
    padding: 1.6rem 6.8rem;
    display: inline-block;
    font-weight: 700;
    letter-spacing: -0.03em;
    font-size: 2.6rem;
}
.main-header-area .main-title-area .title-box .main-apply:hover{
    background: #22377C;
    color: #fff;
}
/* visual */
.main-visual-area {
    position: absolute;
    right: -30rem;
    bottom: -14rem;
    width: 91.7rem;
    height: 100%;

}
.main-visual-area > div {
    position: absolute;
    z-index: 2;
}
/* visual */
.visual-1 {
    bottom: 0;
    right: 0;
    /* max-width: 100rem; */
}
.visual-2 {
    top: 55rem;
    right: 51rem;
}
.visual-3 {
    top: 21.8rem;
    right: 44rem;

}
.visual-4 {
    top: 53.8rem;
    right: 17.9rem;

}
.visual-5 {
    top: 4rem;
    right: 18rem;

}

.visual-2 img,
.visual-5 img {
    transform: translate(-10%, -10%);
    animation-name: bounce1;
    animation-duration: 2.5s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
.visual-3 img,
.visual-4 img {
    transform: translate(0, -15%);
    animation-name: bounce1;
    animation-duration: 2.5s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
@media (max-width: 1320px) {
    .main-header-area .main-title-area {
        padding-top: 7rem;
    }
}


@media (max-width: 1200px) {

    .main-header-area .main-title-area {
        padding-top: 6vh;
    }
    .main-header-area .main-title-area .title-box p {
        margin-top: 4rem;
        margin-bottom: 2.8rem;
    }
    .main-visual-area {
        height: auto;
        transform: scale(0.75);
      right: -28rem;
        bottom: 0;
        width: 121.7rem;
    }
    .main-header-area .main-title-area .title-box .main-apply {
        display: none;
    }

    .visual-2 {
        top: -39rem;
        right: 56rem;
    }
    .visual-3 {
        top: -74.8rem;
        right: 48rem;
    
    }
    .visual-4 {
        top: -40.8rem;
        right: 19.9rem;
    
    }
    .visual-5 {
        top: -93rem;
        right: 18rem;
    
    }

}
@media (max-width: 768px) {
    .main-header-area .main-title-area {
        padding-top: 5vh;
    }
    .main-header-area .main-title-area .title-box{
        margin-top: -140px;
    }
    .main-header-area .main-title-area .title-box h1 {
        font-size: 5.6rem;
    }
    .main-header-area .main-title-area .title-box p {
        margin-top: 2rem;
        font-size: 3.32rem;
    }
    .main-visual-area {
        transform: scale(0.6);
        right: -31rem;
    }
}
@media (max-width: 767px) {
    .main-header-area .main-title-area {
        padding-top: 2vh;
    }
}
@media (max-width: 640px) {
    .main-header-area .main-title-area {
        padding-top: 4.4rem;
    }
    .main-header-area .main-title-area .title-box h1 {
        font-size: 3.6rem;
    }
    .main-header-area .main-title-area .title-box p {
        margin-bottom: 2.8rem;
        font-size: 1.8rem;
    }
    .main-visual-area {
        transform: translateX(-51%) scale(0.4);
        left: 50%;
        right: auto;
        bottom: 0;
        width: 91.7rem;
    }
}
@media (max-width: 540px) {
    .main-visual-area {
        bottom: 0
    }
    .main-header-area {
        padding: 0 2.4rem
    }
    .main-header-area .main-title-area{
        padding-top: 2.4rem;
    }
    .main-header-area .main-title-area .title-box p {
        margin-bottom: 2.0rem;
        margin-top: 2.0rem;
    }
    .visual-2 {
        top: -36rem;
        right: 51rem;
    }
    .visual-3 {
        top: -69.8rem;
        right: 44rem;
    
    }
    .visual-4 {
        top: -37.8rem;
        right: 17.9rem;
    
    }
    .visual-5 {
        top: -86rem;
        right: 18rem;
    
    }

}
@media (max-width: 430px) {
    .main-header-area .main-title-area {
        padding-top: 2.0rem;
    }
    .main-visual-area {
        transform: translateX(-51%) scale(0.4);
        left: 50%;
        right: auto;
    }
    .main-header-area {
        height: calc(100vh - 11rem);
    }
}
@media (max-width: 390px) {
    .main-header-area .main-title-area {
        padding-top: 1.2rem;
    }
    .main-header-area .main-title-area img{
        width: 60%;
     }
     .main-header-area .main-title-area .title-box img{
       width: 90%;
    }
    .main-visual-area {
        transform: translateX(-51%) scale(0.4);
        left: 50%;
        right: auto;
    }
}
@media (max-width: 375px) {
    .main-header-area .main-title-area {
        padding-top: 0rem;
    }
    .main-header-area .main-title-area .title-box h1 {
        font-size: 3.2rem;
    }
    .main-visual-area {
        transform: translateX(-51%) scale(0.35);
        bottom: 0;
    }
    .main-header-area .main-title-area .title-box p {
        margin-bottom: 1.6rem;
        margin-top: 0rem;
    }
}

/* //메인 영역 */





/* 애니메이션 */
@keyframes bounce1 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}