@charset "utf-8";


/* 새글 스킨 (latest) */
.notice {
position: relative;
padding: 0 20px;
}

.notice h2 {
margin-bottom: 20px
}

.notice h2 a {
font-size: 1.2em;
}

.notice li {
position: relative; /* 자식 absolute 요소들의 기준점 역할을 명시 */
/* 이미지가 li 영역 밖으로 삐져나와도 보이도록 설정 */
border-bottom: 1px solid #ddd;
line-height: 130px;
}

.notice li a img.swipeimage {
position: absolute;
top: 0;
left: 0;
width: 250px;
height: 250px;
object-fit: cover;
transform: translateX(-50%) translateY(-50%);
opacity: 0;
visibility: hidden;
z-index: 10;        /* 텍스트보다 위에 떠서 마우스를 따라다니도록 설정 */
pointer-events: none; /* 이미지가 마우스 커서의 인식을 방해하지 못하도록 물리적 면적 무시 */
}


.notice li a {
display: flex;
justify-content: space-between;
font-size: 24px;
font-weight: 600;
}

.notice li a span {
font-weight: 300;
color: #777;
margin-left: 2vw;
}


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





/*---------- respon ----------*/
@media (max-width: 2500px) {
.notice li a h3 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
}

@media (max-width: 1023px) {
.notice li a {font-size: 20px;}
.notice li a span {font-size: 18px;}
.notice li a img.swipeimage {display: none;}
}

@media (max-width: 767px) {
.notice {padding: 0 10px;}
.notice li {line-height: 100px;}
.notice li a {font-size: 18px;}
.notice li a span {font-size: 16px;}
}

@media (max-width: 479px) {
.notice li {line-height: 85px;}
.notice li a {font-size: 16px;}
.notice li a span {font-size: 14px;}
}