@charset "UTF-8";

.today-notice {position:relative; overflow:hidden;}
.today-notice .title {position:absolute; display:inline-block; font-family:'Noto Bold'; padding: 15px 25px; background: #004e96 ; left: 0; top: 0; font-size: 22px; line-height: 30px; letter-spacing: -0.5px; color: #fff; z-index: 5;}
.today-notice .more {position:absolute; right:30px; bottom:30px; text-indent:-99999px;  width:30px; height:30px; background:url('../images/btn_today_more.png') no-repeat center center;}

.today-notice .slider .con {display:inline-block; width:100%;}
.today-notice .subject {float:left; width:66%; position:relative; padding:0 0 0 10px; font-size:0.9vw; color:#3e3e3e; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.today-notice .con {position: relative; display: block; width: 100%;}
.today-notice .con a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; background: url("../images/today_shadow.png") no-repeat center bottom; background-size: contain; z-index: 4;}
.today-notice .con .con-img {position: relative; width: 100%; height: 460px;}
.today-notice .date {float:right; font-size:0.85vw; color:#a2a2a2}
.today-notice .list {position: relative;}
.today-notice .list > ul {}
.today-notice .list .nodata {text-align: center; padding: 20px 0;}
.today-notice .list li {display: block !important;}
.today-notice .con-title {position: absolute; width: calc(100% - 205px); padding: 0 5%; box-sizing: border-box; left: 0; bottom: 30px; z-index: 5; font-size: 18px; line-height: 25px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Regular"; }
.today-notice .con-title span {position: relative; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.today-notice .con-title span::before {content: ""; position: absolute; width: 0; height: 1px; background: #fff; left: 0; bottom: 0; transition: width 0.5s;}
.today-notice .con a .con-title:hover span::before {width: 100%;}

.today-btn-group {position: absolute; right: 50px; z-index: 6; right: 70px; bottom: 30px; }
.today-btn-group .today-btn {float: left; display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle;}
.today-btn-group .today-prev {background: url("../images/btn_today_prev.png") no-repeat center;}
.today-btn-group .today-prev:hover {background: url("../images/btn_today_prev_on.png") no-repeat center;}
.today-btn-group .today-next {background: url("../images/btn_today_next.png") no-repeat center;}
.today-btn-group .today-next:hover {background: url("../images/btn_today_next_on.png") no-repeat center;}

.today-btn-group .today-num {float: left; margin: 0 10px; }
.today-btn-group .today-num span {display: inline-block; font-family: "Roboto"; line-height: 30px; font-size: 14px; color: #fff; font-weight: 400; vertical-align: middle;}
.today-btn-group .today-num .slash {width: 7px; height: 30px; background: url("../images/ic_today_slash.png") no-repeat center; margin: 0 5px;}

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

}

@media all and (max-width:768px) {
  .today-notice .con .con-img {height: 300px;}
  .today-notice .con-title {bottom: 20px;}
  .today-btn-group {bottom: 20px; right: 60px;}
  .today-notice .more {right: 20px; bottom: 20px;}
}