@charset "euc-kr";
/* CSS Document */


/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;*/

/*---------------------------------- bo_basic_list---------------------------- */

.bo_basic_list { border-top: 1px solid #333;}
.bo_basic_list table { width: 100%; text-align: center;  }
.bo_basic_list th { border-bottom: 2px solid #333; padding:10px 0 }
.bo_basic_list th.a { width: 10% }
.bo_basic_list th.b {  }
.bo_basic_list th.c { width: 17%; }
.bo_basic_list th.d { width: 10% ; }
.bo_basic_list td { padding: 16px 0 14px; vertical-align: text-top; border-bottom: 1px solid #e6e6e6 }
.bo_basic_list td.tda { }

.bo_basic_list td.tda span { display: inline-block; width: 40px; height: 18px; line-height: 15px !important; vertical-align:top; text-align: center; font-size: 11px; color: #fff; background-color: #333; border-radius: 10px; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50%; top: 50%; } /*공�??�이�? ?�트???�라 ?�치값조???�요*/
.bo_basic_list td.tdb { text-align: left; padding-left: 5%;/* text-overflow:ellipsis;  overflow:hidden; white-space:nowrap ; word-wrap:normal ; word-break:break-all;*/ word-break:keep-all;}
.bo_basic_list tbody tr:hover{ background:#f5f5f5; }
.bo_basic_list tbody tr td a{ display: block}
.bo_basic_list td.tdc { }
.bo_basic_list td.tdd { }
.bo_basic_list td.tdb span.date{ display: none }
.bo_basic_list td.tdb span.num{ color:#F30; padding-left:5px; letter-spacing:1px}
.bo_basic_list td.tdb span.new{font-size:10px; border:1px solid #666; padding: 0 5px; margin: 0 5px;  display:inline-block; color:#666; line-height:15px; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px}


 @media only screen and (max-width: 780px) {
/* bo_basic_list_list */
.bo_basic_list table {  }
.bo_basic_list th { display: none }
.bo_basic_list td.tdc { display: none }
.bo_basic_list td.tda { width: 10%;  }
.bo_basic_list td.tdb { width: 75%; }
.bo_basic_list td.tdd { width: 15%; }
.bo_basic_list td.tdb span.date { display: block; color: #999; padding-top: 3px }
}

@media only screen and (max-width: 500px) {
/* bo_basic_list */
.bo_basic_list table {  }
.bo_basic_list th { display: none }
.bo_basic_list td { padding-top: 13px; padding-bottom: 13px }
.bo_basic_list td.tdc { display: none }
.bo_basic_list td.tda { display: none }
.bo_basic_list td.tdb { width: 80%; padding-left:3px }
.bo_basic_list td.tdd { width:19%; }
.bo_basic_list td.tdb span.bo_basic_list-icon { display: inline-block; width: 26px; height: 22px; padding-top: 4px; margin-top: -3px; margin-bottom: 4px; text-align: center; font-size: 10.5px; color: #fff; color: #fff; background-color: #333; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-left-radius: 50%; -webkit-border-bottom-right-radius: 50% }
.bo_basic_list td.tdb span.bo_basic_list-icon { display: block }
.bo_basic_list td.tdb span.no { display: block; padding-bottom: 7px }
.bo_basic_list td.tdb span.date { display: block; padding-top: 2px }
.bo_basic_list td.tdd { position: relative }
.bo_basic_list td.tdd span.hit { position: absolute; top: 39px; right: 0; vertical-align: top; text-align: right }

}






/*---------------------------------- bo_basic_view ----------------------------------*/

.bo_basic_view {}
.bo_basic_view > table { width: 100%; border-top: 2px solid #333;  }
.bo_basic_view > table th { border-bottom: 1px solid #e6e6e6;  text-align:left; padding:20px 3px; word-break:keep-all}
.bo_basic_view  th  span.tit { float:left; width:80%;  font-weight:600; font-size: 1.1em }
.bo_basic_view  th  span.date { float:right; color:#999;  text-align:right }
.bo_basic_view > table td { border-bottom:1px solid #e6e6e6 ; padding:10px}
.bo_basic_view td.con { padding:25px 3px; /*white-space:pre-line;*/ word-break:keep-all; }
.bo_basic_view td.con img{  max-width:100% !important; margin:20px 0}

/*?�전?�음글*/
.indicator{ margin-top:10px}
.indicator table  { width: 100%; border-top: 1px solid #e6e6e6;  }
.indicator th { width: 100px;   border-bottom: 1px solid #e6e6e6; text-align: left; padding:15px 10px;vertical-align: text-top;   }
.indicator th.prev span { padding-left: 30px; background: url('../img/icon_v_prev.png') 10px 4px no-repeat;  } /*?�트?�따???��?지?�치값조?�필??/
.indicator th.next span { padding-left: 30px; background: url('../img/icon_v_next.png') 10px 4px no-repeat;vertical-align: text-top  }/*?�트?�따???��?지?�치값조?�필??/
.indicator td { border-bottom: 1px solid #e6e6e6;  padding:10px  }
.indicator td a { display: inline-block; width: 95%; vertical-align: text-top  ;color:#666 }


 @media only screen and (max-width: 500px) {
/* bo_basic_view */ 
.bo_basic_view > table th {  padding:10px 3px;}
.bo_basic_view th span.tit { float: left; width: 100% }
.bo_basic_view th span.date { float: left;  text-align: left }
.bo_basic_view td.con { padding:10px 3px; }
 
 
 /*?�전?�음글*/
.indicator th { width: 50px;    }
.indicator th.prev span { padding-left: 0px; background:none}
.indicator th.next span {padding-left: 0px; background:none}

}
 
 
 
 
 



/*---------------------------------- bo_basic_write----------------------------------*/

.bo_basic_write{width:100%; padding:17px 0 28px 0; border-top:2px solid #202020; border-bottom:1px solid #efefef}
.bo_basic_write table {width:100%;}
.bo_basic_write th { text-align:left; padding:5px; font-weight:600} 
.bo_basic_write td { padding:5px}
.bo_basic_write td input {} /*기본 ?��????�름 ?�체?�으�?*/
.bo_basic_write td textarea{ width:100%; height:200px}

input.width_ty1{ width:70%;}
input.width_ty2{ width:30%;}

 @media only screen and (max-width: 500px) {
.bo_basic_write th { display:block; font-weight:600} 
.bo_basic_write td { display:block; margin-bottom:10px}

input.width_ty1{ width:100%;}
input.width_ty2{ width:50%;}
 }