@charset "utf-8";
/*------------------------------------*
    Global
 *------------------------------------*/
#hyboard select, #hyboard input[type=text], #hyboard input[type=password], #hyboard input[type=file], textarea {
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
}
#hyboard input[type=text], #hyboard input[type=password] {
    padding: 0 5px;
    height: 22px;
    line-height: 20px;
}
#hyboard input[type=file] {
    padding: 0 2px;
    background-color: #f9f9f9
}
#hyboard select {
    height: 22px;
    padding: 0 0 0 5px;
    line-height: 20px
}
#hyboard textarea {
    overflow: auto;
    padding: 10px;
}
#hyboard table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
    border-spacing: 0;
}
/* 버튼 */
#hyboard .hyboard-buttons { overflow: hidden }
#hyboard .hyboard-button {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 10px;
    padding: 8px 10px;
    border: 0 none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #787775;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
#hyboard .hyboard-button:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}
#hyboard .hyboard-button-gray { background-color: #aaa }
#hyboard .hyboard-button-small {
    padding: 5px 10px;
    font-size: 12px;
}
#hyboard .back-to-list {
    float: left;
    padding: 7px 9px;
    border: 1px solid #787775;
    background-color: #fff;
    color: #787775;
}
#hyboard .hyboard-buttons .action { float: right; }
#hyboard .hyboard-buttons .action a { margin-left: 5px; }
/*페이지이동*/
#hyboard .hyboard-pagination { padding-top: 20px; }
#hyboard .hyboard-pagination ol {
    font-size: 0;
    text-align: center
}
#hyboard .hyboard-pagination li {
    display: inline;
    margin: 0 4px;
    color: #666
}
#hyboard .hyboard-pagination li > a, #hyboard .hyboard-pagination li > span, #hyboard .hyboard-pagination li.current {
    line-height: 24px;
    padding: 0 4px;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}
#hyboard .hyboard-pagination li.current {
    color: #000;
    font-weight: 600
}
#hyboard .hyboard-pagination li > a:hover { }
#hyboard .hyboard-pagination li.prev > a:before, #hyboard .hyboard-pagination li.next > a:before, #hyboard .hyboard-pagination li.first > a:before, #hyboard .hyboard-pagination li.last > a:before {  
	display: inline-block;    
    font: normal normal normal 16px/1 FontAwesome;
    vertical-align: middle;
	margin-top:-3px; }
#hyboard .hyboard-pagination li.prev > a:before { content: "\f104";}
#hyboard .hyboard-pagination li.next > a:before { content: "\f105";}
#hyboard .hyboard-pagination li.first > a:before { content: "\f100";}
#hyboard .hyboard-pagination li.last > a:before { content: "\f101";} 
#hyboard .hyboard-pagination li > a.next:hover { }
/*------------------------------------*
    목록
 *------------------------------------*/
#hyboard .hyboard-list-table th, #hyboard .hyboard-list-table td {
    box-sizing:border-box;
    padding: 10px 5px 9px;
    border-bottom: 1px solid #e9e9e9;
    text-align: center
}
#hyboard .hyboard-list-table th {
    border-top: 1px solid #787775;
    background-color: #fafafa;
    font-weight: 600;
}
#hyboard .hyboard-list-table td {color:#757575}
#hyboard .hyboard-list-table td.subject {    
    padding-left: 10px;
    width: auto;
    text-align: left
}
#hyboard .hyboard-list-table th.idx { width: 70px }
#hyboard .hyboard-list-table th.author { width: 100px }
#hyboard .hyboard-list-table th.date { width: 80px }
#hyboard .hyboard-list-table th.hit { width: 70px }
/* 검색*/
#hyboard .hyboard-toolbar {
    overflow: hidden;
    margin-bottom: 10px
}
#hyboard .hyboard-toolbar .total {


    float: left;
    text-transform: uppercase;
    line-height: 22px
}
#hyboard .hyboard-toolbar .hyboard-search { float: right }
#hyboard .hyboard-toolbar .hyboard-search input {width:120px}
#hyboard .hyboard-toolbar .hyboard-search .hyboard-button { margin-bottom: 0 }
/*------------------------------------*
    글쓰기
 *------------------------------------*/
#hyboard .hyboard-write-table { margin-bottom: 25px }
#hyboard .hyboard-write-table th, #hyboard .hyboard-write-table td {
    box-sizing:border-box;
    padding: 10px 5px 9px;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
    vertical-align: top
}
#hyboard .hyboard-write-table tr:first-child th, #hyboard .hyboard-write-table tr:first-child td { border-top: 1px solid #787775; }
#hyboard .hyboard-write-table th {
    padding-left: 20px;
    border-right: 1px solid #e9e9e9;
    background-color: #fafafa;
    font-weight: 600;
    line-height: 22px
}
#hyboard .hyboard-write-table td + th { border-left: 1px solid #e9e9e9; }
#hyboard .hyboard-write-table td { padding-left: 12px;color: #757575;}
#hyboard .hyboard-write-table td.subject input[type=text] {
    width: 100%;
    max-width: 800px;
}
#hyboard .hyboard-write-table td input[type=text], #hyboard .hyboard-write-table input[type=password], #hyboard .hyboard-write-table input[type=file] {
    width: 50%;
    max-width: 250px;
}
#hyboard .hyboard-write-table td textarea {
    width: 100%;
    max-width: 800px;
    color: #757575;
}
#hyboard .hyboard-write-table td.privacy-policy .agreement { margin: 15px 0 5px; }
#hyboard .hyboard-write-table td.privacy-policy .agreement label { padding-right: 20px; }
/*------------------------------------*
    상세보기
 *------------------------------------*/
