@charset "UTF-8";


/* Search */
.board-search {display: inline-block; width: 100%; }
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .box-title {display: inline-block; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Noto Regular'; font-size:18px; margin-right: 20px; padding: 2px 0 2px 55px; color: #18327C;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right 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;}
.board-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;}
.board-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;}
.board-search .box-search input::placeholder {color: #9d9d9d;}
.board-search .box-search input.btn-submit {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/icon_.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.board-search .util-search {margin-bottom: 20px; font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.board-search .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-search .util-search strong {font-family: 'Noto Medium'; font-size: 16px; color: #333;}

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



.board-table .col-num {width: 6%;}
.board-table .col-write {width:9%;}
.board-table .col-subject {width: auto;}
.board-table .col-tech {width: 20%;}
.board-table .col-file {width: 7%;}
.board-table .col-date {width: 15%;}
.board-table .col-endDate {width: 9%;}
.board-table .col-acess {width: 8%;}

.rsrchTrd-wrap{position: relative; margin-top:40px;}
.board-table thead th { background: #fff; font-size: 18px; font-family: 'Noto Medium'; font-weight: normal; padding: 11px 10px; border-bottom: 1px solid #cfcfd1; border-top: 2px solid #1B55B7; color: #080808;}
.board-table tbody tr.notice {background: #f0f5f6;}

.board-table tbody tr:hover {background: #f6f8fa;}
.board-table tbody td {text-align: center; font-size: 16px; font-family: 'Noto Light'; padding: 13px 5px; color: #666; border-bottom: 1px solid #cfcfd1; letter-spacing: -.05em;}
.board-table tbody .td-tech{text-align: left; padding-left: 20px;}
.board-table tbody .td-name{text-align:left;}
.board-table tbody td.td-subject {text-align: left; padding-left: 20px; font-weight: normal;}
.board-table tbody td.td-subject a {color: #666;}

@media all and (max-width:1300px) {
    .board-table tbody td.td-subject {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}

@media all and (max-width:1100px) {
    .rsrchTrd-wrap {overflow-x: hidden;}
    .rsrchTrd-wrap table {width: 1300px;}
    .rsrchTrd-wrap::after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.1);}
    .rsrchTrd-wrap.on::after {display: none;}
    .rsrchTrd-wrap thead th,
    .rsrchTrd-wrap tbody th,
    .rsrchTrd-wrap tbody td {padding: 10px 8px; font-size: 16px;}


}

@media all and (max-width:1200px) {

}


.rsrchPtnt-view{border-top: 2px solid #1B55B7; border-bottom: 1px solid #8B9099;}
.rsrchPtnt-view .insert{display: table-cell; vertical-align: middle; padding: 10px 88px 13px 24px; font-size:18px; font-family: "Noto Regular"; color: #666666; line-height: 30px;}
.rsrchPtnt-view .insert_p{ color: #1b55b7;}
.rsrchPtnt-view .title-h{line-height: 25px;}
.rsrchPtnt-view .insert .sel-type{ border: 1px solid #dfdfdf; height: 30px;  padding: 0 40px 0 10px; -webkit-appearance: none; appearance: none; background: url('../../images/sub/arrow-select.png') no-repeat right 10px center;}
.rsrchPtnt-view .insert a{color: #666666; font-size: 16px; position: relative; padding-left: 25px;}
.rsrchPtnt-view .insert a::before{content: ""; background: url(/Web-home/fnct/rsrchPtnt/rsrchPtnt_basic_skin/images/ico-add.png) no-repeat center; position: absolute; top: 4px; left: 0; width: 16px; height: 16px;}
.rsrchPtnt-view .insert .one-line::after{content: ''; display: block; clear: both;}
.rsrchPtnt-view .insert .one-line li{float: left; margin-right: 17px;}
.rsrchPtnt-view .insert input[type="radio"] { appearance: none;  outline: 2px solid #808080; background: #fff; border: 0; width: 13px; height: 13px; border-radius: 50%;  top: 2px; margin: 1px 6px 1px 1px;}
.rsrchPtnt-view .insert input[type="radio"]:checked { border: 4px solid #fff; background: #008FD5; margin: 1px; outline: 2px solid #008FD5; margin-right: 6px;}
.rsrchPtnt-view .insert span{display: block;}
.rsrchPtnt-view .row-list1{border-bottom: 1px solid #dadada; width: 100%; display: table;}
.rsrchPtnt-view .row-list1:last-child{border-bottom: 0;}
.rsrchPtnt-view .title{ display: table-cell; vertical-align: top; width:170px;background: #fff; position: relative;}
.rsrchPtnt-view .title::after { content: ''; width: 1px; height: 20px; background: #BEBEBE; position: absolute; right: 0; top: 17px;}
.rsrchPtnt-view .title span{ display:inline-block; padding: 9px 30px; font-size: 18px; font-family: "Noto Medium"; color: #080808;}

@media all and (max-width:768px) {
  .rsrchPtnt-view .row-list1{padding:10px 20px;}
  .rsrchPtnt-view .title {display: block; width:100%;}
  .rsrchPtnt-view .title span{display: block; width:100%; padding: 0;}
  .rsrchPtnt-view .insert {display: block; padding: 0; }
  .rsrchPtnt-view .input-box{ display: block; }
  .rsrchPtnt-view .input-box input{max-width:100%;}
  .rsrchPtnt-view .insert .sel-type{max-width:100%;}
  .rsrchPtnt-view .title::after {display: none;}
  .rsrchPtnt-view .insert{padding:0;}
  .rsrchPtnt-view .list-pic{padding: 10px 0px;}
}

/* 목록Button */
.btn-control {text-align: right; margin-top: 30px;}
.btn-deco {display: inline-block; min-width: 80px; cursor: pointer; font-size: 14px; height: 40px; line-height: 37px; text-align: center; margin: 0 1px; border-radius: 100px; font-family: 'Noto DemiLight'; transition: all 0.2s; }
.btn-deco.color2 {background: #1B55B7; border: 1px solid #1B55B7;color: #fff;}
.btn-deco:hover.color2{background: #fff; color: #2b3e5c;} 


/* Paging */
/* ._paging {padding: 60px 0 0 0;} */
._paging {padding: 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._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 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}
._paging ._inner a._first, ._paging ._inner a._last, ._paging ._inner a._listNext, ._paging ._inner a._listPrev, ._paging ._inner a._next, ._paging ._inner a._prev {border:0px solid #cfcfcf;}
@media all and (max-width: 900px) {
    /* ._paging {padding: 60px 0 30px 0;} */
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 0px 0; margin-top:0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}