@charset "utf-8";

/* 새글 스킨 (latest) */
.main-news-con{ position: relative}
.main-news-list .bbs-item > a{display:block; position:relative; padding:25px 75px ; border-bottom:1px solid #e3e3e3; background-color:#fff; transition:all 0.3s}
.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-list-info-con{display: flex; justify-content: space-between; align-items: center;}
.main-news-list .bbs-item .bbs-subject-box{display:block; position:relative;  } 
.main-news-list .bbs-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.main-news-list .bbs-item .bbs-subject-txt{display: block; padding-right: 5px; width: 100%; font-size:20px; font-weight:500; line-height:1.1; vertical-align:middle; color:#222; letter-spacing:-0.25px; transition:all 0.3s}
.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:600; font-size:16px; letter-spacing:0; color:#999}
.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-list .bbs-item .main-news-thum{position:absolute; top:30px; right:70px; text-align:right; width:144px}
.main-news-list .bbs-item .main-news-thum span{position:relative; display:block; padding-top:61%; overflow:hidden; border:1px solid #ddd}
.main-news-list .bbs-item .main-news-thum span img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%)}

.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);}

@media all and (min-width:801px){
.main-news-list .bbs-item a:hover{border-bottom: 1px solid var(--main-color);}
.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 (max-width: 1280px) {  
    .main-news-list .bbs-item .bbs-subject-txt{font-size: 22px;}
   
   
}
@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 > a{padding:20px; height:auto}
/* .main-news-list .bbs-item .main-new-tit{margin-right:80px} */
.main-news-list .bbs-item .main-news-thum{right:20px; width:120px}
.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}
}


@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-news-thum{display:none;}
.main-news-list .bbs-item .main-new-tit{margin-right:0; width:100%}
.main_news_btn{display: none;}


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


}