@charset "UTF-8";
/* CSS Document */


/* ************************************************************* */
/*          INTERVIEW TOP  RAYOUT
/* ************************************************************* */

.news .list_box {
	width: 86%;
	margin: 0 7%;
	padding: 0;
	float: left;
}

.news .list_box ul {
	width: 90%;
	margin: 50px 5%;
	padding: 0;
}

.news .list_box ul li {
	width: 100%;
	margin: 0;
	padding: 0;
}

.news .list_box ul li a {
	display: block;
	transition: ease 0.5s all;
	color: #004831;
	border-bottom: #A7D821 1px solid;
	padding: 10px 0;
}

.news .list_box ul li a:hover {
	border-bottom: #004831 1px solid;
}

.news .list_box ul li dl {
	display: table;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.news .list_box ul li dl dt,
.news .list_box ul li dl dd {
	display:table-cell;
	padding: 5px 10px;
}

.news .list_box ul li dl dt {
	width: 80px;
	text-align: center;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 14px;
}


/* ************************************************************* */
/*          NEWS DETAIL  RAYOUT
/* ************************************************************* */

.news_detail .title_box {
	width: 100%;
	margin: 50px 0 20px;
	border-bottom: #A7D821 1px solid;
}

.news_detail .title_box p {
	color: #004831;
	font-size: 14px;
	font-family: "Barlow Condensed", sans-serif;
	margin: 0;
}

.news_detail .title_box h2 {
	color: #004831;
	font-size: 18px;
	margin: 10px 0;
	padding: 0;
}

.news_detail .block .photo {
	width: 100%;
	margin: 0 0 50px;
	text-align: center;
	display: flex;
}

.news_detail .block .photo img {
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
	float: none;
}


.news_detail .block {
	width: 100%;
	margin: 30px 0;
	float: left;
}

.news_detail .glid {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}

.news_detail .glid.right {
	float: right;
}

.news_detail .glid img {
	max-width: 380px;
	float: left;
}

.news_detail .glid.right img {
	float: right;
}

.news_detail .btn_box {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	display: flex;
}

.news_detail .btn_box .btn {
	width: 240px;
	margin: 0 auto;
	padding: 0;
}

.news_detail .btn_box .btn a {
	width: 100%;
	display: block;
	background-color: #004831;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	background-image: url("../images/common/arr_back.svg");
	background-repeat: no-repeat;
	background-position: center left 20px;
	transition: ease 0.5s all;
	opacity: 1;
}

.news_detail .btn_box .btn a:hover {
	opacity: 0.7;
}

/* ************************************************************************************
          Responsive Layout Whideth 1000px
*************************************************************************************** */
@media only screen and (max-width: 1000px) {

.news .list_box { width: 100%;margin: 0; }

.news_detail .block .photo img,
.news_detail .glid img {
	max-width: 90%;
}

}

/* ************************************************************************************
          Responsive Layout Whideth 680px
*************************************************************************************** */
@media only screen and (max-width: 680px) {

.news .list_box ul {
	width: 100%;
	margin: 50px 0;
}

.news .list_box ul li dl dt,
.news .list_box ul li dl dd { 
width: 100%;
padding: 0;
margin: 0;
float: left;
text-align: left;
display: block;
}

.news_detail .glid { width: 100%;padding-bottom: 20px; }

.news_detail .glid img { float: left;margin: 0 5%; }

}