#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:20px 20px;transition:0.9s;line-height:0.8}
#articleInfo20{margin:30px auto;width:95%}
#articleInfo20 .tit{margin: 40px 0px;}
#articleInfo20 .tit h3{padding-bottom:10px;margin-bottom:20px;border-bottom:1px #d4d4d4 solid;font-size:20px;letter-spacing:1.5px;color:#060606;font-weight:500}
#articleInfo20 .tit h4{font-weight:500;margin:28px 0 0px;font-size:18px;display:flex;align-items:flex-start}
#articleInfo20 .tit h4 span{font-weight:400}
.textEditor{
    margin-top: 30px;
}
.textEditor ol{margin:10px 0 20px;/* padding-left: 5px; */}
.textEditor li{margin:10px 5px;list-style-type: disclosure-closed;list-style-position:inside;color:rgb(60 60 60);font-size:15px;line-height:1.8;letter-spacing:0.2px;font-weight:400;font-family:var(--font-family),sans-serif}
.textEditor h5{font-weight:400;margin:5px 0 10px;font-size: 20px;color: var(--thirdly);letter-spacing:0.5px}
.textEditor li a{color:#343434}
.textEditor li a:hover{color:#afb5b9}

.textEditor .facClassList {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px 20px;}
.textEditor .facClassList .mLi {position: relative;/* border-bottom: 1px solid rgb(109 107 105 / 18%); */list-style-type: none;list-style-position: outside;}
.textEditor .facClassList .mLi:before{content:'';width: 115%;height: 1px;position: absolute;left: 0;background: rgb(159 148 135 / 30%);top: 110px;z-index: -1;}

.textEditor .facClassList .mLi .classtitle{text-align: end;position: relative;color: var(--thirdly);font-size: 18px;display: flex;justify-content: flex-end;align-items: center;border-radius: 50px;z-index: 2;font-weight: 500;margin: 10px 0;font-family: "Oswald", sans-serif;}
.textEditor .facClassList .mLi .classBox {position: relative;justify-content: flex-start;align-items: flex-end;}
.textEditor .facClassList .mLi .classBox .Img{
    position: relative;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    border: 1px solid #ebebeb;
    background: var(--thirdly);
    border-radius: 50%;
}
.textEditor .facClassList .mLi .classBox .Img:after{content:'';width: 20px;height: 20px;background: #c7731c;border-radius: 50px;position: absolute;bottom: -10px;left: 42%;}

.textEditor .facClassList .mLi .classBox .Img img {
    -webkit-filter: contrast(0) brightness(150%);
    filter: contrast(0) brightness(200%);
    top: 50%;
    left: 50%;
    transform: translate(46%, 40%);
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.textEditor .facClassList .mLi .mtitle {font-size: 22px;letter-spacing: 3px;line-height: 220%;margin-top: 10px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid rgb(109 107 105 / 18%);color: #e3562c;}
.textEditor .facClassList .mLi .enmtitle {display: inline-block;font-size: 16px;letter-spacing: 1.2px;font-weight: 400;line-height: 200%;text-transform: uppercase;}
.textEditor .facClassList .mLi .facList {display: block;position: relative;display: flex;align-items: center;justify-content: space-between;width: 500px;}
.textEditor .facClassList .mLi .facList .Img{ width: 70px; }
.textEditor .facClassList .mLi .facList .facLi{ width: calc(100% - 200px); }
.textEditor .facClassList .mLi .facList p{font-size: 15px;letter-spacing: 2px;line-height: 200%;text-align: right;}



@media screen and (max-width:1140px){}
@media screen and (max-width:960px){#articleInfo20 ul li article{font-size:16px}
.textEditor .facClassList{
    grid-template-columns: repeat(2, 1fr);
}
                                    .textEditor .facClassList .mLi:before{
    display: none;
}
                                   }
@media screen and (max-width:768px){.main-article #describe article{padding:10px 0px}
#articleInfo20 .tit h3{padding-bottom:10px;margin-bottom:20px;font-size:19px;letter-spacing:0.5px}
#articleInfo20 .tit h4{margin:20px 0 10px;display:flex;align-items:flex-start;flex-direction:column}
#articleInfo20 .tit p{margin-left:10px}
#articleInfo20{width:100%}
.textEditor .facClassList{
    grid-template-columns: repeat(1, 1fr);
}   
}
@media screen and (max-width:480px){#articleInfo20 ul li{margin-bottom:10px;padding:8px;margin:5px}
#articleInfo20 .tit{margin:30px 0px}
.textEditor h5{font-size:16px}
.textEditor ol{padding-left:10px}
.textEditor li{margin:5px 0px}
}