@charset "UTF-8";

/* 트리 */
#_JW_reGn_basic ._reGnContainer{display:flex;flex-wrap:wrap;justify-content:space-between}
#_JW_reGn_basic ._reGnContainer ._reGnTree{overflow:auto;width:56rem;height:79.5rem;margin-bottom:2rem;padding:0;background-color:#f9f9f9;border:.1rem solid #f2f2f2;border-top:.3rem solid #2c2c2c}
#_JW_reGn_basic ._reGnTreeInfo{width:calc(100% - 56rem); padding-left: 4rem;}

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

.jstree-default .jstree-wholerow-hovered{background:transparent}
.jstree-default .jstree-node{min-height:1.5rem;line-height:1.5rem}
.jstree-default .jstree-wholerow-clicked{background:transparent}
.jstree-default .jstree-wholerow{height:1.5rem}
.jstree-default .jstree-icon:empty{width:2rem;height:1.4rem}
.jstree-default .jstree-anchor{font-family:pm;font-size:1.6rem;color:#222;line-height:1.5rem}
.jstree-default > .jstree-container-ul > .jstree-node{padding:3rem 0 0 2rem}
.jstree-default .jstree-node{margin-left:2.1rem}
.jstree-default > .jstree-container-ul > .jstree-node > i {display: none;}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-anchor > .jstree-icon{background:url(../images/depth_1_icon.png) no-repeat center center / contain;margin-right:.9rem;width:2rem;height:1.4rem}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children{margin-top:.7rem}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node{margin-bottom:.8rem}
.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:#00508f}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor.jstree-clicked::after{content:"";display:block;position:absolute;right:0;bottom:.6rem;width:calc(100% - 2.4rem);height:.1rem;background-color:#00508f}
.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:.9rem;width:1.5rem;height:1.5rem}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children{margin:.5rem 0 0 0}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node{margin-bottom:.3rem;margin-left:.4rem}
.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-children{margin:0 0 1.2rem 0}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor{font-family:pr;font-size:1.4rem;color:#222;line-height:1.5rem;padding:0}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor.jstree-clicked{color:#00a5e3}
.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:.6rem;width:calc(100% - 2rem);height:.1rem;background-color:#00a5e3}
.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:.9rem;width:1.1rem}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-children .jstree-anchor{font-family:pr;font-size:1.4rem;color:#222;line-height:1.5rem;padding:0}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node .jstree-icon{background:url(../images/depth_3_icon.png) no-repeat center center;margin-right:.9rem;width:1.1rem}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-icon{width:2rem;height:1.4rem;background:url(../images/depth_line.png) no-repeat center center;margin-right:0}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-children .jstree-anchor.jstree-clicked{color:#00a5e3}
.jstree-default > .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-children > .jstree-node > .jstree-children .jstree-anchor.jstree-clicked::after{content:"";display:block;position:absolute;right:0;bottom:.6rem;width:calc(100% - 2rem);height:.1rem;background-color:#00a5e3}

.artclSerch{overflow:hidden;margin-bottom:1rem}

/* 서치 */
.artclSerch{display:flex;justify-content:end;margin-bottom:3rem}
.board-serch{position:relative}
.board-serch fieldset{display:flex;flex-wrap:wrap;width:45rem;border-bottom:.2rem solid #444}
.board-serch ._selectBox{width:10.4rem;border:0;font-family:pm;font-size:1.6rem;color:#777;appearance:none;-moz-appearance:none;background:url(../images/selectbox_arrow.png) no-repeat right center;padding:0 1.5rem}
.board-serch .search-button{position:relative;width:34.6rem}
.board-serch #findWord{width:100%;font-family:pm;font-size:1.6rem;color:#777;padding:1.15rem 4.5rem 1.15rem 2.5rem}
.board-serch ._button{position:absolute;right:0;top:0;width:4.5rem;height:4.5rem}
.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}

/* 규정집 테이블 */
.boardWrap{margin-bottom:5rem}
.boardWrap table{position:relative;width:100%;border-top:.2rem solid #2c2c2c;border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:center;font-size:1.4rem}
.boardWrap table caption{display:none}
.boardWrap table th{background-color:#f8f8f8;color:#000;font-family:pm;font-weight:400;border-bottom:.1rem solid #dcdcdc;border-right:.1rem solid #dcdcdc;padding:1.5rem .5rem;font-size:1.7rem}
.boardWrap table th:last-child{border-right:0}
.boardWrap table td{position:relative;border-bottom:.1rem solid #dcdcdc;border-right:.1rem solid #dcdcdc;padding:1.5rem 1rem;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;font-family:pr;font-size:1.5rem;color:#3c3c3c}
.boardWrap table td:last-child{border-right:0}
.boardWrap table td.alignL{text-align:left}
.boardWrap table td a{display:block;font-family:pr;color:#444;transition:all ease .3s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:2.8rem;font-size:1.6rem}
.boardWrap table td a.file_down{display:block;width:3.5rem;height:3.5rem;margin:0 auto;border-radius:.5rem;border:.1rem solid #302a6c;background:#fff url(../images/search_icon2.png) no-repeat center center;text-indent:-9999px}
.boardWrap table td a.file_down:hover{background:#302a6c url(../images/search_icon1.png) no-repeat center center}
.boardWrap table td a.file_down.han{display:block;width:3.5rem;height:3.5rem;margin:0 auto;border-radius:.5rem;border:.1rem solid #1590d1;background:#fff url(../images/han_logo.png) no-repeat center center;text-indent:-9999px}
.boardWrap table td a.file_down.han:hover{background:#1590d1 url(../images/han_logo_hover.png) no-repeat center center}
.boardWrap table td img{display:block;margin:0 auto}
.boardWrap .boardTitle{color:#003d7e;font-size:1.6rem;font-weight:600}
.boardWrap th,.boardWrap td{border-right:#dddee0;border-left:#686e79}
.boardWrap .new,.boardWrap .lock,.boardWrap .clsdr,.boardWrap .link{display:inline-block;width:2rem;height:1.9rem;vertical-align:middle;margin:-.2rem 0 0 1rem;background-repeat:no-repeat;background-position:center;text-indent:-9999px}
.boardWrap .new{background-image:url(../images/new.png)}
.boardWrap .lock{background-image:url(../images/lock.png)}
.boardWrap .clsdr{background-image:url(../images/clsdr.png)}
.boardWrap .link{background-image:url(../images/link.png)}
.boardWrap .notice-title{font-family:'Noto Light';font-size:1.6rem;color:#fff;background:#008bd0;border-radius:.3rem;padding:.2rem .7rem .35rem}
.boardWrap .notice,.boardWrap .notice a{color:#008bd0}
.boardWrap .trash{color:#bbb}
.boardWrap .trash a{color:#bbb;text-decoration:line-through;max-width:calc(100% - 11rem);display:inline-block}
.boardWrap .trash a:hover{color:#bbb}
.boardWrap .trashspan{display:inline-block;font-family:pr;font-size:1.2rem;background:#a0acb5;padding:.2rem .5rem;border-radius:.3rem;color:#fff;vertical-align:middle;margin-right:1rem;margin-top:-1.2rem}
.boardWrap table td input[type="button"]{padding:.5rem 1.2rem;background:#008bd0;border-radius:.5rem;color:#fff;border:.1rem solid #0000;transition:all ease .5s}
.boardWrap table td input[type="button"]:hover{border:.1rem solid #008bd0;background:#fff;color:#008bd0;font-family:pr}
.boardWrap table td.td-etc{overflow:hidden}
.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%}
.before_nect_use .lock,.before_nect_use .clsdr,.before_nect_use .link{display:inline-block;width:2rem;height:1.9rem;vertical-align:middle;margin:-.2rem 0 0 1rem;background-repeat:no-repeat;background-position:center;text-indent:-9999px}
.before_nect_use .lock{background-image:url(../images/lock.png)}
.before_nect_use .clsdr{background-image:url(../images/clsdr.png)}
.before_nect_use .link{background-image:url(../images/link.png)}

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

@media screen and (max-width: 1100px) {
	.boardWrap table thead{display:none}
	.boardWrap table,.boardWrap table tbody{display:block;width:100%}
	.boardWrap table tbody tr{display:flex;flex-wrap:wrap;width:100%;padding:2rem;border-bottom:1px solid #d1d1d1}
	.boardWrap table tbody td{display:flex;align-items:center;height:auto;padding:0;border:0}
	.boardWrap table tbody td.td-auto{flex-grow:1;width:100%;margin:.5rem 0;font-size:1.8rem}
	.boardWrap table tbody td.td-auto a{font-size:1.8rem}
	.boardWrap table tbody td.td-date,
	.boardWrap table tbody td.td-view,
	.boardWrap table tbody td.td-down{padding-right:1rem;color:#666}
	.boardWrap table tbody td.td-num::before{content:'번호 :';padding-right:1rem}
	.boardWrap table tbody td.td-auto::before{content:'규정명 :';padding-right:1rem}
	.boardWrap table tbody td.td-date::before{content:'제(개정일) :';padding-right:1rem}
	.boardWrap table tbody td.td-down::before{content:'파일다운 :';padding-right:1rem}
	.boardWrap table tbody td.td-view::before{content:'개정사유 :';padding-right:1rem}
}

/* 규정시행공표 테이블 */
.board-table{border-top:2px solid #2c2c2c}
.board-table .col-num{width:7%}
.board-table .col-title{width:auto}
.board-table .col-date{width:12%}
.board-table .col-doc2{width:10%}
.board-table .col-reason{width:10%}
.board-table .col-doc{width:11%}
.board-table thead th{padding:1.8rem 0;background:#f8f8f8;border-bottom:1px solid #8b9099;font-family:pb;font-size:1.6rem;color:#121212}
.board-table tbody tr:hover{background:#f1f6fa}
.board-table tbody td{height:6rem;border-bottom:1px solid #e2e2e2;font-family:pm;font-size:1.6rem;text-align:center;color:#444}
.board-table tbody td.td-num{color:#666}
.board-table tbody td.td-title{text-align:left;color:#121212}
.board-table tbody td.td-title a{display:flex;align-items:center;color:#121212}
.board-table tbody td.td-title strong{overflow:hidden;position:relative;display:-webkit-inline-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.board-table tbody td.td-title strong::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#121212;transition:width .35s}
.board-table tbody td.td-title a:hover strong::after{width:100%}
.board-table tbody td .down{display:block;width:3.5rem;height:3.5rem;margin:0 auto;border-radius:.5rem;border:.1rem solid #302a6c;background:#fff url(../images/file_down.png) no-repeat center center;text-indent:-9999px}
.board-table tbody td .down:hover{background:#302a6c url(../images/file_down_hover.png) no-repeat center center}
.board-table tbody td .down.han{display:block;width:3.5rem;height:3.5rem;margin:0 auto;border-radius:.5rem;border:.1rem solid #1590d1;background:#fff url(../images/han_logo.png) no-repeat center center;text-indent:-9999px}
.board-table tbody td .down.han:hover{background:#1590d1 url(../images/han_logo_hover.png) no-repeat center center}
.board-table tbody td .view{display:block;width:3.5rem;height:3.5rem;margin:0 auto;border-radius:.5rem;border:.1rem solid #4e4e4e;background:#fff url(../images/view_icon.png) no-repeat center center;text-indent:-9999px}
.board-table tbody td .view:hover{background:#4e4e4e url(../images/view_icon_hover.png) no-repeat center center}

@media screen and (max-width: 1100px) {
	.board-table thead{display:none}
	.board-table,.board-table tbody{display:block;width:100%}
	.board-table tbody tr{display:flex;flex-wrap:wrap;width:100%;padding:2rem;border-bottom:1px solid #d1d1d1}
	.board-table tbody td{display:flex;align-items:center;height:auto;border:0}
	.board-table tbody td.td-title{flex-grow:1;width:100%;margin:.5rem 0;font-size:1.8rem}
	.board-table tbody td.td-doc,.board-table tbody td.td-doc2,.board-table tbody td.td-reason,.board-table tbody td.td-date{padding-right:1rem;color:#666}
	.board-table tbody td.td-num::before{content:'번호 :';padding-right:1rem}
	.board-table tbody td.td-doc::before{content:'전문 :';padding-right:1rem}
	.board-table tbody td.td-reason::before{content:'개정사유 :';padding-right:1rem}
	.board-table tbody td.td-date::before{content:'제(개)정일 :';padding-right:1rem}
}

/* 규정집 보기 */
.viewForm {border-top: 2px solid #2c2c2c;}
.viewForm .artclForm {display: flex;}
.viewForm .artclForm.total {padding: 2rem; border-bottom: 1px solid #e2e2e2;}
.viewForm .artclLabel {display: flex; align-items: center; flex-shrink: 0; width: 24rem; min-height: 7rem; padding: 1rem 0 1rem 3rem; background: #f5f7f9; border-bottom: 1px solid #e2e2e2; font-family: pb; font-size: 1.6rem; color: #121212;}
.viewForm .artclLabel .must {width: .8rem; height: .8rem; margin-right: 1rem; background: url('../images/ic-must.png') no-repeat center; text-indent: -99999rem;}
.viewForm .artclInsert {display: flex; align-items: center; flex-grow: 1; padding: 1rem 3rem; border-bottom: 1px solid #e2e2e2; font-family: pm; font-size: 1.6rem; color: #333;}
.viewForm .artclInsert.no-flex {display: block;}
.viewForm .total .artclInsert {display: block; width: 100%; padding-left: 0; padding-right: 0; border: 0}
.viewForm .attch .artclInsert,
.viewForm .pass .artclInsert {padding: 2rem 3rem; flex-direction: column; align-items: flex-start;}
.viewForm .artclInsert input[type="text"],
.viewForm .artclInsert input[type="password"] {height: 4.5rem; padding: 0 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.viewForm .artclInsert input[type="text"]:focus,
.viewForm .artclInsert input[type="password"]:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.viewForm .artclInsert input[type="text"].long {width: 100%;}
.viewForm .artclInsert input[type="text"].space {margin: 0;}
.viewForm .artclInsert .sel-type,
.viewForm .artclInsert .public-type {display: flex; height: 4.5rem; padding-left: 1.5rem; padding-right: 6.5rem; margin-right: 1rem; background: url('../images/ic-search-arrow.png') no-repeat calc(100% - 1.5rem) center; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.viewForm .artclInsert .sel-type:focus,
.viewForm .artclInsert .public-type:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.viewForm .artclInsert .switch {margin-left: 1rem;}
.viewForm .artclInsert .switch ul {display: flex; align-items: center;}
.viewForm .artclInsert .switch li {margin-right: 1rem;}
.viewForm .artclInsert .switch input {top: .1rem;}
.viewForm .artclInsert .tarea {width: 100%; padding: 1.5rem 2rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.viewForm .artclInsert .tarea:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.viewForm .artclInsert .space {margin: 0 1rem;}
.viewForm .artclInsert .multselBox {width: 100%; padding: 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.viewForm .artclInsert .multselBox:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.viewForm .artclInsert #thumbOrginlFile {margin-right: 1rem;}
.viewForm .artclInsert .atchmnBtns {display: flex; align-items: center; margin: 1rem 0;}
.viewForm .artclInsert .atchbtn {margin-right: 1rem;}
.viewForm .artclInsert .atchbtn input {display: flex; height: 3rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; border-radius: .5rem; font-family: pm; font-size: 1.4rem; color: #0d5dbe;}
.viewForm .artclInsert .atchbtn input:hover {background: #0d5dbe; color: #fff;}
.viewForm .artclInsert .pass-form {margin-top: 1rem;}
.viewForm .artclInsert .pass-form label {margin-right: 1rem;}

@media screen and (max-width: 1200px) {
	.viewForm .artclInsert {flex-wrap: wrap;}
	.viewForm .artclInsert .switch {width: 100%; margin-top: 1rem; margin-left: 0;}
	.viewForm .artclInsert #thumbOrginlFile {max-width: 30rem;}
}

@media screen and (max-width: 870px) {
	.viewForm .artclLabel {width: 18rem;}
}

@media screen and (max-width: 800px) {
	.viewForm .artclForm {flex-direction: column;}
	.viewForm .artclLabel {width: 100%; min-height: 5rem; padding: 1rem 2rem;}
	.viewForm .artclInsert {padding: 1rem 2rem;}
	.viewForm .artclInsert .hasDatepicker {width: 12rem;}
	.viewForm .attch .artclInsert,
	.viewForm .pass .artclInsert {padding: 1rem 2rem;}
	.viewForm .artclInsert .sel-type,
	.viewForm .artclInsert .public-type {width: 100%; margin-right: 0;}
	.viewForm .artclInsert #thumbOrginlFile {width: 100%; max-width: 100%; margin-bottom: 1rem;}
}

/* 버튼 */
.board-button .row {display: flex; justify-content: center; margin-top: 5rem;}
.btn-control .row {display: flex; justify-content: flex-end; margin-top: 5rem;}
.btn01,.btn02,.btn03,.btn04,.btn05,.btn06 {display: flex; justify-content: center; align-items: center; min-width: 13rem; height: 5rem; margin: 0 1rem; padding: 0 1.5rem; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #fff; transition: .35s;}
.btn01 {background: #00baff;}
.btn01:hover {background: #0d5dbe;}
.btn02 {background: #fff; border: 1px solid #333; color: #333;}
.btn02:hover {background: #000; color: #fff;}
.btn03 {background: #05bcd7;}
.btn03:hover {background: #006274;}
.btn04 {background: #39329c;}
.btn04:hover {background: #302a6c;}
.btn05 {background: #ff8400;}
.btn05:hover {background: #934c00;}
.btn06 {background: #9f9f9f;}
.btn06:hover {background: #616161;}

/* 페이징 */
._paging{margin-top:5rem}
._paging ._inner{display:flex;justify-content:center}
._paging ._inner ul{display:flex;align-items:center;margin:0 1rem}
._paging ._inner ul li{margin:0 .25rem}
._paging ._inner ul a,._paging ._inner ul strong{display:flex;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;border-radius:.3rem;font-family:pm;font-size:1.4rem}
._paging ._inner ul a{background:#f5f5f5;color:#555}
._paging ._inner ul strong{background:#5b5b5b;color:#fff}
._paging ._inner > a{display:flex;width:3rem;height:3.5rem;text-indent:-99999rem}
._paging ._inner ._first{background:url(../images/btn-first.png) center no-repeat}
._paging ._inner ._prev{background:url(../images/btn-prev10.png) center no-repeat}
._paging ._inner ._listPrev{background:url(../images/btn-prev.png) center no-repeat}
._paging ._inner ._listNext{background:url(../images/btn-next.png) center no-repeat}
._paging ._inner ._next{background:url(../images/btn-next10.png) center no-repeat}
._paging ._inner ._last{background:url(../images/btn-last.png) center no-repeat}
._paging ._pageState{display:none}

@media screen and (max-width:768px) {
	._paging ._pageState{display:flex;align-items:center;padding:0 1rem}
	._paging ._pageState span{font-family:pm;font-size:2.5rem;color:#000}
	._paging ._pageState ._curPage{color:#00baff}
	._paging ._pageState ._totPage::before{content:'/';margin:0 1rem}
	._paging ._inner ul{display:none}
}