@charset "utf-8";

.main-content-box01 .main-mini-wrap{margin:0 auto;padding:4.8rem 2rem 5.6rem;max-width:164rem;box-sizing:border-box;}
.main-board-wrap{display:flex;gap:2.4rem;}
.main-board-wrap .main-board-box{flex:1;padding:2.4rem 4rem;border:1px solid #ddd;border-radius:2.4rem;box-sizing:border-box;}
.main-board-wrap .board-tit-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;}
.main-board-wrap .board-title{font-size:2rem;font-weight:700;line-height:1.5;color:#111;}
.main-board-wrap .main-board-btn{display:flex;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#F3F7FA url(/_res/h2hub/main/img/main/btn-main-notice.png) no-repeat center / 2rem;transition:background-color 0.3s ease;}
.main-board-wrap .mini-title{display:flex;gap:1.2rem;padding:1.5rem 0 1.4rem;border-bottom:1px solid #F0F2F3;}
.main-board-wrap .row > li:last-of-type .mini-title{border:0;}
.main-board-wrap .mini-title strong{display:-webkit-box;font-size:1.6rem;font-weight:400;line-height:1.6;color:#111;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-board-wrap .mini-title:not(:has(.mini-cate)) strong{position:relative;padding:0 0 0 1.6rem;}
.main-board-wrap .mini-title:not(:has(.mini-cate)) strong::before{content:'';position:absolute;left:0;top:calc(50% - 0.4rem);width:0.4rem;height:0.4rem;border-radius:50%;background:#14439A;}
.main-board-wrap .mini-title .mini-cate{display:inline-block;padding:0.3rem 0.4rem;min-width:5.2rem;border-radius:0.4rem;font-size:1.5rem;font-weight:500;line-height:1.4;text-align:center;color:#fff;box-sizing:border-box;}
.main-board-wrap .mini-title .mini-cate[data-category-nm="유럽"]{background:#3569CA;}
.main-board-wrap .mini-title .mini-cate[data-category-nm="북미"]{background:#018014;}
.main-board-wrap .mini-title .mini-cate[data-category-nm="아시아"]{background:#027FB6;}
.main-board-wrap .mini-title .mini-cate[data-category-nm="중남미"]{background:#163676;}
.main-board-wrap .mini-title .mini-cate[data-category-nm="중동"]{background:#2D7E6E;}
.main-board-wrap .mini-title .mini-cate[data-category-nm="기타"]{background:#5C626E;}
.main-board-wrap .mini-title .mini-date{margin-left:auto;font-size:1.5rem;font-weight:400;line-height:1.6;color:#747478;}
.main-board-wrap .mini-title:hover strong{font-weight:500;text-decoration:underline;text-underline-offset:2px;}

@media (hover: hover) and (pointer: fine) {
	.main-board-wrap .main-board-btn:hover{background:#E4F6FF url(/_res/h2hub/main/img/main/btn-main-notice-hover.png) no-repeat center / 2rem;}
}

@media screen and (max-width:1640px){	
	.main-content-box01 .main-mini-wrap{padding:4.8rem 3.2rem 5.6rem;}
	.main-board-wrap{gap:1.5%;}
}

@media screen and (max-width:1024.98px){
	.main-content-box01 .main-mini-wrap{padding:3.2rem 3.2rem;}
	.main-board-wrap{flex-direction:column;gap:2.4rem;}
	.main-board-wrap .main-board-box{padding:1.2rem 1.6rem;border-radius:1.6rem;}
	.main-board-wrap .board-tit-box{margin:0 0 1.2rem;}
	.main-board-wrap .board-title{font-size:1.6rem;}
	.main-board-wrap .main-board-btn{width:2.8rem;height:2.8rem;background:#F3F7FA url(/_res/h2hub/main/img/main/btn-main-notice.png) no-repeat center / 1.6rem;}
	.main-board-wrap .mini-title{flex-wrap:wrap;gap:0.4rem 0.8rem;padding:0.9rem 0 0.8rem;}
	.main-board-wrap .mini-title .mini-cate{padding:0.2rem;min-width:4.2rem;font-size:1.3rem;}
	.main-board-wrap .mini-title strong{font-size:1.4rem;}
	.main-board-wrap .mini-title:not(:has(.mini-cate)) strong{padding:0 0 0 1.2rem;}
	.main-board-wrap .mini-title:not(:has(.mini-cate)) strong::before{top:calc(50% - 0.3rem);}
	.main-board-wrap .mini-title:has(.mini-cate) strong{width:calc(100% - 12.6rem);}
	.main-board-wrap .mini-title .mini-date{font-size:1.3rem;}
}

@media screen and (max-width:789px){	
	.main-content-box01 .main-mini-wrap{padding:3.2rem 1.6rem;}
}


@media screen and (max-width:480px){
	.main-board-wrap .mini-title .mini-date{width:100%;}
	.main-board-wrap .mini-title:has(.mini-cate) strong{width:calc(100% - 5.8rem);}
}