/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2024-06-05
 | 파일설명 : 베트남 스피킹맥스 메인 페이지 CSS 
 +----------------------------------------------------------------------+
 | 작업자 : 이대호 
 +----------------------------------------------------------------------+
 | 수정이력 
 +----------------------------------------------------------------------+
*/

@charset "UTF-8";
aside, section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.maxUpAiRollImgWrap {
    position: absolute;
    animation: maxUpAiRoll-right 15s linear infinite;
    display: flex;
}

.maxUpAiRollImgWrap img {
    width: 1460px;
}

#main_wrap header.masthead {
    text-align: center;
    color: #fff;
    background: #000;
    padding-top: 11rem;
    padding-bottom: 5.2rem;
}

#main_wrap header.masthead .text1 {
    font-size: 64px;
    line-height: 76.38px;
    color: #EC6611;
}

#main_wrap header.masthead .text2 {
    font-size: 40px;
    line-height: 47.73px;
    color: #ffffff;
}

.content2_wrap {
}

.content10_wrap {
    color: #fff;
}

.content2_wrap .text1 {
    font-size: 60px;
    line-height: 76.38px;
    color: #282828;
}

.content2_wrap .text2 {
    font-size: 24px;
    line-height: 28.8px;
    white-space: break-spaces;
    color: #8F8F8F;
}

.content4_wrap .text1 {
    font-size: 36px;
    line-height: 43.2px;
}

.content4_wrap .text2 {
    font-size: 20px;
    line-height: 24px;
}

.text1_6-9 {
    font-size: 36px;
    line-height: 42.96px;
}

.text2_6-9 {
    font-size: 20px;
    line-height: 24px;
}

.content5_wrap .text1 {
    font-size: 64px;
    line-height: 76.38px;
}

.content10_wrap .text1 {
    font-size: 64px;
    line-height: 76.38px;
}

.font_EC6611 {
    color: #EC6611;
}

@keyframes maxUpAiRoll-right {
    0% {
        transform: translateX(-15%);
    }

    100% {
        transform: translateX(-53%);
    }
}

@media (max-width: 991px) {
    #main_wrap header.masthead {
        padding-top: 35%;
        padding-bottom: 20%;
    }

    #main_wrap header.masthead .text1 {
        font-size: 10.5vw;
        line-height: 1.1;
    }
    
    #main_wrap header.masthead .text2 {
        font-size: 4.5vw;
        line-height: 1.1;
    }

    .content2_wrap .text1 {
        font-size: 10vw;
        line-height: 1.1;
    }

    .content2_wrap .text2 {
        font-size: 4.1vw;
    } 

    .content4_wrap .text1 {
        font-size: 10vw;
        line-height: 1.1;
    }
    
    .content4_wrap .text2 {
        font-size: 5vw;
        line-height: 1.1;
    }
    
    .text1_6-9 {
        font-size: 7vw;
        line-height: 1.1;
    }
    
    .text2_6-9 {
        font-size: 3.1vw;
        line-height: 1.1;
    }
    
    .content5_wrap .text1 {
        font-size: 10.5vw;
        line-height: 1.1;
    }

    .content10_wrap {
        padding-top: 15% !important;
        padding-bottom: 15% !important;
    }
    
    .content10_wrap .text1 {
        font-size: 10vw;
        line-height: 1.1;
    }

    .content4_wrap .flexReverse,
    .content6_wrap .flexReverse,
    .content9_wrap .flexReverse 
    {
        flex-direction: column-reverse;
    }

    .content9_wrap {
        padding-bottom: 0 !important;
    }

    aside, section {
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }
}