@charset "utf-8";

.bbs-wrap{}

/* s::리스트 */
#basic_board .board-search{display: flex;justify-content: center;}
#basic_board .board-search form{display: flex;max-width:687px;gap:8px;width:100%;}
#basic_board .board-search select{width:117px;height: 56px;padding:0 16px;border: solid 1px #909090;background-position: 88% 50%;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;}
#basic_board .board-search input[type="text"]{width:calc(100% - 247px);height: 56px; padding: 0 16px;border: solid 1px #909090;background-color: #fff;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;}
#basic_board .board-search input[type="text"]::placeholder{color: #717171;}
#basic_board .board-search button{display: flex;align-items: center;justify-content: center;width:114px;height: 56px;background: #2f4f7e;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #fff;}

#basic_board .board-info{margin-top:40px;}
#basic_board .board-info{display: flex;gap:32px;}
#basic_board .board-info span{display:flex;gap:8px;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;color: #323b43;}
#basic_board .board-info span strong{display:inline-block;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #2166cc;}

#basic_board .board-list{margin-top:40px;}
#basic_board .board-list table{border-top: solid 3px #323b43;border-bottom: 1px solid #2f4f7e;}
#basic_board .board-list table thead{}
#basic_board .board-list table thead tr{}
#basic_board .board-list table thead tr th{padding: 16px;background-color: rgba(47, 79, 126, 0.05);font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #2f4f7e;}
#basic_board .board-list table thead tr th.col-chk{}
#basic_board .board-list table thead tr th.col1{width:64px;}
#basic_board .board-list table thead tr th.col2{text-align: left;}
#basic_board .board-list table thead tr th.col3{width:204px;}
#basic_board .board-list table thead tr th.col4{width:204px;}
#basic_board .board-list table tbody tr td{font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;padding:7px 16px;text-align: center;}
#basic_board .board-list table tbody tr td.col-chk{}
#basic_board .board-list table tbody tr td .notice-label{display: inline-block;padding: 2px 6px;background-color: #f06e03; font-size: 14px;font-weight: 600;letter-spacing: -0.28px;color: #fff;}
#basic_board .board-list table tbody tr td.td-num{width:64px;}
#basic_board .board-list table tbody tr td.td-subject{text-align: left;}
#basic_board .board-list table tbody tr td.td-subject a{display: inline-block;max-width: calc(100% - 20px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#basic_board .board-list table tbody tr td.td-subject a .notice-label{display: none;}
#basic_board .board-list table tbody tr td.td-subject a:hover{text-decoration: underline;}
#basic_board .board-list table tbody tr td.td-subject .new-icon{font-size: 12px;display: inline-block;width: 15px;height: 15px;background: #2f4f7e;border-radius: 3px;color: #fff;text-align: center;line-height: 15px;vertical-align: top;position: relative;top: 3px;}
#basic_board .board-list table tbody tr td.td-date{width:204px;}
#basic_board .board-list table tbody tr td.td-hit{width:204px;}
#basic_board .board-admin-btns{display: flex;justify-content: flex-end;margin-top:40px;gap:8px;}
#basic_board .board-admin-btns button{display: flex;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #323b43; padding: 8px 24px;border-radius: 4px;border: solid 1px #323b43;background-color: #fff;}
#basic_board .board-btns{margin-top:40px;display: flex;justify-content: flex-end;}
#basic_board .board-btns a{display: flex;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #323b43; padding: 8px 24px;border-radius: 4px;border: solid 1px #323b43;background-color: #fff;}


