@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}
.main_part_title {height:38px;background: #f3f3f3;margin-left: 10px;}
.main_part_title a{background: url(../img/more_pk.png) no-repeat right  83%;padding-right: 40px;font-size: 30px;text-decoration: none;text-transform:uppercase;}
.middleContainer .open{ display:block !important;clear:both;} 
.middleContainer a{ text-decoration:none;}
.middleContainer a:hover,
.middleContainer a:active,
.middleContainer a:focus{ text-decoration:underline;}
.middleContainer img{ border:0;}
.middleContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.middleContainer form{ margin:0; padding:0;}
.middleContainer fieldset{ border:0; margin:0; padding:0;}

.middleSkinA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;border-top:solid 2px #2c2c2c;margin-bottom: 35px;margin-right:-1px;}
.middleSkinA:after{ content:""; display:block; clear:both;}
.middleSkinA li { float:left; overflow:hidden; width:100px; margin-right:0px; margin-bottom:0px; padding-bottom:0; white-space:nowrap; list-style:none; background: #2c2c2c;position: relative;border-right: solid 1px #c2c2c2;border-bottom: solid 1px #c2c2c2;}
.middleSkinA li.clearRight{ margin-right:0;}
.tmb_wrp{display:inline-block;position:relative;margin:0 auto;*display:inline;*zoom:1}
.middleSkinA li .tmb_wrp{text-align:center;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.middleSkinA li .tmb_wrp{display:block;}
.middleSkinA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:0px; overflow:hidden; text-decoration:none;}
.middleSkinA li .thumb img{ display:block; position:relative; width:100%;}
.middleSkinA li .thumb img.tmb{display:block;position:relative;margin:0 auto;background:#FFF}
.middleSkinA li .fin_load{display:none;visibility:visible}
.middleSkinA li .thumb .imgNone{ visibility:visible;font: 14px/20px Arial,Helvetica,Sans-serif; display:block; position:relative; width:100%; height:100%; background:#eee; text-align:center; cursor:pointer; color:#fff;}
.middleSkinA li .thumb .board{ font: 14px/20px Arial,Helvetica,Sans-serif; display:block; position:absolute; top:4px; right:5px; padding:2px 15px 2px 15px !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); font-size: 11px; text-transform: uppercase; }
.middleSkinA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
/*.middleSkinA li .thumb .view{ display:none; position:absolute; width:100%; height:100%; bottom:0; left:0; padding:0px 0px 0px 0px !important; cursor:pointer; text-align:center; font-weight:normal; background: rgba(0,0,0,0.6); background-image:url(../img/viewdetail.png); background-position: center center; background-repeat: no-repeat;}*/
.middleSkinA li .thumb .view .summary{ position:absolute; bottom:0; left:0; padding:0px 10px 10px 10px; text-align: center; vertical-align: bottom; font-family: "NanumGothic","Tahoma";font-size: 12px; color: #fff;word-break: break-all; white-space: normal;}

.middleSkinA li .author{ display:block;}
.middleSkinA li .ribbon{ display:block; width:48px; height:48px;position:absolute; top:3px; right:4px; padding:0px 0px 0px 0px;background-image:url(../img/newico.png); background-position: top center; background-repeat: no-repeat;}
.middleSkinA li .title{ color:#fff; margin:10px;}
.middleSkinA li .heading  {  padding: 15px; padding-bottom:0px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.6); }
.middleSkinA li .heading h2  { font-size: 13px;margin-top: 0px; margin-bottom: 5px; color:#f25f83;}
.middleSkinA li .heading a  { color: #dc3e29; }
.middleSkinA li .heading h2 a  { color: #fff; word-break: break-all; white-space: normal }
.middleSkinA li .heading h2 a:hover { color: #f35288; word-break: break-all; white-space: normal }
.middleSkinA li .meta  { font: 14px/20px Arial,Helvetica,Sans-serif; font-size: 11px; text-transform: uppercase; color: #fff; line-height: 13px; margin-top: 0; margin-bottom: 5px;}
.middleSkinA li .meta a  { font-weight: bold; }

.middleContainer.black .middleSkinA li .title{ color:#999;}
.middleContainer.black .middleSkinA li .replyNum a{ color:#ff1a1a;}
.middleContainer.black .middleSkinA li .trackbackNum a{ color:#66c;}
.middleContainer.black .middleSkinA li .author{ color:#999;}
.middleContainer.black .middleSkinA li .date{ color:#999;}
.middleContainer.black .middleSkinA li .hour{ color:#888;}


.middleSkinA li .tmb_wrp .widget_icon{display: block;position: absolute; }
.middleSkinA li .tmb_wrp .widget_icon .triangle{ border-top: 50px solid red;border-right: 50px solid transparent;width: 0;height: 0;position: relative;top: 0;left: 0;z-index: 1;}
.middleSkinA li .tmb_wrp .widget_icon .type_N{ font-size: 28px;color: white;z-index: 6;position: relative;left: -13px;top: -57px;font-weight: 700;}