.listview .list {
  border: 4px transparent solid;
  height: auto;
  position: relative;
  display: block;
  cursor: pointer;
  color: inherit;
  margin: 0 0 10px 0;
}
 .listview .list .list-content {
  padding: 10px;
  position: relative;
  display: block;
  color: inherit;
}
 .listview .list .list-content:before,
 .listview .list .list-content:after {
  display: table;
  content: "";
}
 .listview .list .list-content:after {
  clear: both;
}
 .listview .list:hover {
  outline: 3px #ccc solid;
}
 .listview .list:active {
  outline: 3px #3e3e3e solid;
}
 .listview .list {
  border: 1px #eaeaea solid;
}
 .listview .list .list-content .icon {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 40px;
  float: left;
  margin-right: 10px;
}
 .listview .list .list-content [class*="icon-"].icon {
  padding: 8px;
}
 .listview .list .list-content .data {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 66px;
  min-width: 200px;
  position: relative;
}
 .listview .list .list-content .list-title,
 .listview .list .list-content .list-remark {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
 .listview .list .list-content .list-title {
  font-size: 14px;
  line-height: 16px;
}
 .listview .list .list-content .list-remark {
  font-size: 11px;
  line-height: 12px;
}
 .listview .list .list-content [class*="span"] {
  float: none;
}
 .listview .list .list-content .rating {
  color: inherit;
}
 .listview .list .list-content .progress-bar {
  margin: 5px 0;
}
 .listview.small .list-content .icon {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 14px;
  font-size: 28px;
  float: left;
  margin-right: 10px;
}
 .listview.small .list-content [class*="icon-"].icon {
  padding: 8px 0;
}
 .listview.small .list-content [class*="icon-"].border {
  font-size: 22px;
  padding: 8px 4px;
}
 .listview.small .list-content .data {
  margin-left: 40px;
}
 .listview .list.selected {
  border: 4px #4390df solid;
}
 .listview .list.selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
 .listview .list.selected:before {
  position: absolute;
  display: block;
  content: "\e08a";
  color: #fff;
  right: 0;
  font-family: iconFont;
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  top: 0;
}
iframe {width:600px;height:360px;}
.gnu_gallery_item {
	width:132px;BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 5px; MARGIN: 10px;margin-left:20px; PADDING-LEFT: 3px; PADDING-RIGHT: 5px; FLOAT: left; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 5px
}
.gnu_gallery_item .img {
	BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; margin: 0px; DISPLAY: inline; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid
}
A:hover .gnu_gallery_item {
	BORDER-BOTTOM: #607B90 1px solid; BORDER-LEFT: #607B90 1px solid; BORDER-TOP: #607B90 1px solid; CURSOR: pointer; BORDER-RIGHT: #607B90 1px solid
}
.gnu_gallery_item div.desc {
	TEXT-ALIGN: center; MARGIN: 5px; HEIGHT: 20px; OVERFLOW: hidden; CURSOR: pointer; FONT-WEIGHT: normal
}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
.gnu_gallery_item {width:88%;MARGIN: 10px;}
iframe {width:88%;height:auto;}
}