@charset "utf-8"; /* 새글 스킨 (latest) */

/* 추가 커스텀 */
.commu_latest { height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; } 
.notice_tit { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 4rem; } 
.notice_tit p { width: 80%; } 
.notice_tit a { color: #6e829c; width: 20%; } 
.notice_tit a i { display: inline-block; padding-left: 5px; } 

/* 추가 끝 */
.notice { position: relative; border-top: 1px solid #646464; margin-top: 40px; } 
.notice h2 { margin-bottom: 20px } 
.notice h2 a { font-size: 1.2em; color: #fff } 
.notice .lt_info { display: flex; flex-direction: column; align-items: center; margin: 0 4%; } 
.notice .lt_info .date2 { font-size: 3rem; font-weight: 600; color: #646464; } 
.notice .lt_info .date1 { font-size: 1.8rem; color: #646464; } 
.notice li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 40px 0; border-bottom: 1px solid #646464; font-size: 2rem; display: flex; align-items: center; transition: all .4s; } 
.notice li:first-child { border-top: 2px solid #dcdcdc; } 

.notice li a, .notice li.empty_li { color: #d6d6d6; display: inline-block; width: 64%; } 
.notice li a p { color: #a5a5a5; font-size: 1.9rem; padding-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.notice li .long_arrow { background: url(./long_arrow.png) no-repeat center center/contain; width: 14%; margin-left: 4%; height: 14px; display: block; z-index: 10; transition: all .4s; } 
.notice li .lock_icon { display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #4f818c; background: #cbe3e8; text-align: center; border-radius: 2px; font-size: 12px; border: 1px solid #a2c6ce; vertical-align: baseline } 
.notice li .new_icon { display: inline-block; line-height: 16px; width: 16px; font-size: 0.833em; color: #ffff00; background: #6db142; text-align: center; margin-right: 3px; border-radius: 2px; vertical-align: baseline } 

.notice .cnt_cm { background: #5c85c1; color: #fff; font-size: 11px; height: 16px; line-height: 16px; padding: 0 5px; border-radius: 3px; white-space: nowrap; margin-left: 5px } 

.notice li.empty_li { border-bottom: 0; line-height: 120px } 

.notice li:hover a, .notice li:hover p { color:#fff; } 
.notice li:hover .lt_date { color:var(--main-color); transition: all .4s; } 
.notice li:hover { border-bottom: 1px solid var(--main-color); } 
.notice li:hover .long_arrow { margin-left: 10%; } 

 @media (max-width: 480px){
 .notice { margin-top: 20px; } 
 .notice li { padding: 17px 0; } 
 .notice li .long_arrow { display:none; } 
 }