@charset "utf-8";

/* =========================================================
   DS ELECTRIC DRAWING / CAD DOWNLOAD BOARD
   - flat technical-library layout
   - files download directly from list
   ========================================================= */

.dse-dwg-list,
.dse-dwg-view,
.dse-dwg-write {
    font-family:"Noto Sans KR",sans-serif;
    color:#263746;
}

.dse-dwg-page-head {
    display:block;
    margin:0 0 10px;
}
.dse-dwg-page-head .dse-dwg-page-copy {width:100%;}
.dse-dwg-page-head .dse-notice-page-copy p {max-width:none;}
.dse-dwg-category {
    margin:14px 0 0;
}
.dse-dwg-description-row {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:24px;
    margin-top:16px;
}
.dse-dwg-description-row p {
    flex:1 1 auto;
    min-width:0;
    margin:0 !important;
}
.dse-dwg-description-row .dse-dwg-total {
    flex:0 0 auto;
    padding:0;
    color:#6f7f8c;
    font-size:13px;
    line-height:1.65;
    white-space:nowrap;
}

.dse-dwg-table {
    width:100%;
    border-top:2px solid #102f51;
    border-bottom:1px solid #bdcbd6;
}
.dse-dwg-table-head,
.dse-dwg-item {
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 86px 118px;
    align-items:stretch;
}
.dse-dwg-table-head {
    min-height:48px;
    border-bottom:1px solid #cbd6de;
    background:#f8fafc;
    color:#1f2f3d;
    font-size:14px;
    font-weight:700;
}
.dse-dwg-table-head > div,
.dse-dwg-item > div {
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-width:0;
    padding:0 12px;
}
.dse-dwg-table-head > div {justify-content:center;color:#1f2f3d;font-size:14px;font-weight:700;}
.dse-dwg-item {
    min-height:72px;
    border-bottom:1px solid #e1e7ec;
    background:#fff;
}
.dse-dwg-item:last-of-type {border-bottom:0;}
.dse-dwg-item.is-notice {background:#fbfdff;}

.dse-dwg-col-num,
.dse-dwg-col-date,
.dse-dwg-col-download {justify-content:center;text-align:center;}
.dse-dwg-table-head .dse-dwg-col-num,
.dse-dwg-table-head .dse-dwg-col-subject,
.dse-dwg-table-head .dse-dwg-col-date,
.dse-dwg-table-head .dse-dwg-col-download {color:#1f2f3d;font-size:14px;font-weight:700;}
.dse-dwg-item .dse-dwg-col-num,
.dse-dwg-item .dse-dwg-col-subject,
.dse-dwg-item .dse-dwg-col-date {font-size:14px;font-weight:400;}
.dse-dwg-col-num {color:#87949e;}
.dse-dwg-col-subject {padding-left:18px !important;padding-right:18px !important;}
.dse-dwg-subject-link {
    display:inline-flex;
    align-items:center;
    min-width:0;
    max-width:100%;
    color:#243746;
    width:100%;
    font-size:14px;
    font-weight:400;
    line-height:1.55;
    letter-spacing:-.025em;
    text-decoration:none !important;
}
.dse-dwg-subject-link:hover,
.dse-dwg-subject-link:focus {color:#243746;text-decoration:none;}
.dse-dwg-subject-link.is-static {cursor:default;}
.dse-dwg-subject-text {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dse-dwg-new {
    flex:0 0 auto;
    margin-left:7px;
    color:#e65a2f;
    font-family:"Roboto Condensed",sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
}
.dse-dwg-mobile-meta {display:none;}
.dse-dwg-notice-label {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:23px;
    padding:0 7px;
    border:1px solid #9dc9e8;
    border-radius:2px;
    background:#f4f9fd;
    color:#176fb4;
    font-size:11px;
    font-weight:700;
    line-height:1;
}

.dse-dwg-col-date {
    color:#7f8c96;
    font-family:"Roboto Condensed","Noto Sans KR",sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:.01em;
}

.dse-dwg-downloads {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:5px;
    width:100%;
}
.dse-dwg-download-link,
.dse-dwg-downloads .dse-dwg-download-link:not(:only-child) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    flex:0 0 auto;
    min-width:0;
    width:auto;
    height:30px;
    box-sizing:border-box;
    padding:0 7px;
    border:1px solid #9eb7ca;
    border-radius:3px;
    background:#fff;
    color:#263746 !important;
    font-size:11px;
    font-weight:700;
    line-height:1;
    text-decoration:none !important;
    white-space:nowrap;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.dse-dwg-download-link:only-child {flex:0 0 auto;}
.dse-dwg-download-link i {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:11px;
    height:11px;
    color:#2586d9;
    font-size:11px;
    line-height:1;
}
.dse-dwg-download-link span {
    display:inline-block;
    line-height:1;
}
/* 다운로드 버튼 상태는 테마/Bootstrap의 a:hover 규칙보다 우선합니다. */
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:visited {
    border-color:#9eb7ca !important;
    background:#fff !important;
    color:#263746 !important;
    transform:none !important;
    box-shadow:none !important;
}
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link > i {
    color:#2586d9 !important;
}
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link > span {
    color:inherit !important;
}
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:hover,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:focus,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:active {
    border-color:#2586d9 !important;
    background:#2586d9 !important;
    background-color:#2586d9 !important;
    color:#fff !important;
    text-decoration:none !important;
    transform:none !important;
    box-shadow:none !important;
}
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:hover > i,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:focus > i,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:active > i,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:hover > span,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:focus > span,
#bo_list.dse-notice-clean.dse-dwg-list .dse-dwg-download-link:active > span {
    color:#fff !important;
}
.dse-dwg-download-disabled {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:78px;
    height:32px;
    border:1px solid #e0e5e9;
    border-radius:3px;
    background:#fafbfc;
    color:#9aa5ad;
    font-size:11px;
}

.dse-dwg-empty {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:190px;
    padding:40px 20px;
    text-align:center;
    color:#8996a0;
}
.dse-dwg-empty i {margin-bottom:12px;color:#b3c0c9;font-size:28px;}
.dse-dwg-empty strong {margin-bottom:5px;color:#536675;font-size:14px;font-weight:600;}
.dse-dwg-empty span {font-size:12px;line-height:1.6;}
.dse-dwg-admin-row {margin-top:16px;}
.dse-dwg-bottom {margin-top:30px;}
#bo_list.dse-dwg-list #bo_sch.dse-notice-search-clean .sch_input {width:220px;}

/* Detail page additions */
.dse-dwg-view .dse-dwg-view-category {
    display:inline-flex;
    align-items:center;
    min-height:24px;
    margin-right:2px;
    padding:2px 8px;
    border:1px solid #d5e0e8;
    border-radius:2px;
    background:#f8fafc;
    color:#456177;
    font-size:11px;
    font-weight:700;
}
.dse-dwg-view .dse-notice-file-clean {margin-top:30px;}
.dse-dwg-view .dse-notice-file-clean h2 {color:#102f51;}
.dse-dwg-view .dse-notice-file-clean li {display:flex;align-items:center;gap:8px;}
.dse-dwg-view .dse-notice-file-clean li > span {margin-left:auto;white-space:nowrap;}
.dse-dwg-view .dse-notice-file-clean .dse-dwg-view-download {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex:0 0 auto;
    min-width:92px;
    height:32px;
    margin-left:8px;
    padding:0 10px;
    border:1px solid #9eb7ca;
    border-radius:3px;
    color:#31546e;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}
.dse-dwg-view .dse-notice-file-clean .dse-dwg-view-download:hover {border-color:#2586d9;background:#f4f9fd;color:#176fb4;}

/* Write page: retain GnuBoard functionality, improve hierarchy and upload guidance */
#bo_w.dse-dwg-write {margin:0;padding:0;}
.dse-dwg-write-head {
    margin:0 0 28px;
    padding:0 0 20px;
    border-bottom:2px solid #2586d9;
}
.dse-dwg-write-head h1 {margin:0 0 7px;color:#102f51;font-size:25px;font-weight:700;letter-spacing:-.035em;}
.dse-dwg-write-head p {margin:0;color:#697d8d;font-size:13px;line-height:1.7;word-break:keep-all;}
.dse-dwg-upload-guide {
    margin:0 0 22px;
    padding:16px 18px;
    border:1px solid #dce6ed;
    border-left:3px solid #2586d9;
    background:#f8fbfd;
    color:#536a7d;
    font-size:13px;
    line-height:1.75;
}
.dse-dwg-upload-guide strong {color:#183d5d;}
#bo_w.dse-dwg-write .write_div {margin-bottom:14px;}
#bo_w.dse-dwg-write .frm_input,
#bo_w.dse-dwg-write select,
#bo_w.dse-dwg-write textarea {border-color:#cfd9e1;}
#bo_w.dse-dwg-write .bo_w_flie {
    padding:14px;
    border:1px solid #dfe6eb;
    border-radius:3px;
    background:#fafcfd;
}
#bo_w.dse-dwg-write .bo_w_flie + .bo_w_flie {margin-top:-6px;}
#bo_w.dse-dwg-write .btn_submit {background:#176fb4;color:#fff;}
#bo_w.dse-dwg-write .btn_cancel {border:1px solid #cfd9e1;background:#fff;color:#526473;}

@media (max-width:1199px) {
    .dse-dwg-table-head,
    .dse-dwg-item {grid-template-columns:52px minmax(0,1fr) 82px 112px;}
    .dse-dwg-table-head > div,
    .dse-dwg-item > div {padding-left:8px;padding-right:8px;}
    .dse-dwg-subject-link {font-size:14px;font-weight:400;}
    .dse-dwg-download-link,
    .dse-dwg-downloads .dse-dwg-download-link:not(:only-child) {padding:0 6px;font-size:11px;}
}

@media (max-width:767px) {
    .dse-dwg-page-head {margin-bottom:10px;}
    .dse-dwg-description-row {gap:12px;margin-top:12px;align-items:flex-end;}
    .dse-dwg-description-row p {font-size:13px;line-height:1.6;}
    .dse-dwg-description-row .dse-dwg-total {font-size:11px;line-height:1.6;}
    .dse-dwg-category {margin-top:12px;overflow-x:auto;white-space:nowrap;}

    .dse-dwg-table {border-top-width:2px;}
    .dse-dwg-table-head {display:none;}
    .dse-dwg-item {
        position:relative;
        display:grid;
        grid-template-columns:minmax(0,1fr);
        min-height:0;
        padding:18px 14px 16px;
    }
    .dse-dwg-item > div {display:block;padding:0 !important;text-align:left;}
    .dse-dwg-col-num {display:none !important;}
    .dse-dwg-col-subject {min-width:0;}
    .dse-dwg-subject-link {display:flex;width:100%;font-size:14px;font-weight:400;line-height:1.5;}
    .dse-dwg-subject-text {white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;}
    .dse-dwg-mobile-meta {display:block;margin-top:7px;color:#87949e;font-size:14px;font-weight:400;line-height:1.5;}
    .dse-dwg-col-date {display:none !important;}
    .dse-dwg-col-download {margin-top:13px;}
    .dse-dwg-downloads {justify-content:flex-start;flex-wrap:nowrap;gap:6px;}
    .dse-dwg-download-link,
    .dse-dwg-downloads .dse-dwg-download-link:not(:only-child) {
        flex:0 1 104px;
        min-width:0;
        max-width:104px;
        height:34px;
        padding:0 10px;
        line-height:32px;
    }
    .dse-dwg-download-disabled {height:30px;}
    .dse-dwg-admin-row {align-items:flex-end;}
    #bo_list.dse-dwg-list #bo_sch.dse-notice-search-clean .sch_input {width:auto;}

    .dse-dwg-view .dse-notice-file-clean li {align-items:flex-start;flex-wrap:wrap;}
    .dse-dwg-view .dse-notice-file-clean li > span {margin-left:0;}
    .dse-dwg-view .dse-notice-file-clean .dse-dwg-view-download {margin-left:auto;}

    .dse-dwg-write-head h1 {font-size:22px;}
    .dse-dwg-upload-guide {padding:14px;font-size:12px;}
}