.main-content-inner04 { padding: 120px 0;}
.main-content-inner04 .notice-inner {position: relative;}
.main-content-inner04 .notice-inner .btn-more {position: absolute;top: 15px;right: 0;}
.main-content-inner04 .notice-inner .btn-more a {display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid #E5E5E5;border-radius:999px;font-weight:600;font-size:16px;line-height:140%;letter-spacing:-0.02em;color:#111111;}
.main-content-inner04 .notice-inner .btn-more a:after {content:"";display:inline-block;background:url(/_res/csu/main/img/common/ico-viewmore.png) no-repeat center center;width:24px;height:24px;background-size:cover;}

.main-content-inner04 .notice-main-title {font-family: Noto Sans KR;font-weight: 700;font-size: 52px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #111111;margin: 0 0 24px;}
.main-content-inner04 .notice-wrapper { position: relative; width: 100%; }
.main-content-inner04 .btn-view-more { position: absolute; top: 0; right: 0; z-index: 10; display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 999px; border: 1px solid #e2e4e8; background-color: #ffffff; color: #333333; font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.25s ease; }
.main-content-inner04 .btn-view-more:hover { border-color: #111111; color: #111111; }
.main-content-inner04 .list-news { list-style: none; margin: 0; padding: 0; position: relative; display: flex; gap: 0;align-items: center;}
.main-content-inner04 .list-news > li { display: inline-block; }
.main-content-inner04 .list-news > li > a { display: inline-block; position: relative; padding: 8px 10px;font-weight: 600;font-size: 20px;line-height: 145%;letter-spacing: -0.02em;text-decoration: none; transition: color 0.25s ease;min-width: 83px;color: #C7C7C7;text-align: center;}
.main-content-inner04 .list-news > li > a:hover { color: #3C5B9A; }
.main-content-inner04 .list-news > li.active > a { color: #3C5B9A;}
.main-content-inner04 .list-news > li.active > a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #0b3d7c; }

.main-content-inner04 .list-news > li .con { display: none; position: absolute; left: 0; top: 110px; width: 100%; }
.main-content-inner04 .list-news > li.active .con { display: block; }
.main-content-inner04 .notice-grid { display: flex; gap: 40px;}
.main-content-inner04 .notice-col { flex: 1; list-style: none; padding: 0; margin: 0;width: 100%;}
.main-content-inner04 .notice-col > ul {columns: 2;column-gap: 40px;}
.main-content-inner04 .notice-item { border-top: 1px solid #E5E5E5; }
.main-content-inner04 .notice-item:nth-child(5n) { border-bottom: 1px solid #E5E5E5; }
.main-content-inner04 .notice-item a { display: flex; align-items: center; gap: 12px; padding: 24px 12px; text-decoration: none; color: inherit;min-height: 80px;box-sizing: border-box;}

.main-content-inner04 .badge-notice { display: inline-flex; align-items: center; justify-content: center;font-weight: 600;font-size: 14px;line-height: 145%;letter-spacing: -0.02em;flex-shrink: 0;color: #666666;padding: 6px 12px;background: #F5F7FA;}
.main-content-inner04 .notice-cate { font-weight: 600;font-size: 18px;line-height: 145%;letter-spacing: -0.02em;flex-shrink: 0;color: #3C5B9A;}
.main-content-inner04 .notice-text { font-weight: 500;font-size: 18px;line-height: 145%;letter-spacing: -0.02em;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #333333;transition: transform 0.4s cubic-bezier(0.25,1,0.5,1),color 0.4s ease,font-weight 0.4s ease;}
.main-content-inner04 .notice-item:hover .notice-text {transform: translateX(8px);color: #3C5B9A;font-weight: 600;}
.main-content-inner04 .badge-new { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; background-color: #e03131; color: #ffffff; font-size: 11px; font-weight: 700; border-radius: 3px; flex-shrink: 0;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.main-content-inner04 .notice-item:hover .badge-new  {transform: translateX(8px);}

@media (max-width: 1024px) {
	.main-content-inner04 .notice-grid { flex-direction: column; gap: 0; }
	.main-content-inner04 { padding: 80px 0; }
	.main-content-inner04 .notice-main-title {font-size: 35px;}
	.main-content-inner04 .notice-inner .btn-more {top: 0;}
}
@media (max-width: 768px) {

	.main-content-inner04 .notice-main-title {font-size: 28px;margin: 0 0 12px;text-align: center;}
	.main-content-inner04 .list-news {justify-content: space-between;padding: 0 20px;}
	.main-content-inner04 .list-news > li > a {font-size: 16px;min-width: unset;}
	.main-content-inner04 .notice-col > ul {columns: 1;column-gap: 0;}
	.main-content-inner04 .list-news > li .con {top: 60px;}
	.main-content-inner04 .notice-item:nth-child(n + 7) {display: none;}
	.main-content-inner04 .notice-item:nth-child(5n) {border-bottom: 0;}

	.main-content-inner04 .notice-inner .btn-more {position: relative;top: 0;text-align: center;}
	.main-content-inner04 .notice-item a {padding: 16px 12px;flex-wrap: wrap;position: relative;}
	.main-content-inner04 .notice-item a:after {content: "";position:absolute;top: 16px;right: 12px;background: url(/_res/csu/main/img/common/button-notice.png)no-repeat center center;width: 24px;height: 24px;}
	.main-content-inner04 .badge-notice {order: 2;font-size: 14px;padding: 2px 10px;}
	.main-content-inner04 .badge-new {order: 1;}
	.main-content-inner04 .notice-text {order: 4;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;width: 100%;white-space: normal}
	.main-content-inner04 .notice-cate {order: 3;font-size: 14px;padding: 2px 10px;background: #F5F7FA;}
	.main-content-inner04 .notice-item:hover .badge-new  {transform: translateX(0);}
	.main-content-inner04 .notice-item:first-child {border-top: 0;}
	.main-content-inner04 .notice-item:nth-child(6) {border-bottom: 1px solid #E5E5E5;}
}

@media (max-width: 400px) {
	.main-content-inner04 .list-news {padding: 0;}
}