@charset "utf-8";
@import url('style_gnu.css');
@import url('../../../opbs/css/board_common.css');

/* 공통 */
/* write_ */
#bo_w .write_div.type-contactUs {
    display: flex;
    align-items: center;
    padding-right: 1rem;
}
#bo_w .write_div.type-contactUs label {
    flex-shrink: 0;
    width: 120px;
    padding: 0 1rem;
    padding: 0 2rem 0 0;
    font-weight: 600;
    text-align: right;
}
#bo_w .write_div.type-contactUs label + * {
    flex-grow: 1;
    float: none;
    margin-bottom: 0;
}
#bo_w .write_div.type-contactUs label + input {
    padding: 0 1rem;
    outline: none;
}
#bo_w .write_div.type-textarea textarea {
    resize: none;
    padding: 1rem 1rem;
}
#bo_w .bo_w_tit .frm_input {
    padding-left: 1rem;
}

#bo_w .write_div select,
#bo_w .bo_w_tit .frm_input,
#bo_w .write_div.type-textarea textarea,
#bo_w .write_div.type-contactUs label + * {
    border-radius: 3px;
}

#bo_w .write_div select {
    width: 100%;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    border: 1px solid #d0d3db;
}

.required,
textarea.required {
    padding-right: 1.5rem;
}

#bo_w .write_div.group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
#bo_w .write_div.group .write_div {
    margin: 0;
    padding-right: 0;
}

hr.devide {
    display: block;
    margin: 20px 0;
    border-top: 1px dashed rgb(38, 125, 244);
}

.bx_btn a.btn.goToList {
    display: inline-block;
    min-width: 80px;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    vertical-align: top;
    background-color: #333;
}

/* list_ */
#bo_list .tbl_head01 td.td_subject .bo_tit > a > span {
    line-height: calc(1.5em - 1px);
}

#bo_list .col1_w {
    width: 40px;
}
#bo_list .col2_w,
#bo_list .col7_w {
    width: 60px;
}
#bo_list .col4_w,
#bo_list .col5_w {
    width: 120px;
}
#bo_list .col6_w {
    width: 60px;
}

#bo_list .tbl_head01 {
    margin: 0 0 50px;
}
#bo_list .tbl_head01 td.td_subject .ellipsis {
    word-break: keep-all;
}

.bo_tit:has(.new_icon) {
    position: relative;
    padding-left: 24px;
}
#bo_list .bo_tit .new_icon {
    position: absolute;
    top: 4px;
    left: 0;
    margin-left: 0;
}

