.notice-div {
    width: 964px;
    margin: 0 auto;
}

.notice-div h1 {
    margin: 60px;
    font-size: 40px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.notice-div span {
    width: 80px;
    height: 21px;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.notice-div span .content-number {
    color: #00aeef;
}

.notice-div .notice-table {
    margin: 29px 0 77px;
    width: 100%;
    font-size: 20px;
}

.notice-div .notice-table tr {
    height: 70px;
    text-align: center;
}

.notice-div .notice-table tr:first-child {
    border-top: 2px solid #595959;
    border-bottom: 1px solid #595959;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #595959;
}

.notice-div .notice-table tr {
    border-top: 1px solid #e5e5e5;
}

.notice-div .notice-table tr:last-child {
    border-bottom: 1px solid #000000;
}

.notice-div .notice-table tr td:first-child {
    width: 100px;
}

.notice-div .notice-table tr td:nth-child(2) {
    width: 655px;
}

.notice-div .notice-table tr:not(:first-child) td {
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #909090;
}

.notice-div .notice-table tr:not(:first-child) td:nth-child(2) {
    text-align: left;
    padding-left: 60px;
}

.notice-div .notice-table tr:not(:first-child) td:nth-child(2) a {
    font-weight: 500;
}

.notice-div .paging {
    margin: 0 auto 68px;
    display: table;
}

.notice-div .paging a,
.notice-div .paging span {
    font-size: 18px;
    margin: 0 20px;
}

.notice-div .paging a {
    font-weight: 300;
    color: #6a6a6a;
}

.notice-div .paging span {
    color: #000000;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .notice-div {
        width: 95.098vw;
        margin: 0 auto;
    }
    
    .notice-div h1 {
        margin: 7.813vw;
            font-size: 4.883vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #00aeef;
    }
    
    .notice-div span {
        width: 7.813vw;
        height: 2.051vw;
            font-size: 2.148vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }
    
    .notice-div span .content-number {
        color: #00aeef;
    }
    
    .notice-div .notice-table {
        margin: 2.832vw 0 7.520vw;
        width: 100%;
        font-size: 1.953vw;
    }
    
    .notice-div .notice-table tr {
        height: 7.813vw;
        text-align: center;
    }
    
    .notice-div .notice-table tr:first-child {
        border-top: 0.293vw solid #595959;
        border-bottom: 0.098vw solid #595959;
            font-size: 1.953vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #595959;
    }
    
    .notice-div .notice-table tr {
        border-top: 0.098vw solid #e5e5e5;
    }
    
    .notice-div .notice-table tr:last-child {
        border-bottom: 0.098vw solid #000000;
    }
    
    .notice-div .notice-table tr td:first-child {
        width: 9.766vw;
    }
    
    .notice-div .notice-table tr td:nth-child(2) {
        width: 63.965vw;
    }
    
    .notice-div .notice-table tr:not(:first-child) td {
            font-size: 2.148vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
    }
    
    .notice-div .notice-table tr:not(:first-child) td:nth-child(2) {
        text-align: left;
        padding-left: 5.859vw;
    }
    
    .notice-div .notice-table tr:not(:first-child) td:nth-child(2) a {
        font-weight: bold;
    }
    
    .notice-div .paging {
        margin: 0 auto 6.641vw;
        display: table;
    }
    
    .notice-div .paging a,
    .notice-div .paging span {
        font-size: 1.758vw;
        margin: 0 1.953vw;
    }
    
    .notice-div .paging a {
            font-weight: 300;
        color: #6a6a6a;
    }
    
    .notice-div .paging span {
            color: #000000;
    }
}

@media (max-width: 768px) {
    .notice-div {
        width: 768px;
        margin: 0 auto;
    }
    
    .notice-div h1 {
        margin: 80px;
            font-size: 63px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #00aeef;
    }
    
    .notice-div span {
        width: 93px;
        height: 25px;
            font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }
    
    .notice-div > span {
        margin-left: 70px;
    }
    
    .notice-div span .content-number {
        color: #00aeef;
    }
    
    .notice-div .notice-table {
        margin: 29px auto 77px;
        width: 628px;
        font-size: 20px;
    }
    
    .notice-div .notice-table tr {
        height: 90px;
        text-align: center;
    }
    
    .notice-div .notice-table tr:first-child {
        border-top: 2px solid #595959;
        border-bottom: 1px solid #595959;
            font-size: 23px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #595959;
    }
    
    .notice-div .notice-table tr {
        border-top: 1px solid #e5e5e5;
    }
    
    .notice-div .notice-table tr:last-child {
        border-bottom: 1px solid #000000;
    }
    
    .notice-div .notice-table tr td:first-child {
        width: 100px;
    }
    
    .notice-div .notice-table tr td:nth-child(2) {
        width: 655px;
    }
    
    .notice-div .notice-table tr:not(:first-child) td {
            font-size: 23px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
    }
    
    .notice-div .notice-table tr:not(:first-child) td:nth-child(2) {
        text-align: left;
        padding-left: 60px;
    }
    
    .notice-div .notice-table tr:not(:first-child) td:nth-child(2) a {
        font-weight: bold;
    }

    .notice-div .notice-table tr td:last-child {
        display: none;
    }
    
    .notice-div .paging {
        width: 628px;
        margin: 0 auto 68px;
        display: block;
    }
    
    .notice-div .paging a,
    .notice-div .paging span {
        font-size: 18px;
        margin: 0 16px;
    }
    
    .notice-div .paging a {
            font-weight: 300;
        color: #6a6a6a;
    }
    
    .notice-div .paging span {
            color: #000000;
    }
}

@media (max-width: 767px) {
    .notice-div {
        width: 100.000vw;
        margin: 0 auto;
        min-height: calc(100vh - 13.086vw - 9.766vw);
    }
    
    .notice-div h1 {
        margin: 10.417vw;
            font-size: 8.203vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #00aeef;
    }
    
    .notice-div span {
        width: 12.109vw;
        height: 3.255vw;
            font-size: 2.865vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }
    
    .notice-div > span {
        margin-left: 9.115vw;
    }
    
    .notice-div span .content-number {
        color: #00aeef;
    }
    
    .notice-div .notice-table {
        margin: 3.776vw auto 10.026vw;
        width: 81.771vw;
        font-size: 2.604vw;
    }
    
    .notice-div .notice-table tr {
        height: 11.719vw;
        text-align: center;
    }
    
    .notice-div .notice-table tr:first-child {
        border-top: 0.260vw solid #595959;
        border-bottom: 0.130vw solid #595959;
            font-size: 2.995vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #595959;
    }
    
    .notice-div .notice-table tr {
        border-top: 0.130vw solid #e5e5e5;
    }
    
    .notice-div .notice-table tr:last-child {
        border-bottom: 0.130vw solid #000000;
    }
    
    .notice-div .notice-table tr td:first-child {
        width: 13.021vw;
    }
    
    .notice-div .notice-table tr td:nth-child(2) {
        width: 85.286vw;
    }
    
    .notice-div .notice-table tr:not(:first-child) td {
            font-size: 2.995vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
    }
    
    .notice-div .notice-table tr:not(:first-child) td:nth-child(2) {
        text-align: left;
        padding-left: 7.813vw;
    }
    
    .notice-div .notice-table tr:not(:first-child) td:nth-child(2) a {
        font-weight: bold;
    }

    .notice-div .notice-table tr td:last-child {
        display: none;
    }
    
    .notice-div .paging {
        width: 81.771vw;
        margin: 0 auto 8.854vw;
        display: flex;
        justify-content: space-between;
    }
    
    .notice-div .paging a,
    .notice-div .paging span {
        width: auto;
        margin: 0 2.083vw;
        font-size: 2.344vw;
    }
    
    .notice-div .paging a {
            font-weight: 300;
        color: #6a6a6a;
    }
    
    .notice-div .paging span {
            color: #000000;
    }
}

@media (max-width:330px) {
    .notice-div .paging {
        width: 82.771vw;
    }
}