@charset "utf-8";

.main-content-box01 .main-mini-box01{margin:0 auto;padding:10rem 2rem;max-width:148rem;}
.main-notice-box01{position:relative;height:47.3rem;}
.main-notice-wrap{display:flex;justify-content:space-between;}
.main-notice-box01 .main-title-box{padding:0 0 3rem;}
.main-notice-box01 .mini-tab-box{display:flex;align-items:center;gap:3.8rem;height:3.3rem;}
.main-notice-box01 .mini-tab-box .btn-mini-tab{display:block;position:relative;font-weight: var(--font-weight-semibold);font-size:2.8rem;line-height:1;white-space:nowrap;word-break:keep-all;color:var(--color11);}
.main-notice-box01 .mini-tab-box .btn-mini-tab::after{content:'';position:absolute;right:-2.3rem;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--color11);}
.main-notice-box01 .mini-tab-box > li:last-of-type .btn-mini-tab::after{display:none;}
.main-notice-box01 .mini-tab-box li.active .btn-mini-tab{color:var(--color08);}

.main-notice-box01 .miniboard-content{display:none;position:absolute;top:9.4rem;left:0;width:100%;}
.main-notice-box01 li.active .miniboard-content{display:block;}
.main-notice-box01 .main-noti-swiper > ul{display:flex;gap:2rem;}
.main-notice-box01 .main-noti-swiper > ul > li{width:calc((100% - 6rem)/4);}
.main-notice-box01 .main-noti-swiper > ul > li > a{display:block;width:100%;height:100%;}
.main-notice-box01 .main-noti-swiper .notice-con-box{display:flex;flex-direction:column;width:100%;height:30.3rem;padding:2.4rem;border:1px solid var(--color12);border-radius:2rem;background:var(--white100);box-sizing:border-box;transition:0.3s ease;}
.main-notice-box01 .notice-con-box .mini-cate{display:inline-block;margin:0 auto 1rem 0;padding:8px 1.6rem;border:1px solid var(--color06);border-radius:10rem;background:var(--white100);font-weight:var(--font-weight-bold);font-size:2rem;line-height:1.2;color:var(--color06);transition:0.3s ease;}
.main-notice-box01 .notice-con-box .mini-title{display:-webkit-box;margin:0 0 1rem;font-weight: var(--font-weight-semibold);font-size:2.4rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--color13);overflow:hidden;}
.main-notice-box01 .notice-con-box .mini-txt{display:-webkit-box;font-weight: var(--font-weight-medium);font-size:2rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--color02);overflow:hidden;}
.main-notice-box01 .notice-con-box .mini-date{margin-top:auto;font-size:1.8rem;line-height:1;letter-spacing:-0.02em;color:var(--color02);}

.main-notice-box01 .main-noti-swiper > ul > li > a:hover .notice-con-box{border:2px solid var(--color06);background:var(--color14);}
.main-notice-box01 .main-noti-swiper > ul > li > a:hover .notice-con-box .mini-cate{background:var(--color06);color:var(--white100);}

.main-notice-box01 .main-notice-btn-box{position:absolute;bottom:0;right:0;padding:1.2rem 2.4rem;}
.main-notice-box01 .main-notice-btn-box .main-notice-btn{display:flex;align-items:center;gap:1rem;font-weight: var(--font-weight-semibold);font-size:1.8rem;line-height:1.2;color:var(--black100);}
.main-notice-box01 .main-notice-btn-box .main-notice-btn::after{content:'';display:block;width:1.6rem;height:1.2rem;background:url(../img/main/btn-main-noti-more@2x.png) no-repeat center/100%;}

@media screen and (max-width:1024.98px){
	.main-content-box01 .main-mini-box01{padding:8rem 2rem 10rem;}
	.main-notice-box01{height:54.6rem;}
	.main-notice-wrap{flex-direction:column;gap:2rem;}	
	.main-notice-box01 .main-title-box{padding:0 0 1.5rem;}
	.main-notice-box01 .mini-tab-box{height:3.3rem;overflow-x:auto;}
	.main-notice-box01 .miniboard-content{top:16.7rem;}
	.main-notice-box01 .main-noti-swiper > ul{gap:0;}
	.main-notice-box01 .main-noti-swiper > ul > li{margin:0 2rem 0 0;width:31.5rem;height:30.3rem;}
	.main-notice-box01 .main-notice-btn-box{right:calc(50% - 6.6rem);}
}