.MsgInfoList {
	display: none;
}
.NewsList {
    display: flex;
    flex-direction: column-reverse;
}

#newListContainer .normal {
	text-align: center;
	overflow: hidden;
}
#newListContainer .mobile {
	display: none;
}
#newListContainer .ctrlBtnContainer {
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
}
#newListContainer .newsTitlesContainer, #newListContainer .newsContentsContainer {
	width: 50%;
	float: left;
	display: inline-block;
	text-align: left;
	padding-right: 10px;
	box-sizing: border-box;
	height: 100%;
	overflow-y: scroll;
	position: relative;
	transition: transform 2s cubic-bezier(.215, .61, .355, 1), opacity 2s ease;
	opacity: 0;
}
#newListContainer .newsTitlesContainer {
	transform: translateX(-100%);
}
#newListContainer.loaded .newsTitlesContainer {
	transform: translateX(0);
	opacity: 1;
}
#newListContainer .newsContentsContainer {
	transform: translateY(50%);
	transition-delay: 500ms;
}
#newListContainer.loaded .newsContentsContainer {
	transform: translateY(0);
	opacity: 1;
}
#newListContainer .News_Content {
	padding: 20px 30px;
}
#newListContainer .normal .News_Content {
	display: none;
	transform: translateY(150%);
	opacity: 0.1;
}
#newListContainer .normal .News_Content .imgContainer img {
	display: none;
}
#newListContainer .normal .News_Content.showAnimation {
	transition: 1s cubic-bezier(0.18, 0.52, 0.43, 0.91);
	transform: translateY(0);
	opacity: 1;
}
#newListContainer .normal .News_Content.leaveAnimation {
	transition: 1s 1s cubic-bezier(.215, .61, .355, 1);
	transform: translateY(-150%);
	opacity: 0.1;
}
#newListContainer .normal .News_Content:first-child {
	display: block;
}
 #newListContainer .newsTitlesContainer::-webkit-scrollbar {
 width: 10px;
 background-color: #ddd;
}
 #newListContainer .newsTitlesContainer::-webkit-scrollbar-button {
 display: none;
}
 #newListContainer .newsTitlesContainer::-webkit-scrollbar-thumb {
 background-color: #aaa;
}
 #newListContainer .newsContentsContainer::-webkit-scrollbar {
 display: none;
}
#newListContainer .newsCategory {
	color: #ff9501;
	display: inline-block;
	padding: 1px 10px;
	border: 1px solid #ff9501;
	border-radius: 10px;
	font-weight: bold;
}
#newListContainer .newsSubTitle {
	font-size: 14px;
	margin: 10px 0 10px;
	color: #a2a2a2;
}
#newListContainer .normal .newsContentsContainer .newsCategory, #newListContainer .normal .newsContentsContainer .newsSubTitle, #newListContainer .normal .newsContentsContainer .hr {
	display: none;
}





/* Mobile CSS */
#newListContainer.mobile .normal {
	display: none;
}
#newListContainer.mobile .mobile {
	display: block;
}
#newListContainer.mobile .hr {
	margin-bottom: 20px;
}
#newListContainer .mobile .titleContainer {
	margin: 10px 0 10px;
}
#newListContainer .mobile .slick-list {
	position: relative;
	overflow: hidden;
}
#newListContainer .mobile .slick-track {
	position: absolute!important;
}
#newListContainer .mobile .slick-arrow {
	display: none!important;
}
#newListContainer .mobile .slick-slide {
	outline: none!important;
}
#newListContainer .mobile .newsCategory, #newListContainer .mobile .newsSubTitle {
	margin: 10px 0;
}
.News_Title {
	display: flex;
	position: relative;
	cursor: pointer;
	padding: 10px;
	transition: 200ms cubic-bezier(.215, .61, .355, 1);
	width: calc(100% - 10px);
}
.News_Title:hover {
	background-color: #f5f5f5;
}
.News_Title.active {
	background-color: #e9e9e9;
}
.News_Title + .News_Title {
	padding-top: 10px;
	border-top: 2px solid #a2a2a2
}
.News_Title .imgContainer {
	margin-right: 10px;
}
.News_Title .imgContainer img {
	width: 250px;
	border: 1px solid #cbcbcb;
}
.News_Title .titleInfoContainer {
	padding: 10px;
	font-size: 16px;
}
.News_Title .arrowBtn {
	color: #ff9501;
	font-weight: bold;
}
.News_Content .titleContainer {
	margin: 10px 0 30px;
	font-weight: bold;
	font-size: 20px;
}
.News_Content .contentContainer {
	color: #969696;
}
.News_Content .imgContainer img {
	width: 100%;
}
.slick-dots {
	position: absolute;
	top: -30px;
	height: 30px;
	width: 20%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
ul.slick-dots li {
	margin: 0;
	height: 100%;
}
ul.slick-dots li button:before {
	background: #fff
	width: 100%;
	color: inherit;
}
.slick-dots li.slick-active .spanTitle { color: #fff; }
ul.slick-dots li.slick-active button:before {
	background: #000;
	width: 100%;
	color: inherit;
	height: 100%;
}
.spanTitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	color: #333;
       line-height: 210%;
}

@media (max-width: 500px) {
#newListContainer .mobile .slick-list {
    position: relative;
    overflow: hidden;
    /*height: 5060px !important;*/
}

}

@media (max-width: 450px) {
#newListContainer .mobile .slick-list {
    position: relative;
    overflow: hidden;
    /*height: 5300px !important;*/
}

}

@media (max-width: 380px) {
#newListContainer .mobile .slick-list {
    position: relative;
    overflow: hidden;
    /*height: 9350px !important;*/
}

}


@media (max-width: 340px) {
#newListContainer .mobile .slick-list {
    position: relative;
    overflow: hidden;
    /*height: 9850px !important;*/
}

}