@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------------------------news.html----------*/

#tit_area{
background: url("../images/main_news.jpg") no-repeat center center;
background-size: cover;
}

#news{
margin:80px auto 0;
width:66.64%;
/*max-width:860px;*/
}

.news_list li { 
border-bottom: 1px solid #ddd;
background: url("../images/cir_arrow_bl.png") no-repeat right 0px center;
background-size:17px 17px;
transition: 0.2s;
}
   
.news_list li:hover { border-bottom: 1px solid #8dc21f; }

.news_list li a {
display: block;
padding: 30px 35px 30px 0;
display:flex;
transition: 0.2s;
}

.news_list li:hover a { color:#8dc21f; }

.news_list li a span{ 
display: block;
width:15%;
line-height:1.6; 
}

.news_list li a h1{ line-height:1.6; }

.paging {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 60px;
}

.paging li { margin: 0 5px; }

.paging li.current a { border-bottom:2px solid #8dc21f; }

.paging li a {
display: block;
width: 35px;
height: 50px;
line-height: 35px;
text-align: center;
border-bottom:2px solid #ddd;
transition: 0.2s;
}

.paging li a:hover{ 
color:#8dc21f;
border-bottom:2px solid #8dc21f;
}

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

#news{
margin:50px auto 0;
width:90%;
}
	
.news_list li a {
display: block;
padding: 25px 35px 25px 0;
display:block;
}

.news_list li a span{ 
width:100%;
font-size:13px;
}

.news_list li a h1{ margin-top:5px; }
	
}

/*----------------------------------------------------------------------------------------------------------------------news_detail.html----------*/

#detail{
margin:250px auto 0;
width:66.64%;
}

#detail .tit h2{
font-size:18px;
font-weight:bold;
padding-bottom:8px;
border-bottom:1px solid #ddd;
}

#detail .tit .date{
display: block;
margin-top:14px;
font-size:12px;
}

#detail .cont{
width:87.5%;
max-width:860px;
margin:60px auto 0;
}

#detail .cont p{ margin-top:35px; }

#detail .cont p a{ 
color:#8dc21f;
text-decoration:underline;
}

#detail .cont p a:hover{ text-decoration:none; }


#detail .cont p:first-child{ margin-top:0; }

#detail .cont p img{ width:100%; height:100%; }

#detail .more{ 
width:240px;
margin:50px auto;
}



@media screen and (max-width:1024px){
	
#detail{
margin:150px auto 0;
width:90%;
}

#detail .cont{
width:90%;
margin:30px auto 0;
}
	
#detail .cont p{ margin-top:30px; }
	
}


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

#detail .tit h2{
font-size:15px;
line-height:1.6;
}
	
#detail .tit .date{ margin-top:10px; }

	
}