/* 글쓰기 */
.applicant_information {
    margin-bottom: calc(4rem * 1.5);
}
.applicant_information dl {
    display: flex;
    border-bottom: 1px solid #d0d3db;
}
.applicant_information dt {
    flex-shrink: 0;
    width: 116px;
    padding: 1rem 1rem;
    /* text-align: right; */
    text-align: center;
    font-weight: 600;
    border-right: 1px solid #d0d3db;
}
.applicant_information dd {
    padding: 1rem 1rem;
}
.applicant_information > [class*='info'] {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.applicant_information .info1 dl:nth-of-type(2),
.applicant_information > [class*='info'] dl:first-of-type {
    border-top: 2px solid #558ab7;
}
.applicant_information > [class*='info'] + [class*='info'] {
    margin-top: 2rem;
}
.applicant_information .item.type_content dd {
    min-height: 10rem;
}

.applicant_information .info1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.applicant_information .info1 dt {
    text-align: center;
    background-color: #eee;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 799px) {
    /* write_ */
    #bo_w .write_div.group {
        grid-template-columns: 1fr;
    }
    #bo_w .write_div.group .write_div:not(:first-child) {
        margin-top: 10px;
    }

    .applicant_information .info1 {
        grid-template-columns: 1fr;
    }
    .applicant_information .info1 dl:nth-of-type(2) {
        border-top: 0 none;
    }

    /* list_ */
    #bo_list {
        margin-bottom: 0;
    }
    #bo_list .col7_w,
    #bo_list .col5_w,
    #bo_list .col4_w,
    #bo_list .col3_w,
    #bo_list .col2_w,
    #bo_list .col1_w {
        width: auto;
    }

    #bo_list .tbl_head01 thead {
        display: none;
    }
    #bo_list .tbl_head01 tbody tr {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 1.25rem;
        background: #fff;
        border-top: 1px solid #ecf0f1;
    }
    #bo_list .tbl_head01 tbody tr:first-child {
        border-top: 0 none;
    }
    #bo_list .tbl_head01 tbody tr.bo_notice {
        background: rgba(38, 125, 244, 0.2) !important;
    }
    #bo_list tbody .even td {
        background: transparent;
    }
    .bo_notice td {
        background-color: transparent !important;
    }

    #bo_list .tbl_head01 tbody td {
        display: inline;
        padding: 0;
        font-size: 1em;
        line-height: 1;
        background-color: transparent;
        border: 0 none;
    }
    #bo_list .tbl_head01 td.td_num2 {
        display: none;
    }

    #bo_list .tbl_head01 td.td_subject {
        display: block;
        height: auto;
        margin-bottom: 5px;
        font-size: calc(1em + 1px);

        width: 100%;
        padding: 1.25rem 0.625rem 1rem;
        padding-right: 0;
    }
    #bo_list .tbl_head01 td.td_subject .ellipsis_multy_line {
        width: calc(100% - 10px);
        height: 3em;
        line-height: 1.5;
    }
    #bo_list .tbl_head01 td.td_subject .ellipsis {
        max-height: calc(var(--line-height-base) * 2);
        -webkit-line-clamp: 2;
    }
    #bo_list .bo_tit [class*='fa-'] {
        margin-top: 4px;
    }

    #bo_list .bo_tit .fa-download {
        margin: 0;
        margin-top: calc(4px + 1px);
        vertical-align: top;
    }
    #bo_list .tbl_head01 td {
        width: auto;
    }
    #bo_list .tbl_head01 td.td_datetime {
        order: 1;
        float: none;
        width: auto;
        height: auto;
        font-size: 1em;
    }
    #bo_list .tbl_head01 td.td_datetime i {
        display: inline-block !important;
    }
    #bo_list .tbl_head01 td.td_name {
        position: relative;
        height: auto;
        padding: 0 10px;
        padding-right: calc(10px + 1px);
        margin-right: 10px;
        margin-left: auto;
        text-align: left;
    }
    #bo_list .tbl_head01 td.td_name:after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 10px;
        background-color: #666;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, calc(-50% + 1px));
    }
    #bo_list .tbl_head01 td.td_name:before,
    #bo_list .tbl_head01 td.td_num:before,
    #bo_list .tbl_head01 td.td_name,
    #bo_list .tbl_head01 td.td_name span,
    #bo_list .tbl_head01 td.td_num {
        vertical-align: top;
    }

    #bo_list .tbl_head01 td.td_num {
        display: none;
    }
    #bo_list .tbl_head01 td.td_datetime,
    #bo_list .tbl_head01 td.td_name .sv_member,
    #bo_list .tbl_head01 td.td_num {
        color: #999;
    }

    #bo_list .tbl_head01 td.td_chk {
        display: block;
        height: auto;
        padding: 15px 0 0 10px;
        font-size: 0;
    }
}

@media screen and (max-width: 499px) {
    /*  */
    #bo_w .write_div.type-contactUs {
        padding-right: 0;
    }
    #bo_w .write_div.type-contactUs:not(.group) {
        flex-flow: column nowrap;
        align-items: start;
        gap: 10px 0;
    }
    #bo_w .write_div.type-contactUs .wr_content,
    #bo_w .write_div.type-contactUs input,
    #bo_w .write_div.type-contactUs label {
        width: 100%;
    }
    #bo_w .write_div.type-contactUs label {
        text-align: left;
    }
}

/* color, 컬러 */
#bo_list .tbl_wrap table {
    border-top-color: rgb(38, 125, 244);
}