.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 57px;
}
.pagination .first{
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border:1px solid #d3d3d3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/images/cs/icon_first.svg);
    overflow: hidden;
    text-indent: -9999px;
}
.pagination .prev{
    margin-left: 4px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border:1px solid #d3d3d3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/images/cs/icon_prev.svg);
    overflow: hidden;
    text-indent: -9999px;
    margin-right: 45px;
}
.pagination .next{
    margin-right: 4px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border:1px solid #d3d3d3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/images/cs/icon_next.svg);
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 45px;
}
.pagination .last{
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border:1px solid #d3d3d3;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/images/cs/icon_last.svg);
    overflow: hidden;
    text-indent: -9999px;
}

.pagination .next a,
.pagination .prev a
.pagination .first a
.pagination .last a{
    margin:0;
}
.pagination .num{
    min-width: 24px;
    line-height: 24px;
    text-align: center;
    margin:0 4px;
}
.pagination .num.cur{
    font-weight: 600;
}
.pagination .prev a,
.pagination .next a,
.pagination .first a,
.pagination .last a{
    display: block;
    height: 100%;
}

.board-wrap .board-table{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 31px;
}
.board-wrap .board-table .col1{
    width: 13%;
}
.board-wrap .board-table .col2{
    width: 43.5%;
}
.board-wrap .board-table .col3{
    width: 17.5%;
}
.board-wrap .board-table table{
    width: 100%;
    table-layout: fixed;
}
.board-wrap .board-table thead th{
    background-color:#EFEFEF;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding:25px 0;
}
.board-wrap .board-table tbody tr+tr{
    border-top: 0.7px solid #898989;
}
.board-wrap .board-table tbody tr td{
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    line-height: 20px;
    color:#333;
    padding:25.5px 10px;
}
.board-wrap .board-table tbody tr td .subject{
    display: block;
    position: relative;
    padding-left: 22px;
    box-sizing: border-box;
}
.board-wrap .board-table tbody tr td .subject p{
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board-wrap .board-table tbody tr td .subject::before{
    content:'';
    position: absolute;
    left:0;
    top:50%;
    transform: translate(0,-50%);
    width: 11px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/assets/images/cs/icon_lock.svg);
}
.board-wrap .board-table tbody tr td .answer.y{
    color:#333;
}
.board-wrap .board-table tbody tr td .answer.n{
    color:#818181;
}


.list-btm{
    position: relative;
    min-height: 44px;
    margin-top: 26.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-btm .pagination{
    margin-top: 0;
}
.list-btm .search-box{
    position: absolute;
    left:0;
    top:50%;
    transform: translate(0,-50%);
    width: 178px;
}
.list-btm .search-box form{
    display: block;
    width: 100%;
}
.list-btm .search-box form input{
    border:0;
    padding-left: 5.5px;
    padding-right: 17px;
    box-sizing: border-box;
    height: 46px;
    font-size: 15px;
    border-bottom: 0.7px solid #898989;
    width: 100%;
}
.list-btm .search-box form button{
    position: absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    overflow: hidden;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    border:0;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/images/cs/icon_search.svg);
    width: 17px;
    height: 17px;
}
.list-btm .btn-write{
    position: absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    border:1px solid #333;
    width: 163px;
    box-sizing: border-box;
    line-height: 42px;
    text-align: center;
    color:#333;
    font-size: 17px;
    font-weight: 500;
}

