@charset "utf-8";

.bg-banner {
    background-image: url('../images/bg_banner4.png');
}

.top-banner {
    width: 100%;
    height: 400px;
}

.etc-item {
    border: 1px solid #B9BDC3;
    border-width: 0 0 1px 0;
    margin-bottom: 9px;
    margin-top: 25px;
}

.etc-item:first-child {
    border-width: 2px 0 1px 0;
    padding-top: 32px;
}

.etc-status {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    width: 100px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    background-color: #56826D;
    border-radius: 10px;
    text-align: center;
    margin-right: 25px;
}

.etc-title {
    font-size: 25px;
    font-weight: 700;
}

.etc-detail {
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px;
}


.noticeTable .etc-header{
    display: flex; align-items: center;
    flex-wrap: wrap; row-gap: 6px;
}
.noticeTable .etc-header > span{
    font-family: Pretendard600;
    line-height: 140%;
}
.noticeTable .etc-tag{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 24px;
    padding: 3px 8px;
    background: #4251D6;
    color: #fff;
    border-radius: 3px;
    font-family: SCDream400 !important;
    font-size: 13px;
    line-height: 100%;
    margin-right: 8px;
}
@media all and (max-width: 767px) {
    .noticeTable .etc-header{align-items: flex-start;}
    .noticeTable .etc-header > span{font-size: 15px;}
    .noticeTable .etc-tag{
        height: 20px; padding: 2px 4px;
        font-size: 12px !important;
    }
}