#sideNav2 ul.Cate { text-align: center; font-size: 0.9375rem; color: #9e9e9e; display: flex; justify-content: center; flex-wrap: wrap }
#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: 0.9375rem; font-weight: 400; color: #35393a; display: block; padding: 10px 20px; transition: 0.9s; line-height: 1.2; text-align: center }
a:focus-visible { outline: 2px solid #ac1821; outline-offset: 2px }
#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: 1.5rem; letter-spacing: 0.2px; color: #1a1a1a; font-weight: 500 }
#articleInfo20 .tit h4 { font-weight: 600; margin: 0px 0 0px; font-size: 1.1875rem }
#articleInfo20 .tit .red_bg { background-color: #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: 1.125rem; font-weight: 500 }
.textEditor { padding: 0px 0px 0 }
.textEditor h4 { color: #ac1821 }
.textEditor ol { margin: 10px 0 20px; padding-left: 40px }
.textEditor li { margin: 4px 5px; color: rgb(60 60 60); font-size: 0.9375rem; line-height: 1.8; letter-spacing: 0.2px; font-weight: 400; list-style-position: outside }
.textEditor li .style2 { color: #d13560; font-style: italic; font-weight: bold }
.textEditor h5 { font-weight: 500; margin: 5px 0 10px; font-size: 1rem; color: #31579d; letter-spacing: 0; padding-left: 20px }
.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: 1.25rem; 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 }
#articleInfo20 .narrowfix  h2 { border-bottom: 1px #d4d4d4 solid; letter-spacing: 1.5px; font-size: 1.375rem; font-weight: 600; margin-bottom: 10px; padding: 10px 0 10px; color: var(--primary) }
.teachers { margin: 30px 0px; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; display: flex; background-color: #f3f3f3 }
.teachers .titleBox { width: 20%; background-color: #ffffff; margin-right: 2%; border: 2px solid #f3f3f3 }
.teachers .titleBox .img { width: 190px; margin: auto }
.teachers .titleBox h2 { color: #000; font-weight: 400; padding: 0 30px 40px 30px; letter-spacing: 0.5px; font-size: 1rem; text-align: center }
.teachers .linkList { display: flex; width: 75%; align-items: center; padding: 20px }
.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 { font-size: 1.2rem; font-weight: 500 }
.teachers .linkList li .item h3 a { font-weight: 400; text-align: center; position: relative; display: block; padding: 38px 14px; font-size: 1rem }


@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:960px) {
  #articleInfo20 ul li article { font-size: 1rem }
}
@media screen and (max-width:768px) {
  .main-article #describe article { padding: 10px 0px }
  #articleInfo20 .tit h3 { padding-bottom: 10px; margin-bottom: 20px; font-size: 1.375rem; letter-spacing: 0.5px }
  #articleInfo20 .tit h4 { margin: 20px 0 0px; display: flex; align-items: flex-start; flex-direction: column; font-size: 1.25rem }
  #articleInfo20 .tit p { margin-left: 10px }
  #articleInfo20 { width: 100% }
  .textEditor article,.column article { font-size: 0.9375rem }
  .textEditor .textfeature { display: flex; flex-direction: column }
  .textEditor .textfeature .img { width: -webkit-fill-available; margin-right: 0 }
  #articleInfo20 ul li { width: -webkit-fill-available }
  .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: 1.0625rem; padding: 10px 30px; text-align: center }
  .teachers .linkList li:not(:last-child)::after { display: none }
  .teachers .linkList li .item p { padding: 2px 0 }
}
@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: 1rem; padding-left: 10px }
  .textEditor ol { padding-left: 30px }
  .textEditor li { margin: 5px 0px }
  .column { padding-left: 0px }
}