/* list(board) */
/****************************/
#board_list { width:100%}
#board_list ul.list_head {width:100%;background:#f4f3f1; font-weight:bold; border-bottom:1px solid #ccc;}
#board_list ul.list_body {width:100%;border-bottom:1px solid #ccc;}
#board_list li{display:inline-block;text-align:center; padding:8px 0; vertical-align:middle}
#board_list li.no{width:8%;}
#board_list p.list_data{display:inline-block}
#board_list li.subject{width:48%}
#board_list li.subject.faq{width:88%}
#board_list li.subject.data{ text-align:left;}
#board_list li.name{width:15%;}
#board_list li.date{width:15%;}
#board_list li.hit{width:10%; text-align:right}
#board_list li.hit span.txt{display:none}
span.re {padding-left:30px}
span.data_faq {width:88%;display:inline-block;}
input.schbar {WIDTH:200px; height:22px;border:solid 1px #B7B7B7}
/****************************/



/* pagenate */
.paginate { text-align:center; padding-top:15px; clear:both}
.paginate strong {background:#5f6a72; color:white; padding:3px 6px}
.paginate default {background:#CCC; color:#000; padding:3px 6px}

/* search */
.search { text-align:center; padding-top:25px}
.search span{display:inline-block}

/*¹öÆ° */
.btngroup {
    padding: 1em 0px;
    text-align: center; margin:0 0 25px 0; clear:both;
}
.btngroup p.left {float:left; margin:0}
.btngroup p.right {float:right; margin:0}
.ui-btn {
    display: inline-block;
    padding: 0.6em 1em;
    margin: 0.1em 0px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 14px;
    background: none repeat scroll 0% 0% #DDD;
}
.ui-btn.btn-co1 {
    background: none repeat scroll 0% 0% #5F6A72;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    color: #FFF;
}

/* View */
.board_view .hgroup {
    margin-bottom: 0.5em;
    border-bottom: 1px dashed  #999999;
}
.board_view .hgroup dl:after {
    content: "";
    display: block;
    clear: both;
}
.hgroup .title {  background: none repeat scroll 0% 0% #F9F7ED; text-align:left; padding:8px}
.board_view .hgroup dl { color: #555;  font-size: 12px;padding:8px 10px; margin:0}
.board_view .hgroup dl dt {  float: left; }
.board_view .hgroup dl dt span {
    display: block;
    float: left;
    padding-right: 0.5em;
    margin-right: 0.5em;
    border-right: 1px solid #CCC;
}
.board_view .hgroup dl dd {
    float: right;
}
.board_view .conbody { font-size: 14px; text-align:left; padding:15px}
div.data_view {border-top:1px solid #CCC}
p.data_view {text-align:left; color:#333; border-bottom:1px solid #CCC; padding:6px}
p.data_view a, a:link {color:#666}

@media screen and (max-width:640px) {
/************************/
#board_list ul.list_head { display:none; margin:0}
#board_list ul.list_body {width:100%;border-bottom:none;}
#board_list li.no{display:none;}
#board_list li.subject.data{ font-weight:bold; padding:8px; width:95%;vertical-align:middle; background-color:#F0F0F0; margin-bottom:6px  }
#board_list li{display:inline-block;text-align:center; padding:0; margin:0}
#board_list p.list_data{display:block; clear:both;}
#board_list li.name.data{width:60px; float:left; display:inline-block; padding-bottom:15px}
#board_list li.date.data{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 6px;width:80px;float:left; }
#board_list li.hit.data{text-align:left; padding-left:6px;width:100px;float:left;}
#board_list li.hit span.txt{display:inline; font-size:12px; color:#999}
/*************************/

.search span.terms{ display:block; padding-bottom:10px}
}

@media screen and (max-width:480px) {
input.schbar {WIDTH:140px;}
}