
#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;}


.narrowfix{}
.teachers{margin: 18px 0px;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;display: flex;border: 5px solid #efefef;}
.teachers .titleBox{width: 20%;background-color: #f54337;margin-right: 2%;}
.teachers:nth-child(2) .titleBox{background-color: #e91d64;}
.teachers:nth-child(3) .titleBox{background-color: #9c26af;}
.teachers:nth-child(4) .titleBox{background-color: #683ab7;}
.teachers:nth-child(5) .titleBox{background-color: #3f51b5;}
.teachers:nth-child(6) .titleBox{background-color: #2095f4;}
.teachers:nth-child(7) .titleBox{background-color: #03a9f3;}
.teachers:nth-child(8) .titleBox{background-color: #02bcd3;}
.teachers:nth-child(9) .titleBox{background-color: #029688;}
.teachers:nth-child(10) .titleBox{background-color: #4caf50;}
.teachers:nth-child(11) .titleBox{background-color: #8cc24f;}
.teachers .titleBox h2{color: #fff;font-weight: 400;padding: 30px 30px;letter-spacing: 0.5px;font-size: 20px;}
.teachers .linkList{display: flex;width: 75%;align-items: center;}
.teachers .linkList li{width: inherit;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: 20px 14px;
    font-size: 16px;color: #000;}

@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) {

	#articleInfo20 ul li article{font-size: 16px;}
	.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;}
    #articleInfo20 ul li{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;}
	#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;}
}
