@charset "UTF-8";

/*pdf뷰어 View************************************/
.applicationWrap{overflow-x:hidden;overflow-y:auto;width: 100%;display:inline-block;vertical-align: top;height:800px;border-top:5px solid #52575c;border-bottom:5px solid #52575c;}
/*Tablet+Mobile*/
@media only screen and (max-width:860px){}
/*Tablet*/
@media only screen and (min-width:441px) and (max-width:860px){}
/*Mobile*/
@media only screen and (max-width:440px){}

.pdfobject-container {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.pdfWrap{display:flex;}
.pdfList{display: inline-block;width: 70%;padding-left:45px;vertical-align: top;}

.pdfobject { border: solid 1px #666; }
#results { padding: 1rem; }
.hidden { display: none; }
.success { color: #4F8A10; background-color: #DFF2BF; }
.fail { color: #D8000C; background-color: #FFBABA; }



/***** 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%;}

@media screen and (max-width:1200px){
.boardWrap table th{font-size:16px;}
.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){
.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;}
}

.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){
    .pdfWrap{display:block;}
    .applicationWrap{display:block;width:100%;}
    .pdfList{padding-left:0;width:100%;margin-top:50px;}
    .boardWrap table ._button a{width:100%;padding:5px 15px;}
}