@charset "UTF-8";

.type1-notice {position:relative; overflow:hidden; width: 100%; margin:80px 0;}
.type1-notice .type1-notice-wrap {max-width:1280px; margin:0 auto;}

.type1-notice .type1-notice-wrap .title_name {display: flex; justify-content: space-between; align-items: center; position: relative;}
.type1-notice .type1-notice-wrap .title_name .active,
.type1-notice .type1-notice-wrap .title_name p{font-size: 32px; font-weight: 700; color: #222;}
.type1-notice .type1-notice-wrap .more {font-size:18px; font-weight: 500;}
.type1-notice .type1-notice-wrap .more:after {content: ''; position: relative; top:-2px; display: inline-block; width:8px; height:8px; margin-left: 5px; margin-right:2px; border: 1px solid #222; border-width: 1px 1px 0 0; transform: rotate(45deg);}


.type1-notice .list ul {display: flex; justify-content: flex-start; align-items: center; margin-top: 16px; gap:24px;}
.type1-notice .list li {display: flex; width:32.333%; border-radius:24px; }
.type1-notice .list li .con {width: 100%;border-radius: 24px;overflow: hidden;}
.type1-notice .list li a {display: flex; flex-direction: column; min-height:200px; width: 100%; padding:24px; background: #F4F6F9;}
.type1-notice .list li a:hover {background: #E0F5F5;}
.type1-notice .list li .con p {margin-top:25.594px;}
.type1-notice .list li .con .noti-head + p {margin-top:0;}

.type1-notice .list li .subject {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 20px; color: #222; font-weight: 500; word-break: break-word;}
.type1-notice .list .nodata {float: none; width: 100%; text-align: center; padding: 20px 0; color: #fff;}

.type1-notice .list li .date {margin-top: auto; color: #666; font-size: 16px; font-weight: 400;}
.type1-notice .list li .noti-head {display: inline-block; min-width: 40px; max-width: fit-content; padding:2px 8px; margin-bottom: 4px; font-size: 14px; color: #fff; font-weight: 500; line-height: 1.4; border-radius: 100px; background: #059C9A;}


@media (max-width: 1300px) {
	.type1-notice {padding: 0px 24px;}
}

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

}

@media all and (max-width:768px) {
	.type1-notice .list ul {flex-direction: column; margin-top:12px; gap:16px;}
    .type1-notice .list li {width:100%; border-radius: 16px;}
	.type1-notice .list li .con {border-radius: 16px;}
    .type1-notice .list li .con p {margin-top:0;}
    .type1-notice .list li .con .noti-head + p {margin-top:0;}
    .type1-notice .list li a {min-height: auto; border-radius: 16px; padding:20px}
    .type1-notice .list li .noti-head {padding: 3px 8px 2px 8px; letter-spacing: 0; font-weight: 300;}
    .type1-notice .list li .subject {font-size:16px;}
    .type1-notice .list li .date {margin-top:8px;}

}