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


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

.bo_basic_list {  width: 100%; border-top: 1px solid #333; padding:20px 0 0 0;} 
.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}


.total_contents_group .total_contents{ width:22.9%; float:left; margin:2% 1% 0 1%; height:350px;}
.total_contents_group .good{ width:57px; margin:10px 10px; height:57px; position:absolute; text-align:center; padding-top:6px; background:url(img/good_bg.png) no-repeat cenrt;}
.total_contents_group .good span{font-size:19px; font-weight:600; }
.total_contents_group .gimg {border:1px solid #ccc; text-align:center; padding:5%;width:89% }
.total_contents_group p.thumn {position:relative; text-align:center; width:100%;padding-top:75%;  text-align:center; overflow:hidden;}
.total_contents_group p.thumn img{position:absolute; top:0; left:0; /*width:100%; height:100%;*/ }
.total_contents_group .total_text{ padding:8% 7% 0 8%; color:#888; font-family: 'NanumGothicWeb'; }
.total_contents_group .total_text span{ display:block; font-size:13px; color:#323232;  font-family: 'NanumGothicBoldWeb'; padding-bottom:8px; overflow:hidden;
                                     text-overflow:ellipsis; white-space:nowrap;}
.total_contents_group .total_text p {width:97%;  white-space:nowrap; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis;}
.total_contents_group .total_contents_last{ width:23.7%; border:1px solid #ccc; float:left; margin:2% 0 0 0;}

.good_group{ border:0px solid #f00; overflow:hidden; width:100%; text-align:center; margin-top:10%;}
.good_group .dd{ border:0px solid #f00; width:278px; margin:0 auto; overflow:hidden;}
.good_group .good_num{width:134px;height:134px;  float:left; margin-right:2%; padding-top:30px;}
.good_group .good_num span{font-size:40px; letter-spacing:-2px; display:block; }
.good_group .good{width:134px;height:55px; float:left; padding-top:80px;font-size:20px; }




 @media only screen and (max-width: 1100px) {

.total_contents_group .total_contents{height:330px;}
}


 @media only screen and (max-width: 900px) {


.total_contents_group .total_contents{ width:31%;height:310px; }
.total_contents_group .total_contents_last{width:32%; }






/* 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: 700px) {

.total_contents_group .total_contents{height:300px; }


}



@media only screen and (max-width: 600px) {

.total_contents_group .total_contents{ width:47.5%; margin:1.3% 1%; }
.total_contents_group .total_contents_last{width:47.5%; margin:1.3% 1% }


}


@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 }
.total_contents_group .total_contents{ height:270px; }
}




@media only screen and (max-width: 400px) {
.total_contents_group .total_contents{ height:230px; }



}


@media only screen and (max-width:360px) {
.total_contents_group .total_contents{ height:220px; }



}

@media only screen and (max-width:321px) {
.total_contents_group .total_contents{ height:210px; }



}