@charset "utf-8";


/* 새글 스킨 (latest) */
.visual-notice{width: 550px; left: 15%; right:0; position:absolute; bottom:2.8%; z-index:1;}
.visual-notice h3{position: relative; padding:20px; color:#fff; float:left; max-width:130px; font-size: 16px; font-weight: 700; line-height: 18px;}
.visual-notice h3:after{content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background: #ccc;}
.lt_wrap {position:relative;}
.lt_wrap .lt {margin:0;padding:0;width:70%;height:58px;overflow:hidden; display:inline-block;float:left;}
.lt_wrap .ctl{text-align:center;float:left;line-height:16px; display:table}
.lt_wrap .ctl .latests_btn{display: inline-block; width: 20px; height: 100%;}
.lt_wrap .ctl .latests_btn.btn_prev{background: url("/imgs/m-notice-arrow-up.png") no-repeat center;}
.lt_wrap .ctl .latests_btn.btn_next{background: url("/imgs/m-notice-arrow-down.png") no-repeat center;}
.lt_wrap .ctl i { color:#fff; display:block; font-size:16px; cursor:pointer; clear:both}
.lt_wrap:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
.lt_wrap .lt ul {margin:0;padding:0;overflow:hidden;list-style:none; display:block}
.lt_wrap .lt li{padding:0;height:58px;line-height:58px; margin-left:20px; color: #fff;}
.lt_wrap .lt li a{padding:0;height:58px;line-height:58px;font-size:16px;font-weight:300;color:#c1c1c1; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.lt_wrap .lt li:after{content:" ";visibility:hidden;display:block;height:0;clear:both}
.lt_wrap .b_date {float:right; margin-right:10px; white-space:nowrap; overflow:hidden;color:#fff}

@media screen and (max-width: 767px) {
    .visual-notice {display:none;}
}


@media screen and (max-width: 640px) {
.lt_wrap .ctl { display:none}
.lt_wrap .lt { width: inherit}
.lt_wrap .b_date { display:none}

.lt_wrap .lt li a {padding:0; font-size: 14px;}
}