@charset "utf-8";
/* 새글 스킨 (latest) */
#lt_notice{width:40%;padding-left:30px;}
.notice{background:#fff;padding:7% 30px;box-sizing: border-box;min-height:360px;}
.notice:after {display:block;visibility:hidden;clear:both;content:""}
.notice h2{font-weight:bold;text-align:center;}
.notice h2 a{position:relative;}
.notice h2 a:before{}
.notice h2 a:after{}
.notice h2{width:100%;text-align:left;height:100%;font-size:20px;color:#002063;}
.notice h2 a{position:relative;width:30px; height:30px;float:right;border:1px solid #ccc;}
.notice h2 a:before{content:'';width:22px; height:2px; background:#333; position:absolute; left:50%;margin-left:-11px; top:50%;margin-top:-1px;}
.notice h2 a:after{content:''; width:2px; height:22px; background:#333; position:absolute; top:50%;margin-top:-11px;left: 50%;margin-left: -1px;}

.notice ul{width:100%;margin:0px 0}
.notice ul li{color:#222;position:relative;width: 100%;border-bottom:1px solid #ccc; padding:2% 0;}
.notice ul li a{width:100%;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:16px;}
.lt_date{width:100%;display:inline-block;text-align:right;color:#666;font-size:14px;    line-height: 1;}
@media all and (max-width:1200px) {
.notice{min-height:auto;}
}
@media all and (max-width:990px) {
.notice{padding:30px 30px;}
.notice ul li a{font-size:14px;}
.lt_date{font-size:12px;}
#lt_notice{width:100%;padding:0px}
}
@media all and (max-width:768px) {
.notice{padding:0px;}

}
@media all and (max-width : 600px) {

    .notice h2{font-size:1.3em}
    .notice ul{}

}

@media all and (max-width : 375px) {

    .notice h2{width:100%;line-height:35px;height:35px;font-size:1.2em}
    .notice ul{width:100%}
}