.ssicon{display: flex;flex-wrap: wrap;justify-content: center;margin: 20px 0 50px;}
.ssicon a{width: 31%;text-align: center;padding: 10px 0;margin: 6px;color: #333333;background-color: #f1f1f1;margin-bottom: 10px;}
.bottomBox {display: none;}
#articleInfo20{}
#articleInfo20 .tit{margin: 40px 10px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#articleInfo20 .tit h2{text-align:center;text-transform: uppercase;line-height: 130%;letter-spacing: 2px;font-weight: 600;font-size: 42px;color: #bf9e5e;display: flex;flex-direction: column;align-items: center;width: auto;margin: 50px 0;}
#articleInfo20 .tit h3{padding-bottom: 0px;margin-bottom: 0px;color: #d7b97f;font-weight: 400;letter-spacing: 2.5px;font-size: 25px;text-align: center;}
#articleInfo20 .tit h4{font-weight: 500;margin: 20px 0 30px;font-size: 28px;display: flex;align-items: flex-start;margin-left: 15px;}
#articleInfo20 .tit h4 span{font-weight: 400;}
#articleInfo20 .tit .img {
    margin: 30px 0;
}
#articleInfo20 .tit p{font-size: 19px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 300;width: 60%;margin: auto;}
.suubtxt{margin: 30px 0 0;}
.suubtxt p{display: flex;flex-direction: column;margin-bottom: 10px;}
.suubtxt p b{font-weight: 600;margin-bottom: 10px;}
#articleInfo20 .tit p a{vertical-align: top;color: #f19353;}
h2.TTxt{color: var(--primary);font-weight: 500;font-size: 18px;}
.textEditor{padding: 40px 0 50px 0;}
.textEditor ol{margin: 10px 0 0px;padding-left: 15px;}
.textEditor li{margin: 10px 5px;list-style-type: square;list-style-position: inside;color: rgb(80 80 80);font-size: 15px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;}
.textEditor h5{font-weight: 500;margin: 10px 0 10px;font-size: 28px;padding-left: 15px;text-align: center;}
.textEditor li a{color: #343434;}
.textEditor li a:hover{color:#afb5b9}

#articleInfo20 .tit2 .topBox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#articleInfo20 .tit2 .topBox li{width: calc((100% / 2) - 40px);margin: 10px 20px;}
#articleInfo20 .tit2 .topBox li .photo img{
    height: 500px;
    width: 100%;
    object-fit: cover;
}
#articleInfo20 .tit2 .topBox li h3{
    padding: 20px 30px;
    font-size: 21px;
    letter-spacing: 1.5px;
    font-weight: 500;
    color: #fedfa4;
    position: relative;
}
#articleInfo20 .tit2 .topBox li h3:before{content:"";position:absolute;bottom: 30px;left: 0;width: 16px;height: 16px;background: #fedfa4;}

@media screen and (max-width: 1140px) {
	.ssicon{display: flex;justify-content: flex-start;flex-direction: column;}
	.ssicon a{width: 100%;}
}
@media screen and (max-width: 960px) {
	#articleInfo20 ul li article{font-size: 16px;}
	#articleInfo20 .tit h2{
    font-size: 32px;
    margin: 30px 0;
}
	.textEditor{
    padding: 30px 0 40px 0;
}
	#articleInfo20 .tit p{
    font-size: 17px;
    width: 100%;
}
	#articleInfo20 .tit2 .topBox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
	#articleInfo20 .tit2 .topBox li{
    width: calc((100% / 1) - 0px);
    margin: 10px 0px;
}
	#articleInfo20 .tit2 .topBox li .photo img{
    height: 330px;
}
}
@media screen and (max-width: 768px) {
	.main-article #describe article{padding: 10px 0px;}
	#articleInfo20 .tit h3{font-size: 18px;letter-spacing: 0.5px;}
	articleInfo20 .tit h4{margin: 20px 0 10px;display: flex;align-items: flex-start;flex-direction: column;}
	#articleInfo20 .tit h4{margin-left: 0;font-size: 22px;}
	.textEditor h5,.textEditor ol{padding-left: 0;}
}
@media screen and (max-width: 480px) {
	#articleInfo20 ul li {margin-bottom: 10px;margin: 5px;}
	#articleInfo20 .tit{margin: 30px 0px;}
		#articleInfo20 .tit2 .topBox li .photo img{
    height: 260px;
}
}