@charset "UTF-8";


#_JW_reGn_basic {position:relative; min-height:865px;}
/* Tree */
#tree {width:380px; float:left; overflow:auto;padding:0; height:769px; background:#F9F9F9; border:unset; border-top:2px solid #22B2E9;}
#tree > ul {padding:25px 50px;}
#tree > ul a {font-family: 'Dream Regular'; color:#222; display: inline-block; font-size: 16px; margin-bottom: 12px; letter-spacing: -.075em; line-height: 1.5; height:auto !important; }
#tree > ul a:hover {color:#0070CF;}
#tree > ul a.jstree-clicked {font-family: 'Dream Medium'; color:#0070CF; text-decoration: underline; text-decoration-color: #0070CF;}
#tree > ul > li > a > .jstree-icon {height:22px; background:url('../images/ic-rule-depth1.png') no-repeat center;}
#tree > ul > li > ul > li > a > .jstree-icon {height:22px; background:url('../images/ic-rule-depth2.png') no-repeat center;}
#tree > ul > li > ul > li > ul > li > a {font-size: 14px;  margin-bottom: 8px;}
#tree > ul > li > ul > li > ul {margin-bottom: 5px;}
#tree > ul > li > ul > li > ul > li > a > .jstree-icon {height:20px; background:url('../images/ic-rule-depth3.png') no-repeat center;}
.jstree-default .jstree-node {height:auto !important; overflow: hidden; transition:height .3s;}
.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {display: none;}
.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {display: none;}
.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {display: none;}
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-wholerow-hovered {display: none;} 
/* search-box */
#data {width:calc(100% - 420px); float:right;}
#data .artclSerch{ margin-bottom: 20px;}
#data .artclSerch::after{content:''; display: block; clear:both;}
#data .util-search {float: left; font-family: 'Dream Regular'; font-size: 14px; margin-top: 7px; line-height: 30px;}
#data .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
#data .util-search strong {color: #dd0042;}
#data .form-search {float: right;}
#data .srchBox {position: relative; border:1px solid transparent; width:160px; float:left;background: #ebebeb ; border-radius: 25px; min-width: 160px; position: relative; text-align:left; display: inline-block; margin-right: 10px; transition:all .3s;}
#data .srchBox .src_list {padding:0 20px; background:transparent; border:0; width:100%; height:38px; font-size:14px; font-family: 'Dream Regular'; color:#777; background:url('../images/select-arrow.png') no-repeat right 15px center; }
#data .srchBox .src_list {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#data .tbl-search::after{content:''; display: block; clear:both;}
#data .tbl-search .srcName {font-size: 14px; font-family: 'Dream Regular'; color: #777; border: 0; height:38px; padding-left: 20px; width:100%; text-align:left;}
#data .tbl-search .srcName::after {content:''; width:11px; height:7px; position: absolute; right:15px; top:18px; background:url('../images/arrow-search2.png') no-repeat right center; transition:all .3s;}
#data .srchBox._on {background:#fff; border:1px solid #E6378D; border-bottom:1px solid transparent; border-radius:25px 25px 0 0;}
#data .srchBox._on .srcName::after {transform: rotate(180deg);}
#data .tbl-search ul {border-radius:0 0 25px 25px; position: absolute; width:calc(100% + 2px); left:-1px; top: 100%; z-index: 10;background:#fff;}
#data .tbl-search ul li {line-height: 40px;}
#data .box-search {position: relative; overflow: hidden; display: block; background: #ebebeb; height: 40px; line-height: 40px; padding: 0 5px 0 15px; border-radius: 100px;  width: calc(100% - 170px); }
#data .box-search input {position: relative; top: -2px; width:100%; height: 100%; background: transparent; border: 0; font-family: 'Dream Regular';}
#data .box-search .fnSubmit {position: absolute; right:0; top: 0; width: 50px; height:38px; background: url('../images/ico-search.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
._fnctWrap .fnDiv .fnRight {float:none;}
._fnctWrap .fnDiv .fnSearch fieldset {float:none;}
/* section-box end */

#data ._fnTable .regu-num{width: 170px;}
#data ._fnTable .regu-name{width: auto;}
#data ._fnTable .pdf-viewer{width: 130px;}
#data ._fnTable .history{width: 180px;}