#hyboard .hyboard-view-table { margin-bottom: 25px }
#hyboard .hyboard-view-table th, #hyboard .hyboard-view-table td {
    box-sizing:border-box;
    padding: 10px 5px 9px;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
    vertical-align: top
}
#hyboard .hyboard-view-table tr:first-child th, #hyboard .hyboard-view-table tr:first-child td { border-top: 1px solid #787775;border-right: none;}
#hyboard .hyboard-view-table th {
    padding-left: 20px;
    border-right: 1px solid #e9e9e9;
    background-color: #fafafa;
    font-weight: 600;
    line-height: 22px;
}
#hyboard .hyboard-view-table th.subject { font-size: 14px; }
#hyboard .hyboard-view-table td + th { border-left: 1px solid #e9e9e9; }
#hyboard .hyboard-view-table td { padding-left: 12px;color: #757575;}
#hyboard .hyboard-view-table td.content {padding: 25px;line-height: 1.65;}
#hyboard .hyboard-view-table td.content img { 
	margin: 0 auto 10px;
    display: block;
	max-width:100%;
}
#hyboard .hyboard-view-table td.meta span { margin-right: 15px; }
#hyboard .hyboard-view-table td.meta span:before, #hyboard .hyboard-view-table td.attachment:before {
    display: inline-block;
    margin-right: 5px;
    font: normal normal normal 12px/1 FontAwesome;
    vertical-align: middle
}
#hyboard .hyboard-view-table td.meta span.author:before { content: "\f007" }
#hyboard .hyboard-view-table td.meta span.date:before { content: "\f017"; }
#hyboard .hyboard-view-table td.attachment:before { content: "\f0c5" }
/* 이전글/다음글 */
#hyboard .hyboard-nav {
    border-top: 1px solid #d7d5d5;
    border-bottom: 1px solid #d7d5d5;
    margin-top: 46px;
}
#hyboard .hyboard-nav li {
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
    line-height: 140%;
    color: #353535;
}
#hyboard .hyboard-nav li strong, #hyboard .hyboard-nav li a {
    float: left;
    padding: 10px;
}
#hyboard .hyboard-nav li a {color: #757575;}
#hyboard .hyboard-nav li strong {
    box-sizing: border-box;
    width: 110px;
    padding-left: 25px;
    border-right: 1px solid #e9e9e9;
    background-color: #fafafa;
    font-weight: normal;
}
#hyboard .hyboard-nav li strong:before {
    display: inline-block;
    margin-right: 8px;
    font: normal normal normal 10px/1 FontAwesome;
    vertical-align: middle
}
#hyboard .hyboard-nav li.prev strong:before { content : "\f077"; }
#hyboard .hyboard-nav li.next { border: 0; }
#hyboard .hyboard-nav li.next strong:before { content: "\f078" }
/*------------------------------------*
    코멘트
 *------------------------------------*/
#hyboard-comment .comment-list { margin-top: 55px; }
#hyboard-comment .comment-list ul li {
    position: relative;
    padding: 15px;
    border-top: 1px solid #d7d5d5;
    color: #353535;
    line-height: 140%;
}
#hyboard-comment .comment-list ul li:first-child { }
#hyboard-comment .comment-list ul li div.meta {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
#hyboard-comment .comment-list ul li .name { vertical-align: middle; }
#hyboard-comment .comment-list ul li .name input {
    width: 13px;
    height: 13px;
    margin: 0 2px 0 0;
    vertical-align: -2px;
*vertical-align:2px;
}
#hyboard-comment .comment-list ul li .date {
    margin: 1px 10px 0 15px;
    font-size: 11px;
    vertical-align: middle;
}
#hyboard-comment .comment-list ul li .hyboard-buttons {
    display: inline-block;
    vertical-align: middle;
}
#hyboard-comment .comment-list ul li .hyboard-buttons a { margin: 0 2px; }
#hyboard-comment .comment-list ul li .comment {
    clear: both;
    margin-top: 15px;
    word-break: break-all;
    color: #757575;
    line-height: 1.65;
}

.comment {}
#hyboard-comment .comment-form {
    margin: 0;
    padding: 15px;
    border: 1px solid #e9e9e9;
    background-color: #fafafa;
    color: #353535;
}
#hyboard-comment .comment-form legend {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
#hyboard-comment .comment-form p { margin: 10px 0 0; }
#hyboard-comment .comment-form h3 {
    display: block;
    margin: 0 0 10px 0;
}
#hyboard-comment .comment-form .form-row span {
    display: inline-block;
    margin-bottom: 10px;
}
#hyboard-comment .comment-form input[type=text], #hyboard-comment .comment-form input[type=password], #hyboard-comment .comment-form textarea { border: 1px solid #d9d9d9; }
#hyboard-comment .comment-form input {
    width: 135px;
    margin: 0 10px 0 9px;
}
#hyboard-comment .comment-form div + div {
    display: table;
    width: 100%;
}
#hyboard-comment .comment-form .comment {
    display: table-cell;
    padding: 5px;
    width: 100%;
}
#hyboard-comment .comment-form .comment textarea {
    padding: 5px;
    width: 100%;
    height: 65px;
}
#hyboard-comment .comment-form .hyboard-buttons { display: table-cell; }
#hyboard-comment .comment-form .submit {
    margin-bottom: 0;
    width: 65px;
    padding: 26px 15px;
}
/*------------------------------------*
    비밀번호
 *------------------------------------*/
#hyboard .hyboard-confirm-password {
    margin: 0 auto;
    padding-top: 125px;
    width: 450px
}
#hyboard .hyboard-confirm-password .hyboard-buttons { text-align: center }
#hyboard .hyboard-confirm-password .hyboard-buttons a { margin: 0 2px }