main{padding-top:15vh}.main-contents{padding:5em 0;background:var(--gray)}.topicsList{height:100%}.tab-newsCat{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2.5em}.tab-btn{flex-basis:12%;text-align:center;position:relative}.tab-btn input[type=radio]{display:none}.tab-btn-item{display:block;position:relative;font-size:16px;padding:8px;text-decoration:none;line-height:1.2;color:#181716;cursor:pointer;transition:all .4s ease;border-bottom:3px solid}.tab-btn input[type=radio]:checked+.tab-btn-item,.tab-btn-item.is-active{font-weight:700}.tab-btn-item:hover{opacity:.7;transform:translateY(-1px)}.tab-btn:has(#n_all) .tab-btn-item,.tab-btn-item[for=n_all]{border-bottom:3px solid red}.tab-btn:has(#news) .tab-btn-item,.tab-btn-item[for=news]{border-bottom:3px solid #ff7f00}.tab-btn:has(#activities) .tab-btn-item,.tab-btn-item[for=activities]{border-bottom:3px solid #009943}.tab-btn:has(#exhibit) .tab-btn-item,.tab-btn-item[for=exhibit]{border-bottom:3px solid #019fe8}.tab-btn:has(#recruit) .tab-btn-item,.tab-btn-item[for=recruit]{border-bottom:3px solid #e2007d}.tab-btn:has(#important) .tab-btn-item,.tab-btn-item[for=important]{border-bottom:3px solid #1c2187}#tab-newsList{transition:opacity .5s ease-in-out;opacity:1;position:relative}#tab-newsList.fading{opacity:.3;pointer-events:none}.tab-content{position:relative}.tab-newsList-item{display:none;width:100%;justify-content:center;transition:all .3s ease-in-out}.tab-newsList-item.is-active{display:block}.tab-newsList-item>.newsList{margin:0 auto;width:100%;height:auto;opacity:1;list-style:none;padding:0}.tab-newsList-item.is-active>.newsList{animation:fadeinAnime .5s forwards}@keyframes fadeinAnime{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.newsList_item{margin-bottom:1em;transition:all .2s ease-in-out;opacity:0;transform:translateY(10px);animation:slideInUp .4s ease-out forwards}.newsList_item:nth-child(1){animation-delay:.05s}.newsList_item:nth-child(2){animation-delay:.1s}.newsList_item:nth-child(3){animation-delay:.15s}.newsList_item:nth-child(4){animation-delay:.2s}.newsList_item:nth-child(5){animation-delay:.25s}.newsList_item:nth-child(6){animation-delay:.3s}.newsList_item:nth-child(7){animation-delay:.35s}.newsList_item:nth-child(8){animation-delay:.4s}.newsList_item:nth-child(9){animation-delay:.45s}.newsList_item:nth-child(10){animation-delay:.5s}.newsList_item:nth-child(n+11){animation-delay:.55s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in,transform .3s ease-in}.newsList_link{background:var(--white);padding:1.5em;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1em;color:#333;position:relative;border:none;overflow:hidden;z-index:0;text-decoration:none;transition:all .3s ease}.newsList_link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.newsList_link:before,.newsList_link:after,.newsList_link .border-top,.newsList_link .border-bottom{content:"";position:absolute;background-color:#000;z-index:1;transition:all .2s ease;border-radius:.5em}.newsList_link .border-top{height:2px;width:0;left:0;top:0;transition-delay:0s}.newsList_link .border-bottom{height:2px;width:0;right:0;bottom:0;transition-delay:0s}.newsList_link:after{width:2px;height:0;top:0;right:0;transition-delay:0s}.newsList_link:before{width:2px;height:0;bottom:0;left:0;transition-delay:0s}.newsList_link:hover .border-top,.newsList_link:hover .border-bottom{width:100%}.newsList_link:hover:before,.newsList_link:hover:after{height:100%}.newsList_link:has(.cat.news) .border-top,.newsList_link:has(.cat.news) .border-bottom,.newsList_link:has(.cat.news):before,.newsList_link:has(.cat.news):after{background-color:#ff7f00}.newsList_link:has(.cat.activities) .border-top,.newsList_link:has(.cat.activities) .border-bottom,.newsList_link:has(.cat.activities):before,.newsList_link:has(.cat.activities):after{background-color:#009943}.newsList_link:has(.cat.exhibit) .border-top,.newsList_link:has(.cat.exhibit) .border-bottom,.newsList_link:has(.cat.exhibit):before,.newsList_link:has(.cat.exhibit):after{background-color:#019fe8}.newsList_link:has(.cat.recruit) .border-top,.newsList_link:has(.cat.recruit) .border-bottom,.newsList_link:has(.cat.recruit):before,.newsList_link:has(.cat.recruit):after{background-color:#e2007d}.newsList_link:has(.cat.important) .border-top,.newsList_link:has(.cat.important) .border-bottom,.newsList_link:has(.cat.important):before,.newsList_link:has(.cat.important):after{background-color:#1c2187}.newsList_link:hover .border-top.news,.newsList_link:hover .border-bottom.news,.newsList_link.news:hover:before,.newsList_link.news:hover:after{background-color:#ff7f00}.cat{font-size:12px;font-weight:700;width:15rem;background-color:#333;color:var(--white);text-align:center;padding:.1em;border-radius:50px;transition:all .2s ease}.cat.news{background-color:#ff7f00}.cat.activities{background-color:#009943}.cat.exhibit{background-color:#019fe8}.cat.recruit{background-color:#e2007d}.cat.important{background-color:#1c2187}.title{width:100%;margin:0}.pagination{margin-top:3em;display:flex;justify-content:center}.pagination ul{display:flex;list-style:none;padding:0;margin:0;gap:.5em}.pagination li{display:flex}.pagination a,.pagination span{display:block;padding:.8em 1.2em;text-decoration:none;color:#333;background-color:var(--white);border:2px solid #ddd;border-radius:.5em;transition:all .3s ease;font-size:16px;font-weight:500;min-width:44px;text-align:center;box-sizing:border-box}.pagination a:hover{background-color:#f5f5f5;border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.pagination .current{background:var(--green);color:var(--white);border:var(--green);cursor:default}.pagination .current:hover{background:var(--green);transform:none;box-shadow:none}.pagination .prev,.pagination .next{font-weight:700}.pagination .prev a,.pagination .next a{padding:.8em 1.5em}.pagination .prev a:hover,.pagination .next a:hover{background:var(--green);color:var(--white)}.pagination .dots{padding:.8em .5em;color:#cbcbcb;background:0 0;border:none;cursor:default}@media (max-width:1146px){.tab-btn{flex-basis:30%}.tab-btn-item{padding:10px}.title{width:calc(100% - 8%)}}@media (max-width:768px){.pagination{margin-top:2em}.pagination ul{gap:.3em}.pagination a,.pagination span{padding:.6em 1em;font-size:14px;min-width:40px}.pagination .prev a,.pagination .next a{padding:.6em 1.2em}.newsList_item:nth-child(1){animation-delay:.03s}.newsList_item:nth-child(2){animation-delay:.06s}.newsList_item:nth-child(3){animation-delay:.09s}.newsList_item:nth-child(4){animation-delay:.12s}.newsList_item:nth-child(5){animation-delay:.15s}.newsList_item:nth-child(n+6){animation-delay:.18s}}@media (max-width:583px){.main-contents{padding:3em 0}.tab-btn{flex-basis:48%}.tab-btn-item{padding:20px 10px}.newsList{width:100%}.newsList_link{display:block;padding:1em}.cat{width:9rem;display:inline-block;margin-left:7px}.title{width:100%;margin-top:.5em}.pagination{margin-top:1.5em}.pagination ul{gap:.2em;flex-wrap:wrap;justify-content:center}.pagination a,.pagination span{padding:.5em .8em;font-size:12px;min-width:36px}.pagination .prev a,.pagination .next a{padding:.5em 1em;font-size:12px}.pagination .prev a:before{content:"‹"}.pagination .next a:after{content:"›"}.pagination .prev a,.pagination .next a{font-size:18px;padding:.4em .8em}.newsList_item:nth-child(1){animation-delay:.02s}.newsList_item:nth-child(2){animation-delay:.04s}.newsList_item:nth-child(3){animation-delay:.06s}.newsList_item:nth-child(n+4){animation-delay:.08s}}@media (max-width:480px){.pagination ul{max-width:100%;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pagination a,.pagination span{flex-shrink:0;min-width:32px;padding:.4em .6em}.newsList_item{animation-delay:0s !important}}@media (prefers-reduced-motion:reduce){#tab-newsList,.tab-btn-item,.newsList_link,.newsList_item,.pagination a{transition:none;animation:none}.newsList_item{opacity:1;transform:none}.tab-btn-item:hover{transform:none}.newsList_link:hover{transform:none}.pagination a:hover{transform:none}}