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

.mhbox_c .mhbox_top_title { position:relative; overflow:hidden; border-radius:10px 10px 0 0;}
.mhbox_c .mhbox_top_title h2 { margin:0; min-height:20px; padding:8px 0 2px 18px; display:block; overflow:hidden; font-size:14px; }
.mhbox_c .mhbox_top_title .top_title { float:left; font-size:1em; }
.mhbox_c .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_c .mhbox_top_title .more:hover { transform:translateX(5px); opacity:1 }
.mhbox_c .mhbox_top_title h2 b { display:block; position:absolute; top:17px; left:5px; width:7px; height:4px; }

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

.mhbox_c .mhtitle { overflow:hidden; display:flex;}
.mhbox_c .mhtitle .mhmenuname { flex-shrink:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mhbox_c .mhtitle span { display:flex; align-items:center; min-width:0;}
.mhbox_c .mhtitle .mtitle { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1;}
.mhbox_c .mhtitle .c_icon { flex-shrink:0; margin-left:4px;}

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

.mhbox_c .rank-number { font-weight:bold; margin-right:8px; margin-left:4px; font-size:1.05em; color:#ccc; }
.mhbox_c .rank-1 { color:#FFD700; /* 금색 */ font-size:1.2em; margin-left:0px; }
.mhbox_c .rank-2 { color:#C0C0C0; /* 은색 */ font-size:1.1em; margin-left:0px; }
.mhbox_c .rank-3 { color:#CD7F32; /* 동색 */ margin-left:0px; }

.clear { clear:both; }

/* pageNavigation */
#mmcpageNavigation_c { text-align:center; font:bold 11px; margin-top:10px; margin-bottom:5px;}
#mmcpageNavigation_c a { font:bold 1em; color:#666666; ; margin:0 8px 10px; }
#mmcpageNavigation_c .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_c .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_c 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_c a:visited { color:#999999; }
#mmcpageNavigation_c .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);}