@media (max-width: 768px) {
    .info-space-main-container {
        width: 100vw;
        margin: 55px auto;
        height: auto;
        line-height: 27px;
    }

    .info-space-main-container .search-form {
        padding: 0 15px 14px 15px;
    }

    .info-space-main-container .search-form .input-wrapper {
        border: 1px solid rgba(0, 0, 0, 0);
        display: flex;
        border-radius: 3px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container {
        display: flex;
        border-radius: 3px;
        border: 1px solid #CCC;
        background: #FFF;
        height: 36px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container .icon-wrapper {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container .input-search {
        width: 100%;
        outline: none;
        padding: 6px 0 6px 12px;
        color: #212121;
        background: #fff;
        border: none;
        font-size: 14px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container .input-search::placeholder {
        color: rgba(17, 17, 17, 0.7);
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container {
        position: relative;
        width: 130px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 10px;
        border-radius: 3px;
        border: 1px solid #CCC;
        background-color: transparent;
        height: 36px;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container .select-search {
        color: rgba(17, 17, 17, 0.7);
        width: 100%;
        padding: 6px 0 6px 12px;
        border: none;
        background: transparent;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        outline: none;
        height: 36px;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container .arrow-img-wrapper {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        height: 36px;
        padding: 14px 12px;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container .select-search:focus option {
    }

    .info-space-main-container .info-space-notice-list {
        padding: 0 15px;
    }

    .info-space-main-container .info-space-notice-list.pc {
        display: none;
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container {
        border-top: 1px solid rgba(17, 17, 17, 0.15);
        display: flex;
        flex-direction: column;
        padding: 14px 15px
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container:last-of-type {
        border-bottom: 1px solid rgba(17, 17, 17, 0.15);
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item {
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item.item-title {
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
        color: rgb(17, 17, 17);
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item.item-title a {
        width: 100%;
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item.item-title p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item.item-info {
        display: flex;
        font-size: 12px;
        column-gap: 10px;
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item.item-info > div:first-of-type {
        width: 120px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .info-space-main-container .info-space-notice-list .notice-container .notice-item-container .notice-item.item-info .like span:first-of-type {
        font-size: 15px;
    }

    .info-space-main-container .info-space-notice-list .button-container {
        margin-top: 15px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        column-gap: 10px;
    }

    .info-space-main-container .info-space-notice-list .button-container .add-post a {
        background-color: #305FB1;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        border: none;
        padding: 8px 20px;
        line-height: 14px;
        border-radius: 3px;
    }

    .info-space-main-container .info-space-notice-list .pagination-container {
        margin-top: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .arrow {
        display: flex;
        column-gap: 15px;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .arrow .overlapped {
        display: flex;
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .arrow .overlapped .left-arrow:last-of-type {
        margin-left: -5px;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .arrow .overlapped .right-arrow:first-of-type {
        margin-right: -5px;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .left-arrow {
        width: 11px;
        height: 11px;
        border-left: 1px solid rgba(17, 17, 17, 0.4);
        border-top: 1px solid rgba(17, 17, 17, 0.4);
        transform: rotate(-45deg);
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .right-arrow {
        width: 11px;
        height: 11px;
        border-right: 1px solid rgba(17, 17, 17, 0.4);
        border-top: 1px solid rgba(17, 17, 17, 0.4);
        transform: rotate(45deg);
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .pagination {
        display: flex;
        font-size: 14px;
        color: rgba(17, 17, 17, 0.4);
        font-weight: 600;
        justify-content: space-between;
        align-items: center;
        column-gap: 15px;
    }

    .info-space-main-container .info-space-notice-list .pagination-container .pagination a {
        cursor: pointer;
        color: rgba(17, 17, 17, 0.4);
    }

    .info-space-main-container .info-space-notice-list .pagination-container .pagination a.active {
        font-weight: 700;
        color: #111;
    }
}

@media (min-width: 768px) {
    .info-space-main-container {
        width: 1254px;
        margin: 80px auto 0 auto;
        height: auto;
        line-height: 27px;
    }

    .info-space-main-container .list-header {
        padding: 0 15px;
        display: flex;
        /*justify-content: space-between;*/
        justify-content: flex-end;
    }

    .info-space-main-container .search-form {
        padding: 0 0 14px 0;
    }

    .info-space-main-container .search-form .input-wrapper {
        border: 1px solid rgba(0, 0, 0, 0);
        display: flex;
        width: 350px;
        border-radius: 3px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container {
        display: flex;
        border-radius: 3px;
        border: 1px solid #CCC;
        background: #FFF;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container {
        position: relative;
        width: 130px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 10px;
        border-radius: 3px;
        border: 1px solid #CCC;
        background-color: transparent;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container .select-search {
        color: rgba(17, 17, 17, 0.7);
        width: 100%;
        padding: 6px 0 6px 12px;
        border: none;
        background: transparent;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        outline: none;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container .arrow-img-wrapper {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        padding: 14px 12px;
    }

    .info-space-main-container .search-form .input-wrapper .select-search-container .select-search:focus option {
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container .icon-wrapper {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container .input-search {
        width: 100%;
        outline: none;
        padding: 6px 0 6px 12px;
        color: #212121;
        background: #fff;
        border: none;
        font-size: 14px;
    }

    .info-space-main-container .search-form .input-wrapper .input-search-container .input-search::placeholder {
        color: rgba(17, 17, 17, 0.7);
    }

    .info-space-main-container .info-space-notice-list {
        display: none;
    }

    .info-space-main-container .info-space-notice-list.pc {
        display: block;
        padding: 0 15px;
    }

    .info-space-main-container .info-space-notice-list.pc {
        margin-bottom: 114px;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container {
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container:first-of-type {
        border-top: 1px solid #000;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container {
        border-top: 1px solid rgba(17, 17, 17, 0.15);
        display: flex;
        align-items: center;
        padding: 10px 15px;
        font-size: 14px;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container.table-head {
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container.table-head .notice-item {
        font-weight: 600;
        font-size: 15px;
        color: #111;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container:last-of-type {
        border-bottom: 1px solid rgba(17, 17, 17, 0.15);
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item {
        text-align: center;
        font-weight: 500;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item:nth-of-type(1) {
        width: 3%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item:nth-of-type(2) {
        width: 55%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item:nth-of-type(3) {
        width: 10%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item:nth-of-type(4) {
        width: 12%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item:nth-of-type(5) {
        width: 10%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item:nth-of-type(6) {
        width: 10%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-no {
        margin-right: 28px;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-title {
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-title .title-container {
        display: flex;
        align-items: center;
        text-align: left;
        width: 90%;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-title .title-container span {
        display: inline-block;
        width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-author {
        font-size: 12px;
        color: rgba(17, 17, 17, 0.65);
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-author {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-post-time {
        font-size: 12px;
        color: rgba(17, 17, 17, 0.65);
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-views-count {
        font-size: 12px;
        color: rgba(17, 17, 17, 0.65);
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-views-like {
        font-size: 12px;
        color: rgba(17, 17, 17, 0.65);
    }

    .info-space-main-container .info-space-notice-list.pc .notice-container .notice-item-container .notice-item.item-info .like span:first-of-type {
        /*font-size: 15px;*/
    }

    .info-space-main-container .info-space-notice-list.pc .button-container {
        margin-top: 15px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        column-gap: 10px;
    }

    .info-space-main-container .info-space-notice-list.pc .button-container .add-post a {
        background-color: #305FB1;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        border: none;
        padding: 8px 20px;
        line-height: 14px;
        border-radius: 3px;
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .arrow {
        display: flex;
        column-gap: 15px;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .arrow .overlapped {
        display: flex;
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .arrow .overlapped .left-arrow:last-of-type {
        margin-left: -5px;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .arrow .overlapped .right-arrow:first-of-type {
        margin-right: -5px;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .left-arrow {
        width: 11px;
        height: 11px;
        border-left: 1px solid rgba(17, 17, 17, 0.4);
        border-top: 1px solid rgba(17, 17, 17, 0.4);
        transform: rotate(-45deg);
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .right-arrow {
        width: 11px;
        height: 11px;
        border-right: 1px solid rgba(17, 17, 17, 0.4);
        border-top: 1px solid rgba(17, 17, 17, 0.4);
        transform: rotate(45deg);
        cursor: pointer;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .pagination {
        display: flex;
        font-size: 14px;
        color: rgba(17, 17, 17, 0.4);
        font-weight: 600;
        justify-content: space-between;
        align-items: center;
        column-gap: 15px;
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .pagination a {
        cursor: pointer;
        color: rgba(17, 17, 17, 0.4);
    }

    .info-space-main-container .info-space-notice-list.pc .pagination-container .pagination a.active {
        font-weight: 700;
        color: #111;
    }
}