@charset "utf-8"; /* NAVER (developers@xpressengine.com) */ a>i{opacity:.5;filter:alpha(opacity=50)} .x_label, .x_badge{font-weight:normal} .x .category{padding:15px 20px 0 20px;margin-bottom:20px} .x .category>div{float:left;width:50%} .x .category h2{margin:0 0 8px 0;color:#333;font-size:14px} .x .category ul{margin:0 0 15px 0;padding:0;list-style:none} .x .category .active>a{font-weight:bold;color:#333} .list{zoom:1} .list:after{content:"";display:block;clear:both} .list>.x_thumbnail{padding:8px 10px; margin-bottom:10px;zoom:1;width:46.5%;box-shadow:1px 1px 3px #eee;overflow:hidden} .list>.x_thumbnail:after{content:"";display:block; clear:both} .list>.x_thumbnail.odd{float:left} .list>.x_thumbnail.even{float:right} .list .thumb{border-radius:3px;float:left;overflow:hidden;box-shadow:0 0 3px #666 inset;margin:0 15px 0 0;padding:5px} .list .text>h3{margin:0 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .list .text>h3>a{color:#333} .starRating, .starRating span{display:inline-block;height:15px;background:transparent url(../img/starRating.png) no-repeat;overflow:hidden} .starRating{width:79px;vertical-align:middle} .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -15px} @media all and (max-width:480px){ .x .category>div{float:none;width:auto} } @media all and (max-width:960px){ .list>.x_thumbnail{width:auto} .list>.x_thumbnail.odd, .list>.x_thumbnail.even{float:none} }