@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;margin-top: 50px;} 
.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-right: 10%;width: 11%;} 
.notice .lt_info .lt_date {transition: all .3s;}
.notice .lt_info .date2 {font-size: 40px;color: #666;margin-bottom: 5px;} 
.notice .lt_info .date1 {font-size: 17px;color: #666;} 
.notice li {padding: 30px 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-bottom: 2px solid #646464;font-size: 20px;display: flex;align-items: center;box-sizing: content-box;transition: all .3s;} 
.notice li:first-child {border-top: 2px solid #999;} 
.notice li:last-child {border-bottom: 2px solid #999;} 

.notice li a, .notice li.empty_li {color: #111;display: inline-block;width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.notice li a p {color: #666;width: 330px;font-size: 18px;font-weight: 300;padding-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.notice li .long_arrow {background: url(./long_arrow.png) no-repeat center center;background-size: contain;width: 14%;height: 14px;display: block;margin-right: 0;z-index: 10;transition: all .3s;} 
.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 } 

/* hover */
.notice li:hover a, .notice li:hover p {color: #17549d;} 
.notice li:hover .lt_date { color:#17549d; transition: all .3s; } 
.notice li:hover {border-top: 2px solid #17549d;} 
.notice li:hover .long_arrow {filter: invert(100%) sepia(70%) saturate(100%) hue-rotate(100deg) brightness(100%) contrast(0%) !important;margin-right: -10px;transition: all .3s;animation: more_left ease-in-out .3s alternate;}
 
/* ani */
@keyframes more_left {
0% {margin-right: 0;} 
100% {margin-right: -10px;} 
}

/* respon */
@media (max-width: 1023px){
.notice {margin-top: 30px;}
.notice li {padding: 30px;}
.notice .lt_info .date2 {font-size: 30px;} 
.notice .lt_info .date1, .notice li a p {font-size: 16px;} 
.notice .lt_con {font-size: 18px;}
}

@media (max-width: 767px){
.notice {margin-top: 0;}
.notice li {padding: 30px 20px;}
.notice .lt_info {margin-right: 5%;}
.notice .lt_info .date2 {font-size: 20px;} 
.notice .lt_info .date1, .notice li a p {font-size: 14px;} 
.notice li a, .notice li.empty_li {width: 100%;}
.notice .lt_con {font-size: 16px;}
.notice li .long_arrow { display:none; } 
}

@media (max-width: 479px){
.notice .lt_info {margin-right: 10%;}
}