@charset "UTF-8";

.pdfViewer{}
.pdfViewer h2{display:none;}
.pdfWrap{display:flex;justify-content:space-between;flex-wrap:wrap;}

.pdfWrap .applicationWrap{width:65%;height:80rem;overflow-x:hidden;overflow-y:auto;border-top:5px solid #52575c;border-bottom:5px solid #52575c;}
.pdfWrap .pdfList{width:33%;}

.pdfobject-container{width:100%;max-width:100%;height:100%;}
.pdfobject{border:solid 1px #666;}
#results{padding:1rem;}
.hidden{display:none;}
.success{color:#4F8A10;background:#DFF2BF;}
.fail{color:#D8000C;background:#FFBABA;}

.pdfList p{text-align:center;color:#333;line-height:1.5;margin-bottom:2rem;}
.pdfList p strong{font-family:'paper-b';font-size:2.4rem;}
.pdfList p span{font-family:'paper-r';font-size:1.8rem;}
.pdfList .itemContainer{border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.pdfList .itemContainer .item{font-family:'paper-m';font-size:1.8rem;color:#666;line-height:1.3;border-bottom:1px solid #d5d5d5;padding:1.5rem 2.5rem;display:flex;align-items:center;}
.pdfList .itemContainer .item .no{display:none;}
.pdfList .itemContainer .item .subject{}
.pdfList .itemContainer .item .btn{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;}
.pdfList .itemContainer .item .view a,
.pdfList .itemContainer .item .down a{width:4rem;height:4rem;text-indent:-9999px;font-size:0;margin-left:0.5rem;display:block;}
.pdfList .itemContainer .item .view a{background:#818689 url('../images/btn-self-white.png') no-repeat center;}
.pdfList .itemContainer .item .down a{background:#818689 url('../images/btn-down-white.png') no-repeat center;}
.pdfList .itemContainer .item .view a:hover,
.pdfList .itemContainer .item .down a:hover{background-color:#1f96e3;}

.pdfList .itemContainer .item:hover .no,
.pdfList .itemContainer .item:hover .subject{color:#1f96e3;}

@media screen and (max-width:1024px){
	.pdfWrap .applicationWrap,
	.pdfWrap .pdfList{width:100%;}
	.pdfWrap .applicationWrap{height:7rem;}
	.pdfWrap .pdfList{margin-top:5rem;}
}
@media screen and (max-width:768px){
	.pdfWrap .applicationWrap{height:60rem;}
}



/***** Table *****/
.boardWrap{margin-bottom: 70px;}
.boardWrap table {border-top: 2px solid #353e4d;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px;}
.boardWrap table caption{display:none;}
.boardWrap table th {background-color: #f8f8f8;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;padding: 20px 5px;font-size: 18px;font-family: 'Noto Regular';}
.boardWrap table td {border-bottom: 1px solid #dcdcdc;padding: 17px 10px;white-space: nowrap;text-overflow: ellipsis;font-family: 'Noto Light';font-size: 17px;position:relative;overflow: hidden;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{font-family:'Noto Regular';display: block;color:#333;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 55px);line-height: 28px;}
.boardWrap table td a:hover{color:#008bd0;}
.boardWrap table td a img{vertical-align: middle;}
.boardWrap table td img{display:block;margin:0 auto;}
.boardWrap .boardTitle{color:#003d7e;font-size:16px;font-weight:600;}
.boardWrap th,
.boardWrap td{border-right:#dddee0;border-left:#dddee0;}
.boardWrap .new{background: url('../images/new.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .lock{background: url('../images/lock.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .clsdr{background: url('../images/clsdr.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .link{background: url('../images/link.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.boardWrap .notice-title{font-size: 16px;color:#fff;background:#008bd0;font-family: 'Noto Light';border-radius: 3px;padding:2px 7px 3.5px;}
.boardWrap .notice,
.boardWrap .notice a{color:#008bd0;}
.boardWrap .trash{color:#bbbbbb;}
.boardWrap .trash a{color:#bbbbbb;text-decoration: line-through;max-width:calc(100% - 110px);display:inline-block;}
.boardWrap .trash a:hover{color:#bbb;}
.boardWrap .trashspan{font-size:12px;font-family: 'Noto Regular';background: #a0acb5;padding:2px 5px;border-radius: 3px;color:#fff;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -12px;}

.boardWrap table td input[type="button"]{padding: 5px 12px;background:#008bd0;border-radius: 5px;color:#fff;border:1px solid rgba(0,0,0,0);transition:all ease .5s;}
.boardWrap table td input[type="button"]:hover{border:1px solid #008bd0;background:#fff;color:#008bd0;font-family:'Noto Regular';}
.boardWrap table td.td-etc{overflow:hidden;}

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

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

.boardWrap table ._button a{border:1px solid #eaeaea;width: 80%;padding:5px;border-radius: 5px;max-width: 100%;margin: 0 auto;}
.boardWrap table ._pgeTr{display:none;}
.boardWrap ._pgeTable{border-top: 1px solid #353e4d;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px;}
.boardWrap ._pgeTable th {background-color: #f8f8f8;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;padding: 10px 5px;font-size: 15px;font-family: 'Noto Regular';}
.boardWrap ._pgeTable td {border-bottom: 1px solid #dcdcdc;padding: 10px 10px;white-space: nowrap;text-overflow: ellipsis;font-family: 'Noto Light';font-size: 15px;position:relative;overflow: hidden;}

@media screen and (max-width:1200px){
	.boardWrap table th{font-size:16px;}
	.boardWrap table .col-file{width:12%;}
	.boardWrap table ._button a{width:100%;padding:5px 15px;}
}
@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){
	.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: 7px;line-height: 1.4;}
	.boardWrap table tr{display: block;border-bottom:1px solid #dddee0;overflow: hidden;padding-bottom: 17px;padding-top: 17px;}
	.boardWrap table td{border-bottom:0;float:left;padding: 0 7px 0;position: relative;}
	.boardWrap table td + td + td + td:before{content:'';width:1px;height: 10px;background: #dfdfdf;position: absolute;left:0;top: 13px;}
	.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: 13px;color:#888;font-family: 'Noto Light';}
	.boardWrap table .td-file img{width:15px;display: inline-block;margin-top:7px;}
}