@charset "utf-8";

/* 새글 스킨 (latest) */
.main-news-con{ position: relative; margin-top: 40px;}

/* .main-news-list .bbs-item:first-child > a{border-top:1px solid #000} */
.main-news-list .bbs-item .news-category{position:absolute; top:50%; transform:translateY(-50%); left:40px; width:85px; /*height:34px; line-height:34px;*/ text-align:center; border:1px solid #808080; box-sizing:border-box; font-weight:400; font-size:15px; letter-spacing:-0.65px; color:#000; transition:all 0.3s; padding:8px 0}

.main-news-list .bbs-item .bbs-subject-box{display:block; position:relative;  } 


.main-news-list .bbs-item .bbs-list-info-con .notice-tit{display:inline-block; vertical-align:middle; border:1px solid #34bdd7; height:25px; line-height:25px; border:1px solid #34bdd7; padding:0 15px; font-size:14px; letter-spacing:-0.5px; color:#34bdd7; margin-right:10px;}
.main-news-list .bbs-item .bbs-subject-txt .category{font-weight:500; color:#34bdd7; margin-right:5px; }
.main-news-list .bbs-item .bbs-list-info-con .bbs-list-sub-txt{font-weight:400; color:#666; font-size:16px; letter-spacing:-0.65px; line-height:1.5; margin-bottom:20px}
.main-news-list .bbs-item .bbs-list-info-con .main-news-date{font-weight:400; font-size:16px; letter-spacing:0; color:#666}
.main-news-list .bbs-item .bbs-list-info-con .main-news-date i{margin-right:5px; font-size:18px; color:#818181; vertical-align:middle; margin-top:-4px}


.main-news-con .more-view-btn{position:absolute; right:0; top:47px; font-weight:600; font-size:15px; letter-spacing:0; color:#0082cb}
.main-news-con .more-view-btn .arrow{display:inline-block; margin-left:11px; width:25px; height:14px;vertical-align:top}

.main-page-btn{position:absolute; right:0; top:0; transform:translateY(0); color:#3d3d3d; letter-spacing:0; font-size:12px; font-weight:700; transition:opacity 0.8s 0.3s, transform 0.8s 0.3s, color 0.3s; opacity:0;}
.aos-animate .main-page-btn{opacity:1; transform:translateY(-85px); }
.main-page-btn .arrow{display:inline-block; width:27px; height:27px; background-color:#303030; text-align:center; border-radius:50%; color:#fff; vertical-align:middle; margin-left:9px; transition:all 0.3s}
.main-page-btn .arrow i{line-height:27px; font-size:19px; position:relative; left:1px}

.main-news-list li{position: relative;}
.main_news_btn{width: 50px; height: 50px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #ccc; }
.main_news_btn i{font-size: 2rem; color: #ccc;   }
.main-news-list li:hover .main_news_btn{border: 1px solid var(--main-color);}
.main-news-list li:hover .main_news_btn i{color: var(--main-color);}


.main-news-list .bbs-item:first-child > a{display: flex; justify-content: space-between; align-items: center;}
.main-new-tit{width: 62%;}
.main-news-list .bbs-item .bbs-subject-txt-box{font-size: 2.5rem; color: #333;margin-bottom: 20px; font-weight: 500;}
.main-news-list .bbs-item .bbs-subject-txt{}
.main-new-content{font-size: 1.6rem; color: #666;margin-bottom: 30px; line-height: 1.5;}
.main-news-thum img{border-radius: 20px; }
.main-news-thum{border-radius: 20px;}
.main-news-list .bbs-item:first-child > a:hover .bbs-subject-txt-box{color: var(--main-color);}



@media all and (min-width:801px){
/* .main-news-list .bbs-item a:hover{background-color:#f6f6f6} */
.main-news-list .bbs-item a:hover .news-category{border-color:#000; background-color:#000; color:#fff}
/* .main-news-list .bbs-item a:hover .bbs-subject-txt{color:var(--main-color)} */
.main-news-con .more-view-btn:hover{animation: move 0.9s ease-in-out; animation-iteration-count: infinite;}
.main-page-btn:hover{color:var(--main-color)}
.main-page-btn:hover .arrow{background-color:var(--main-color)}
}

/************************************반응형**************************************************/
@media all and ( max-width: 1380px ){	
.main-news-thum{width: 35%;}
.main-news-thum img{width: 100%;}


}
@media all and ( max-width: 1024px ){	
.main-page-btn{top: 85px;left: 48%;  margin-left: -50px;}
.aos-animate .main-page-btn{transform: translateY(-100px);}	

}

@media all and ( max-width: 800px ){	


.main-news-list .bbs-item .main-news-thum{ width:200px}
.main-news-list .bbs-item .news-category{position:relative; top:auto; transform:translateY(0); left:0; margin-bottom:10px; font-size:12px; width:60px; padding:5px 0}
.main-news-list .bbs-item .bbs-list-info-con{margin:0}
.main-news-list .bbs-item .bbs-subject-txt-box{ overflow:hidden}
.main-news-list .bbs-item .bbs-subject-txt{font-size:16px;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:normal; text-overflow:inherit; display:-webkit-box; line-height:1.35; word-break:keep-all}
.main-news-list .bbs-item .bbs-list-info-con .bbs-list-sub-txt{display:none}
.main-news-list .bbs-item .bbs-subject-txt-box{font-size:2rem ;}
}

@media all and ( max-width: 650px ){
.main-news-list .bbs-item:first-child > a{flex-direction: column;}
.main-news-list .bbs-item .main-news-thum{width: 100%;}
.main-new-tit{width: 100%; margin-top: 20px;}
.main-news-list .bbs-item .bbs-subject-txt-box{font-size:2.2rem ;}

}
@media all and ( max-width: 480px ){	

.main-page-btn .arrow {width: 22px;height: 22px;margin-left: 5px;margin-top: -3px;}	
.main-page-btn .arrow i {font-size: 17px; line-height: 22px;}	
.main-news-list .bbs-item .main-new-tit{margin-right:0; width:100%}
.main_news_btn{display: none;}
.main-news-list .bbs-item .bbs-subject-txt-box{font-size:1.8rem ;}

	
}
@media all and ( max-width: 400px ){
    .main-news-list .bbs-item .bbs-list-info-con{flex-direction: column; align-items: start;}
    


}