@charset "utf-8";

/* button */
.board_wrap .btn_25,
.board_wrap .btn_35,
.board_wrap .btn_40,
.board_wrap .btn_44,
.popup_wrap .btn_25,
.popup_wrap .btn_35,
.popup_wrap .btn_40,
.popup_wrap .btn_44  {border-radius: 0; text-decoration:none;}

/* selectbox */
select {display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 12px; border: 1px solid #E5E5E5; background: url('../images/sub/select_D.svg') right 12px center no-repeat; cursor: pointer; font-size: inherit; color:#03102B;  font-family: 'pretendard', sans-serif; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#03060e;}

/* check selectbox */
.ch_sel_wrap {position:relative;}
.ch_sel_wrap .select-btn {display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 30px 0 12px; border: 1px solid #E5E5E5; background: url('../images/sub/select_D.svg') right 12px center no-repeat; cursor: pointer; line-height:32px;}
.ch_sel_wrap .select-box {
    position:absolute; display:none; box-sizing:border-box; padding:0 10px 10px;
    width:100%; border: 1px solid #E5E5E5; box-sizing:border-box; top:34px;
    background:white
}
.ch_sel_wrap .select-box ul{padding:0; margin:0;}
.ch_sel_wrap .select-box li {border-bottom:1px solid #E5E5E5; height:30px; line-height:30px; list-style:none; padding:0; margin:0;}

/* input */
input[type="text"],
input[type="password"],
input[type="file"] {display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 12px; border: 1px solid #E5E5E5; font-size: inherit; font-family: 'pretendard', sans-serif; font-weight: 400;}
input[type="text"].calendar {background: url('../images/sub/icon_calendar.svg') right 12px center no-repeat; }

input[type="radio"]:not(:first-child),
input[type="checkbox"]:not(:first-child) {margin-left: 8px;}
input[type="radio"]+label,
input[type="checkbox"]+label {margin-left: 4px;}

/* board top area*/
.b_top_area {display: flex; margin-bottom: 50px; justify-content: flex-end;}
.b_top_area * {font-size: 14px;}
.b_top_area .btn_wrap {margin-left: auto;}

/* board search area */
.b_search {display: inline-flex; width: 70%; align-items: center; gap: 10px; flex-wrap: wrap; border:none; padding:0; margin:0; font-family: 'pretendard', sans-serif; font-weight: 400; color:#03060e;}
.b_search > div {height: 35px;}
.b_search > .sel_wrap {flex: 0 0 120px;}
.b_search > .input_wrap {flex: 0 0 130px;}
.b_search > .ch_wrap {box-sizing: border-box; padding: 0 12px; border: 1px solid #E5E5E5; line-height: 32px; text-align: center;}
.b_search > .ch_wrap label {margin-left: 2px; color: #8D8D8D;}

.b_search > .s_wrap{display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; border:none; padding:0; margin:0;}
.b_search > .s_wrap > div {height: 35px;}
.b_search > .s_wrap > .sel_wrap {flex: 0 0 120px;}
.b_search > .s_wrap > .input_wrap {flex: 0 0 130px;}
.b_search > .s_wrap > .ch_wrap {box-sizing: border-box; padding: 0 12px; border: 1px solid #E5E5E5; line-height: 32px; text-align: center;}
.b_search > .s_wrap > .ch_wrap label {margin-left: 2px; color: #8D8D8D;}

/* btn wrap */
.btn_wrap {font-size: 0;}
.btn_wrap a{text-decoration:none; font-family: 'pretendard', sans-serif; font-weight: 400; font-size:14px;}
.btn_wrap .btn_35:not(:last-child) {margin-right: 10px;}

.btn_wrap .btn_35.excel span {margin-left: 4px; color: #1D6B41;}

/* post number + comment number */
.b_cont_area .post_num,
.b_cont_area .comm_num {font-weight: 500; margin-bottom: 10px; font-family: 'pretendard', sans-serif;}
.b_cont_area .post_num em,
.b_cont_area .comm_num em {font-weight: 600; font-family: 'pretendard', sans-serif; font-style:normal;}
.post_cont{width:100%; padding: 15px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5;}

/* table */
.board {display: table; width: 100%; border-top: 3px solid #363636; table-layout: fixed; padding:0; margin:0; list-style:none;}
.board .thead,
.board .tbody {display: table-row;}
.board .th,
.board .td {display: table-cell; vertical-align: middle; box-sizing: border-box; padding: 7px 14px; border-bottom: 1px solid #EFEFEF; height: 50px; font-family: 'pretendard', sans-serif; font-weight: 400;}
.board.list .th a,
.board.list .td a{text-decoration:none; color:#03102B;}
.board .th {font-size: 16px; font-weight: 500;}
.board .td {font-size: 15px;}
.board .thead .th {border-color: #C7C7C7; height: 45px;}
.board .tbody .th {background-color: #FBFBFB;}

.board .th.Ast::before {content: "* "; color: #F63F22; font-size: inherit; font-weight: inherit;}

/* board-list */
.board.list .b_tit {width: 54%;}
.board.list .b_date {width: 11%;}
.board.list .b_tit a {display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;}
.board.list .b_tit a.new::before {content: "N"; display: inline-block; vertical-align: middle; width: 17px; height: 17px; border-radius: 50%; background-color: #F6A122; color: #fff; text-align: center; line-height: 17px; font-size: 13px; margin-right: 6px; margin-top: -3px;}
.board.list .td .reply::before {content: "┖ [RE]"; display: inline-block; margin-right: 6px; color: #F6A122; font-weight: 500;}
.board.answer .td h6.reply {font-size: inherit;}
.board.answer .td .re_cont {margin-top: 10px; line-height: 1.6; font-size: inherit;}
.board.answer .td .re_cont + .btn_wrap {margin-top: 10px;}
.board.answer .td .btn_wrap .btn_25 {display: inline-block; vertical-align: middle; width: 46px; margin-right: 5px;}
.board.answer .attach_file .file {display: block; width: fit-content; font-size: inherit;}
.board.answer .attach_file .file:hover {text-decoration: underline;}
.board.answer .attach_file .file::before {content: url('../images/sub/icon_file.svg'); display: inline-block; vertical-align: middle; margin-top: 3px; margin-right: 4px;}

/* board-list (목록없는 경우) */
.board.list_none {display: block;}
.board.list_none .thead,
.board.list_none .tbody {display: flex; align-items: center; justify-content: center;}
.board.list_none .th,
.board.list_none .td {flex-grow: 1; flex-shrink: 0;}
.board.list_none .th {line-height: 30px;}
.board.list_none .td {line-height: 35px;}

/* board-view */
.board.view {border-top: 3px solid #363636;}
.board.view .b_tit {box-sizing: border-box; padding: 24px 4px; border-bottom: 1px solid #EFEFEF; font-size: 20px; font-weight: 600; margin:0; font-family: 'pretendard', sans-serif;}
.board.view .b_tit .category {font-size: inherit; font-weight: inherit;}
.board.view .write_info,
.board.view .ex_field {display: flex; flex-wrap: wrap; gap: 10px; box-sizing: border-box; padding: 14px 4px; border-bottom: 1px solid #EFEFEF; font-family: 'pretendard', sans-serif; list-style:none; margin:0;}
.board.view .write_info li,
.board.view .ex_field li {font-size: 14px; color: #4D4D4D; font-family: 'pretendard', sans-serif;}
.board.view .write_info li span,
.board.view .write_info li a {font-size: inherit; color: inherit;}
.board.view .file_area {padding: 14px 4px; border-bottom: 1px solid #EFEFEF; font-family: 'pretendard', sans-serif;}
.board.view .file_area span,
.board.view .file_area a {font-size: 14px; color: #4D4D4D; margin-right: 6px; display: block; width: fit-content; line-height: 1.6;}
.board.view .file_area a:hover {text-decoration: underline; color: #03102B;}
.board.view .b_cont {box-sizing: border-box; padding: 24px 4px; border-bottom: 1px solid #EFEFEF; min-height: 200px;}
.board.view .recom_area {box-sizing: border-box; margin-top: 20px; padding: 14px; background-color: #f7f7f7;}
.board.view .recom_area .btn_wrap .btn_44 {margin: 0 5px;}
.board.view .recom_area .btn_wrap .btn_44 img {margin-right: 4px;}
.board.view .appr_area {margin-top: 28px; font-family: 'pretendard', sans-serif;}
.board.view .appr_area p em {font-weight: 500; font-style:normal;}
.board.view .appr_area .rd_wrap {display: inline-flex; justify-content: center; margin-top: 10px; list-style:none; margin:0; padding:0;}
.board.view .appr_area .rd_wrap li input[type="radio"] {display: none;}
.board.view .appr_area .rd_wrap li label {display: block; width: 100%; height: 35px; margin-left: 0; box-sizing: border-box; padding: 0 20px; border: 1px solid #E5E5E5; line-height: 33px; background-color: #FBFBFB; color: #7E7E7E; cursor: pointer; position: relative;}
.board.view .appr_area .rd_wrap li:not(:last-child) label {border-right: none;}
.board.view .appr_area .rd_wrap li input[type="radio"]:checked + label {border-color: #F6A122; background-color: #FEF5E8; color: #F6A122;}
.board.view .appr_area .rd_wrap li input[type="radio"]:checked + label::after {content: ""; display: block; width: 1px; height: 35px; background-color: #F6A122; position: absolute; right: -1px; top: -1px; z-index: 2;}

/* board-comm */
.board.comm{list-style:none; padding:0;}
.board.comm li {padding: 14px 4px; border-bottom: 1px solid #EFEFEF; font-family: 'pretendard', sans-serif; font-weight: 400;}
.board.comm .comm_input .rd_wrap {box-sizing: border-box; margin-bottom: 10px;}
.board.comm .comm_input .input_area {display: flex; align-items: center; gap: 10px;}
.board.comm .comm_input .input_area .input_wrap {height: 70px; flex: 1 1 0;}
.board.comm .comm_input .input_area .input_wrap textarea{ height:70px; border: 1px solid #E5E5E5; font-family: 'pretendard', sans-serif; font-weight: 400; font-size: 16px; color: #03102B; vertical-align:middle; box-sizing: border-box;}

.board.comm .comm_view p{padding:0; margin:0; }
.board.comm .comm_view .writer {font-weight: 500; margin:0 0 10px 0; font-size:16px;}
.board.comm .comm_view .date {font-size: 14px; color: #A1A1A1; margin-top: 4px;}
.board.comm .comm_view .btn_wrap {margin-top: 15px;}
.board.comm .comm_view .btn_wrap .btn_25:not(:first-child) {margin-left: 5px;}

/* board-nepre */
.board.nepre .th {width: 12%;}
.board.nepre .th img {width: 18px; height: 18px;}
.board.nepre .b_tit {width: 50%;}
.board.nepre .b_tit a {display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: 'pretendard', sans-serif; font-weight: 400; font-size: 16px; color: #03102B; letter-spacing: -0.04em; text-decoration:none;}

/* board-write */
.board.write .th {width: 16%;}
.board.write .td .calendar {width: 140px;}
.board.write .td .editor {width: 100%; height: 700px; box-sizing: border-box; border: 1px solid #E5E5E5; padding: 7px 14px;}
.board.write .td #file-list {background-image: none; padding: 7px 14px;}
.board.write .td #file-list option {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%;}
.board.write .td .attach_area {display: flex; align-items: center; gap: 5px; margin-top: 10px;}
.board.write .td .attach_area .input_wrap {height: 35px;}
.board.write .td .attach_area .input_wrap input {padding: 3px 12px;}

/*board-gallery*/
.board.gallery li {width: 25%; padding:10px 1% 10px 1%; float: left; box-sizing: border-box; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.board.gallery li:nth-child(4n+1) {border-left:none;}
.board.gallery li:nth-child(-n+4) {padding-top: 10px;}
.board.gallery li img {display: block; width: 100%; height: 180px;}
.board.gallery li .title {display: block; margin-top: 12px; margin-bottom: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; font-size: 16px; font-weight: 500; text-decoration: none; color: #333; font-family: 'pretendard', sans-serif; font-style:normal;}
.board.gallery li .item_info span {color: #999; margin-right: 6px; font-size: 14px; font-family: 'pretendard', sans-serif; font-style:normal;}

/* paging */
.paging {display: flex; align-items: center; justify-content: center; gap: 20px; margin: 40px 0 0 0; padding:0;}
.paging li{margin:0; padding:0; list-style:none;}
.paging li a{text-decoration:none; color:#03102B;}
.paging .btn {display: inline-block; width: 18px; height: 18px; line-height:18px;}
.paging .btn img {height: 100%; margin-top: -2px; vertical-align:middle;}
.paging li .on {color: #F6A122; font-weight: 500;}

/* table top area */
.t_top_area {display: flex; height: 25px; align-items: center; gap: 8px; margin-bottom: 10px;}
.t_top_area .post_num {margin: 0;}
.t_top_area select {width: 90px; font-size: 14px;}

/* 메모보고 - 목록 */
.memo_report .board.list .b_num {width: 8%;}
.memo_report .board.list .b_type {width: 8%;}
.memo_report .board.list .b_tit {width: 38%;}
.memo_report .board.list .b_recipient {width: 14%;}
.memo_report .board.list .b_date {width: auto;}

/* 메모보고 - 상세 */
.memo_report.view .t_top_area h5 {font-size: 18px; font-weight: 600;}
.memo_report.view .t_top_area .btn_25 {margin-left: auto;}

/* 메모보고 - 작성 */
.memo_report.write .recipients_list {display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; margin-top: 10px; padding: 4px 8px; gap: 12px; background-color: #f7f7f7; list-style:none;}
.memo_report.write .recipients_list li {font-size: 15px; line-height:17px;}
.memo_report.write .recipients_list li .btn_delete img {width: 17px; height: 17px; margin-left: 6px;}

/* 오류 페이지 */
.error_wrap {padding-top: 150px; text-align: center;}
.error_wrap p {margin-top: 20px; font-size: 26px; font-weight: 600;}

/* 조직도 */
.board_wrap.organ {display: flex; align-items: flex-start; gap: 40px;}
.organ .tree_area {flex: 0 0 390px; box-sizing: border-box; border: 1px solid #E1E1E1; padding: 24px;}
.organ .member_area {flex: 1 0 0;}
.organ .member_area .search_wrap {display: flex; width: 324px; gap: 10px; margin:0; padding:0; border:none;}
.organ .member_area .search_wrap .input_wrap {flex: 0 0 246px;}

.organ .board.list .mem_part {width: 60%;}

/* 조직도 선택 */
.tree_view {height: 320px; overflow-y: auto; list-style:none; margin:0; padding:0;}

.tree_view .dth2,
.tree_view .dth3,
.tree_view .dth4,
.tree_view .dth5,
.tree_view .dth6 {padding-left: 30px; list-style:none;}

.tree_view .dth3,
.tree_view .dth4,
.tree_view .dth5,+++
.tree_view .dth6 {display: none;}

.tree_view .dth2 li,
.tree_view .dth3 li,
.tree_view .dth4 li,
.tree_view .dth5 li,
.tree_view .dth6 li {margin-top: 4px;}

.tree_view .ch_wrap input[type="checkbox"] {display: none;}
.tree_view .ch_wrap input[type="checkbox"] + label {display: inline-block; vertical-align: middle; cursor: pointer; font-family: 'pretendard', sans-serif;}
.tree_view .ch_wrap input[type="checkbox"] + label::before {content: url('../images/sub/icon_tree_close.svg'); display: inline-block; vertical-align: middle; margin-right: 10px; font-family: 'pretendard', sans-serif;}
.tree_view .ch_wrap input[type="checkbox"]:checked + label::before {content: url('../images/sub/icon_tree_open.svg');}

/* popup */
.popup {box-sizing: border-box; padding: 25px 30px 30px;}
.popup_wrap .pop_tit {display: flex; align-items: center; margin: 0 0 30px 0; font-family: 'pretendard', sans-serif;}
.popup_wrap .pop_tit span {font-size: 20px; font-weight: 600;}
.popup_wrap .pop_tit .btn_close {display: inline-block; margin-left: auto;}

/* 조직도 선택 */
.popup_wrap .tree_view {box-sizing: border-box; border: 1px solid #E1E1E1; padding: 15px;}
.popup_wrap .tree_view .ch_wrap input[type="checkbox"] {display: inline-block; margin-top: -3px;}
.popup_wrap .search_wrap {display: flex; align-items: center; margin: 0 0 15px 0; padding:0; border:none;}
.popup_wrap .search_wrap .input_wrap {height: 35px;}
.popup_wrap .search_wrap .btn_35 {margin-left: 10px; flex: 0 0 68px;}

.popup.sel_member .sel_mem_area {display: flex; gap: 30px; margin-top: 15px;}
.popup.sel_member .sel_mem_area .tree_wrap {flex: 1 0 0;}
.popup.sel_member .sel_mem_area .tree_wrap h4 {text-align: center; margin-bottom: 10px; font-family: 'pretendard', sans-serif;}
.popup.sel_member .sel_mem_area .btn_wrap {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px;}
.popup.sel_member .sel_mem_area .btn {display: block; width: 30px; height: 30px; margin: 0 auto; box-sizing: border-box; border: 1px solid #E5E5E5; text-align: center; line-height: 28px;}

/* 프로그램 팝업 */
.popup_wrap .dim {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.6);}
.popup_wrap.drag_active .dim {display: block;}
.popup.upload {width: 800px; max-height: 600px; border: 1px solid #ccc; overflow-y: auto; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); z-index: 2;}
.popup_wrap.drag_active .popup.upload {border: 0;}
.popup.upload .board .td {height: 40px; font-size: 14px;}
.popup.upload .board .chbox {width: 10%; text-align: center;}
.popup.upload .board .chbox input[type="checkbox"] {width: 14px; height: 14px; margin: 0; margin-top: -2px;}
.popup.upload .board .chbox label {display: none;}
.popup.upload .board .prog {width: 40%;}
.popup.upload .board .prog progress {width: 100%; -webkit-appearance: none;}
.popup.upload .board .prog progress::-webkit-progress-bar {background-color: #ECECEC;}
.popup.upload .board .prog progress::-webkit-progress-value {background-color: #F7B34E;}
.popup.upload .board .file {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%;}

.popup.upload .drag_area {display: none; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 3; box-sizing: border-box; border: 3px dashed #F6A122;}
.popup_wrap.drag_active .popup.upload .drag_area {display: flex;}
.popup.upload .drag_area p {margin-top: 30px; font-size: 22px; font-weight: 600; color: #C7C7C7;}

/* responsive */
@media all and (max-width: 1380px) {
    /* board top area*/
    .b_top_area {flex-wrap: wrap; justify-content: flex-end;}

    /* board search area */
    .b_search {display: flex; width: 100%; margin-right: 0;}

    /* btn wrap */
    .btn_wrap {margin-top: 20px;}

    /* table */
    .board.list .b_tit {width: 40%;}
    .board.list .b_date {width: 16%;}

    /* board - view */
    .board.view .recom_area .btn_wrap {margin-top: 0;}
}

@media all and (max-width: 890px) {
    /* table */
    .board.list .b_tit {width: 32%;}
    .board.list .b_date {width: 19%;}

    /* board-nepre */
    .board.nepre .th {width: 32%;}
    .board.nepre .b_tit {width: 100%;}
    .board.nepre .td:not(.b_tit) {display: none;}

    /* 조직도 */
    .board_wrap.organ {flex-wrap: wrap;}
    .organ .tree_area {flex: 0 0 100%;}
    .organ .member_area {flex: 0 0 100%;}
}

@media all and (max-width: 840px) {
    /* board search area */
    .b_search {gap: 5px;}
}

@media all and (max-width: 780px) {
    /* board top area*/
    .b_top_area {justify-content: flex-end;}

    /* board search area */
    .b_search {flex-wrap: wrap;}
    .b_search > .sel_wrap,
    .b_search > .input_wrap {flex: 1 0 33%;}

    /* table */
    .board.list .thead {display: none;}
    .board.list .tbody {display: block; border-bottom: 1px solid #EFEFEF; text-align: left;}
    .board.list .td {display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; vertical-align: middle; border-bottom: none;}
    .board.list .b_tit {width: 88%;}
    .board.post .b_tit {width:100%}
    .board.list .b_date {width: auto;}
    .board .td.file_none {display: none;}

    /* board-list */
    .board.answer .td {height: auto; line-height: 1.6;}
    .board.answer .td h6.reply {margin-top: 5px;}
    .board.answer .td .re_cont {margin-top: 0;}
    .board.answer .attach_file {padding-top: 15px;}

    /* board-write */
    .board.write .th {width: 24%;}
    .board.write .td .attach_area {flex-wrap: wrap;}
    .board.write .td .attach_area .input_wrap {width: 100%;}

    /* 메모보고 - 목록 */
    .memo_report .board.list .b_num ,
    .memo_report .board.list .b_type,
    .memo_report .board.list .b_recipient {width: auto; font-size: 14px;}
    .memo_report .board.list .b_tit {width: 100%;}

    /* 조직도 선택 */
    .popup.sel_member .sel_mem_area {flex-wrap: wrap;}
    .popup.sel_member .sel_mem_area .tree_wrap {flex: 0 0 100%;}
    .popup.sel_member .sel_mem_area .btn_wrap {flex-direction: row; margin: 0 auto;}
    .popup.sel_member .sel_mem_area .btn_wrap .btn {transform: rotate(90deg);}
    
    /* board-gallery */
    .board.gallery li {width:50%;}
    .board.gallery li:nth-child(2n+1) {border-left:none;}
    .board.gallery li img {height: 120px;}
    .board.gallery li .item_info span {display: block; margin-right: 0;}
}

@media all and (max-width: 540px) {
    /* board-write */
    .board.write .th {width: 35%;}

    /* 조직도 */
    .organ .member_area .search_wrap {width: 100%;}
    .organ .member_area .search_wrap .input_wrap {flex: 1 0 0;}
    .organ .board.list .mem_part {width: auto;}
}

@media all and (max-width: 460px) {
    /* board search area */
    .b_search > .sel_wrap,
    .b_search > .input_wrap {flex: 1 0 45%;}

    /* table */
    .board.list .b_tit {width: 72%;}

    /* board-view */
    .board.view .appr_area .rd_wrap {flex-wrap: wrap; justify-content: flex-start;}
    .board.view .appr_area .rd_wrap li {flex: 0 0 50%;}
    .board.view .appr_area .rd_wrap li:nth-child(even) label {border: 1px solid #E5E5E5;}

    /* paging */
    .paging {gap: 10px;}
    .paging .btn {width: 14px; height: 14px;}
    .paging li a {font-size: 14px;}

    /* 조직도 선택 */
    .popup .tree_view .dth2,
    .popup .tree_view .dth3,
    .popup .tree_view .dth4,
    .popup .tree_view .dth5,
    .popup .tree_view .dth6 {padding-left: 15px;}
    .popup .tree_view .ch_wrap input[type="checkbox"] + label {font-size: 14px;}
}

@media all and (max-width: 342px) {
    /* btn wrap */
    .btn_wrap .btn_35:not(:last-child) {margin-right: 5px;}

    /* table */
    .board.list .b_tit {width: 65%;}

    /* board-view */
    .board.view .appr_area p span:first-child {display: block;}

    /* 오류 페이지 */
    .error_wrap img {width: 220px;}
}