@charset "utf-8";


.latestNotice {display:flex; color:#fff; font-size:18px; padding:30px 0; }
.latestNotice > h2 {display: flex; align-items: center; justify-content: center; position:relative; width:297px; font-weight:500; margin-right:30px; text-align:center;}
.latestNotice > h2:after {position:absolute; display:block; width:1px; height:21px; top:2px; right:0; background-color:#fff; content:'';}
.latestNotice > .noticeSlide {width:calc(100% - 97px); height:25px; overflow:hidden; }
.latestNotice > .noticeSlide > ul {}
.latestNotice > .noticeSlide > ul li {display: flex; max-width:400px;}
.latestNotice > .noticeSlide > ul li a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }

.latestNotice > .noticeSlide > ul li .new_icon {margin-left:10px; color:#00ffff; width:40px;}

.latestNotice > .noticeSlide > .notice-button-wrap {position:absolute; top:0; left:590px; width:11px; height:100%;}
.latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-prev, 
.latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-next {display:block; width:12px; height:7px; background-size:contain; background-repeat:no-repeat; background-position:center;}
.latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-prev {background-image:url('img/prevBtn.png'); top:53px; left:auto;}
.latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-next {background-image:url('img/nextBtn.png'); top:68px; right:auto;}
.latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-prev:after, 
.latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-next:after {display:none;}

    @media screen and (max-width:1199px){
        .latestNotice {font-size:16px;}
    }
    
    @media screen and (max-width:999px){
        .latestNotice {font-size:100%; padding:20px 0;}

        .latestNotice > .noticeSlide > .notice-button-wrap {left:auto; right:2%;}
        .latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-prev {top:43px;}
        .latestNotice > .noticeSlide > .notice-button-wrap > .swiper-button-next {top:58px;}
    }
    
    @media screen and (max-width:799px){
        .latestNotice > h2 {width:167px; margin-right: 15px;}
    }
    
    @media screen and (max-width:499px){
        .latestNotice {flex-direction: column; font-size:90%; padding:20px 0 0;}
        .latestNotice > h2 {width:100%; margin-bottom:10px;}
        .latestNotice > h2:after {display:none;}
        .latestNotice > .noticeSlide {width:100%;}
        .latestNotice > .noticeSlide > ul li {justify-content: center;}

        .latestNotice > .noticeSlide > .notice-button-wrap {top:auto; bottom:10px; height:50%;}
    }