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

@charset "UTF-8";
#vCon6_main_wrap header.masthead {
    text-align: center;
    color: #fff;
    background: #F7EEE7;
    padding-top: 11rem;
    padding-bottom: 5.2rem;
}

#vCon6_main_wrap .content10_wrap {
    padding-top: 5rem;
    padding-bottom: 5rem; 
}

#vCon6_main_wrap header.masthead .text1 {
    font-size: 64px;
    line-height: 100%;
    color: #000000;
}

#vCon6_main_wrap header.masthead .text2 {
    font-size: 24px;
    line-height: 100%;
    color: #8f8f8f;
}

#vCon6_main_wrap .content2_wrap .text1 {
    font-size: 48px;
    line-height: 100%;
    color: #282828;
    margin-bottom: 40px;
}

#vCon6_main_wrap .content2_wrap .text1_b {
    font-size: 32px;
    line-height: 100%;
    color: #424242;
    margin: 0;
}

#vCon6_main_wrap .content2_wrap .text2 {
    font-size: 20px;
    line-height: 130%;
    color: #8F8F8F;
}

#vCon6_main_wrap .content3_wrap .text1 {
    font-size: 64px;
    line-height: 76.38px;
    color: #282828;
}

#vCon6_main_wrap .content3_wrap .text2 {
    font-size: 24px;
    line-height: 28.8px;
    color: #8F8F8F;
}

#vCon6_main_wrap .content4_wrap .text1 {
    font-size: 55px;
    line-height: 76.38px;
}

#vCon6_main_wrap .content5_wrap .text1 {
    font-size: 48px;
    line-height: 100%;
    color: #282828;
    font-weight: 700;
    margin-bottom: 40px;
}

#vCon6_main_wrap .content5_wrap .text1_box {
	font-size: 24px;
	line-height: 28.64px;
	background: #ec6611;
	color: #fff;
	border-radius: 100px;
	display: inline-block;
	padding: 10px 30px;
}

#vCon6_main_wrap .content5_wrap .text2 {
    font-size: 20px;
    line-height: 130%;
    color: #8F8F8F;
}

#vCon6_main_wrap .content6_wrap .text1 {
    color: #fff;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -1px;
}

#vCon6_main_wrap .content7_wrap .text1 {
    font-size: 36px;
    line-height: 42.96px;
    color: #000000;
}

#vCon6_main_wrap .content7_wrap .text2 {
    font-size: 18px;
    line-height: 28.8px;
    color: #8F8F8F;
}

#vCon6_main_wrap .content10_wrap .text1 {
    font-size: 64px;
    line-height: 76.38px;
    color: #EC6611 !important;
}

#vCon6_main_wrap .content10_wrap .text2 {
    font-size: 24px;
    line-height: 28.8px;
    color: #fff;
}

#vCon6_main_wrap .Contents4_4-6_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

#vCon6_main_wrap .Contents4_4-6_wrap.bottom {
    align-items: start;
}

#vCon6_main_wrap .Contents4_4-6_wrap.bottom ul {
    list-style: decimal;
    text-align: start;
    color: #8F8F8F;
    font-size: 20px;
}

#vCon6_main_wrap .pd-border-wrap {
    padding: 40px 70px;
    border-radius: 20px;
    background: #ffffff;
}

.bg_EC6611 {
    background: #EC6611;
}

.bg_282828 {
    background: #282828;
}

.bg_color_F3F3F3 {
    background: #F3F3F3 !important;
}

#vCon6_main_wrap .container {
    width: 840px;
    padding: 0;
}

#vCon6_main_wrap .container .row {
    width: 100%;
    margin: 0 auto;
}

#vCon6_main_wrap .content7_wrap .container {
    width: 840px;
    padding: 0;
}

#vCon6_main_wrap .content7_wrap .container .row {
    border-radius: 20px;
    padding: 40px;
    margin-left: 0;
    margin-right: 0;
}

#vCon6_main_wrap .content7_wrap .container .row .col-lg-6:nth-child(1),
#vCon6_main_wrap .content7_wrap .container .row .col-lg-6:nth-child(2) {
    margin-bottom: 20px;
}

.content7_wrap .pc_only {
    display: block;
}

.content7_wrap .mobile_only {
    display: none;
}

#vCon6_main_wrap .content5_wrap .topTextWrap .text1 {
    font-size: 48px;
    line-height: 100%;
    color: #282828;
    font-weight: 700;
    margin-bottom: 40px
}

#vCon6_main_wrap .content5_wrap .topTextWrap .text2 {
    font-size: 20px;
    line-height: 130%;
    color: #8F8F8F;
}

