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

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

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

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

#vCon4_main_wrap header.masthead .text2 {
    font-size: 30px;
    line-height: 57.28px;
    color: #000000;
}

#vCon4_main_wrap .content2_wrap .text1 {
    font-size: 40px;
    line-height: 60.38px;
    color: #282828;
}

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

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

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

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

#vCon4_main_wrap .content5_wrap .text1 {
    font-size: 42px;
    line-height: 58.38px;
    color: #EC6611;
}

#vCon4_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;
}

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

#vCon4_main_wrap .content6_wrap .text1 {
    color: #fff;
    font-size: 45px;
    line-height: 76.38px;
}

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

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

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

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

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

#vCon4_main_wrap .pd-border-wrap {
    padding: 30px;
    border-radius: 20px;
}

.bg_EC6611 {
    background: #EC6611;
}

.bg_282828 {
    background: #282828;
}


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

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

    #vCon4_main_wrap .content2_wrap .text1 {
        font-size: 4vw;
        line-height: 1.2;
    }

    #vCon4_main_wrap .content2_wrap .text2 {
        font-size: 3.2vw;
        line-height: 1.3;
    } 

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

    #vCon4_main_wrap .content4_wrap .text1 {
        font-size: 8vw;
        line-height: 1.2;
    }
    
    #vCon4_main_wrap .content4_wrap .text2 {
        font-size: 4.5vw;
        line-height: 1.2;
    }
    
    #vCon4_main_wrap .content5_wrap .text1 {
        font-size: 4vw;
        line-height: 1.2;
    }

    #vCon4_main_wrap .content5_wrap .text2 {
        font-size: 3vw;
        line-height: 1.3;
    }

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

    #vCon4_main_wrap .content7_wrap {
        padding: 5%;
    }

    #vCon4_main_wrap .content7_wrap .row {
        padding-top: 10%;
        padding-bottom: 10%;
        gap: 10vw;
    }


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

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

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

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

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

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

	.numCircle {
		width:60px;
	}
}

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

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

    #vCon4_main_wrap .content2_wrap .text2 {
        font-size: 3.3vw;
    }

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

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

    #vCon4_main_wrap .content5_wrap .text2 {
        font-size: 3vw;
    }


}