@charset "utf-8";

/* preview Skin */
.related { margin:15px 10px 0px; padding:12px 15px; border:1px solid #ddd; position:relative; }

.related .rhead { position:absolute; width:60px; text-align:center; line-height:52px; color:#888; text-align:center; }
.related .rbody { position:relative; margin-left:75px; padding-left:12px; display:block; border-left:1px solid #eee; }
.related .rtail { float:right; line-height:52px; color:#888; border-left:1px solid #eee; padding-left:20px; padding-right:5px; }
.related .mhead, .related .mtail { display:none }
.related .mbody { position:relative; display:block; }
.related .thumb{ float:left; border:1px solid #ddd; margin-right:12px; width:50px; height:50px; }
.related .thumb img{ border:0px; cursor:pointer; width:100%; height:auto; }
.related p { padding:6px 0px 10px; margin:0px; font-size:14px; font-weight:bold; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.related .direct { font-weight:bold; color:crimson; }
.related .related-info { display:block; font-size:12px; color:#888; font-family:dotum; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.related .related-info span { display:inline-block; margin-right:20px; }