/* 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: 6px 5px;}
#sideNav2 >ul >li >h3 {display: block;}
#sideNav2 >ul >li >h3 a {letter-spacing: 1px;font-size: 16px;font-weight: 400;color: #35393a;display: block;padding: 15px 35px;transition: 0.9s;line-height: 0.8;}



.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}
.delay1 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay2 {animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
#articleInfo15 .tit {position: relative;text-align: center;z-index: 2;}
#articleInfo15 .tit h3 {text-align: center;font-size: 33px;}
#articleInfo15 .tit font {padding: 0 20px;background: #fff;display: inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#articleInfo15:hover .tit h3 ,#articleInfo15:hover .tit font{letter-spacing: 5px;}
#articleInfo15 ul {overflow: hidden;position: relative;z-index: 1;display: flex;flex-wrap: wrap;flex-direction: column;}
#articleInfo15 {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;display: flex;flex-direction: column;}#articleInfo15 .item {width: 100%;}
#articleInfo15 .TxtBox{
    margin-bottom: 40px;
    line-height: 190%;
    letter-spacing: 1px;
    font-size: 18px;
}
#articleInfo15 .photo iframe {position: relative;width: 100%;height: 360px;z-index: 1;}

#articleInfo15 .item h3{font-size: 23px;font-weight: 700;line-height: 20px;letter-spacing: 1px;padding-bottom: 30px;position: relative;margin-bottom: 20px;pointer-events: none;display: block;color: var(--primary);}
#articleInfo15 .item h3::before {content: "";width: 30px;height: 2px;background-color: var(--primary);position: absolute;bottom: 0;left: 0;}
#articleInfo15 .item .Txt{display: flex;align-items: flex-start;padding: 18px 0;}
#articleInfo15 .item .Txt .chExp {font-weight: 600;letter-spacing: 0.1px;position: relative;line-height: 170%;display: flex;flex-wrap: nowrap;font-size: 20px;width: 200px;letter-spacing: 0;}
#articleInfo15 .item .Txt .chTitle {padding-left: 60px;display: flex;text-overflow: ellipsis;position: relative;flex-direction: column;width: calc(100% - 240px);}
#articleInfo15 .item .Txt .chTitle::before {content: "";width: 1px;height: 100%;background-color: #d4d4d4;position: absolute;top: 0;left: 5.5px;}
#articleInfo15 .item .Txt .chTitle p{word-break: break-word;width: calc(100% - 30px);color: #2a2a2a;letter-spacing: 1px;margin-bottom: 15px;line-height: 1.8;}
#articleInfo15 .item .Txt .chTitle ol{
    margin-bottom: 10px;
    margin: 10px 0 20px;
    padding-left: 40px;
}
#articleInfo15 .item .Txt .chTitle ol li{
    list-style: auto;
    margin-bottom: 10px;
    line-height: 1.8;
    letter-spacing: 0.2px;
}

@media screen and (max-width: 1140px) {
	#articleInfo15 ul{flex-wrap: wrap;flex-direction: column;padding: 0;}
	#articleInfo15{width: calc(100% / 1);display: flex;flex-direction: column;flex-wrap: wrap;}
	#articleInfo15 .item{}
#articleInfo15 .photo,#articleInfo15 .item{
    width: 100%;
    margin: 0;
}
	#sideNav2 ul.Cate{
    display: flex;
    flex-wrap: wrap;
}
	#articleInfo15 .item .Txt{
    display: flex;
    flex-direction: column;
    padding: 0;
}
	#articleInfo15 .item .Txt .chTitle::before{
    display: none;
}
	#articleInfo15 .item .Txt .chExp{
    padding: 8px 20px;
    width: auto;
    background-color: #ebebeb;
    margin-bottom: 20px;
    font-size: 17px;
    letter-spacing: 2px;
}
	#articleInfo15 .item .Txt .chTitle{
    width: 100%;
    padding-left: 0;
}
	#articleInfo15 .item h3{
    font-size: 20px;
    padding-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
	#articleInfo15 .item .Txt .chTitle .expSpan{line-height: 170%;}
	#articleInfo15 .item .Txt .chTitle .expSpan p{width: calc(100% - 50px);padding-left: 20px;}
}
@media screen and (max-width: 480px) {
}