.board-view .board-content .content-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.board-view .board-content .content-top h3{
    font-size: 30px;
    font-weight: 600;
    color:#333;
}
.board-view .board-content .content-top .view-btn{
    display: flex;
    align-items: center;
}
.board-view .board-content .content-top .view-btn button{
    border:0;
    cursor: pointer;
    background-color: transparent;
    color:#5c5c5c;
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
}
.board-view .board-content .content-top .view-btn button+button{
    margin-left: 27px;
}
.board-view .post{
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 36.5px;
}
.board-view .post-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    color:#333;
    line-height: 20px;
    padding:24.5px 91px;
    box-sizing: border-box;
    border-bottom: 0.7px solid #898989;
    min-height: 70.5px;
}
.board-view .post-top .subject{
    position: relative;
    width: 55%;
}
.board-view .post-top .subject img{
    position: absolute;
    left:0;
    top:50%;
    transform: translate(calc(-100% - 9px),-50%);
}
.board-view .post-top .subject p{
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
}
.board-view .post-top .writer{
    white-space: nowrap;
}
.board-view .post-top .date{
    white-space: nowrap;
}
.board-view .post-detail{
    padding:35px 91px;
    font-size: 17px;
    line-height: 1.56em;
    color:#333
}
.board-view .post-answer{
    border-top: 0.7px solid #898989;
    padding:35px 91px;
    font-size: 17px;
    line-height: 1.56em;
    color:#333;
    background-color: #EFEFEF;
    position: relative;
}
.board-view .post-answer::before{
    content:'A.';
    font-size: 15px;
    color:#F22D2D;
    position: absolute;
    left:91px;
    top:35px;
    transform: translate(calc(-100% - 5px), 0);
}
.board-view .file{
    border-bottom: 0.7px solid #898989;
    padding:22.5px 91px;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    position: relative;
}
.board-view .file span{
    position: relative;
}
.board-view .file img{
    width: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(calc(-100% - 9px),-50%);
}
.board-view .file>div{
    margin-left: 20px;
}
.board-pagination{
    border-bottom: 1px solid #333;
}
.board-pagination>*{
    display: flex;
    align-items: stretch;
    font-size: 17px;
    line-height: 20px;
}
.board-pagination>*+*{
    border-top: 0.7px solid #898989;
}
.board-pagination>* span{
    width: 180px;
    padding:22.5px 0;
    font-weight: 500;
    text-align: center;
}
.board-pagination>* a{
    padding:22.5px 0;
    width: calc(100% - 240px);
    margin-left: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-list{
    display: block;
    margin:61px auto 0;
    width: 138px;
    line-height: 39px;
    border:1px solid #333;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
}
.board-write input{
    color:#333;
    font-size: 16px;
    border:0;
    border-bottom: 1px solid #898989;
    height: 44px;
    padding:0;
}
.board-write input::placeholder{
    color:#898989;
}

.board-password{
    width: 600px;
    margin:30px auto 0;
    border:1px solid #898989;
    padding:40px 60px;
    box-sizing: border-box;
    max-width:100%;
    text-align: center;
}
.board-password p{
    font-size: 20px;   
    font-weight: 500;
    line-height: 1.2em;
    color:#333;
    margin-bottom: 7.5px;
}
.board-password p.error{
    color:red;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 14px;
}
.board-password input{
    width: 100%;
    text-align: center;
}
.board-password button{
    display: block;
    margin:35px auto 0;
    width: 138px;
    line-height: 39px;
    border:1px solid #333;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    background-color: #fff;
    cursor: pointer;
}
.board-write .sec-top{
    margin-bottom: 65px;
}
.board-write .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.board-write .row+.row{
    margin-top: 65px;
}
.board-write .row .form-box{
    width: 100%;
}
.board-write .row .form-box.half{
    width: 44%;
}
.board-write .row .form-box .form-label{
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2em;
    color:#333;
    margin-bottom: 7.5px;
}
.board-write .row .form-box .form-input input{
    width: 100%;
}
.board-write .row .form-box .form-input textarea{
    width: 100%;
    box-sizing: border-box;
    height: 200px;
    border:0;
    border-bottom: 1px solid #898989;
    font-size:16px;
    color:#333;
    line-height: 1.25em;
    padding:12.5px 0;
    resize: none;
    overflow: auto;
}
.board-write .row .form-box .form-input textarea::placeholder{
    color:#898989;
}
.board-write .row.file-row .form-input{
    margin-top: 15px;
}
.board-write .row.file-row a{
    display: inline-block;
    background-color: #000;
    color:#fff;
    text-align: center;
    line-height: 45px;
    width: 180px;
    margin-top: 20px;
}
.board-write .row.file-row .btn-del{
    margin-left: 15px;
    color:red;
    font-weight: 500;
    border:0;
    cursor: pointer;
    background-color: transparent;
}
.board-write .form-btn{
    margin-top: 67px;
}
.board-write .form-btn .btn-submit{
    display: block;
    margin:0 0 0 auto;
    width: 138px;
    line-height: 39px;
    text-align: center;
    color:#333;
    border:1px solid #333;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
    cursor: pointer;
}


@media (max-width:1420px){
    .board-write .row .form-box.half{
        width: 46%;
    }
}
@media (max-width:1200px){
    .pagination .prev{
        margin-right: 30px;
    }
    .pagination .next{
        margin-left: 30px;
    }

    .board-wrap .board-table thead th{
        padding:20px 0;
    }
    .board-wrap .board-table tbody tr td{
        padding:20px 5px;
    }
    .list-btm .btn-write{
        font-size: 15px;
    }

    .board-write .sec-top{
        margin-bottom: 45px;
    }
    .board-write .row .form-box .form-label{
        font-size: 18px;
    }
    .board-write .row+.row{
        margin-top: 45px;
    }

    .board-password p{
        font-size: 17px;
    }
    .board-write input{
        font-size: 15px;
    }
    .board-password button{
        font-size: 14px;
        line-height: 32px;
        margin-top: 30px;
    }

    .board-view .board-content .content-top h3{
        font-size: 25px;
    }
    .board-view .post{
        margin-top: 30px;
    }
    .board-view .post-top{
        padding:20px 70px;
    }
    .board-view .post-detail,
    .board-view .post-answer{
        padding:35px 70px;
    }
    .board-view .post-answer::before{
        left:70px;
    }
}
@media (max-width:1024px){
    .board-write .row .form-box.half{
        width: 49%;
    }
    .board-write .form-btn{
        margin-top: 45px;
    }
    .board-view .board-content .content-top h3{
        font-size: 20px;
    }
    .board-view .board-content .content-top .view-btn button{
        font-size: 15px;
    }
    .board-view .board-content .content-top .view-btn button+button{
        margin-left: 20px;
    }
    .board-view .post-top{
        padding:20px 40px;
        font-size: 15px;
    }
    .board-view .file{
        padding:20px 40px;
        font-size: 15px;
    }
    .board-view .post-detail, 
    .board-view .post-answer{
        padding:30px 40px;
    }
    .board-view .post-answer::before{
        top:30px;
        left:40px;
    }
    .btn-list{
        font-size: 15px;
        margin-top: 30px;
    }
    .board-pagination>*{
        font-size: 15px;
    }
    .board-pagination>* a{
        margin-left: 30px;
        width: calc(100% - 210px);
        padding:17px 0;
    }
    .board-pagination>* span{
        padding:17px 0;
    }
}
@media (max-width:768px){
    .pagination .num{
        font-size:15px;
    }
    .pagination .prev{
        margin-right: 24px;
    }
    .pagination .next{
        margin-left: 24px;
    }

    .board-wrap .board-table .col1{
        width: auto;
    }
    .board-wrap .board-table .col2{
        width: 140px;
    }
    .board-wrap .board-table thead th{
        font-size: 11px;
        line-height: 14px;
        padding:14px 0;
    }
    .board-wrap .board-table tbody tr td{
        font-size: 10.5px;
        line-height: 12px;
        padding:15px 4px;
    }
    .board-wrap .board-table tbody tr td .subject{
        padding-left: 16px;
    }
    .board-wrap .board-table tbody tr td .subject p{
        white-space: unset;
        line-height: 1.5em;
    }
    .board-wrap .board-table tbody tr td .subject::before{
        width: 10px;
        height: 14px;
    }
    .list-btm{
        flex-direction: column;
    }
    .list-btm .search-box{
        position: static;
        width: 192px;
        transform: translate(0,0);
        margin-top: 41px;
    }
    .list-btm .search-box form input{
        font-size: 13px;
        height: 40px;
        padding:0 23px 0 5px;
    }
    .list-btm .search-box form button{
        width: 13px;
        height: 13px;
        right:7px;
        background-size: cover;
    }
    .list-btm .btn-write{
        position: static;
        margin-top: 27px;
        transform: translate(0,0);
        width: 192px;
        height: 42px;
        font-size: 13px;
    }

    .board-write .row{
        flex-direction: column;
    }
    .board-write .row .form-box.half{
        width: 100%;
    }
    .board-write .row+.row,
    .board-write .row .form-box.half+.half{
        margin-top: 40px;
    }
    .board-write .row .form-box .form-label{
        font-size: 17px;
    }
    .board-write input{
        font-size: 15px;
        height: 44px;
    }
    .board-write .form-btn{
        margin-top: 52px;
    }
    .board-write .form-btn .btn-submit{
        font-size: 14px;
        width: 192px;
        line-height: 40px;
        margin:0 auto;
    }
    .board-write .row .form-box .form-input textarea{
        font-size: 15px;
        height: 44px;
        padding:12px 0;
    }

    .board-password{
        margin:0 auto;
        padding:25px 30px;
    }
    .board-password p{
        font-size: 15px;
        word-break: keep-all;
        line-height: 1.5em;
    }
    .board-write input{
        height: 40px;
        font-size: 13px;
    }
    .board-password button{
        margin-top: 15px;
        width: 120px;
        font-size: 12px;
    }

    .board-view .board-content .content-top .view-btn button{
        font-size: 13px;
    }
    .board-view .board-content .content-top .view-btn button+button{
        margin-left: 25px;
    }
    .board-view .post{
        margin-top: 17px;
    }
    
    .board-view .post-top{
        min-height: 40px;
        padding:12px 0;
        font-size: 13px;
        flex-wrap: wrap;
    }
    .board-view .file{
        padding:12px 13px 12px 33px;
        font-size:12px;
    }
    .board-view .post-top .subject{
        width: 100%;
        padding-left: 33px;
        padding-right: 13px;
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 0.7px solid #898989;
    }
    .board-view .post-top .subject p{
        font-size: 15px;
        line-height: 1.5em;
    }
    .board-view .file img{
        width: 10px;
        left:-21px;
        transform: translate(0,-50%);
    }
    .board-view .post-top .subject img{
        width: 7px;
        transform: translate(0,0);
        left:13px;
        top:6.5px
    }
    .board-view .post-top .writer{
        padding-left: 13px;
    }
    .board-view .post-top .date{
        padding-right: 13px;
    }
    .board-view .post-detail,
     .board-view .post-answer{
        padding:28px 25px;
        font-size: 14px;
        line-height: 1.5em;
     }
     .board-view .post-answer::before{
        top:28px;
        left:25px;
        font-size: 14px;
     }
     .btn-list{
        font-size: 14px;
        width: 192px;
        margin-top: 51px;
     }

     .board-pagination>* span{
        font-size: 13px;
        width: 115px;
     }
     .board-pagination>* a{
        font-size: 13px;
        width: calc(100% - 145px);
     }
}