#mhtop, #mhbottom{display:block;}
#mhtop *, #mhbottom *{display:block; height:1px; overflow:hidden;}
.mhbox_r { overflow:hidden; position:relative; }

.mhbox_r .mhbox_top_title { position:relative; overflow:hidden; border-radius:10px 10px 0 0;}
.mhbox_r .mhbox_top_title h2 { margin:0; min-height:20px; padding:8px 0 2px 18px; display:block; overflow:hidden; font-size:14px; }
.mhbox_r .mhbox_top_title .top_title { float:left; font-size:1em; }
.mhbox_r .mhbox_top_title .more { float:right; margin-right:10px; padding-top:3px; transition:transform 0.4s ease-out, opacity 0.6s ease; transform:translateX(-10px); font-style:italic; text-shadow: 1px 1px 2px #eee; }
.mhbox_r .mhbox_top_title .more:hover { transform:translateX(5px); opacity:1 }
.mhbox_r .mhbox_top_title h2 b { display:block; position:absolute; top:17px; left:5px; width:7px; height:4px; }

.mhbox_r .mhboard_r { position:relative; padding-top:4px; width:100%; overflow:hidden; box-sizing: border-box; }
.mhbox_r .mhthumb { float:left; margin-right:5px; padding:0; border:none; vertical-align:top; text-align:center; }
.mhbox_r .mhthumb img { margin:3px; padding:3px; alpha(opacity=100);opacity:1}
.mhbox_r .mhthumb img:hover { box-shadow:0 0 10px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1; }
.mhbox_r .mhmain { vertical-align:middle; overflow:hidden;}

.mhbox_r .mhtitle { display:flex; overflow:hidden; align-items:center; }
.mhbox_r .mhtitle .mhmenuname { flex-shrink:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mhbox_r .mhtitle .cell { display:flex; flex:1; min-width:0; }
.mhbox_r .mhtitle .mtitle { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.mhbox_r .mhtitle .c_icon { flex-shrink:0; margin-left:4px; }
.mhbox_r .mhtitle,
.mhbox_r .mhtitle span { font-size:1em; margin-left:3px; line-height:20px; }

.mhbox_r .rank-number { font-weight:bold; font-size:1.05em; color:#ccc; text-align:center; width:15px; display:flex; align-items:center; justify-content:center; }
.mhbox_r .rank-number img { vertical-align:middle; display:inline-block; }
.mhbox_r .rank-1 { color:#FFD700; /* 금색 */ }
.mhbox_r .rank-2 { color:#C0C0C0; /* 은색 */ }
.mhbox_r .rank-3 { color:#CD7F32; /* 동색 */ }
.mhbox_r .no-number { border:1px solid #ddd; background-color:#eee; padding:1px 3px; border-radius:3px; margin-right:5px; font-size:.9em; line-height:16px; }

.mhbox_r .mhregdate { background:url(../../../images/lineTextDiv.gif) no-repeat right 5px; padding:0 5px 0 0; }
.mhbox_r .mhmenuname { color:#999; background:url(../../../images/lineTextDiv.gif) no-repeat right 5px; padding:0 5px 0 0; margin-right:5px}
.mhbox_r .mhcategoryname { color:#bbb; ;background:url(../../../images/lineTextDiv.gif) no-repeat right 5px; padding-right:5px; margin-right:5px}
.mhbox_r .mhextra_value,
.mhbox_r .mhextra_value a 
{ color:#bbb; background:url(../../../images/lineTextDiv.gif) no-repeat right 5px; padding-right:5px; }
.mhbox_r .mhauthor { float:right; text-align:right; }
.mhbox_r .mhauthor a { color:#333; font-size:0.9em; }
.mhbox_r .mhsummary { margin:5px 0; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; }
.mhbox_r .mhsummary a { font-size:0.9em; line-height:25px; }
.mhbox_r .mhcomment1 { margin:3px; border-top:1px dotted #ddd; padding-top:5px; overflow:hidden; white-space:nowrap; }
.mhbox_r .mhcomment1 a { font-size:0.9em;  }
.mhbox_r .mhbottom { padding:5px 15px 5px 0; ; text-align:right; }
.mhbox_r .mhbottom a { font-size:0.9em; }
.mhbox_r .mhbottom a:hover { font-weight:bold; }

.clear { clear:both; }

/* pageNavigation */
#mmcpageNavigation_r { text-align:center; font:bold 11px; margin-top:10px; margin-bottom:10px; }
#mmcpageNavigation_r a { font:bold 1em; color:#666666; ; margin:0 8px 10px; }
#mmcpageNavigation_r .current { font:bold 1em; color:#fff; ; margin:0 4px 0 8px; border:1px solid #000; background-color:#555; padding:5px 9px; border-radius:3px; }
#mmcpageNavigation_r .pageNavigation2 { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1); }
#mmcpageNavigation_r a:hover { background:#fefefe; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); }
#mmcpageNavigation_r a:visited { color:#999999; }
#mmcpageNavigation_r .pn { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#f5f5f5; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1); }