@charset "utf-8"; 
 
.board {font-size: 18px;}

.menuSub li {line-height: 1.2em;}
.video {background: #f8f8f8;}
.pagination strong {    padding: 5px 8px;
    background: #b5b5b5;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 0.9em;
}
.pagination a {    padding: 20px;
    font-size: 0.9em;
    color: #666;}
.pagination a:first-child {padding: 20px 20px 20px 0}
.pagination a:last-child {padding: 20px 0 20px 20px}

/*.form-horizontal {display: none;}*/

.btn {background: #00ccff;
    color: #fff;
    border-radius: 5px;
    padding: 8px 35px;
    line-height: 1em;}
.btn:hover {color: #fff;}

.new {margin-left: 10px;}

/*공지사항&보도자료*/
.board .boardInner {margin: 0 0 100px 0}
.boardTitle {font-size: 1.8em; text-align: center; margin: 50px 0 0 0}
.board .table thead {border-top: none;}
.board .table>thead>tr>th {border-bottom: none;}
.board table>tbody>tr>td {color: #666; padding: 23px 0 20px 16px}
.board table>tbody>tr>td:nth-child(1) {width: 5%; line-height: 1.6em;}
.board table>tbody>tr>td:nth-child(2) {width: 82%}
.board table>tbody>tr>td:nth-child(2) a {color: #666}
.board table tbody tr:last-child {border-bottom: 1px solid #eee}
.board table tbody tr td:last-child {font-size: 0.8em; line-height: 2em; color: #838383}
.board .col-md-4 {padding: 0; margin: 14px 0}
.board .col-md-4 input {box-shadow: none; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #ddd; background: none; padding: 6px 0}
.board .btn {margin: 14px 0; border: 0}
.noSearchBtn {display: none}
.form-horizontal {margin-top: 50px;}
.table>tbody>tr>td:last-child:hover {color: #838383}

/*글보기*/
.boardView {background: #fff; border: 1px solid #eee; margin: 25px 0 0 0}
.boardViewInner {width: 700px; margin: 0 auto; margin-top: 60px;}
.boardView .title {width: 87%; margin-bottom: 30px;}
.boardView  .date {    font-size: 0.8em;
    color: #838383;
    line-height: 2.5em;}
.boardView  .date img {margin-right: 3px;}
.boardView .content {width: 100%; float: left;text-align: center; margin-bottom: 120px;} 
/*
.pressView .content .link a {text-align: left; font-size: 0.85em;
    float: left;
    border: none;
    background: #fff;
    color: #333;
    padding: 0;} 
*/
.boardView .content p {text-align: left; margin-bottom: 30px; font-size: 18px; font-weight: 400}
.boardView .content img {width: 100%; } 
.boardView .btnList {border-top: 1px dotted #999; padding: 10px 80px 50px 80px;}

.sns {float: left}
.sns li {float: left; opacity: 0.3}
.sns li:nth-child(2) {margin: 0 20px;}
.sns li a {}
.sns li a img {}
.btnList>div:nth-child(1) {margin: 26px 0; float: left}
.btnList>div:nth-child(1) span:nth-child(1) {float: left}
.btnList>div:nth-child(1) span:nth-child(2) {float: left; margin-top: 2px;
    color: #999;
    font-size: 0.9em; margin-left: 20px;}
.btnList>div:nth-child(1) span:nth-child(2) span {float: right}

.nextPrev {margin: 10px 0 100px 0}
.nextPrev li {  line-height: 1em;  border-bottom: 1px solid #d4d4d4;
    padding: 17px 0;}
.nextPrev li a {    color: #666;
    font-weight: 300;}
.nextPrev li span:nth-child(1) {    margin-right: 30px;}
.nextPrev li span:nth-child(2) {}
.nextPrev li span:nth-child(3) {float: right;
    font-size: 0.8em;}
 
/*글쓰기+수정하기*/
.form-horizontal .form-group {margin-left: 0; margin-right: 0;}
.boardEdit .btnList {text-align: center;}
.boardEdit .btnList .btn {border: none;}

/*보도자료 링크*/
.boardView .link {width: 100%; float: left; font-size: 0.82em;}
.boardView .link span:nth-child(2) {width: 90%; text-align: left; margin-left: 5px;}

/*PDF 게시판*/
.pdf {margin-top: 20px;}
.pdf .pdfList {width: 31.8%; height: 390px; float: left; border: 1px solid #d4d4d4; background: #fff; padding: 4%;  margin-bottom: 20px;}
.pdf .pdfList:nth-child(3n+2) {margin: 0 20px;}
.pdf .pdfList ul {height: 192px; overflow-y: auto;}
.pdf .pdfList .cate {border-bottom: 1px dashed #c2c2c2; padding-bottom: 7px;}
.pdf .pdfList li {border-bottom: 1px dashed #c2c2c2; padding: 7px 0} 
.pdf .pdfList li span a {color: #666}
.pdf .pdfList>img {float: right; margin-top: 24px;}
.subtitle {font-size: 0.8em; margin-left: 5px;}
.pdf .col-md-2 {width: 100%; text-align: right;}

.pdfView h4 {float: left; margin-right: 10px;}
.pdfView .title {    line-height: 2.1em;
    color: #666;}
.pdfView .content {margin-bottom: 0}
.pdfView .fileDownload {width: 100%; float: left; text-align: center; margin-bottom: 50px;}

.view .nextPrev .prve .title span, .view .nextPrev .next .title span {
    margin-left: 5px;
    font-size: 0.867em;
    font-weight: 600;
}


/*모바일*/
@media (max-width: 1024px) { 
    .table {width: 100%;}
    .board {margin-top: 59px;}
}

/*모바일*/
@media (max-width: 800px) { 
 
    .pagination {width: 100%;}
     
    .board h3 {width: 100%; float: left}
    .col-md-2 {width: 100%; float: left; text-align: center}
    .board .table {width: 100%; margin-bottom: 0}
    
    
    /*글보기*/
    .boardViewInner {width: 100%; margin-top: 20px; float: left; padding: 0 20px;}
    .boardView  .date {margin-bottom: 10px;}
    .boardView .content {margin-bottom: 50px;}
    iframe {width: 100%; height: auto;}
    .boardView .btnList {padding: 0; text-align: center; width: 100%; float: left}
    .btnList>div:nth-child(1) {    width: 88%;
    margin: 26px 35px;}
    
    .nextPrev li a>span:nth-child(1) {float: left; line-height: 1.6em; margin-right: 20px;}
    .nextPrev li span:nth-child(2) {text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 200px;
    overflow: hidden;
    float: left; line-height: 1.6em;}
    .nextPrev li span:nth-child(3) {    float: right;
    font-size: 0.85em;
    line-height: 2em;}
    
    /*게시판 검색*/
    .board .col-md-4 {width: 33.33333%; float: right;}
    
    /*PDF 게시판*/
    .pdf .pdfList {height: 375px;}
    .pdf .pdfList:nth-child(3n+2) {margin: 0 15px;}
    
    .boardView .content img {width: auto!important; max-width: 100%; height: auto!important;}
    .view {
        margin-top: 60px;
    }
}


/*모바일*/
@media (max-width: 420px) {  
    
    /*게시판 리스트*/
    .board table>tbody>tr>td:nth-child(2) {width: auto}
    .board table>tbody>tr>td:nth-child(2) a {text-overflow:ellipsis;
  white-space:nowrap;
  word-wrap:normal; float: left;
  width:200px;
  overflow:hidden;}
    .noSearchBtn {width: 100%; display: block;}
    
    /*게시판 검색*/
    .board .col-md-4 {width: 100%;}
    
    /*글보기*/
    .boardView .title {margin-bottom: 0; width: 100%;}
    .boardView .link span:nth-child(2) {width: 87%;}
    
    /*PDF 게시판*/
    .pdf .pdfList {width: 100%; padding: 8%}
    .pdf .pdfList:nth-child(3n+2) {margin: 0 0 20px 0}
    #uploadedFile {text-align: center; margin-top: 20px;} 
    
    .pagination {padding: 0}
    .eamilClose {    margin-top: -228px;
        margin-left: 120px;}
    
}
