@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}
.notice h2 {font-size:27px; font-weight:700; color:#0d3f5b; padding:25px 50px 15px; border-bottom:1px solid #d9d9d9;}
.notice h2 > a {font-size:31px; color:#c6c6c6; float:right;}
.notice ul {padding:0;}
.notice li {text-overflow:ellipsis; white-space:nowrap;border-bottom:1px solid #d9d9d9; padding:25px 50px 10px; position:relative;}
.notice li:nth-child(2) {background-color:#fafafa;}
.notice li:last-child {border-bottom:0;}
.notice li .n_left {float:left; text-align:center;}
.notice li .ldate_d {font-size:30px; font-weight:500; color:#000; line-height: 111%;} 
.notice li .ldate_ym {font-size:14px; font-weight:500; color:#9c9c9c;}

.notice li .n_right {float:left; width:76%; margin-left:25px;}
.notice li .ctit {font-size:21px; font-weight:500; color:#000;}
.notice li .cont {font-size:16px; font-weight:400; color:#000; margin-top:10px;}
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:9px 0;display:inline-block; width:100%;}
.notice li .new_icon {position:absolute; top:5px; right:0; font-size:14px; padding:2px 5px; border:1px solid #f7f7f7; background-color:#344466; color:#fff; border-radius:15px;;}
.notice li .lock_icon {position:absolute; top:30px; right:0; font-size:14px; padding:2px 5px; border:1px solid #f7f7f7; background-color:#344466; color:#fff; border-radius:15px;}

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

@media (max-width:1699px) and (min-width:1240px) {
    .notice h2 {font-size:24px;}
    .notice li .ctit {font-size:20px;}
}

@media (max-width:1239px) and (min-width:748px) {
    .notice h2 {font-size:20px;}
    .notice li .ctit {font-size:18px;}
}

@media (max-width:747px) {
    .notice h2 {font-size:18px; font-size: 18px; padding: 25px 25px 15px;}
    .notice ul { padding: 0;}
    .notice li .ctit {font-size:18px;}
    .notice li {padding:0;}
    .notice li .n_left {padding-left:20px;}
    .notice li a, .notice li.empty_li {color:#e3e3e3;padding:15px 0 5px;display:inline-block; width:100%;}

    .notice h2 > a { font-size: 31px; color: #c6c6c6; float: right; margin-top: -10px; }


}
@media (max-width:500px) {
    .notice h2 {font-size:18px; font-size: 18px; padding: 25px 25px 15px;}
    .notice ul { padding:0 ;}
    .notice li .ctit {font-size:18px;}
    .notice li {padding:0;}
    .notice li .n_left {padding-left:0;}
    .notice li .n_right {width:70%; margin-left:15px;}


    .notice h2 > a { font-size: 31px; color: #c6c6c6; float: right; margin-top: -10px; }
 
}