@charset "utf-8";
#news .inner-sct { padding: 20px 0 100px;}
#news .category { width: 92%; max-width: 960px; margin: 0 auto 30px;}
#news .category ul { font-size: 0px;}
#news .category ul li { display: inline-block; width: 140px; margin-right: 15px; font-size: 1.0rem; font-weight: 700;}
#news .category ul li:last-child { margin-right: 0px;}
#news .category ul li span,
#news .category ul li a { display: block; width: 100%; padding: 2px 0; border-radius: 50px; color: #000; text-align: center; text-decoration: none; cursor: pointer;}
#news .category ul li span.all { border: solid 1px #e89a3d; background: #fff; color: #e89a3d;}
#news .category ul li span.cate-info { border: solid 1px #ec549c; background: #fff; color: #ec549c;}
#news .category ul li span.cate-event{ border: solid 1px #58ab85; background: #fff; color: #58ab85;}
#news .category ul li span.cate-job { border: solid 1px #367bd9; background: #fff; color: #367bd9;}

#news .category ul li a.all { border: solid 1px #e89a3d; background: #e89a3d; color: #fff;}
#news .category ul li a.cate-info { border: solid 1px #ec549c; background: #ec549c; color: #fff;}
#news .category ul li a.cate-event{ border: solid 1px #58ab85; background: #58ab85; color: #fff;}
#news .category ul li a.cate-job { border: solid 1px #367bd9; background: #367bd9; color: #fff;}

#news .category ul li a.cate-info:hover { background: #fff; color: #ec549c;}
#news .category ul li a.cate-event:hover { background: #fff; color: #58ab85;}
#news .category ul li a.cate-job:hover{ background: #fff; color: #367bd9;}

#news .ctn { width: 92%; max-width: 960px; margin: 0 auto 30px;}
#news .ctn p { margin-bottom: 20px;}
#news .ctn p:last-child { margin-bottom: 0px;}
#news .ctn ul li { position: relative; margin-bottom: 16px; padding: 30px 20px; padding-left: 300px; background: #fff; border-radius: 20px; font-size: 1.05rem; line-height: 1.4;}
#news .ctn ul li:last-child { margin-bottom: 0px;}
#news .ctn ul li time { position: absolute; left: 20px; top: 30px; font-weight: 700;}
#news .ctn ul li span { position: absolute; left: 160px; top: 29px; width: 120px; padding: 2px 0px; border-radius: 50px;
 color: #fff; font-size: 0.88rem; font-weight: 700; text-align: center;
}
#news .ctn ul li span.cate-info { background: #ec549c; z-index: 3;}
#news .ctn ul li span.cate-event { background: #58ab85; z-index: 2;}
#news .ctn ul li span.cate-job{ background: #367bd9; z-index: 1;}
#news .ctn ul li a { color: #000; letter-spacing: 0.15rem; text-decoration: none;}
#news .ctn ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}
#news .more { text-align: right;}
#news .more a { position: relative; display: inline-block; padding-left: 30px; color: #000; font-size: 1.15rem; font-weight: 700; text-decoration: none;}
#news .more a:before ,
#news .more a:after { content: ''; display: block; position: absolute; top: 50%;}
#news .more a:before { content: ''; display: block; width: 23px; height: 23px; background: #6b9d57; border-radius: 50%;
 left: 0; transform: translateY(-50%);
}
#news .more a:after { width: 8px; height: 8px; border-top: solid 1px #fff; border-right: solid 1px #fff;
 left: 5px; transform: translateY(-50%) rotate(45deg);
}
#news .more a:hover { text-decoration: underline;}
#news .pager { position: relative; width: 92%; max-width: 960px; margin: 0 auto;}
#news .pager nav { position: relative; width: 100%; padding: 0 80px; text-align: center;}
#news .pager span.current,
#news .pager a.page-numbers { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-weight: 700;}
#news .pager span.current { background: #6b9d57; color: #fff;}
#news .pager a.page-numbers { background: #e7dec8; text-decoration: none;}
#news .pager a.page-numbers:hover { color: #6b9d57;}
#news .pager a.prev,
#news .pager a.next { position: absolute; top: 5px; width: 60px; background: none; font-weight: 700; text-decoration: none;}
#news .pager a.prev { left: 0; padding-left: 20px; text-align: left;}
#news .pager a.next { right: 0; padding-right: 20px; text-align: right;}
#news .pager a.prev:before,
#news .pager a.next:after { content: ''; display: block; width: 0; height: 0px; position: absolute; top: 50%; border: solid 6px transparent; transform: translateY(-50%);}
#news .pager a.prev:before{ left: 0; border-right: solid 9px #6b9d57; border-left: 0; }
#news .pager a.next:after { right: 0; border-left: solid 9px #6b9d57; border-right: 0;}
#news .pager a.prev:hover,
#news .pager a.next:hover { color: #6b9d57;}

@media (max-width: 1001px) {

	#news .category ul li { width: 100px; margin-right: 10px; font-size: 1.0rem;}

	#news .ctn ul li { padding: 12px 0; padding-left: 240px; font-size: 0.88rem;}
	#news .ctn ul li time { top: 12px;}
	#news .ctn ul li span { width: 90px; left: 7.0rem; top: 10px; font-size: 0.8rem;}
	#news .more a { font-size: 16px;}
}
@media (max-width: 801px) {

	#news .category ul li { width: 50%; margin: 0; padding: 6px;}
	#news .category ul li span { width: 100%;}
	#news .ctn { width: calc( 100% - 12px); margin: 0 auto 20px;}
}
@media (max-width: 641px) {
	#news .ctn ul li { padding: 12px 6px;}
	#news .ctn ul li time { position: relative; left: auto; top: auto; display: inline-block; vertical-align: middle; margin-right: 10px;}
	#news .ctn ul li span { position: relative; left: auto; top: auto; display: inline-block; vertical-align: middle;}
	#news .ctn ul li a { display: block; margin-top: 5px;}	
}
@media (max-width: 481px) {

	#news .category { margin: 0 auto 12px;}
	#news .category ul li { padding: 4px; font-size: 0.78rem;}

	#news .ctn ul li { padding: 12px; border-radius: 12px; font-size: 0.78rem;}
	#news .ctn ul li time {}
	#news .ctn ul li span { margin-right: 6px; padding: 2px 12px; font-weight: 700; font-size: 0.75rem;}
	#news .ctn ul li a { letter-spacing: 0.05rem;}
	#news .more a { padding-left: 25px; font-size: 0.88rem;}
	#news .more a:before { width: 18px; height: 18px;}
	#news .more a:after { width: 5px; height: 5px;}
	#news .pager nav { padding: 0 60px;}
}