@charset "UTF-8";
/* 23.01.05 SDH */

/* news list */
.n_sec01 .inner { padding:100px 0; flex-direction:column; color:#292929; letter-spacing:-0.03em; }
.news_txt01 { font-size:30px; color:#3BA3FD; }
.news_txt02 { margin:16px 0; font-size:44px; font-weight:500; }
.news_txt03 { font-size:30px; font-weight:300; }
.news_txt04 { font-size:20px; color:#9BA7B9; }

.n_sec02 .inner { padding:0 0 140px; flex-direction:column; }
.n_sec02 .cate_lst { display:flex; align-items:center; width:100%; margin:0 auto 70px; padding-bottom:26px; box-sizing:border-box; border-bottom:2px solid #292929; }
.n_sec02 .cate_lst li { display:flex; align-items:center; margin-right:60px; font-size:20px; font-weight:500; color:#292929; letter-spacing:-0.03em; transition:all 0.3s; cursor:pointer; }
.n_sec02 .cate_lst li a { transition:all 0.3s; }
.n_sec02 .cate_lst li:last-child { margin-right:0; }
.n_sec02 .cate_lst li:hover a,
.n_sec02 .cate_lst li.on a { color:#3BA3FD; transition:all 0.3s; }
.n_sec02 .cate_lst li span { margin-left:8px; padding:3px 18px; border-radius:23px; box-sizing:border-box; font-size:20px; font-weight:500; color:#FFF; background:#292929; transition:all 0.3s; }
.n_sec02 .cate_lst li:hover span,
.n_sec02 .cate_lst li.on span { background:#3BA3FD; transition:all 0.3s; }

ul.news_lst { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; padding:0 30px; box-sizing:border-box; }
ul.news_lst li { width:calc((100% - 140px)/3); margin-bottom:80px; }
ul.news_lst li a { display:block; width:100%; }
ul.news_lst li a img { width:100%; height:360px; object-fit:cover; border-radius:10px; box-sizing:border-box; text-align:center; overflow:hidden; }
ul.news_lst li a p.cate { margin-top:20px; font-size:16px; font-weight:500; color:#3BA3FD; letter-spacing:-0.01em; }
ul.news_lst li a p.tit { width:100%; margin-top:20px; font-size:22px; font-weight:500; color:#292929; letter-spacing:-0.01em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
ul.news_lst li a p.txt { margin-top:7px; font-size:18px; font-weight:400; color:#505868; letter-spacing:-0.01em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1; }
ul.news_lst li a p.date { margin-top:10px; font-size:16px; font-weight:400; color:rgba(80,89,103,0.5); letter-spacing:-0.01em; }

.news_more_btn { margin:0 auto; text-align:center; }

.none_cont { margin:160px auto; text-align:center; }
.none_cont p { margin-top:18px; font-size:28px; color:#505967; letter-spacing:-0.01em; line-height:1.4; }

/* detail */
.n_sec03 .inner { padding:140px 0 40px; box-sizing:border-box; border-bottom:2px solid #DADEE3; flex-direction:column; }
.n_sec04 .inner { max-width:980px; padding:100px 0 140px; box-sizing:border-box; flex-direction:column; }
.n_sec04 .inner .news_content { min-height:300px; height:auto; overflow-x:hidden; overflow-y:hidden; }
.n_sec04 .inner .news_content img { max-width:100%; width:auto; object-fit:contain; }
.recruit_more_btn { display:block; width:fit-content; margin:140px auto 0; padding:15px 55px; box-sizing:border-box; border:1px solid #9BA7B9; font-size:20px; color:#505967; letter-spacing:-0.02em; text-align:center; transition:all 0.3s; }
.recruit_more_btn:hover { color:#FFF; border:1px solid #3BA3FD; background:#3BA3FD; transition:all 0.3s; }


@media all and (max-width: 1280px) {
	#content { padding-top:131px; }
	.n_sec01 .inner { padding:70px 5%; box-sizing:border-box; }
	.n_sec02 .inner { padding:0 5% 70px; box-sizing:border-box; }
	.n_sec02 .cate_lst { flex-wrap:nowrap; justify-content:flex-start; padding-top:5px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
	ul.news_lst li { width:calc((100% - 80px)/2); margin-bottom:45px; }
}

@media all and (max-width: 1024px) {
	.n_sec01 .inner { padding:50px 5%; }
	.news_txt01 { font-size:15px; font-weight:300; }
	.news_txt02 { margin:8px 0; font-size:22px; }
	.news_txt03 { font-size:15px; }
	.news_txt04 { font-size:12px; }

	.n_sec02 .cate_lst { margin:0 auto 20px; padding-bottom:10px; }
	.n_sec02 .cate_lst li { margin-right:20px; font-size:13px; }
	.n_sec02 .cate_lst li span { margin-left:5px; padding:2px 9px; font-size:13px; }

	ul.news_lst { gap:0 15px; padding:0; }
	ul.news_lst li { width:calc((100% - 15px)/2); margin-bottom:30px; }
	ul.news_lst li a img { height:auto; }
	ul.news_lst li a p.cate { margin-top:15px; font-size:12px; }
	ul.news_lst li a p.tit { margin-top:7px; font-size:14px; }
	ul.news_lst li a p.txt { margin-top:5px; font-size:12px; }
	ul.news_lst li a p.date { margin-top:5px; font-size:10px; }

	.none_cont { margin:80px auto; text-align:center; }
	.none_cont p { font-size:20px; }

	.n_sec03 .inner { margin:0 5%; padding:70px 0 20px; border-bottom:1px solid #DADEE3; box-sizing:border-box; }
	.n_sec04 .inner { padding:50px 5% 70px; box-sizing:border-box; }

	.recruit_more_btn { width:100%; margin:70px auto 0; }
	.news_more_btn img { width:50%; }
}