@charset "utf-8";
.more_btn{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* 새글 스킨 (latest) */
.visual-notice{position:relative; width: 100%;  height: 90px; margin: 0 auto; background: #fff; border-radius: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.visual-notice h3{position: relative; padding:20px 30px; color:#333; float:left; max-width:130px; font-size: 19px; font-weight: 700; line-height: 50px;}
.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:90px;overflow:hidden; display:inline-block;float:left;}
.lt_wrap .ctl{position: absolute; right: 20px; text-align:center;}
.lt_wrap .ctl .latests_btn{display: inline-block; width: 30px; height: 100%;}
.lt_wrap .ctl .latests_btn.btn_prev{background: url("/imgs/m-notice-arrow-up.png") no-repeat center; background-size: 10px; margin-right: 55px;}
.lt_wrap .ctl .latests_btn.btn_next{background: url("/imgs/m-notice-arrow-down.png") no-repeat center; background-size: 10px;}
.lt_wrap .ctl i {color:#333; display:block; font-size:17px; 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:90px;line-height:90px; margin-left:20px; color: #333;}
.lt_wrap .lt li a{display: block; width: 100%; padding:0;height:90px;line-height:90px;font-size:17px;font-weight:300;color:#333; 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:#333}

.more_btn{position: absolute; top: 25px; right: 5px; width: 40px; height: 40px; background: url("/imgs/main/plus_s.png"); background-size: contain;}
.more_btn:hover{transform: rotate(180deg);}

@media screen and (max-width: 1320px) {
	.lt_wrap .lt {width:65%}
}

@media screen and (max-width: 767px) {
	.visual-notice h3{display: none;}
	.more_btn{display: none;}
	.lt_wrap .lt {width:100%;}
	.lt_wrap .lt li{width: 100%; padding: 0 70px 0 20px; margin: 0; box-sizing: border-box;}
	.lt_wrap .ctl .latests_btn{width: 20px;}
	.lt_wrap .ctl .latests_btn.btn_prev{margin-right: 0;}
}


@media screen and (max-width: 640px) {
	
}