@CHARSET "UTF-8";


#_JW_reGn_basic ._reGnContainer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#_JW_reGn_basic ._reGnContainer ._reGnTree {
    width: 380px;
    overflow: auto;
    padding: 0;
    height: 780px;
    border-top: 3px solid #0066b3;
    background-color: #f9f9f9;
    margin-bottom: 20px;
}

#_JW_reGn_basic ._reGnTreeInfo{width: calc(100% - 413px);}


.jstree-default .jstree-wholerow-hovered{background: transparent}
.jstree-default .jstree-node{min-height: 15px; line-height: 15px;}
.jstree-default .jstree-wholerow-clicked{background: transparent;}
.jstree-default .jstree-wholerow{height: 15px;}
.jstree-default .jstree-icon:empty{width: 15px; height: 15px;}
.jstree-default .jstree-anchor{font-size: 16px; color: #222222; font-family: "HG Regular"; line-height: 15px;}
.jstree-default>.jstree-container-ul>.jstree-node{padding: 31px 0 0 50px;}
.jstree-default>.jstree-no-dots .jstree-open > .jstree-ocl{display: none;}
.jstree-default .jstree-node{margin-left: 22px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-anchor > .jstree-icon{background: url(../images/depth_1_icon.png) no-repeat center center; margin-right: 9px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children {margin-top: 10px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node {margin-bottom: 12px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-icon {display: none;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-anchor.jstree-clicked{color: #0066b3;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-anchor.jstree-clicked::after{content:""; display: block; position: absolute; right: 0; bottom: 6px; width: calc(100% - 24px); height: 1px; background-color: #0066b3;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-anchor > .jstree-icon{background: url(../images/depth_2_icon.png) no-repeat center center; margin-right: 9px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children{margin-top: 5px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node{margin-bottom: 5px; margin-left: 4px;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node:last-child{margin-bottom: 0;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-icon {background: url(../images/depth_line.png) no-repeat center center;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor{font-size: 14px; color: #222222; line-height: 15px; padding: 0;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor.jstree-clicked{color: #00847e;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor.jstree-clicked::after{content:""; display: block; position: absolute; right: 0; bottom: 6px; width: calc(100% - 24px); height: 1px; background-color: #00847e;}
.jstree-default>.jstree-container-ul>.jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor > .jstree-icon{background: url(../images/depth_3_icon.png) no-repeat center center; margin-right: 9px;}

.artclSerch{overflow: hidden;margin-bottom: 10px;}


/***** Table *****/
.boardWrap{margin-bottom: 50px;}
.boardWrap table {border-top: 2px solid #4b585f;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px; position: relative;}
.boardWrap table caption{display:none;}
.boardWrap table th {background-color: #f1f1f1;color:#000000;font-weight: normal;border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 10px 5px;font-size: 17px; font-family: "HG Regular";}
.boardWrap table th:last-child{border-right: 0;}
.boardWrap table td {border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 17px 10px;white-space: nowrap;text-overflow: ellipsis;font-family: 'HG Regular';font-size: 16px; color: #444444; ;position:relative;}
.boardWrap table td:last-child{border-right: 0;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{font-family:'HG Regular';display: block;color:#333;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;;line-height: 28px; }
.boardWrap table td a.file_view{width: 35px; height: 35px; background: url(../images/view_icon.png) no-repeat center center; text-indent: -9999px; display: block; margin: 0 auto;}
.boardWrap table td a.file_view:hover{background: url(../images/view_icon_hover.png) no-repeat center center;}
.boardWrap table td a.file_down{width: 35px; height: 35px; background: url(../images/down_icon.png) no-repeat center center; text-indent: -9999px; display: block; margin: 0 auto;}
.boardWrap table td img{display:block;margin:0 auto;}
.boardWrap .boardTitle{color:#003d7e;font-size:16px;font-weight:600;}
.boardWrap th,
.boardWrap td{border-right:#dddee0;border-left:#dddee0;}
.boardWrap .new{background: url('../images/new.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .lock{background: url('../images/lock.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .clsdr{background: url('../images/clsdr.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .link{background: url('../images/link.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .notice-title{font-size: 16px;color:#fff;background:#008bd0;font-family: 'Noto Light';border-radius: 3px;padding:2px 7px 3.5px;}
.boardWrap .notice,
.boardWrap .notice a{color:#008bd0;}
.boardWrap .trash{color:#bbbbbb;}
.boardWrap .trash a{color:#bbbbbb;text-decoration: line-through;max-width:calc(100% - 110px);display:inline-block;}
.boardWrap .trash a:hover{color:#bbb;}
.boardWrap .trashspan{font-size:12px;font-family: 'HG Regular';background: #a0acb5;padding:2px 5px;border-radius: 3px;color:#fff;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -12px;}

.boardWrap table td input[type="button"]{padding: 5px 12px;background:#008bd0;border-radius: 5px;color:#fff;border:1px solid rgba(0,0,0,0);transition:all ease .5s;}
.boardWrap table td input[type="button"]:hover{border:1px solid #008bd0;background:#fff;color:#008bd0;font-family:'HG Regular';}
.boardWrap table td.td-etc{overflow:hidden;}

.before_nect_use .lock{background: url('../images/lock.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.before_nect_use .clsdr{background: url('../images/clsdr.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.before_nect_use .link{background: url('../images/link.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}


.boardWrap table .col-num{width:13%;}
.boardWrap table .col-auto{width:auto;}
.boardWrap table .col-date{width:14.8%;}
.boardWrap table .col-view{width:12.7%;}
.boardWrap table .col-down{width:12.7%;}

@media screen and (max-width:1200px){
.boardWrap table th{font-size:16px;}
.boardWrap table .col-file{width:12%;}
}

@media screen and (max-width:767px){
.boardWrap table{display: block;}
.boardWrap table thead{display: none;}
.boardWrap table tbody{display: block;text-align: left;}
.boardWrap table .td-title{display:block;width:100%;box-sizing: border-box;padding-top: 0;padding-bottom: 7px;line-height: 1.4;}
.boardWrap table tr{display: block;border-bottom:1px solid #dddee0;overflow: hidden;padding-bottom: 17px;padding-top: 17px;}
.boardWrap table td{border-bottom:0;float:left;padding: 0 7px 0;position: relative;}
.boardWrap table td + td + td + td:before{content:'';width:1px;height: 10px;background: #dfdfdf;position: absolute;left:0;top: 12px;}
.boardWrap table td._noData{float: none; width: 100%; text-align: center; display: block;}
.boardWrap table .td-writer,
.boardWrap table .td-write,
.boardWrap table .td-date,
.boardWrap table .td-counts,
.boardWrap table .td-file,
.boardWrap table .td-access,
.boardWrap table .td-comment,
.boardWrap table .td-etc{display: inline-block;vertical-align: top;font-size: 13px;color:#888;font-family: 'Noto Light';}
.boardWrap table .td-file img{width:15px;display: inline-block;margin-top:7px;}
}


/***** Search *****/
.artclSerch{display: flex; justify-content: end; margin-bottom: 30px;}
.board-serch{position: relative;}
.board-serch fieldset{display: flex; flex-wrap: wrap; width: 450px; border-bottom: 2px solid #444444;}
.board-serch ._selectBox{width: 104px; border: 0; font-size: 16px; font-family: "HG Regular"; color: #777777; appearance: none; -moz-appearance: none; background: url(../images/selectbox_arrow.png) no-repeat right center; padding: 0 15px;}
.board-serch .search-button{width: 346px; position: relative;}
.board-serch  #findWord{width: 100%; font-size: 16px; font-family: "HG Regular"; color: #777777; padding: 11.5px 45px 11.5px 25px;}
.board-serch ._button{position: absolute; right: 0; top: 0; width: 45px; height: 45px;}
.board-serch ._button input[type="button"]{width: 100%; height: 100%; background: url(../images/search_icon.png) no-repeat center center; text-indent: -9999px; padding: 0;}

@media screen and (max-width: 1200px) {
    .board-serch fieldset{width: 400px;}
    .board-serch ._selectBox{width: 100px;}
    .board-serch .search-button{width: 300px;}   
}

@media screen and (max-width: 768px) {
    .board-serch fieldset{width: 100%;}
    .search{width: 100%;}
    .board-serch .search-button{width: calc(100% - 100px);}
}

/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 35px;height: 35px;line-height: 32px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 2px;}
._fnctWrap ._paging ._inner ul li a{background-color: #F5F5F5 !important;border:none !important; color: #fff;border-radius:5px; color:#555; font-family: 'nl'; position: relative;}
._fnctWrap ._paging ._inner ul li a:hover {background:#e2e2e2 !important;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(../images/first-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._prev{background: url(../images/prev-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listPrev{background: url(../images/prev-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listNext{background: url(../images/next-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._next{background: url(../images/next-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._last{background: url(../images/last-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner li strong{border:none !important; border-radius:5px; background:#0066b3; color:#fff; font-family: 'nm';}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
	._fnctWrap ._paging ._inner ._pageState {display: block; font-size: 18px; font-family: 'nr'; color:#121212; line-height: 35px;}
	._fnctWrap ._paging ._inner ._curPage {position: relative; color:#0066b3;}
	._fnctWrap ._paging ._inner ._curPage::after {content:'/'; display:inline-block; margin:0 5px; color:#121212; font-family: 'nr'; }
	._fnctWrap ._paging ._inner ul {display: none;}
	._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}



@media screen and (max-width: 1200px) {
    #_JW_reGn_basic ._reGnContainer ._reGnTree{width: 100%; height: 260px;}
    .jstree-default>.jstree-container-ul>.jstree-node{padding: 30px 0 0 30px;}
    #_JW_reGn_basic ._reGnTreeInfo{width: 100%;}
}

@media screen and (max-width: 768px) {
    .boardWrap table td{border-right: 0; line-height: 35px;}
    .boardWrap table td a{line-height: 35px;}
}