@charset "UTF-8";

._count{display:none;}

.dept-top{background-color: #f3f5fa;padding: 3.6rem 3rem 3.6rem 10rem;position:relative;margin-bottom: 6rem;}
.dept-top:before{content:'';width:6rem;height: 6.1rem;background:url('../images/dept-icon.png') no-repeat center;position:absolute;left:2.5rem;top:1.7rem;}
.dept-top p{color:#212121;line-height: 1.4;}

._search{margin-bottom:5rem;position:relative;}
._search label{width: 0;height: 0;font-size: 0;position: absolute;z-index: -1;}
._search input[type="text"]{box-sizing: border-box;padding: 0 0 0 1.5rem;height: 5.5rem;line-height: 5.5rem;font-size: 1.8rem;display: inline-block;vertical-align: middle;border: 0.1rem solid #58616a;border-radius: 0.65rem;color: #8a949e;max-width: 24rem;}
input[type="submit"]._submit{color:#fff;font-size:2rem;background:#003675;border-radius:0.5rem;height:5.5rem;position: relative;top: .3rem;padding: 0 5rem;}
input[type="button"]._submit{color:#fff;font-size:2rem;background:#003675;border-radius:0.5rem;height:5.5rem;position: relative;top: .3rem;padding: 0 5rem;}

/***** Table *****/
.boardWrap{margin-bottom: 7rem;}
.boardWrap table {border-top: 0.2rem solid #353e4d;width:100%;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:#333;font-weight: 500;border-bottom: 0.1rem solid #dcdcdc;padding: 2rem 0.5rem;font-size: 1.7rem;}
.boardWrap table td {border-bottom: 0.1rem solid #dcdcdc;padding: 1.7rem 1rem;font-size: 1.7rem;position:relative;color: #555;line-height: 1.4;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{display: block;color: #555;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 5.5rem);line-height: 2.8rem;}
.boardWrap table td a strong{font-weight: 400;}
.boardWrap table td a:hover{color:#273ca5;}
.boardWrap table td a img{vertical-align: middle;}
.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: #dcdcdc;border-left: #dcdcdc;}
.boardWrap .new{background: url('../images/new.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -0.2rem 0 0 1rem;text-indent: -9999px;}
.boardWrap .lock{background: url('../images/lock.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -0.2rem 0 0 1rem;text-indent: -9999px;}
.boardWrap .clsdr{background: url('../images/clsdr.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -0.2rem 0 0 1rem;text-indent: -9999px;}
.boardWrap .link{background: url('../images/link.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -0.2rem 0 0 1rem;text-indent: -9999px;}
.boardWrap .notice-title{font-size: 1.6rem;color:#fff;background:#273ca5;border-radius: 0.3rem;padding:0.2rem 0.7rem 0.35rem;}
.boardWrap .notice,
.boardWrap .notice a{color:#273ca5;}
.boardWrap .trash{color:#bbbbbb;}
.boardWrap .trash a{color:#bbbbbb;text-decoration: line-through;max-width:calc(100% - 11rem);display:inline-block;}
.boardWrap .trash a:hover{color:#bbb;}
.boardWrap .trashspan{font-size:1.2rem;background: #a0acb5;padding:0.2rem 0.5rem;border-radius: 0.3rem;color:#fff;display: inline-block;vertical-align: middle;margin-right: 1rem;margin-top: -1.2rem;}

.boardWrap table td input[type="button"]{padding: 0.5rem 1.2rem;background:#273ca5;border-radius: 0.5rem;color:#fff;border:0.1rem solid rgba(0,0,0,0);transition:all ease .5s;}
.boardWrap table td input[type="button"]:hover{border:0.1rem solid #273ca5;background:#fff;color:#273ca5;}
.boardWrap table td.td-etc{overflow:hidden;}
.boardWrap table td.align-l{text-align: left;}

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

.boardWrap table .col-check{width:5rem;}
.boardWrap table .col-num{width: 7%;}
.boardWrap table .col-title{width:auto;}
.boardWrap table .col-writer{width:10%;}
.boardWrap table .col-date{width: 12%;}
.boardWrap table .col-comment{width:7%;}
.boardWrap table .col-counts{width: 8%;}
.boardWrap table .col-file{width: 10%;}
.boardWrap table .col-etc{width:10%;}

#findDeptNmDiv{position: absolute;background: #f3f5fa;top: 7rem;left: 0;width: 100%;z-index: 9;border-radius: 0.5rem;max-height: 30rem;overflow-y: scroll;}
#findDeptNmDiv > ul > li a{padding: 0.5rem 2.5rem;display:block;line-height: 1.4;}
#findDeptNmDiv > ul > li:nth-child(1){padding-top:1.5rem;}
#findDeptNmDiv > ul > li:nth-last-child(1){padding-bottom:1.5rem;}
/*scroll*/
#findDeptNmDiv::-webkit-scrollbar {width: 10px; height: 10px;}
#findDeptNmDiv::-webkit-scrollbar-thumb {background: #012a64; border: 2px solid #f1f1f1; border-radius: 10px;}
#findDeptNmDiv::-webkit-scrollbar-track {background-color: #f3f5fa;}


@media screen and (max-width:1280px){
._search input[type="text"]{max-width:18rem;}
}

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

@media screen and (max-width:1024px){
	.boardWrap table .col-num,
	.boardWrap table .th-num,
	.boardWrap table .td-num{display:none;}
}

@media screen and (max-width:767px){
	.dept-top{padding: 3rem 2.5rem 3rem 10rem;margin-bottom:2.4rem;}
	.dept-top:before{width:5rem;heigth:5rem;background-size:contain;top:1.25rem;}
	._search input[type="text"]{max-width:100%;width:100%;margin:0.25rem 0;}
	input[type="submit"]._submit{width:100%;}
	input[type="button"]._submit{width:100%;}
	.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: 0.7rem;line-height: 1.4;}
	.boardWrap table tr{display: block;border-bottom:0.1rem solid #dddee0;overflow: hidden;padding-bottom: 1.7rem;padding-top: 1.7rem;}
	.boardWrap table td{border-bottom:0;float:left;padding: 0 0.7rem 0;position: relative;}
	.boardWrap table td +  td:before{content:'';width:0.1rem;height: 1rem;background: #dfdfdf;position: absolute;left:0;top: 1.2rem;}
	.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: 1.3rem;color:#888;}
	.boardWrap table .td-file img{width:1.5rem;display: inline-block;margin-top:0.7rem;}
	#findDeptNmDiv{top: 6.15rem;}
}

/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 4rem;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: 4rem;height: 4rem;line-height: 4rem;border-width: 0.1rem;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 0.1rem;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 1rem;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 0.3rem;}
._fnctWrap ._paging ._inner ul li a{display:inline-block;font-size: 1.7rem;width: 4rem;height: 4rem;line-height: 4rem;text-align: center;margin: 0 0.1rem;color: #3d4148;border-width: 0;}
._fnctWrap ._paging ._inner .pg-arrow{border:0.1rem solid #ccc;width: 3.5rem;height: 3.5rem;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/arrow_first.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/arrow_prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/arrow_next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/arrow_last.png) center no-repeat;}
._fnctWrap ._paging ._inner li strong{background-color: #063a74!important;border-color: #063a74 !important;color: #fff;border-radius: 0.55rem;}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

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

@media screen and (max-width:767px){
._fnctWrap .paging a{width:2.8rem !important;height: 2.8rem !important;font-size:1.3rem;line-height: 2.5rem;}
	
}

/**sub 기능 공통**/
._objWidget .search ._selectBox{max-width:18rem;}
._objWidget ._paging ._prev{background:url('/Web-home/_UI/images/common/arrow_prev.png') no-repeat center;}
._objWidget ._paging ._next{background:url('/Web-home/_UI/images/common/arrow_next.png') no-repeat center;}
._objWidget ._fnctWrap ._paging ._inner ._listPrev,
._objWidget ._fnctWrap ._paging ._inner ._listNext{display:none;}

@media all and (max-width: 767px) {
  ._objWidget .search ._selectBox{font-size: 1.6rem;height: 4rem;line-height: 4rem;padding-left: 1rem;display: inline-block;vertical-align: top;width: 100%;max-width: 100%;min-width: 100%;}
  ._objWidget .search ._selectBox + ._selectBox{margin-top:0;}
  ._objWidget .search .board-serch input[type="text"]{height:3.8rem;font-size:1.4rem;}
  ._objWidget .attachment{padding:1.5rem;}
  ._objWidget .attachment ul li{font-size:1.5rem;padding-right: 5rem;margin-top: 0;}
  ._objWidget .attachment ul li a{width:10rem;font-size:1.4rem;padding-left:1.25rem;}
  ._objWidget .attachment ul li > div{position:initial;display: flex;gap: 1rem;margin-top: 1rem;}
  ._objWidget .btns a, ._objWidget .btns button, ._objWidget .btns input{height:4rem;line-height:1;}
  ._objWidget #findOpnwrd{max-width: 49%;min-width: 49%;width: 49%;}
  ._objWidget #findOpnwrd + select{max-width: 49%;min-width: 49%;width: 49%;}
  ._objWidget #findApiType{max-width: 49%;min-width: 49%;width: 49%;}
  ._objWidget #findApiType + select{max-width: 49%;min-width: 49%;width: 49%;}

  ._objWidget ._paging ._prev,
  ._objWidget ._paging ._next{display:none;}
  ._objWidget ._fnctWrap ._paging ._inner ._pageState{display:inline-block;}
  ._objWidget ._curPage{font-size:1.8rem;margin-right:1rem;color:#273ca5;font-weight:500;}
  ._objWidget ._curPage:after{content:'/';margin-left:1rem;}
  ._objWidget ._totPage{font-size:1.8rem;}
  ._objWidget ._fnctWrap ._paging ._inner ._listPrev,
  ._objWidget ._fnctWrap ._paging ._inner ._listNext{display:block;}
  ._objWidget ._fnctWrap ._paging ._inner ul{display:none;}
}