.main-banner {position: relative;}
.banner {position: relative;overflow: hidden;padding-bottom: 20.83%;min-height: auto; width: 100%;min-width: 0;}
.banner img {width: 100% !important;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); object-fit: cover;object-position: center;}

.pagination_wrap {position: absolute;width: 100%;left: 0;bottom: 20px;z-index: 1;text-align: center;}
.dotsCont {display: inline-flex;align-items: center;gap: 5px;}
.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;cursor: pointer;}
.owl-dot.active {background-color: #fff;}

.notice-wrap {background-color: #000;padding: 20px 0;}   
.notice-div {display: flex;align-items: center;}
.notice-div .notice-cell2 {min-width: 0;}
.notice-cell1 {font-size: 14px;font-weight: 700;color: #666;margin-right: 40px;}
.notice-cell3 {margin-left: auto;}
.noti-item a {font-size: 16px;font-weight: 700;color: #fff;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 10px;}
.noti-arrow a {opacity: 0.7;}
.noti-arrow a:hover {opacity: 1;}

.content-wrap {padding-bottom: 130px;}
.section {margin-top: 70px;}

.menu-list {display: flex;gap: 32px;}
.menu-item {flex: 1;}
.menu-img {overflow: hidden;}
.menu-item img {transition: all .3s ease; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;}
.menu-item:hover img {transform: scale(1.1);}
.menu-name {text-align: center;padding: 18px 0;border-bottom: 1px solid #000;font-size: 20px;font-weight: 700;color: #000;}

.boards-list {display: flex;gap: 32px;}
.board-item {width: 32%;}
.btitle {display: flex;align-items: center;justify-content: space-between;font-size: 30px;font-weight: 700;color: #000;margin-bottom: 30px;}
.btitle a {display: flex;}
.blist li {border-bottom: 1px solid #ddd;padding: 25px 10px;}

.blink {display: flex;align-items: center;gap: 20px;width: 100%;}
.blink .tit {font-size: 18px;color: #000;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;overflow: hidden; flex: 1 1 auto; min-width: 0; width: 100%; }
.blink .date {font-size: 16px;color: #999; flex-shrink: 1;}
.blink:hover .tit {text-decoration: underline;}

.icon-list {display: flex;gap: 32px;}
.icon-item {background-color: #F9F9F9;display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;height: 240px;padding: 40px;transition: all .3s ease; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;}
.icon-cell2 {font-size: 20px;font-weight: 700;color: #000;margin-top: 30px;text-align: center;}
.icon-cell3 {font-size: 18px;color: #000;margin-top: 10px;text-align: center;}

.icon-item:hover {background-color: #000;}
.icon-item:hover .icon-cell1 img {filter: invert(1);}
.icon-item:hover .icon-cell2,
.icon-item:hover .icon-cell3 {color: #fff;}
@media (max-width: 1560px) {

}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {
	.icon-item {padding: 20px;}
	.btitle {font-size: 25px;}
}
@media (max-width: 1399px) {

}
@media (max-width: 1259px) {

}

@media (max-width: 1219px) {
	.menu-name {font-size: 18px;}
	.menu-list {gap: 16px;}
	.btitle {font-size: 20px;}
	.blink .tit {font-size: 16px;}
	.blink .date {font-size: 14px;}
	.boards-list {gap: 16px;}
	.icon-cell2 {font-size: 18px;}
	.icon-cell3 {font-size: 16px;}
	.icon-list {gap: 16px;}
}

@media (max-width: 991px) {
	.notice-cell1 {font-size: 12px;margin-right: 20px;}
	.noti-item a {font-size: 14px;}
	.menu-name {font-size: 16px;}
	.btitle {font-size: 18px;margin-bottom: 15px;}
	.blist li {padding: 15px 5px;}
	.blink {gap: 10px;}
	.blink .tit {font-size: 14px;}
	.blink .date {font-size: 12px;}
	.icon-cell3 {font-size: 14px;}
	.icon-cell2 {font-size: 16px;}
	.pagination_wrap {bottom: 0;}
	.noti-item a {font-size: 13px;}
	.owl-dot {width: 5px;height: 5px;}
	.section {margin-top: 30px;}
	.content-wrap {padding-bottom: 65px;}
	.menu-list {flex-direction: column;}
	.boards-list {flex-direction: column;}
	.board-item {width: 100%;}
	.btitle > a > img {width: 21px;}
	.icon-list {flex-direction: column;}
	.icon-cell2 {margin-top: 15px;}
}	

@media (max-width: 767px) {
	.banner {height: 200px;}
	.banner img {object-fit: fill;}
	.notice-cell1 {margin-right: 10px;}
}

@media (max-width: 575px) {

}