@charset 'utf-8';

.main-notice-box .mini-board-content ul{display:flex;flex-wrap:wrap;margin:-5px;}
.main-notice-box .mini-board-content ul > li{position:relative;padding:5px;width:25%;box-sizing:border-box;}
.main-notice-box .mini-board-content ul > li.list_none p{padding:4rem 2rem 2rem 3rem;border-radius:1.5rem;min-height:20.4rem;background:var(--color126);font-size:2.2rem;line-height:3rem;color:var(--black02);font-weight:var(--font-weight-bold);letter-spacing:-0.02em;box-sizing:border-box;}
.main-notice-box .mini-board-content ul > li a{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:4rem 2rem 2rem 3rem;border-radius:1.5rem;min-height:20.4rem;background:var(--color126);box-sizing:border-box;transition:all 0.3s;}
.main-notice-box .mini-board-content ul > li a .mini-title{display:-webkit-box;max-width:89%;font-size:2.2rem;line-height:3rem;color:var(--black02);font-weight:var(--font-weight-bold);letter-spacing:-0.02em;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-notice-box .mini-board-content ul > li a > div{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;}
.main-notice-box .mini-board-content ul > li a .mini-date{font-size:1.5rem;line-height:1.8rem;color:var(--black06);font-weight:var(--font-weight-bold);letter-spacing:-0.02em;}
.main-notice-box .mini-board-content ul > li a .mini-cate,
.main-notice-box .mini-board-content ul > li a .mini-new{flex-shrink:0;padding:6px 1rem;;border-radius:2em;background:var(--white100);font-size:1.2rem;line-height:1.4rem;color:var(--black03);font-weight:var(--font-weight-bold);letter-spacing:-0.02em;}
.main-notice-box .mini-board-content ul > li a .mini-new{background:var(--color124);color:var(--white100);}
.main-notice-box .mini-board-content ul > li a.blank:after{content:'';position:absolute;top:50%;left:50%;width:4.8rem;height:4.8rem;background:var(--color127);-webkit-mask:url(/_res/sejong/sw/img/main/ico-plus01@2x.png) no-repeat center center/100%;mask:url(/_res/sejong/sw/img/main/ico-plus01@2x.png) no-repeat center center/100%;transform:translate(-50%, -50%);transition:background 0.7s;}
.main-notice-box .mini-board-content ul > li a.blank:hover:after{background:var(--color124);}

/* en */
html[lang="en"] .main-notice-box .mini-board-content ul > li a .mini-date{font-size:1.3rem;line-height:1.7rem;}
html[lang="en"] .main-notice-box .mini-board-content ul > li a .mini-cate,
html[lang="en"] .main-notice-box .mini-board-content ul > li a .mini-new{flex-shrink:0;padding:6px 1rem;;border-radius:2em;background:var(--white100);font-size:1rem;line-height:1.2rem;color:var(--black03);font-weight:var(--font-weight-bold);letter-spacing:-0.02em;}
html[lang="en"] .main-notice-box .mini-board-content ul > li a .mini-new{background:var(--color124);color:var(--white100);}

@media screen and (max-width:1024.98px) {
	/* 게시판 미니보드 */
	.main-notice-box .mini-board-content ul > li{width:33.333%;}
	
}
@media screen and (min-width:769px){
	.main-notice-box .mini-board-content ul > li a > .mini-cate,
	.main-notice-box .mini-board-content ul > li a > .mini-new{display:none;}
}
@media screen and (max-width:768px) {
	/* 게시판 미니보드 */
	.main-notice-box .mini-board-content ul{gap:1.6rem;margin:0;}
	.main-notice-box .mini-board-content ul > li{padding:0;width:100%;}
	.main-notice-box .mini-board-content ul > li a{align-items:flex-start;gap:2.1rem;padding:3rem 2rem 2.5rem 3rem;min-height:unset;}
	.main-notice-box .mini-board-content ul > li a.blank{min-height:7rem;}
	.main-notice-box .mini-board-content ul > li a.blank:after{width:2.4rem;height:2.4rem;}
	.main-notice-box .mini-board-content ul > li a .mini-title{margin:0 5.4rem 0 0;min-height:9.6rem;font-size:2.2rem;line-height:3.2rem;-webkit-line-clamp:3;}
	.main-notice-box .mini-board-content ul > li a > div .mini-date{font-size:1.3rem;}	
	.main-notice-box .mini-board-content ul > li a > .mini-cate,
	.main-notice-box .mini-board-content ul > li a > .mini-new{display:none;}
	.main-notice-box .mini-board-content ul > li a > div > .mini-cate,
	.main-notice-box .mini-board-content ul > li a > div > .mini-new{display:block;font-size:1rem;line-height:1.2rem;}
}