@charset "utf-8";

.search {padding: 7px 0 5px 0; margin: 12px 0 10px 0;}
.search input[type="text"] {margin: 0; padding-left: 5px; width: 90%; font-size: 1em; color: #333}
.search input[type="submit"] {float:  right; margin:  0;}

table {color: #333}
table tr {}
table th {float: left}
table th:nth-child(1) { width: 10%;}
table th:nth-child(2) {width:  70%;}
table th:nth-child(3) {width:  20%;}
table tbody tr {
    display:  table;
    height:  100%;
    padding: 18px 0;
    border-bottom:  1px solid #ccc;
}
table td {padding: 18px 0; display:  table-cell; vertical-align:  middle;}
table td:nth-child(1) {
    width: 10%;
    text-align:  center;
}
table td:nth-child(2) {
    width: 70%;
}
table td:nth-child(2) a {color: #333; transition: 0.2s}
table td:nth-child(2) a:hover {text-decoration: underline}
table td:nth-child(2) div {display: none}
table td:nth-child(3) {
    width:  20%;
    text-align: center;
}

::-webkit-input-placeholder { /* Chrome */
  color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #333;
  opacity: 1;
}
.writeBtn, .admin {display: none}

/*글보기*/
.boardView {
    width:  100%;
    float:  left;
    border-top: 2px solid #333;
    margin-top: 20px;
} 
.boardView .top {
    width: 94%;
    padding: 14px 3% 12px 3%;
    float:  left;
    border-bottom: 1px solid #ccc;
}
.boardView .top h5 {}
.boardView .top p {}
.boardView .middle {
    width: 94%;
    padding: 14px 3%;
    float:  left;
    border-bottom:  1px solid #ccc;
    padding-bottom: 100px;
}
.boardView .middle .content {}
.boardView .bottom {
    width:  100%;
    float:  left;
    margin-top: 110px;
}
.boardView .bottom .btnList {
    text-align:  center;
}
.boardView .bottom .btnList a {
    padding: 15px 120px 13px 120px;
}
.modifyBtn {float: right; color: #333; font-weight: 700; margin: 17px 26px;}
.modifyBtn:hover {text-decoration: underline}