/* ---------------------------------------------------------------
start News CSS
--------------------------------------------------------------- */

.col_news {
	margin: 0 auto;
	padding: 70px 0 160px;
}

ul.list_news1 {
	width: 100%;
	max-width: 830px;
	margin: 0 auto 55px;
	padding: 0;
}

ul.list_news1 li {
	width: 100%;
	margin: 0;
	padding: 33px 15px;
	border-top: dotted 1px #444;
	display: flex;
	align-items: flex-start;
}

ul.list_news1 li .date {
	width: 105px;
	margin: 0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}

ul.list_news1 li .label {
	width: 100px;
	margin: 3px 25px 0 0;
	padding: 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 1.6;
	background-color: #49aae0;
	border-radius: 5px;
}
.col_news .label { background-color: #49aae0; }
.col_news .label.event { background-color: #accc34; }
.col_news .label.products { background-color: #f4b100; }

ul.list_news1 li .txt {
	width: calc( 100% - 230px );
	margin: 0;
	padding: 0;
	line-height: 1.9;
}


/* --------------- news-detail --------------- */

.cont_news {
	width: 100%;
	max-width: 830px;
	margin: 0 auto;
	padding: 70px 0 0;
}

.cont_newsttl {
	margin: 0;
	padding: 0 16px 18px;
	border-bottom: solid 1px #404040;
}

.info_newsttl {
	width: 100%;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	align-items: center;
}

.info_newsttl .date {
	width: 92px;
	margin: 0;
	padding: 0;
}

.info_newsttl .label {
	width: 100px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 1.7;
	border-radius: 5px;
}

.cont_newsttl .newsttl {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
}

.cont_newstxt {
	margin: 0;
	padding: 10px 16px 60px;
}

.cont_newstxt h1,
.cont_newstxt h2,
.cont_newstxt h3,
.cont_newstxt h4,
.cont_newstxt h5,
.cont_newstxt h6,
.cont_newstxt p {
	margin: 5px 0 16px;
}

.cont_newstxt img {
	max-width: 100%;
	height: auto;
	margin-bottom: 22px;
}
.cont_newstxt p img { margin-bottom: 0; }

.pager_news {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}

.pager_news .btn {
	width: calc( ( 100% - 28px )/3 );
	max-width: 175px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.pager_news .btn.list { margin: 0 14px; }

.pager_news .btn a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #404040;
	font-size: 14px;
	text-decoration: none;
	border: solid 2px #404040;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media screen and ( max-width: 1033px ) {
	

}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

@media screen and ( max-width: 850px ) {

	.cont_news {
		padding: 0;
	}

}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) {
	
	.pager_news .btn a { transition: background .3s; }
	.pager_news .btn a:hover { background-color: #ddd; }



}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {
	
	.col_news { padding: 40px 0 80px; }

	ul.list_news1 { margin: 0 auto 30px; }

	ul.list_news1 li {
		padding: 18px 10px;
		display: block;
	}
	ul.list_news1 li .txt {
		width: 100%;
		padding: 5px 0 0;
	}


/* --------------- news-detail --------------- */

	.cont_newsttl {
		padding: 0 10px 15px;
	}

	.cont_newstxt {
		padding: 10px 10px 40px;
	}


}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {

/* --------------- news-detail --------------- */

	.cont_newsttl {
		padding: 0 10px 10px;
	}

	.info_newsttl {
		margin: 0 0 12px;
		display: block;
	}
	.info_newsttl .date {
		width: 100%;
		margin: 0 0 3px;
	}

	.pager_news {
		max-width: 340px;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.pager_news .btn { width: 48.5%; }
	.pager_news .btn.list {
		width: 100%;
		max-width: 100%;
		margin: 12px 0 0;
		order: 1;
	}

}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */