@charset "UTF-8";

#tree>ul>li{margin:0 0 10px}
#tree>ul>li>a {opacity: 0; height: 0px;}
#tree>ul>li>ul{position: relative; top: -20px; margin:0 0 10px}
#tree>ul>li>ul>li>a{position:relative;font-family: 'Noto DemiLight'; font-size:18px!important;color:#333333!important;background-image:none!important;padding:10px 0 10px 25px !important;line-height:1!important;height:auto!important}
#tree>ul>li>ul>li>a:after{content:'';position:absolute;left:0px;top:10px;width:18px;height:18px;background: url('../images/ico-tree-plus.png');}
#tree>ul>li>ul>li.jstree-open>a:after{content:'';position:absolute;left:0px;top:10px;width:18px;height:18px;background: url('../images/ico-tree-minus.png');}
#tree>ul>li>ul>li>ul>li>a{position: relative; font-family: 'Noto DemiLight'; font-size:16px!important;color:#333333!important;background:url(../images/ico-doc.png) 10px 6px no-repeat!important;padding:12px 0 6px 45px !important;line-height:1.4!important;height:auto!important}
#tree>ul>li>ul>li>ul>li>a.jstree-clicked {color: #0054a6!important;}
#tree>ul>li>ul>li>ul>li>a::before {content: ""; position: absolute; width: 11px; height: 13px; background: url("../images/ico-doc-front.png") no-repeat; left: 28px; top: 17px;}
#tree>ul>li>ul>li>ul>li>a:hover {color: #144a7d !important; text-decoration: underline;}
#tree>ul>li>ul>li.jstree-closed a{position:relative}

.wrap-contents .rules .ul_4 > li {width: 12.5%;}
.wrap-contents .rules .ul_4 > li > a {padding: 15px 10px;}