@media (max-width: 991px) {
    #vCon6_main_wrap .content5_wrap .topTextWrap .text1 {
        font-size: 8.5vw;
        margin-bottom: 20px;
    }

    #vCon6_main_wrap .content5_wrap .topTextWrap .text2 {
        font-size: 4.26vw;
    }
    #vCon6_main_wrap .Contents4_4-6_wrap.bottom ul {
        font-size: 4.25vw;
    }
    #vCon6_main_wrap .content2_wrap .text1_b {
        font-size: 6.4vw;
    }
    #vCon6_main_wrap section,
    #vCon6_main_wrap .masthead {
        padding-left: 5%;
        padding-right: 5%;
    }
    
    #vCon6_main_wrap .content7_wrap .container {
        width: 100%;
    }

    #vCon6_main_wrap .container {
        width: 100%;
    }

    #vCon6_main_wrap .content7_wrap .container .row {
        padding: 20px;
        width: 100%;
        margin: 0 auto;
    }

    #vCon6_main_wrap .content7_wrap .container .row .col-lg-6:nth-child(3){
        margin-bottom: 20px;
    }

    #vCon6_main_wrap .content7_wrap .container .row .col-lg-6 img {
        margin: 0 auto;
        width: 100%;
    }

    #vCon6_main_wrap header.masthead {
        padding-top: 35%;
        padding-bottom: 20%;
    }

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

    #vCon6_main_wrap .content2_wrap .text1 {
        font-size: 8.4vw;
        line-height: 1.2;
    }

    #vCon6_main_wrap .content2_wrap .text2 {
        font-size: 4.3vw;
        line-height: 1.3;
    } 

    #vCon6_main_wrap .content3_wrap .text1 {
        font-size: 7vw;
        line-height: 1.2;
    }
    
    #vCon6_main_wrap .content3_wrap .text2 {
        font-size: 3.3vw;
        line-height: 1.3;
    }

    #vCon6_main_wrap .content4_wrap .text1 {
        font-size: 8vw;
        line-height: 1.2;
    }
    
    #vCon6_main_wrap .content4_wrap .text2 {
        font-size: 4.5vw;
        line-height: 1.2;
    }
    
    #vCon6_main_wrap .content5_wrap .text1 {
        font-size: 8.5vw;
        margin-bottom: 20px;
    }

    #vCon6_main_wrap .content5_wrap .text2 {
        font-size: 4.26vw;
        line-height: 1.3;
    }

    #vCon6_main_wrap .content6_wrap .text1 {
        font-size: 8vw;
        line-height: 1.2;
    }

    #vCon6_main_wrap .content7_wrap {
        padding: 5%;
    }


    #vCon6_main_wrap .content7_wrap .text1 {
        font-size: 6vw;
        line-height: 1.2;
    }
    
    #vCon6_main_wrap .content7_wrap .text2 {
        font-size: 3vw;
        line-height: 1.2;
    }

    #vCon6_main_wrap .content10_wrap .text1 {
        font-size: 9vw;
        line-height: 1.2;
    }
    
    #vCon6_main_wrap .content10_wrap .text2 {
        font-size: 3.7vw;
        line-height: 1.2;
    }

    #vCon6_main_wrap .content4_wrap .flexReverse,
    #vCon6_main_wrap .content7_wrap .flexReverse,
    #vCon6_main_wrap .content9_wrap .flexReverse
    {
        flex-direction: column-reverse;
    }
    #vCon6_main_wrap .content4_wrap {
        padding-top: 15% !important;
    }

    #vCon6_main_wrap .content4_wrap .wrap1 {
        padding: 23% 5%;
    }

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

    #vCon6_main_wrap .content10_wrap {
        padding-top: 13% !important;
        padding-bottom: 13% !important;
    }

	.numCircle {
		width:50px;
        margin-bottom: 20px !important;
	}
}

@media (max-width: 767px) {
    .content7_wrap .pc_only {
        display: none;
    }

    .content7_wrap .mobile_only {
        display: block;
    }
}

@media (max-width: 500px) {
    #vCon6_main_wrap header.masthead .text1 {
        font-size: 10vw;
    }

    #vCon6_main_wrap header.masthead .text2 {
        font-size: 4vw;
    }

    #vCon6_main_wrap .content2_wrap .text2 {
        font-size: 4.3vw;
    }

	#vCon6_main_wrap .pd-border-wrap {
		padding: 5%;
	}

	#vCon6_main_wrap .content5_wrap .container .row {
		margin: 1%;
	}

    #vCon6_main_wrap .content5_wrap .text2 {
        font-size: 4.26vw;
    }


}