/* sideNav2 */
#sideNav2 ul.Cate{text-align: center;font-size: 15px;color: #9e9e9e;display: flex;justify-content: center;}
#sideNav2 >ul >li {position: relative;display: inline-block;border: 1px solid #e1e1e1;margin: 10px;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {letter-spacing: 2px;font-size: 15px;font-weight: 400;color: #35393a;display: block;padding: 10px 20px;transition: 0.9s;line-height: 0.8;text-align: center;}

#articleInfo20{margin: auto 0px;}
#articleInfo20 .tit{margin: 0px 0px 40px 0px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#articleInfo20 .tit h3{padding-bottom: 5px;margin-bottom: 20px;border-bottom: 2px solid #414141;font-size: 24px;letter-spacing: 0.2px;color: #1a1a1a;font-weight: 500;}
#articleInfo20 .tit h4{font-weight: 600;margin: 0px 0 0px;font-size: 19px;}
#articleInfo20 .tit .red_bg{background-color: #ac1821;background-image: -webkit-gradient(linear, left top, right top, from(#87030b), to(#ac1821));background-image: linear-gradient(to right, #87030b, #ac1821);color: #fff;padding: 20px;text-align: center;}
#articleInfo20 .tit h4 span{font-weight: 400;}
.column{padding-left: 20px;}
.column h5{margin: 20px 0 0px;font-size: 18px;font-weight: 500;}
.textEditor h4{color: #ac1821;}
.textEditor ol{margin: 10px 0 20px;padding-left: 40px;}
.textEditor li{margin: 4px 5px;list-style-type: square;list-style-position: inside;color: rgb(60 60 60);font-size: 15px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;list-style: outside;}
.textEditor li .style2{color: #d13560;font-style: italic;font-weight: bold;}
.textEditor h5{font-weight: 500;margin: 5px 0 10px;font-size: 16px;color: #31579d;letter-spacing: 0;padding-left: 20px;}
.textEditor{padding: 0px 0px 0;}
.textEditor .gray_bg,.gray_td3_bg{background-color: rgb(227, 227, 227);color: rgb(153, 51, 0);padding: 10px 20px;text-align: center;margin: 10px 0;}
.textEditor li a{color: ##1a1a1a;}
.textEditor li a:hover{color:#afb5b9}
.textEditor article,.column article{padding: 10px 0px;color: #2c2c2c;font-weight: 400;}
.textEditor article h2{font-size: 20px;padding: 0px 0 20px;}
.textEditor .textfeature{display: flex;align-items: center;}
.textEditor .textfeature .img{width: 520px;margin-right: 3%;}
.textEditor .textfeature ol{width: -webkit-fill-available;}
.teachers{margin: 30px 0px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;display: flex;background-color: #f3f3f3;}
.teachers .titleBox{width: 20%;background-color: #d77186;margin-right: 2%;}
.teachers:nth-child(2) .titleBox{background-color: #61a2da;}
.teachers:nth-child(3) .titleBox{background-color: #6cb7da;}
.teachers:nth-child(4) .titleBox{background-color: #b5b5b3;}
.teachers:nth-child(5) .titleBox{background-color: #e29e3c;}
.teachers:nth-child(6) .titleBox{background-color: #d72525;}
.teachers .titleBox h2{color: #fff;font-weight: 400;padding: 40px 30px;letter-spacing: 0.5px;font-size: 20px;}
.teachers .linkList{display: flex;width: 75%;align-items: center;}
.teachers .linkList li{width: -webkit-fill-available;display: contents;}
.teachers .linkList li:not(:last-child)::after {content: "";display: inline-block;vertical-align: middle;width: 1px;height: 40px;margin: 0 10px;background-color: #e1e1e1;}
.teachers .linkList li .item h3{text-align: center;}
.teachers .linkList li .item h3 a{font-weight: 400;text-align: center;position: relative;display: block;padding: 38px 14px;font-size: 16px;}

@media screen and (min-width: 1281px){
	.teachers .linkList li .item h3:hover a {-webkit-transform: translateY(5%);transform: translateY(5%);animation-name: elementor-animation-buzz-out;animation-duration: .75s;animation-timing-function: linear;animation-iteration-count: 1;}
}

@media screen and (max-width: 1140px) {
}
@media screen and (max-width: 960px) {
	#articleInfo20 ul li article{font-size: 16px;}
}
@media screen and (max-width: 768px) {
	.main-article #describe article{padding: 10px 0px;}
	#articleInfo20 .tit h3{padding-bottom: 10px;margin-bottom: 20px;font-size: 22px;letter-spacing: 0.5px;}
	#articleInfo20 .tit h4{margin: 20px 0 0px;display: flex;align-items: flex-start;flex-direction: column;font-size: 20px;}#
	articleInfo20 .tit p{margin-left: 10px;}
	.textEditor article, .column article{font-size: 15px;}
	articleInfo20{width: 100%;}
    .textEditor .textfeature{display: flex;flex-direction: column;}
    .textEditor .textfeature .img{width: -webkit-fill-available;margin-right: 0;}
    #sideNav2 ul.Cate{display: flex;flex-wrap: wrap;}
    #articleInfo20 ul li{width: -webkit-fill-available;border-bottom: 1px solid #dfdfdf;}
	.teachers .linkList li{display: inline-block;}
	.teachers,.teachers .linkList{display: flex;flex-wrap: wrap;flex-direction: column;}
	.teachers .titleBox,.teachers .linkList{width: -webkit-fill-available;margin: 0;}
	.teachers .titleBox h2{font-size: 17px;padding: 10px 30px;text-align: center;}
	.teachers .linkList li:not(:last-child)::after{display: none;}
	.teachers .linkList li .item h3{}
	.teachers .linkList li .item h3 a{padding: 10px;}
}
@media screen and (max-width: 480px) {
	#articleInfo20 ul li {margin: 5px;}
	#sideNav2 >ul >li >h3 a{padding: 16px 20px;}
	#articleInfo20 .tit{margin: 0px 0px 20px;}
	.textEditor h5{font-size: 16px;padding-left: 10px;}
	.textEditor ol{padding-left: 30px;}
	.textEditor li{margin: 5px 0px;}
	.column {padding-left: 0px;}
}