@charset "UTF-8";

.wrap-notice {width:1500px;margin:0 auto;position:relative;overflow:hidden;min-height: 400px;padding-left: 80px;}
.wrap-notice .more {position:absolute;right: 0;top: -50px;text-indent:-99999px;width: 44px;height: 44px;}
.wrap-notice .notice-title{position: absolute;top:0;left:0;}
.wrap-notice .notice-title strong{font-size: 45px;color:#111;font-family: 'Noto Medium';}

.wrap-notice > ul{padding-left: 160px;}
.wrap-notice > ul > li {display: inline-block; vertical-align: middle;}
.wrap-notice > ul > li + li{margin-left:20px;}
.wrap-notice > ul > li + li:before{content:'/';font-size: 10px;color:#797979;display: inline-block;vertical-align: middle;margin-right: 15px;transform: rotate(30deg);}
.wrap-notice > ul > li .list {display: none;position: absolute;left: 6%;right: 15px;}
.wrap-notice > ul > li.on .list {display: block;}
.wrap-notice .slider{padding-left:30px;padding-top: 10px;}

.wrap-notice > ul > li .title {display: inline-block; vertical-align: middle;}
.wrap-notice > ul > li .title button {text-align: center;line-height: 30px;font-size: 26px;color: #666;font-family: 'Noto Regular';font-weight: normal;padding: 12px 0;}
.wrap-notice > ul > li .more a {text-indent: -999999px;background:url('../images/btn_more.png') no-repeat center center;width: 44px;height: 44px;display: block;}

.wrap-notice > ul > li.on .title button {color: #2a5ca5;border-bottom: 3px solid #2a5ca5;font-family: 'Noto Medium';padding-bottom: 9px;}

.wrap-notice .slider li {
    width: 50%;
    float: left;
    padding: 0 20px;
}
.wrap-notice .slider .slick-slide{margin-left:100px;}
.wrap-notice .slider .con {display:inline-block; width:100%; padding-top:30px;}
.wrap-notice .con .date-box{display: inline-block;vertical-align: top;width: 60px;margin-right: 35px;}
.wrap-notice .con .date-box .date {color: #474747;font-family: 'Noto Medium';font-size: 50px;line-height: 1.1;}

.wrap-notice .con .text-box{display: inline-block;vertical-align: top;width: calc(100% - 100px);padding-bottom: 30px;border-bottom: 1px solid #eaeaea;}
.wrap-notice .con .text-box strong{font-size: 26px;color:#151515;font-family: 'Noto Medium';display: block;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wrap-notice .con .text-box p {font-size: 17px;line-height: 1.6;color: #666;margin-bottom: 15px;height: 55px;overflow: hidden;}
.wrap-notice .con .text-box a {display: block;position:relative;font-size: 17px;line-height: 1.6;color: #666;}


.wrap-notice .slick-arrow {position: absolute;width: 47px;height: 12px;top: 50px;text-indent: -99999px;}
.wrap-notice .slick-prev {background: url("../images/notice_left.png") no-repeat center; left:-80px;}
.wrap-notice .slick-next {background: url("../images/notice_right.png") no-repeat center; left:0;}


@media all and (max-width:1500px) {
	.wrap-notice{width:100%;}
	.wrap-notice .notice-title{left:25px;}
	.wrap-notice .slick-prev{left: -4.5%;}
	.wrap-notice .slick-next{left: 2%;}
	.wrap-notice > ul > li.on .list{width:90%;}
}

@media all and (max-width:1023px) {
	.wrap-notice{padding-left:220px;}
	.wrap-notice > ul{padding-left: 20px;}
	.wrap-notice .slider{padding-left: 90px;}
	.wrap-notice .slick-next{left: 6.5%;}
	.wrap-notice > ul > li.on .list{width:100%; left:0}
}

@media all and (max-width:767px) {
.wrap-notice .notice-title strong{font-size: 30px;font-family: 'Noto Bold';}
.wrap-notice .slick-arrow{display: none !important;}
.wrap-notice{padding-left: 140px;}
.wrap-notice .slider{padding-left:0;padding-top: 0;}
.wrap-notice > ul > li .list{left:0;right:unset;}
.wrap-notice > ul > li.on .list{width:96%;}
.wrap-notice > ul > li .title button{font-size: 20px;}
.wrap-notice > ul > li.on .title button{border-bottom: 0;padding-bottom: 12px;}
.wrap-notice > ul > li + li{margin-left:10px;}
.wrap-notice > ul > li + li:before{margin-right:7px;}
.wrap-notice .slider .slick-slide{margin-left:25px;}
.wrap-notice > ul > li .title a{width:25px;height: 25px;background-size:contain;top: 12px;}
.wrap-notice .slider li{width:100%;}
.wrap-notice .slider .con{padding-top:20px;}
.wrap-notice .con .text-box{padding-bottom: 18px;width: calc(100% - 75px);}
.wrap-notice .con .text-box strong{font-size: 20px;}
.wrap-notice .con .text-box p{font-size: 15px;line-height: 1.4;margin-bottom: 0;height: 43px;}

.wrap-notice .con .date-box{width: 45px;margin-right: 25px;font-size: 12px;}
.wrap-notice .con .date-box .date{font-size: 38px;display: block;margin-bottom: 5px;}
}