#data .rule-table {}
#data ._fnTable {border-top:2px solid #4B585F; }
#data ._fnTable::after {content:''; display: block; clear:both;}
#data .pdf-btn span {display: inline-block; padding-right:23px; background:url('../images/ic-pdf.png') no-repeat right 1px center;}
#data .detail-btn span {display: inline-block; padding-right:23px; background:url('../images/ic-target.png') no-repeat right 1px center; color: #444444;}
#data .detail-btn span:hover{color: #e6378d; background:url('../images/ic-target-ov.png') no-repeat right 1px center; font-family: "Dream Medium";}
#data ._fnTable thead tr th {box-shadow: none; background: #E8E8E8; color: #222; font-family: "Dream Medium"; font-size: 16px; letter-spacing: -.05em; line-height: 53px; padding: 4px 0; border-bottom: 0; border-color: #DCDCDC; font-weight: normal;}
#data ._fnTable tbody tr th, #data ._fnTable tbody tr td { border-color: #DCDCDC; padding:15px 0; color:#444;}
#data ._fnTable tbody tr th, #data ._fnTable tbody tr td span{font-size: 12px; font-family: "Dream Regular"; letter-spacing: -.05em;}
#data ._fnTable tbody tr th._tdAnchor a, #data ._fnTable tbody tr td._tdAnchor a {color: #444444; text-align: center;}
#data ._view{ top: 93px; margin-left: 420px;}
#data ._areaButton{padding: 9em 0 1em 0;}
#data ._paging {padding:50px 0;}
._paging {padding: 50px 0 20px 0;}
._paging > ._inner > ul {margin: 0 5px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; background-color: #777; border-color: #777;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -105px;}
._paging ._inner a._listNext, ._paging ._inner a._next {background-position: 0 -70px;}
._paging ._inner a._listPrev, ._paging ._inner a._prev {background-position: 0 -35px;}
._paging ._inner a, ._paging ._inner strong {width:35px; height:35px;}
@media all and (max-width:1200px) {
	#tree{float: none; width: 100%; max-height: 300px; height:auto; top: 0; overflow-y:auto;}
	#data{width:100%; margin-top:30px;}
	#data .artclSerch{margin-bottom: 20px;}
	#data .rule-table {padding-left: 0;}
	#data .paging-wrap{padding-left: 0;}
	#data ._view{ top: 0px; margin-left: 0px;}
	#data ._areaButton{padding: 2em 0 1em 0;}
}

@media all and (max-width:780px) {
	#data .tbl-search {display: table; width: 100%; table-layout: fixed;}
	#data .util-search {display: none;}
	#data .form-search {float: left; width: 100%;}
	#data .box-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
	#data .box-sel select {min-width: auto; width: 100%;}

}
@media all and (max-width:768px) {
	#data ._fnTable .regu-num{width: 16%;}
	#data ._fnTable .pdf-viewer{width: 22%;}
	#data ._fnTable .history{width: 22%;}

}

@media all and (max-width:480px) {
	#data .box-search{display: inline-block; vertical-align: middle; min-width: 220px;}
}
@media all and (max-width:460px) {
	#data .srchBox {float:none; margin-bottom: 5px;}
}

.updt-pop-wrap {position: fixed; top:0; left:-999999px; width:100%; height:100%; z-index: 1002;display: flex; align-items: center; justify-content: center; background:rgba(0,0,0,0.4); visibility: hidden; opacity: 0; transition:opacity .5s ease-in-out;}
.updt-pop-wrap.on {visibility: visible; opacity: 1; left:0px;}
.updt-pop-wrap .updt-pop{max-width:900px; width:100%; min-height:600px; background:#fff; position: relative;}
.updt-pop-wrap .title {background:#22B2E9; padding:0 60px 0 30px;}
.updt-pop-wrap .title strong {font-family: 'Dream Medium'; font-size: 20px; line-height: 30px; letter-spacing: -.05em; color:#fff; padding:15px 0; display: block; background:url('../images/pop-logo.png') no-repeat right 15px center;}
.updt-pop-wrap .updt-con {padding:20px 30px; height:540px; overflow: hidden;}
.updt-pop-wrap .updt-table {overflow-y: auto; height:100%; position: relative;}
.updt-pop-wrap .updt-table::-webkit-scrollbar {width: 10px;}
.updt-pop-wrap .updt-table::-webkit-scrollbar-thumb {background-color: rgba(110,110,110,0.5); border-radius: 10px;}
.updt-pop-wrap .updt-table::-webkit-scrollbar-track {background-color: rgba(110,110,110,0.1); border-radius:10px;}
.updt-pop-wrap table {border-top:2px solid #4B585F; position: relative;}
.updt-pop-wrap table .regu-num {width:95px;}
.updt-pop-wrap table .regu-name {width:auto;}
.updt-pop-wrap table .date {width:15.5%;}
.updt-pop-wrap table .history {width:15.5%;}
.updt-pop-wrap table .file {width:14.2%;}
.updt-pop-wrap table::after{content:''; width:1px; height:100%; background:#fff; position: absolute; right:0; top:0;}
.updt-pop-wrap table thead th {background:#EEEEEE; font-family: 'Dream Medium'; font-size: 16px; line-height:53px; border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC; font-weight: normal;}
.updt-pop-wrap table tbody tr td{font-family: 'Dream Regular'; font-size: 16px; line-height: 1.5; color:#444; padding: 15px 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.updt-pop-wrap .pop-close {position:absolute; top:0; right:0; background:#4B585F;}
.updt-pop-wrap .pop-close button{width:60px; height:60px; display: inline-block; background:url('../images/close-btn.png') no-repeat center; text-indent: -9999px; cursor: pointer;}
@media all and (max-width:1024px) {
	.updt-pop-wrap {padding:0 20px;}
}
@media all and (max-width:730px) {
	.updt-pop-wrap .inner {width:100%;}
	.updt-pop-wrap table .regu-num {display: none;}
	.updt-pop-wrap table .regu-name {width:auto;}
	.updt-pop-wrap table .date {width:100px;}
	.updt-pop-wrap table .history {width:100px;}
	.updt-pop-wrap table .file {width:65px;}
	.updt-pop-wrap table thead th:first-child {display: none;}
	.updt-pop-wrap table tbody tr td:first-child {display: none;}
	/* .updt-pop-wrap .updt-table {overflow:hidden;} */
	/* .updt-pop-wrap .updt-table::after{content:''; width:100%; height:100%; position: absolute; right:0; top:0; background:rgba(31,59,101,0.2) url('../images/img_mobile_text.png') no-repeat center 40px;} */
	/* .updt-pop-wrap .updt-table.on::after {display: none;} */
	/* .updt-pop-wrap table {width:900px;} */
}


._paging ._inner a._listNext {background-position: 0 -140px;}
._paging ._inner a._next {background: 0 -105px;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging ._inner a._prev {background-position: 0 -70px;}
/* 
#_JW_reGn_basic ._reGnContainer{
	overflow: hidden;
}
#_JW_reGn_basic ._reGnContainer:before,
#_JW_reGn_basic ._reGnContainer:after{
	content: "";
	display: block;
	clear: both;
}
#_JW_reGn_basic ._reGnContainer ._reGnTree {
    float: left;
    width: 300px;
    overflow: auto;
    padding: 0;
    height: 600px;
    border: 1px #1c5baf solid;
    background-color: #fff;
    margin-bottom: 20px;
}

#_JW_reGn_basic ._reGnContainer ._reGnTree.jstree-default .jstree-wholerow,
#_JW_reGn_basic ._reGnContainer ._reGnTree.jstree-default .jstree-anchor{
	height: 30px;
	line-height: 30px;
}
#_JW_reGn_basic ._reGnContainer ._reGnTree.jstree-default .jstree-wholerow-clicked{
	height: 30px;
    background: #1c5baf;
    background: -webkit-linear-gradient(top,#1c5baf 0,#3C7AC1 100%);
    background: linear-gradient(to bottom,#1c5baf 0,#3C7AC1 100%);
}
#_JW_reGn_basic ._reGnContainer ._reGnTree.jstree-default .jstree-icon{
	margin-top: 3px;
}
#_JW_reGn_basic ._reGnContainer ._reGnTree.jstree-default .jstree-clicked{
	color: #fff;
}
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo {
	margin-left: 320px;
}
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo .content ._fnTable colgroup col.no{
	width: 50px;
}
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo .content ._fnTable colgroup col.date{
	width: 90px;
}
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo .content ._view,
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo .content ._write{
	border-color: #505e79 #ccc #ccc;
}
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo .content ._button._active input, 
#_JW_reGn_basic ._reGnContainer ._reGnTreeInfo .content ._button._active a{
	background-color: #1c5baf;
}

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