@charset "utf-8";

#news-list .inner-sct { padding: 90px 0 150px;}
#news-list .ctn { width: 88%; max-width: 900px; margin: 0 auto 80px;}
#news-list .ctn ul { width: 100%;}
#news-list .ctn ul li { position: relative; padding: 18px 10px; padding-left: 140px; border-bottom: solid 1px #969696;
 font-size: clamp(13px,1.4vw,16px); letter-spacing: 0.1rem;
}
#news-list .ctn ul li:last-child { border-bottom: none;}
#news-list .ctn ul li time { position: absolute; left: 0;}
#news-list .ctn ul li a:hover { text-decoration: none;}

@media (max-width: 1281px) {
}
@media (max-width: 801px) {
	#news-list .inner-sct { padding: 60px 0px;}
	#news-list .ctn { margin-bottom: 40px;}
	#news-list .ctn ul li { padding-left: 120px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#news-list .inner-sct { padding: 30px 0px 50px;}
	#news-list .ctn { margin-bottom: 40px;}
	#news-list .ctn ul li { padding: 12px 6px; padding-left: 85px; font-size: 11px; letter-spacing: 0.05rem;}
}




#news .inner-sct { padding: 80px 0 150px;}
#news .article-hd { width: 88%; max-width: 900px; margin: 0 auto 20px;}
#news .article-hd h1 { margin-bottom: 20px; font-size: clamp(24px,3.6vw,36px); letter-spacing: 0.15rem; line-height: 1.4;}
#news .article-hd p { font-size: 18px; letter-spacing: 0.15rem;}

#news .article-ctn { width: 88%; max-width: 900px; margin: 0 auto; padding: 20px 0 60px;}
#news .article-ctn .lead { margin-bottom: 30px;}
#news .article-ctn .lead p { font-size: 18px; letter-spacing: 0.1rem; line-height: 1.8;}
#news .article-ctn .ctn { margin-bottom: 60px;}
#news .article-ctn .ctn .main { margin-bottom: 30px;}
#news .article-ctn .ctn .main img { width: 100%;}
#news .article-ctn .ctn h3 { color: #898989; font-size: 20px; font-weight: 700;}
#news .article-ctn .ctn p { font-size: 18px; letter-spacing: 0.1rem; line-height: 1.8;}
#news .article-ctn .ctn p img { width: 100%; height: auto;}
#news .article-ctn .btn-back { width: 45%; max-width: 300px; margin: 0 auto;}
#news .article-ctn .btn-back a { display: block; border: solid 1px #373737;
 color: #373737; font-size: clamp(15px,1.8vw,21px); letter-spacing: 0.15rem; line-height: 1.4; text-align: center; text-decoration: none; transition: 0.3s ease;
}
#news .article-ctn .btn-back a span { display: block; padding: 12px 0;}
#news .article-ctn .btn-back a:hover{ background: #373737; color: #fff;}

@media (max-width: 1281px) {
	#news .article-hd p { font-size: 16px;}
}
@media (max-width: 801px) {
	#news .inner-sct { padding: 40px 0 100px;}
	#news .article-hd h1 { margin-bottom: 20px;}
	#news .article-hd p { font-size: 14px;}

	#news .article-ctn .lead { margin-bottom: 20px;}
	#news .article-ctn .lead p { font-size: 14px;}
	#news .article-ctn .ctn .main { margin-bottom: 20px;}
	#news .article-ctn .ctn h3 { font-size: 16px;}
	#news .article-ctn .ctn p { font-size: 14px;}
	#news .article-ctn .btn-back a span { padding: 10px 0;}
}
@media (max-width: 481px) {
	#news .inner-sct { padding: 40px 0 60px;}
	
	#news .article-hd {}
	#news .article-hd h1 { margin-bottom: 12px; font-size: 18px; letter-spacing: 0.1rem;}
	#news .article-hd p { font-size: 12px; letter-spacing: 0.05rem;}
	
	#news .article-ctn { padding: 20px 0 40px;}
	#news .article-ctn .lead { margin-bottom: 12px;}
	#news .article-ctn .lead p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.65;}
	#news .article-ctn .main { margin-bottom: 12px;}
	#news .article-ctn .ctn h3 { font-size: 15px;}
	#news .article-ctn .ctn p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.65;}

	#news .article-ctn .btn-back a { font-size: 13px; letter-spacing: 0.05rem;}
	#news .article-ctn .btn-back a span { padding: 6px 0;}
}