.rules .search {display: inline-block; width: 100%;}
.rules .search .form-search {background: #f5f6f8; padding:20px;}
.rules .search .tbl-search {text-align: center;}
.rules .search .box-title {display: inline-block; background: url('../images/ic_search.png') no-repeat  left center; font-family: 'Noto Regular'; font-size:18px; margin-right: 20px; padding: 6px 0 6px 55px; color: #18327c; vertical-align: middle;}
.rules .search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.rules .search .box-sel select {background: #fff url('../images/ic_search_arrow.png') no-repeat 88% center; font-size: 16px; font-family: 'Noto Light'; color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.rules .search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px; text-align: left;}
.rules .search .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 16px; text-indent: 10px; color: #9d9d9d; vertical-align: middle;}
.rules .search .box-search input[type="text"] {width: calc(100% - 50px);}
.rules .search .box-search input::placeholder {color: #9d9d9d;}
.rules .search .box-search input[type="button"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

.rules .box-rules{overflow:hidden; min-height: 100%;}
.rules .box-rules:before,.rules .box-rules:after{content:"";display:block;clear:both}
.rules .box-rules .tree{position: absolute; left: 0; top: 145px; z-index: 100; width:350px;overflow:auto;height:675px;border:3px #EAEAEA solid;background-color:#fff;padding:5px 15px;}
.rules .box-rules .jstree-default .jstree-node {margin-left: 0;}
.rules .box-rules .jstree-default .jstree-node > ul {margin-bottom: 5px;}
.rules .box-rules .tree.jstree-default .jstree-wholerow,.rules .box-rules .tree.jstree-default .jstree-anchor{height:30px;line-height:30px}
.rules .box-rules .tree.jstree-default .jstree-wholerow{height:0}
.rules .box-rules .tree.jstree-default .jstree-anchor{display:inline-block;font-size:20px;padding-left:30px;background:url(../images/bull_h3.png) left center no-repeat}
.rules .box-rules .tree.jstree-default .jstree-wholerow-clicked{display:none;height:30px;background:#1c5baf;background:-webkit-linear-gradient(top,#1c5baf 0,#3C7AC1 100%);background:linear-gradient(to bottom,#1c5baf 0,#3C7AC1 100%)}
.rules .box-rules .tree.jstree-default .jstree-icon{display: none; margin-top:3px}
.rules .box-rules .tree.jstree-default .jstree-clicked{color:#018cff!important}

.rules .box-rules .data{position:relative;border:0}
.rules .box-rules .data .title {margin-top: -10px; margin-bottom: 20px; font-family: 'Noto Medium'; font-size: 26px; color: #151515;}
.rules .box-rules .data .content {position: relative;}
.rules .box-rules .data .content form {font-size: 0;}
.rules .box-rules .data .content .data colgroup col.no{width:80px}
.rules .box-rules .data .content .data colgroup col.date{width:100px}
.rules .box-rules .data .content ._view,.rules .box-rules .data .content ._write{border-color:#505e79 #ccc #ccc}
.rules .box-rules .data .content ._button._active input,.rules .box-rules .data .content ._button._active a{background-color:#1c5baf}
.rules .box-rules .data .content .space-search-wrap {}
.rules .box-rules .data .content .space-search {margin-top: 45px; position: relative;}
.rules .box-rules .data .content .space-search.min {}
.rules .box-rules .data .content .space-search.view.min {min-height: 754px;}
.rules .box-rules .data .content table {position: relative; table-layout: fixed;}
.rules .box-rules .data .content table:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:#000}
.rules .box-rules .data thead th { background: #fff; font-size: 18px; font-family: 'Noto Medium'; font-weight: 500; padding: 11px 0; border-bottom: 1px solid #080808; border-top: 2px solid #000000;}
.rules .box-rules .data thead th:last-child{border-right:0}
.rules .box-rules .data tbody tr:hover {background: #F6F8FA;}
.rules .box-rules .data .view tbody tr:hover {background: transparent;}
.rules .box-rules .data tbody td{padding:7px 20px;color:#666;border-bottom:1px solid #ccd0d7;font-size:16px; font-family: 'Noto DemiLight';}
.rules .box-rules .data tbody td.subject {text-align: left;}
.rules .box-rules .data tbody td.subject::after {display: none;}
.rules .box-rules .data tbody td.subject a {position: relative; font-size: 18px; font-family: 'Noto DemiLight'; color: #666;}
.rules .box-rules .data tbody td.subject a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #7d7f81; transition: .4s;}
.rules .box-rules .data tbody td.subject a:hover:after {width: 100%;}
.rules .box-rules .data tbody td.download a{display:inline-block; width:115px;height:35px;background:#fff url('../images/ic_download.png') 18px center no-repeat; vertical-align: middle; border: 1px solid #C1C1C1; border-radius: 20px; padding-left: 35px; font-size: 14px; line-height: 35px; letter-spacing: -0.5px; color: #434343;}

.rules .box-rules .data tbody td.link a{display:inline-block; width:115px;height:35px;background:#fff url('../images/ic_link.png') 18px center no-repeat; vertical-align: middle; border: 1px solid #C1C1C1; border-radius: 20px; padding-left: 35px; font-size: 14px; line-height: 35px; letter-spacing: -0.5px; color: #434343;}

.rules .box-rules .data tbody td._noData {line-height: 639px;}
.rules .box-rules .data tbody td .over-text {max-height: 390px; overflow-y: auto;}

.rules .box-rules .data tbody td a:hover {color: #2760FF;}

.rules .box-rules .data .view-desc .file {padding: 5px 0 5px 30px; margin-right: 50px; background: url('../images/ic_file.png') left center no-repeat; font-size: 16px; letter-spacing: -0.5px; color: #666666;}

.rules .box-rules .regn-title {z-index: 1;color: #151515; font-family: "Noto Medium"; font-size: 26px; line-height: 30px; letter-spacing: -0.5px; margin-bottom: 25px;}
.rules .box-rules .intro {position: absolute; right: 0; top: 0; z-index: 1; width: calc(100% - 530px); height: 100%; border: 1px solid #ced2d9; background: #f6f6f6 }
.rules .box-rules .intro .title-search {padding: 40px;}
.rules .box-rules .intro .title-search:after {content: ''; position: absolute; right: 0; top: 0; z-index: -1; width: 215px; height: 347px; background: url('../images/deco-rules.png') no-repeat center center;}
.rules .box-rules .intro .bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 480px; background: #f6f6f6 url('../images/bg-rules2.jpg') no-repeat left bottom;}
.rules .box-rules .intro .big-title {font-family: 'Noto Medium'; font-size: 32px; color: #1b1b1b; line-height: 1.4;}
.rules .box-rules .intro .sub-title {font-family: 'Noto Medium'; margin-top: 4px; font-size: 30px; color: #295ca4; line-height: 1.4;}
.rules .box-rules .intro .sub-title em {font-family: 'Noto Bold'; color: #144a7d;}
.rules .box-rules .intro .desc {background: url('../images/arrow-rules.png') no-repeat left center; margin-top: 22px; padding-left: 25px; font-size: 18px; font-family: 'Noto Light'; color: #003956;}

.rules .box-paging {position: relative;}
.rules .button {position: absolute; right: 0; top: 0;}
.rules .view .button {position: static; text-align: right; margin-top: 25px;}
.rules ._paging {display: none; margin-top: -45px; padding-bottom: 30px; text-align: center;}
.rules ._paging > ._inner > ul {display: inline-block; margin: 0 12px; vertical-align: middle;}
.rules ._paging > ._inner > ul li {float: left;}
.rules ._paging > ._inner > ul li strong {display: inline-block; width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2; color: #fff;}
.rules ._paging > ._inner > ul li a {display: inline-block; width: 35px; height: 35px; line-height:32px;}
.rules ._paging > ._inner > a {display: inline-block; width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png'); background-repeat: no-repeat; background-color: transparent; border: 0; text-indent: -9999px; vertical-align: middle;}
.rules ._paging > ._inner > a._first {background-position: 0 0;}
.rules ._paging > ._inner > a._prev,
.rules ._paging > ._inner > a._listPrev {background-position: 0 -35px; margin-left: 5px;}
.rules ._paging > ._inner > a._next,
.rules ._paging > ._inner > a._listNext {background-position: 0 -70px; margin-right: 5px;}
.rules ._paging > ._inner > a._last {background-position: 0 -105px;}

.rules .btn-style.fat {display: inline-block; cursor: pointer; font-size: 14px; height: 40px; line-height: 36px; text-align: center; min-width:80px; margin: 0 1px; border-radius: 100px; vertical-align: middle; font-family: 'Noto DemiLight'; color: #fff;}
.rules .btn-style.fat.type1 {background: #fff; border: 1px solid #225eaa; color: #225eaa;}
.rules .btn-style.fat.type1:hover {background: #225eaa; border: 1px solid #225eaa; color: #fff;}
.rules .btn-style.fat.type2 {background: #1e5ba8; border: 1px solid #1e5ba8; color: #fff;}
.rules .btn-style.fat.type3 {background: #00baff; border: 1px solid #00baff; color: #fff;}
.rules .btn-style.fat.type4 {background: #2b3e5c; border: 1px solid #2b3e5c; color: #fff;}
.rules .btn-style.fat.type5 {background: #8e99ab; border: 1px solid #8e99ab; color: #fff;}

.rules .btn-style.round {display:inline-block; position:relative; background:#fff; margin-right: 3px; padding:10px 30px 10px 45px; border-radius: 30px;  border:1px solid #c1c1c1; font-family: 'Noto Light'; font-size: 14px; line-height: 1; color: #434343;}
.rules .btn-style.round:hover {border-color: #1c3d8d; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.rules .btn-style.round.type1:after {content:''; position:absolute; left:16px; top:9px; width:18px; height:17px; background:url('../images/ic_download.png') no-repeat center top;}
.rules .btn-style.round.type1:hover:after {background-position: center bottom;}
.rules .btn-style.round.type2:after {content:''; position:absolute; left:16px; top:8px; width:18px; height:17px; background:url('../images/ic_link.png') no-repeat center top;}
.rules .btn-style.round.type2:hover:after {background-position: center bottom;}


@media all and (max-width: 1200px) {
    .rules .box-rules .tree{float:none;width:100%;height:206px; margin-bottom: 40px;}
    .rules .box-rules .data{float:none;margin-left:0}
    .rules .box-rules .data .content .space-search {padding-left: 0;}
    .rules .box-rules .data .content .space-search.paging {margin-top: 0;}
    .rules .box-rules .intro {width: 100%;}
    .rules .box-rules .intro .bg {background-size: cover;}

    .wrap-contents .rules .ul_4 {position: static; overflow: hidden;
    margin-bottom: 30px;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf; max-height: 100%; height: 100%;}
    .wrap-contents .rules .ul_4 > li {width: 25% !important; float: left;}
    .wrap-contents .rules .ul_4 > li a {border: 1px solid #dfdfdf;
    border-left: 0;
    border-top: 0; text-align: center; font-size: 14px; font-family: "Noto Medium";}
    .wrap-contents .rules .ul_4 > li:hover > a, .wrap-contents .rules .ul_4 > li._active > a, .wrap-contents .rules .ul_4 > li.on > a {background: #23499E; color: #fff;}
}

@media all and (max-width: 775px) {
    .tbl-search {display: table; width: 100%;}
    .rules .search .box-title {display: none;}
    .rules .search .box-sel,
    .rules .search .box-search {display: table-cell;}
    .rules .search .box-sel {width: 80px; padding-right: 10px;}
    .rules .search .box-search {min-width: auto}
    /* .shadow {display: none;} */
    .rules .box-rules .data .content .view table,
    .rules .box-rules .data .content .view table tr,
    .rules .box-rules .data .content .view table thead,
    .rules .box-rules .data .content .view table th,
    .rules .box-rules .data .content .view table tbody,
    .rules .box-rules .data .content .view table td {display: block; width: 100%; text-align: left;}
    .rules .box-rules .data .content .view table th {padding:  9px 20px;}
    .rules ._paging > ._inner > ul {margin: 0;}
    .rules .box-rules .data .content .space-search {width: 100%; overflow: hidden; overflow-x: auto;}
    .rules .box-rules .data .content table {width: 1000px;}
    /* .rules .tab_div {overflow-x: auto;}
    .rules .tab_div .ul_4 {width: 1200px;} */
}

@media all and (max-width: 768px){
  .wrap-contents .rules .tab_div.div_4 .ul_4 {position: static; overflow: hidden;
  margin-bottom: 30px;
  border-left: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf; max-height: 100%; height: 100%;}
  .wrap-contents .rules .ul_4 > li:hover > a, .wrap-contents .rules .ul_4 > li._active > a, .wrap-contents .rules .ul_4 > li.on > a {background: #23499E; color: #fff;}
}

@media all and (max-width: 575px){
  .wrap-contents .rules .ul_4 > li {width: 50% !important; float: left;}
}

.board-view-info {font-size: 0;}
.view-info .view-num {display: none;}
.view-info .view-title {font-size: 22px; font-family: 'Noto Light'; border-bottom: 1px solid #e2e2e2; padding: 30px 30px; text-align: center; color: #000; line-height: 1.5;}
.view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 8px 0 8px 20px; text-align: right;}
.view-detail .view-util {float: right; margin-right: 20px; font-size: 16px; color: #9b9b9b; font-family: 'Noto Light';}
.view-detail .view-util dl {display: inline-block; padding-left: 15px; margin-left: 15px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; left: 0; top: 12px; width: 1px; height: 11px; background: #c3c3c3;}
.view-detail .view-util dl:first-child:after {display: none;}
.view-detail .view-util dl.cate {display: none;}
.view-detail .view-util dt,
.view-detail .view-util dd {display: inline-block;}
.view-detail .view-util dt {padding-right: 1px; color: #666;}
.view-detail .view-util dd {color: #888;}
.view-detail .view-util .modify {display: none;}
.view-detail .view-util .writer:after {display: none;}
.view-detail .view-share {display: inline-block; margin-right: 20px;}
.view-detail .view-share .sns {display: inline-block;}
.view-detail .view-share .util {display: inline-block;}

.view-file {float: left;}
.view-file li {padding-left: 25px; background: url('../images/ico-add.png') no-repeat left 10px;font-family: 'Noto Light'; font-size: 14px; color: #333;}
.view-file .prev {display: inline-block; background: url('../images/btn-file-prev.png') no-repeat 10px center; margin-left: 12px; padding: 1px 15px 2px 30px; border: 1px solid #ccc; font-family: 'Noto Regular'; font-size: 14px; color: #5b6a77;}
.view-file .no-file {color: #888;}

.view-con {padding: 20px 20px 110px 20px; font-size: 18px; font-family: 'Noto Light'; color: #666; border-bottom: 2px solid #000; line-height: 1.65;}
.view-img {margin-bottom: 30px;}

@media all and (max-width:700px) {
    .view-file .row {display: block;}
    .view-file .row .title {display: block; width: 100%; text-align: left; padding:15px 0 15px 30px;}
    .view-file .row .insert {display: block; width: 100%;}
    .view-detail .view-util dl {display: none;}
    .view-detail .view-util dl.writer,
    .view-detail .view-util dl.write {display: inline-block;}
}