@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:15px 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: 20px 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: 18px !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:0px 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; background:#F60; color:#fff; border-radius:15px; letter-spacing:0}



 @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 }

}