@charset "utf-8";

/* notice */
.wrap-notice {position: relative;}
.wrap-notice .inner {max-width:unset;}
.wrap-notice .btn-list {display: flex; gap:75px; justify-content: center; margin-bottom: 38px;}
.wrap-notice .tab-btn button {font-family: 'SUITE Bold'; font-size: 50px; color:#AEAEAE;}
.wrap-notice .tab-btn .more {text-indent: -9999px; display: inline-block; font-size: 50px; font-family: 'SUITE Bold'; color:#AEAEAE; text-indent: 0; margin-left: 10px;}
.wrap-notice .tab-btn.active button {color:#222; font-family: 'SUITE ExtraBold';}
.wrap-notice .tab-btn.active .more {color:#222; font-family: 'SUITE ExtraBold';}

.wrap-notice .row {position: relative;}
.wrap-notice .row::after {content:''; width:290px; height:100%; position: absolute; right:-20px; top:0;z-index: 1; background:linear-gradient(to right, transparent 0%, #fff 80% 0) no-repeat center;}
.wrap-notice .row::before  {content:''; width:290px; height:100%; position: absolute; left:-20px; top:0; z-index: 1; background:linear-gradient(to left, transparent 0%, #fff 80% 0) no-repeat center;}
.wrap-notice .row > li {display: none;}
.wrap-notice .row > li.active {display: block;}
.wrap-notice .slider {width:570px; margin:0 auto; position: relative;}
.wrap-notice .slick-list {padding:0 !important; overflow:visible;}
.wrap-notice .box {padding:42px 30px 45px 30px;}
.wrap-notice .sj {font-family: 'SUITE Bold'; font-size: 26px; line-height: 42px; display: block; padding-bottom: 30px; position: relative; border-bottom:2px solid #000; margin-bottom: 35px;}
.wrap-notice .sj p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.wrap-notice .cn {font-family: 'SUITE Light'; font-size: 17px; line-height: 25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.wrap-notice .slick-slide {width:410px;}
.wrap-notice .slick-current {width:510px; padding:0 30px;}
.wrap-notice .slick-current li { padding-bottom: 30px;}
.wrap-notice .slick-current .box {background:#005BAC; padding:42px 50px 45px 50px; min-height:340px;box-shadow: 10px 10px 21px rgba(0,0,0,0.2);}
.wrap-notice .slick-slide:not(.slick-current):hover .sj,
.wrap-notice .slick-slide:not(.slick-current):hover .cn {color:#005BAC}
.wrap-notice .slick-current .sj,
.wrap-notice .slick-current .cn {color:#fff;}
.wrap-notice .slick-current .sj {border-bottom:2px solid #fff;}
.wrap-notice .slick-prev {width:60px; height:calc(100% - 30px); display: inline-block; text-indent: -9999px; background:url('../images/prev.png') no-repeat center; position: absolute; left:0px; top:0; z-index: 1;}
.wrap-notice .slick-next {width:60px; height:calc(100% - 30px); display: inline-block; text-indent: -9999px; background:url('../images/next.png') no-repeat center; position: absolute; right:0px; top:0;z-index: 1;}
.wrap-notice .nodata {text-align: center; font-family: 'HG Regular';}
.wrap-notice .slick-current li.nodata {min-height:370px; display: flex !important; align-items: center; justify-content: center;}
@media screen and (min-width:1921px) {
    .wrap-notice {max-width:1920px; width:100%; margin:0 auto; overflow:hidden;}
}
@media screen and (max-width:1200px) {
    .wrap-notice .btn-list {gap:50px;}
    .wrap-notice .tab-btn button {font-size: 40px;}
    .wrap-notice .tab-btn .more {font-size: 40px;}
    .wrap-notice .row::before {left:-40px; width: 240px;}
    .wrap-notice .row::after {right:-40px; width: 240px;}
    .wrap-notice .slider {width:550px;}
    .wrap-notice .slick-slide {width:490px;}
    .wrap-notice .slick-current {width:490px;}
}
@media screen and (max-width:768px) {
    .wrap-notice .btn-list {gap:45px; margin-bottom: 14px;}
    .wrap-notice .tab-btn button {font-size: 30px;}
    .wrap-notice .tab-btn .more {font-size: 30px;}
    .wrap-notice .row::before,
    .wrap-notice .row::after {display: none;}
    .wrap-notice .slick-list {overflow:hidden;}
    .wrap-notice .slider {width:100%; overflow:hidden; height:250px; overflow:hidden;}
    .wrap-notice .box {padding:unset;}
    .wrap-notice .slick-current {}
    .wrap-notice .slick-current .box {box-shadow: unset; max-height:250px; min-height:250px; padding:25px 30px;}
    .wrap-notice .slick-slide {padding:0 40px !important}
    .wrap-notice .slick-current li {padding-bottom: 0;}
    .wrap-notice .sj {font-size: 22px; line-height: 35px; padding-bottom: 22px; margin-bottom: 20px;}
    .wrap-notice .cn {-webkit-line-clamp: 3;}
    .wrap-notice .slick-prev,
    .wrap-notice .slick-next {height:250px; width:40px;}
    .wrap-notice .slick-prev {background-position:left center;}
    .wrap-notice .slick-next {background-position:right center;}
    .wrap-notice .slick-current li.nodata {min-height:250px;}
}