@charset "utf-8";
/* CSS Document */


#chinese-wrap > .head-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto; padding:8.75rem 0; background: url("/image/iclass/m2_background.png") top  no-repeat;}
#chinese-wrap .head-wrap .txt-wrap > h1{text-align: center; font-size:2.8125rem; font-weight: 600; color:#31323B;}
#chinese-wrap .section1-wrap{ padding:8.75rem 0; background-color:#EAEEF2;}
#chinese-wrap .section1-wrap  > .inner-wrap{display:flex; flex-wrap: wrap; justify-content: space-between; width:calc(100% - 60px); margin:0 auto; max-width:1280px;}
#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap{width:calc(25% - 55px); padding:20px; border-radius: 15px; background-color:#fff;  min-height: 206px; }
#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap > .num{color:#31323B; font-size:1.25rem; font-weight: 700; text-align: center
;}
#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap > .stick{width:30px; height: 3px; background-color:#31323B; margin:12px auto 0 auto;}
#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap > .cont{margin:56px auto 0 auto; text-align: left; color:#31323B; width:100%; max-width:230px; font-size:1.125rem;}
/*
#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap:nth-child(1) .cont{max-width:150px;}
#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap:nth-child(4) .cont{max-width:150px;}
*/

#chinese-wrap .section2-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto; padding:8.75rem 0; display:flex; flex-wrap:wrap; justify-content: space-between;}
#chinese-wrap .section2-wrap > .txt-wrap{width:35%;}
#chinese-wrap .section2-wrap > .txt-wrap > h1{font-size:2.8125rem; color:#31323B;  font-weight: 700;}
#chinese-wrap .section2-wrap > .txt-wrap > p{font-size:1.125rem; font-family: 'Noto Sans KR', sans-serif; margin-top:30px;}
#chinese-wrap .section2-wrap > .list-wrap{width:49%;}
#chinese-wrap .section2-wrap > .list-wrap > li{padding:1.25rem 0; border-bottom:1px solid #d6d6d6;}
#chinese-wrap .section2-wrap > .list-wrap > li:nth-child(1){padding-top:0px;}
#chinese-wrap .section2-wrap > .list-wrap > li > h1{font-size:1.5rem; font-weight: 700; font-family: 'Roboto', sans-serif; color:#445CB4; margin-bottom:10px;}
#chinese-wrap .section2-wrap > .list-wrap > li > p{font-size:1.125rem; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }

#chinese-wrap .section3-wrap{padding:8.75rem 0; background-color:#445CB4;}
#chinese-wrap .section3-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto;}
#chinese-wrap .section3-wrap .head-wrap{width:auto;}
#chinese-wrap .section3-wrap .head-wrap > img{display:block; margin:0 auto;}
#chinese-wrap .section3-wrap .head-wrap > h1{color:#fff; font-size:2.8125rem; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: center; margin-top:1.875px; text-transform: uppercase;}
#chinese-wrap .section3-wrap .head-wrap > p{color:#fff; font-size:1.25rem; font-family: 'Noto Sans KR', sans-serif; text-align: center;}
#chinese-wrap .section3-wrap .cont-wrap{margin-top:8.9375rem; display:flex; flex-wrap: wrap; justify-content: space-between;}
#chinese-wrap .section3-wrap .cont-wrap .circle-wrap{width:calc(33% - 13px); max-width:315px; border-radius: 50%; background-color: #fff; position:relative;}
#chinese-wrap .section3-wrap .cont-wrap .circle-wrap:before{content:""; display:block; clear:both; padding-top:100%;}
#chinese-wrap .section3-wrap .cont-wrap .circle-wrap > .cont{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
#chinese-wrap .section3-wrap .cont-wrap .circle-wrap > .cont > img{margin:0 auto 1.25rem auto; display:block; width:100%; max-width:40px; }
#chinese-wrap .section3-wrap .cont-wrap .circle-wrap > .cont > h3{color:#31323B; font-size:1.5625rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; text-align: center;}
#chinese-wrap .section3-wrap .cont-wrap .circle-wrap > .cont > p{font-family: 'Noto Sans KR', sans-serif; margin-top:1.25rem; text-align: center;}

#chinese-wrap .section4-wrap{padding:8.75rem 0; background-color:#fff;}
#chinese-wrap .section4-wrap > .inner-wrap{width:calc(100% - 60px); max-width:1280px; margin: 0 auto;}
#chinese-wrap .section4-wrap > .inner-wrap > h1{font-size:2.8125rem; font-weight: 600; color:#445CB4; text-align: center; font-family: 'Noto Sans KR', sans-serif;}
#chinese-wrap .section4-wrap > .inner-wrap > h2{font-size:2.8125rem; font-weight: 600; color:#31323B; text-align: center; font-family: 'Noto Sans KR', sans-serif;}
#chinese-wrap .section4-wrap > .inner-wrap > p{font-size:1.125rem;  text-align: center; font-family: 'Noto Sans KR', sans-serif; margin-top:2.8125rem;}

@media only screen and (max-width:1066px){
	#chinese-wrap .section3-wrap .cont-wrap .circle-wrap > .cont > img{max-width:50px; margin:0 auto 1.5625rem auto;}
}
@media only screen and (max-width:1066px){
	#chinese-wrap .section3-wrap .cont-wrap .circle-wrap > .cont > img{max-width:40px; margin:0 auto 10px auto;}
}

@media only screen and (max-width:780px){
	#chinese-wrap .section3-wrap .cont-wrap .circle-wrap{width:244px; margin:50px auto 0 auto;}
	#chinese-wrap .section3-wrap .cont-wrap .circle-wrap:nth-child(1){margin-top:0;}
	#chinese-wrap .section3-wrap .cont-wrap{display:block;}
}

@media only screen and (max-width:768px){
	#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap{width:calc(50% - 60px);}
	#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap:nth-child(3){margin-top:40px;}
	#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap:nth-child(4){margin-top:40px;}

}

@media only screen and (max-width:700px){
	#chinese-wrap .section2-wrap > .txt-wrap{width:100%;}
	#chinese-wrap .section2-wrap > .list-wrap{width:100%; margin-top:1.875rem;}
}

@media only screen and (max-width:425px){
    #chinese-wrap .section1-wrap  > .inner-wrap .box-wrap{width:calc(50% - 50px); min-height: 150px;}
	#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap:nth-child(3){margin-top:20px;}
	#chinese-wrap .section1-wrap  > .inner-wrap .box-wrap:nth-child(4){margin-top:20px;}
}