@CHARSET "UTF-8";

main{width:100%; margin:0 auto;}
.title-top{width:100%; height:484px; margin:0 auto;}
.title-top>.inner{width:100%; height:100%; color:#fff; display:flex; flex-direction: column; justify-content: center; padding-top:64px !important;}
.title-top .inner h2{font-size: 52px; margin-bottom:24px;}
.title-top .inner p{font-size: 20px; line-height:1.7; font-weight:200;}

.wrap-curriculum{width:100%; padding:120px 0; background-color: #fff;}
.wrap-curriculum .inner section{color:#222; margin-bottom:40px; line-height:1.3;}
.wrap-curriculum .inner section h3{font-size: 43px;}

.wrap-curriculum .curri-list{display:flex; border-top:1px solid #D6D9E6;}
.wrap-curriculum .curri-list:last-child{border-bottom:1px solid #D6D9E6;}
.wrap-curriculum .curri-list h4{width:30%; padding-top:19px; font-size:24px;}
.wrap-curriculum .curri-list .list-item{width:70%;}
.wrap-curriculum .curri-list .list-item ul{width:100%; height:auto;}
.wrap-curriculum .curri-list .list-item ul li{width:100%; border-bottom: 1px solid #E8EBF0; height:74px;font-size:20px; line-height:74px;}
.wrap-curriculum .curri-list .list-item ul li:last-child{border-bottom:0;}
.wrap-curriculum .curri-list .list-item ul li a{display:block; position:relative;}
.wrap-curriculum .curri-list .list-item ul li a span{background-color:#4D5762; font-size:13px; color:#fff; padding: 2px 5px; border-radius:6px; margin-right:4px; vertical-align:bottom;}
.wrap-curriculum .curri-list .list-item ul li a::after{content:url("/khacademy/resources/images/cuurriculum/icon-list.png"); width:20px; height:20px; display:block; position:absolute; top:27px; right:8px;}

@media screen and (max-width: 1024px){
.title-top{height:420px;}
.title-top .inner h2{font-size: 42px; margin-bottom:20px; font-weight:500;}
.title-top .inner p{font-size: 20px; line-height:1.5; font-weight:300;}

.wrap-curriculum{padding:var(--content-padding-tablet) 0;}
.wrap-curriculum .inner section{margin-bottom:36px;}
.wrap-curriculum .inner section h3{font-size:36px; font-weight:500;}
.wrap-curriculum .inner section h3 strong{font-weight:500;}

.wrap-curriculum .curri-list h4{font-size:22px; font-weight:500;}
}


@media screen and (max-width: 767px){

.title-top{height:321px;}
.title-top .inner h2{font-size: 30px; margin-bottom:8px;}
.title-top .inner p{font-size: 16px; line-height:1.6; font-weight:200;}
	
.wrap-curriculum{padding:var(--content-padding-mobile) 0;}
.wrap-curriculum .inner section{margin-bottom:28px;}
.wrap-curriculum .inner section h3{font-size:25px;}
.wrap-curriculum .inner h4{margin-top:48px;}
.wrap-curriculum .inner h4:first-of-type{margin-top:0;}
.wrap-curriculum .inner .m-list-title{font-size:19px; margin-bottom:16px; font-weight:500;}
.wrap-curriculum .curri-list{display:block; border-top:2px solid #D6D9E6;}
.wrap-curriculum .curri-list:last-child{border-bottom: 1px solid #E8EBF0;}
.wrap-curriculum .curri-list .list-item{width:100%;}
.wrap-curriculum .curri-list .list-item ul li{font-size:16px; line-height:74px;}
.wrap-curriculum .curri-list .list-item ul .sub-card{font-size:16px; line-height:1.7; padding-top:12px;}
.wrap-curriculum .curri-list .list-item ul li:last-child:not(.thin-border){border-bottom: 1px solid #E8EBF0;}
.wrap-curriculum .curri-list .list-item ul li a span{font-size:11px;}
.wrap-curriculum .curri-list .list-item ul li a::after{content:url("/khacademy/resources/images/curriculum/m-icon-list.png");width:10px; height:10px; top:29px;}
.wrap-curriculum .curri-list .list-item ul .sub-card a::after{content:url("/khacademy/resources/images/curriculum/m-icon-list.png");width:10px; height:10px; top:19px;}
}