@charset "utf-8";


/* SUB:NEWS STYLE */

/* 뉴스 카드 섹션 */
.news_cnt_inner{padding:22% 5% 0 5%;box-sizing:border-box;}
.news_item{margin-top:5%;border-radius:1.2em;overflow:hidden;background-color:#fff;}
.news_item > a{display:block;}
.news_item .news_text{padding:2em;background-color:#F7F7F7;min-height:153px;display:flex;flex-direction:column;align-items:flex-start;}
.news_item .news_img img{object-fit:cover;width:100%;}
.news_top{width:100%;}
.news_top strong{display:inline-block;font-size:3.5vw;font-weight:500;line-height:1.4em;color:#000;}
.news_text h4{padding-top:0.2em;font-size:5vw;font-weight:700;line-height:1.4em;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;}
.news_text b{display:inline-block;font-size:3.5vw;font-weight:400;line-height:1.4em;padding-top:2em;color:#aaa;margin-top:auto;}
.news_item.wide{position:relative;height:inherit;}
.news_item.wide .news_img{position:relative;}
.news_item.wide .news_img .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.news_item.wide .news_img img{object-fit:cover;height:80vw;}
.news_item.wide .news_text{position:absolute;top:0;right:0;bottom:0;left:0;padding:2em;background-color:transparent;}
.news_item.wide .news_top strong, .news_item.wide .news_text h4{color:#fff;}
.news_item.wide .news_text h4{font-size:6vw;line-height:1.4em;}
.news_item.wide .news_text b{color:rgba(255,255,255,0.8);}

@media (min-width:1024px){
	.news_cnt_inner{display:flex;flex-wrap:wrap;gap:20px;width:100%;max-width:1500px;margin:0 auto;padding:200px 0 0 0;}
	.news_item{width:calc((100% - 40px) / 3);height:506px;margin-top:0;position:relative;border-radius:24px;}
	.news_item > a{height:100%;}
	.news_item .news_text{padding:2.5em;height:calc(100% - 272px);box-sizing:border-box;}
	.news_item .news_img{height:272px;}
	.news_item .news_img img{object-fit:cover;width:100%;height:100%;}
	.news_top strong{font-size:18px;}
	.news_text h4{font-size:26px;line-height:1.35em;}
	.news_item.wide .news_text h4{font-size:30px;}
	.news_text b{font-size:18px;}
	.news_item.wide{width:calc(((100% - 40px) / 3) * 2 + 20px);height:506px;}
	.news_item.wide .news_img{height:100%;}
	.news_item.wide .news_img img{object-fit:cover;width:100%;height:100%;}
	.news_item.wide .news_text{padding:3em;height:100%;}
}


/* 뉴스 리스트 섹션 */
.news_list_inner{padding:15% 5%;}
.news_list_item{padding:2em 0;border-bottom:1px solid #e6e6e6;background-image:url('../images/sub/news/chev_right.svg');background-position:right center;background-repeat:no-repeat;background-size:2%;}
.news_list_item:hover{background-color:#f9f9f9;cursor:pointer;}
.news_list_item .news_tit h3{width:90%;}
.news_list_item .news_tit h3 a{display:block;font-size:4.2vw;font-weight:700;line-height:1.4em;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;}
.news_list_item .news_tit .date_source{display:block;padding-top:0.5em;font-size:3.2vw;font-weight:500;line-height:1.4em;}
.news_list_item .news_tit .date_source i{display:inline-block;color:#aaa;}
.news_list_item .news_tit .date_source b{display:inline-block;color:#000;padding-left:1em;}

@media (min-width:1024px){
	.news_list{width:100%;max-width:1500px;margin:0 auto;}
	.news_list_inner{padding:100px 0;box-sizing:border-box;}
	.news_list_item{display:flex;justify-content:flex-start;align-items:flex-start;padding:40px 0;background-size:8px;}
	.news_list_item .news_tit{width:80%;}
	.news_list_item .news_tit h3 a{font-size:22px;}
	.news_list_item .news_tit .date_source{font-size:15px;}
}


/* Pagination styles */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.pagination .page-btn{background:transparent;border:none;color:#122436;font-size:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;}
.pagination .page-btn:focus{outline:2px solid rgba(0,0,0,0.08);}
.pagination .page-list{display:flex;gap:12px;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:nowrap;white-space:nowrap;}
.pagination .page-item button{width:36px;height:36px;border-radius:50%;border:1px solid #fff;background:#fff;color:#aaa;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;}
.pagination .page-item.active button{background:#f7f7f7;color:#000;border-color:#f7f7f7;}
.pagination .page-ellipsis{font-size:30px;color:#888;padding:0 6px;line-height:30px;}

@media (min-width:1024px){
	.pagination{gap:16px;padding:48px 0 100px;}
	.pagination .page-btn{width:44px;height:44px;font-size:18px;}
	.pagination .page-item button{width:44px;height:44px;font-size:18px;}
}

/* Compact on tablet */
@media (min-width:768px) and (max-width:1023px){
	.pagination{gap:10px;padding:32px 12px;}
	.pagination .page-item button{width:40px;height:40px;}
}