@media all and (max-width: 1420px) {
    .bbs-wrap .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {

}
@media all and (max-width: 1024px) {
    .bbs-wrap .layout{padding:0 24px;}
    #basic_board .board-search form{max-width: 100%;}
    #basic_board .board-list{margin-top:32px;}
    #basic_board .board-list table{display: block;}
    #basic_board .board-list table thead {display: none;}
    #basic_board .board-list table tbody{display: block;}
    #basic_board .board-list table tbody tr{position:relative;display: flex;flex-wrap: wrap;padding:16px 24px;}
    #basic_board .board-list table tbody tr + tr{border-top: 1px solid #d9d9d9;}
    #basic_board .board-list table tbody tr td{position:relative;padding:0;font-size: 14px;font-weight: normal;letter-spacing: -0.28px;text-align: left;color: #717171;}
    #basic_board .board-list table tbody tr td.col-chk{position: absolute;top:5px;left:5px;}
    #basic_board .board-list table tbody tr td.td-num{display: none;}
    #basic_board .board-list table tbody tr td.td-subject{width:100%;margin-bottom: 8px;}
    #basic_board .board-list table tbody tr td.td-subject a{font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #323b43;}
    #basic_board .board-list table tbody tr td .notice-label{vertical-align: middle;margin-top: -3px;}
    #basic_board .board-list table tbody tr td.td-subject a .notice-label{display: inline-block;}
    #basic_board .board-list table tbody tr td.td-date{width:auto;}
    #basic_board .board-list table tbody tr td.td-date:before{content: "등록일: ";display: inline-block;}
    #basic_board .board-list table tbody tr td.td-hit{width:auto;margin-left: 16px;}
    #basic_board .board-list table tbody tr td.td-hit:before{content: "조회수: ";display: inline-block;}
}
@media all and (max-width: 768px) {
    #basic_board .board-search form{flex-wrap: wrap;}
    #basic_board .board-search select{width:100%;height: 53px;}
    #basic_board .board-search input[type="text"]{width:100%;height: 53px;}
    #basic_board .board-search button{margin:24px auto 0;width:156px;height: 47px;}
}
@media all and (max-width: 460px) {

}
/* e::리스트 */

/* s::글쓰기 */
#fwrite{}
.write-form{}
.write-form .write-row{display: flex;align-items: center;}
.write-form .write-row.v-top{align-items: flex-start;}
.write-form .write-row + .write-row{margin-top:48px;}
.write-form .write-row .write-label{width:192px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.write-form .write-row .write-field{width:calc(100% - 192px);}
.write-form .write-row .write-field input[type="text"]{width:100%;height: 57px; padding:0 16px;border-radius: 4px;border: solid 1px #909090;background:#fff;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;}
.write-form .write-row .write-field input[type="text"]::placeholder{color: #717171;}
.write-form .write-row .write-field .input-wrap{display: flex;gap:32px;align-items: center;}
.write-form .write-row .write-field .input-wrap input[type="text"]{width:calc(100% - 116px);}
.write-form .write-row .write-field textarea{width:100%;height:276px;padding:16px;border: solid 1px #909090;background:#fff;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;resize: none;}
.write-form .write-row .write-field .file-item + .file-item{margin-top:20px;}
.write-form .write-row .write-field .file-item input[type="file"]{ font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #909090;}
.write-btns{margin-top:64px;display: flex;justify-content:center;gap:16px;}
.write-btns .btns{display: flex;width:144px;height: 51px;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;border-radius: 4px;}
.write-btns .btn-cancel{color:#323b43;border: solid 1px #323b43;background: #fff;}
.write-btns .btn-submit{background-color: #323b43;color:#fff;}


@media all and (max-width: 1420px) {

}
@media all and (max-width: 1280px) {

}
@media all and (max-width: 1024px) {
    .write-form .write-row{}
    .write-form .write-row .write-label{width:152px;}
    .write-form .write-row .write-field{width:calc(100% - 152px);}
    .write-form .write-row .write-field .input-wrap{flex-direction: column;gap:16px;align-items: flex-start;}
    .write-form .write-row .write-field .input-wrap input[type="text"]{width:100%;}
}
@media all and (max-width: 768px) {
    .write-form .write-row{flex-direction: column;gap:8px;align-items: flex-start;}
    .write-form .write-row .write-label{width:100%;}
    .write-form .write-row .write-field{width:100%;}
    .write-form .write-row + .write-row{margin-top:32px;}
    .write-btns{gap:16px;}
    .write-btns .btns{width:92px;height: 43px;}
}
@media all and (max-width: 460px) {

}
/* e::글쓰기 */

/* s::상세 */
.view-board{}
.view-board .view-head{}
.view-board .view-head .view-title-area{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 24px;}
.view-board .view-head .view-title-area h2{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #2f4f7e;max-width: calc(100% - 120px);}
.view-board .view-head .view-title-area .modify-btns{display: flex;gap:8px;}
.view-board .view-head .view-title-area .modify-btns a{display:inline-block; padding: 8px 24px;border-radius: 4px;border: solid 1px #323b43;background: #fff;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #323b43;}
.view-board .view-group{border-top:1px solid #2f4f7e;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom:1px solid #2f4f7e;}
.view-board .view-info{display: flex;border-bottom: 1px solid #d9d9d9;}
.view-board .view-info > div{width:50%;display: flex;align-items: center;}
.view-board .view-info > div .col1{width:100px;padding: 12px 16px;background: #f8f8f8;font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #323b43;display: flex;align-items: center;}
.view-board .view-info > div .col2{padding: 12px 16px;width:calc(100% - 100px);font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.view-board .view-file{display: flex;border-bottom: 1px solid #d9d9d9;}
.view-board .view-file .col1{width:100px;padding: 12px 16px;background: #f8f8f8;font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #323b43;display: flex;align-items: center;}
.view-board .view-file .col2{width:calc(100% - 100px);font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.view-board .view-file .col2 ul{}
.view-board .view-file .col2 ul li{padding: 12px 16px;}
.view-board .view-file .file-download{display: flex;align-items: flex-start;justify-content: space-between;}
.view-board .view-file .file-download .file-name{position:relative;padding-left:22px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;text-decoration: underline;}
.view-board .view-file .file-download .file-name:before{content: "";position: absolute;top:4px;left:0;width:14px;height: 14px;background: url(/theme/basic/img/icon/icon_file.svg) no-repeat;background-size: cover;}
.view-board .view-file .file-download .right{display: flex;align-items: center;gap:24px;}
.view-board .view-file .file-download .right .file-size{font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #717171;}
.view-board .view-file .file-download .right .file-count{position: relative;display:flex;align-items: center;height: 27px;padding: 0 8px 0 29px;border-radius: 4px;border: solid 1px #323b43;background: #fff;}
.view-board .view-file .file-download .right .file-count:before{content: "";position: absolute;top:6px;left:8px;display:block;width:13px;height:13px;background: url(/theme/basic/img/icon/icon_dwn2.svg) no-repeat;background-size: cover;}
.view-board .view-content{padding:24px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.32px;color: #323b43;}
.view-board .view-nav{margin-top:33px;border: 1px solid #d9d9d9;}
.view-board .view-nav ul{}
.view-board .view-nav ul li{display: flex;}
.view-board .view-nav ul li strong{width:100px;padding:12px 16px; font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #323b43;background: #f8f8f8;}
.view-board .view-nav ul li span{width:calc(100% - 100px);padding:12px 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.view-board .view-nav ul li a{width:calc(100% - 100px);padding:12px 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.view-board .view-nav ul li + li{border-top: 1px solid #d9d9d9;}
.view-board .view-btns{margin-top:64px;display: flex;gap:16px;justify-content: center;}
.view-board .view-btns a{display: flex;align-items: center;justify-content: center;width:144px;height:51px;border-radius: 4px;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;}
.view-board .view-btns .btn-modify{border: solid 1px #323b43;background: #fff;color: #323b43;}
.view-board .view-btns .btn-list{background:#323b43;color:#fff;}

@media all and (max-width: 1420px) {

}
@media all and (max-width: 1280px) {

}
@media all and (max-width: 1024px) {
    .view-board .view-head .view-title-area{flex-direction: column;gap: 24px;margin-bottom: 16px;}
    .view-board .view-head .view-title-area h2{max-width:100%;}
    .view-board .view-head .view-title-area .modify-btns{justify-content: flex-end;width:100%;}
    .view-board .view-head .view-title-area .modify-btns a{padding:5px 24px;}
}
@media all and (max-width: 768px) {
    .view-board .view-head .view-title-area{gap:16px;}
    .view-board .view-head .view-title-area h2{font-size:20px;}
    .view-board .view-head .view-title-area .modify-btns a{font-size:14px;}
    .view-board .view-head .view-title-area .modify-btns a{padding:6px 24px;}
    .view-board .view-info{flex-direction: column;border-bottom: 0;}
    .view-board .view-info > div{width:100%;}
    .view-board .view-info > div .col1{width:67px;font-size: 14px;font-weight: bold;letter-spacing: -0.42px;padding:11px 8px;}
    .view-board .view-info > div .col2{width: calc(100% - 67px);font-size: 14px;letter-spacing: -0.42px;padding:11px 8px;}
    .view-board .view-file{}
    .view-board .view-file .col1{width:67px;font-size: 14px;font-weight: bold;letter-spacing: -0.42px;padding:11px 8px;}
    .view-board .view-file .col2{width: calc(100% - 67px);font-size: 14px;letter-spacing: -0.42px;}
    .view-board .view-file .col2 ul li{padding:11px 8px;}
    .view-board .view-file .file-download .file-name{font-size:14px;width: calc(100% - 65px);}
    .view-board .view-file .file-download .right{flex-direction: column-reverse;gap:12px;align-items: flex-end;}
    .view-board .view-file .file-download .right .file-size{font-size:12px;}
    .view-board .view-content{padding:12px 17px;}
    .view-board .view-nav ul li strong{width:68px;font-size:14px;}
    .view-board .view-nav ul li span{width:calc(100% - 68px);font-size:14px;}
    .view-board .view-nav ul li a{width:calc(100% - 68px);font-size:14px;}
    .view-board .view-btns a{width:92px;height:43px;}
}
@media all and (max-width: 460px) {

}
/* e::상세 */