@charset "utf-8"; /* 새글 스킨 (latest) */
.notice { position: relative; } 

.notice h2 { } 

.notice h2 a { font-size: 1.2em; color: #fff; display: none; } 

.notice li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 3rem; border-bottom: 2px solid #dcdcdc73; transition: all .3s; } 

.notice li a, .notice li.empty_li { color: #666; padding: 0; display: inline-block } 

.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; */ } 

/* customizing */
.notice h2 { display: none; } 

.notice li h4 { color: #111; font-weight: 700; padding-bottom: 2rem; transition: a; } 

.notice li a { display: flex; justify-content: space-between; align-items: center; } 

.notice li .lt_date { padding-top: 1rem; font-weight: 300; } 

.notice li:hover h4 { color: var(--main-color); } 

.notice li:hover { border-bottom: 2px solid var(--main-color); } 
@media (max-width: 1270px){
 .notice li { padding: 3rem 3rem 3rem 0; } 
 }

@media (max-width: 480px){
 .notice li h4 { padding-bottom: 0.5rem; } 
 .notice li a { display: flex; flex-wrap: wrap; } 
 .notice li .lt_date { text-align: right; font-size: 1.4rem; } 
 .notice li { padding: 2rem 2rem 2rem 0; } 
 }