@charset "UTF-8";

.wrap-notice{max-width: 1600px; margin: 30px auto 0; padding-bottom: 250px;}
.wrap-notice .ul-n1 .li-n1{display: block;margin-bottom: 10px;}
.wrap-notice .ul-n1 .li-n1 .title{width: 300px; border: 1px solid #999999;border-radius: 20px;}
.wrap-notice .ul-n1 .li-n1 .title{background-repeat:no-repeat; background-position:35px center;}
.wrap-notice .ul-n1 .li-n1 .title button{transition:ease all .5s; text-align: right; line-height: 68px; width:100%; padding-right: 50px;cursor:pointer; color: #353535;font-family: 'Noto Medium';font-size: 22px; display:block;}
.wrap-notice .ul-n1 .li-n1.on .title{border: 1px solid #033f97; background-color:#033f97;}
.wrap-notice .ul-n1 .li-n1.on .title button{color:#fff;}
.wrap-notice .ul-n1 .li-n1:nth-child(1) .title{background-image:url(../images/notice-icon01.png);}
.wrap-notice .ul-n1 .li-n1.on:nth-child(1) .title{background-image:url(../images/notice-icon01-on.png);}
.wrap-notice .ul-n1 .li-n1:nth-child(2) .title{background-image:url(../images/notice-icon02.png);}
.wrap-notice .ul-n1 .li-n1.on:nth-child(2) .title{background-image:url(../images/notice-icon02-on.png);}
.wrap-notice .ul-n1 .li-n1:nth-child(3) .title{background-image:url(../images/notice-icon03.png);}
.wrap-notice .ul-n1 .li-n1.on:nth-child(3) .title{background-image:url(../images/notice-icon03-on.png);}
.wrap-notice .ul-n1 .li-n1:nth-child(4) .title{background-image:url(../images/notice-icon04.png);}
.wrap-notice .ul-n1 .li-n1.on:nth-child(4) .title{background-image:url(../images/notice-icon04-on.png);}
.wrap-notice .ul-n1 .li-n1:nth-child(5) .title{background-image:url(../images/notice-icon05.png);}
.wrap-notice .ul-n1 .li-n1.on:nth-child(5) .title{background-image:url(../images/notice-icon05-on.png);}
.wrap-notice .ul-n1 .li-n1:nth-child(6) .title{background-image:url(../images/notice-icon06.png);}
.wrap-notice .ul-n1 .li-n1.on:nth-child(6) .title{background-image:url(../images/notice-icon06-on.png);}
.wrap-notice .ul-n1 .li-n1 .list{display:none; position: absolute; width:calc(100% - 390px); right:-15px; top: 0;}

/*scroll*/
.wrap-notice .ul-n1 .li-n1 .list::-webkit-scrollbar {height:6px; position:relative;}
.wrap-notice .ul-n1 .li-n1 .list::-webkit-scrollbar-thumb {height: 6px;background: #217af4;border-radius: 6px;}
.wrap-notice .ul-n1 .li-n1 .list::-webkit-scrollbar-track {background:rgba(0,0,0,.2); box-shadow: inset 2.7px 2.7px 0px #f3f3f3, inset 2.7px -2.7px 0px #f3f3f3; border-radius: 10px; height:1px;}

.wrap-notice .ul-n1 .li-n1.on .list{display:block; overflow-x: auto;}
.wrap-notice .ul-n1 .li-n1 .list a{display:block; height:100%;}
.wrap-notice .ul-n1 .li-n1 .more{display:none; position: absolute; right: 0; top: -200px; width: 50px; height: 50px; border: 1px solid #d9d4d5; color: #fff; background: url(./../images/w_more.png) center center no-repeat; text-indent:-9999px; border-radius:10px;}
.wrap-notice .ul-n1 .li-n1.on .more{display:block;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2{position:relative;}

.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li{display: flex; height: 100%; width:370px; padding:0 15px;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .con{}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .con a{border: 2px solid #d8d8d8; height:410px; border-radius:15px; overflow: hidden;  background: rgba(255,255,255,.5);padding:30px;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li:hover .con a{border: 2px solid #033f97; transition:ease all .5s; background: rgba(255,255,255,1);}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li span{display: block;color: #212121;line-height: 1.4; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-wrd{height:20px; color:#033f97; font-family: 'Noto Medium';}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-sj{font-size: 24px; white-space: normal; overflow: hidden; text-overflow:ellipsis; font-family: 'Noto Medium';margin: 20px 0 30px;-webkit-line-clamp: 2;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li:hover .t-sj{text-decoration:underline;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-cn{-webkit-line-clamp: 4; height: calc(1.4em * 4); line-height: 1.4; font-size: 18px;}
.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .date{margin-top: 50px;}

.wrap-notice .li-n1 .list .slick-dots{display: flex !important; overflow: hidden; padding:0 15px; position:relative; margin-top:60px; z-index: 101;}
.wrap-notice .li-n1 .list .slick-dots li{width: 100% ;text-align: center; padding:0 !important; position: relative; z-index: 1;}
.wrap-notice .li-n1 .list .slick-dots li button{display: block; background:#dee2e6; width: 100%; text-indent:-9999px; height:6px;}
.wrap-notice .li-n1 .list .slick-dots li.slick-active button{background-color:#033f97; border-radius:5px;}

.wrap-notice .paging{margin-top:50px;}

@media all and (max-width:1700px) {
	.wrap-notice{padding:0 0 120px}
	.wrap-notice .ul-n1 .li-n1 .list{width: calc(100% - 350px); right: 0;}
            .wrap-notice .inner{padding:0 20px;}
}

@media all and (max-width:1200px) {
	.wrap-notice .ul-n1 .li-n1 .title{width:200px;background-position: 25px center;background-size: 25px;border-radius: 10px;}
	.wrap-notice .ul-n1 .li-n1 .title button{font-size:18px;line-height: 50px; padding-right: 0; padding-left: 70px;}
	.wrap-notice .ul-n1 .li-n1 .list{width: calc(100% - 230px);}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .con a{padding:15px;height: auto;padding-bottom: 40px;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-sj{font-size:22px; line-height:1.4;margin: 20px 0 15px;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .date{margin-top: auto;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-cn{font-size:17px;}
	.wrap-notice .li-n1 .list .slick-dots{margin-top:40px;}

@media all and (max-width:767px) {
	.wrap-notice {padding: 0 0 150px;}
	.wrap-notice .ul-n1{overflow: hidden; padding-bottom: 400px;}
	.wrap-notice .ul-n1 .li-n1{width: calc(100% / 3); float: left; padding:0 2px; margin-bottom:5px;}
	.wrap-notice .ul-n1 .li-n1 .title{border-radius: 10px; width:100%; padding-left: 20px; background-position: 10px center; background-size: 16px;}
	.wrap-notice .ul-n1 .li-n1 .title button{padding-right:20px; padding-left:20px; font-size:17px;}
            .wrap-notice .ul-n1 .li-n1 .list{overflow-x: auto; width:100%; margin-top: 180px; padding:0 30px;}
	.wrap-notice .ul-n1 .li-n1.on .more{top: -250px; width: 40px; height: 40px;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .con{height:auto; padding:0;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li{padding:10px;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .date{position: static !important; margin: 20px 0 10px !important;font-size:12px}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-sj{font-size:22px;}
	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .t-cn{font-size:15px; line-height: 1.4;}

	.wrap-notice .ul-n1 .li-n1 .list .n-ul-2 li .con a{padding:40px 30px;}
	.wrap-notice .ul-n1 .li-n1:nth-child(1) .title{background-size:30px;background-position:12px center;}
	.wrap-notice .ul-n1 .li-n1:nth-child(2) .title{background-size:31px;background-position:11px center;}
	.wrap-notice .ul-n1 .li-n1:nth-child(3) .title{background-size:23px;background-position:12px center;}
	.wrap-notice .ul-n1 .li-n1:nth-child(4) .title{background-size:23px;background-position:12px center;}
	.wrap-notice .ul-n1 .li-n1:nth-child(5) .title{background-size:28px;background-position:12px center;}
            .wrap-notice .ul-n1 .li-n1:nth-child(6) .title{background-size:28px;background-position:12px center;}

	.wrap-notice .li-n1 .list .slick-dots{margin-top:70px;}
}