/* 컨텐츠 */
#rbContent {position: static}

/* 상단탑3 기사 */
.social-button.hover, .social-button-small, .imageLinkWrapper figure::before, #ads_dynamicShowcase .dynamicShowcase_li:hover .dynamicShowcase_headline, #ads_dynamicShowcase figure::before, #ads_dynamicShowcase .dynamicShowcase_text .dynamicShowcase_headline, #ads_dynamicShowcase .dynamicShowcase_expandWrap .dynamicShowcase_expandWrap_action, #ads_dynamicShowcase .dynamicShowcase_expandWrap .dynamicShowcase_expandWrap_action:hover, .riverPost.sponsoredRiver:hover .img::after, .riverPost.sponsoredRiver:hover .img::before, .riverPost.sponsoredRiver .img::after, .riverPost.sponsoredRiver .img::before, .carousel.small .slide, .carousel.small .content, .carousel.large .slide, .carousel.large .slide.selected, .carousel.large .asset, .carousel.large .content, .carousel.promo .slide, .carousel.promo .slide.selected, .carousel.promo .asset, .carousel.promo .content, .fivePack .asset::before, .fullWidthFourAsset .asset::before, .fivePack .asset:hover .dek, .fullWidthFourAsset .asset:hover .dek, .fivePack .asset:hover .dek::after, .fullWidthFourAsset .asset:hover .dek::after, .fivePack .dek, .fullWidthFourAsset .dek, .fivePack .dek::after, .fullWidthFourAsset .dek::after, .fullListing .riverPost .img::after, .fdListing .riverPost .img::after, .fourFeatured .asset::after, .fourFeatured .asset .image::after, .fourFeatured .asset .dek, .fourFeatured .asset:hover::after, .fourFeatured .asset:hover .image::after, .fourFeatured .asset:hover .dek, #topStories .asset, .touch-disabled #topStories .asset:hover .content .share, #topStories .asset .share, #topStories .asset .content, #topStories .asset .content .meta, #topStories .asset .content .h, #topStories .asset::before, .asset:hover .socialSharingSmall, .asset:hover .img::after, a {
    -webkit-transition-property:all; transition-property:all; -webkit-transition-duration:0.2s; transition-duration:0.2s;
	-webkit-transition-timing-function: ease; transition-timing-function: ease;
}

.spacer.topStories {height:490px; margin-bottom:20px; display:block;}

#topStories {position:absolute; top:0; left:0; width:100%; height:490px; overflow:hidden; background-color:#fff;}
#topStories .asset {height:100%; overflow:hidden; margin-left:0; float:left; position:relative; z-index:2;}
#topStories .asset img {
	min-height:100%; min-width:100%; height:auto; width:auto; position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; z-index:-1
}
#topStories .asset:before {box-shadow:0 10px 15px rgba(0, 0, 0, 0.6) inset; content:""; display:block; height:100%; position:absolute; left:-30px; width:200%; z-index:2}

.touch-disabled #topStories .asset:hover {z-index:4;}
.touch-disabled #topStories .asset:hover:before {background-color:rgba(0, 0, 0, 0.6);}
/*
.touch-disabled #topStories .asset:hover .content {bottom:0px}
.touch-disabled #topStories .asset:hover .content .share {opacity:1}
*/

#topStories .asset .mainStory {position:absolute; z-index:6; width:100%; height:100%; top:0; left:0; font:0/0 serif; text-shadow:none; color:transparent}

/* 상단탑3 단락 */
#topStories .asset .content {position:absolute; left:30px; padding-right:30px; color:#fff; bottom:30px;}
#topStories .asset .content .meta {
	color:#FF8B00; font-size:.70588em; line-height:1em; margin-bottom:10px; position:relative; z-index:5; font-weight:bold;
	text-shadow:0 1px 0 #000; text-transform:uppercase
}
#topStories .asset .content .h {color:#fff; text-shadow:0 1px #000; font-weight:normal; position:relative; z-index: 5}
#topStories .asset .content p {
	padding-top:10px; font-size:14px; line-height:19px; color:#b1b1b1; margin-bottom:10px; text-shadow:0 1px 0 #000; font-weight:normal; position:relative; z-index:5
}

/* 상단탑3 비율조절  */
#topStories .asset.half {width:50%}
#topStories .asset.half .content .h {font-size:36px; line-height:42px; margin-top:-5px}

#topStories .asset.quarter {width:25%}
#topStories .asset.quarter .content .h {font-size:27px; line-height:33px}

/* 관련기사 */
#topStories .asset .related {font-size:13px; line-height:18px; color:#FF8B00; padding:0 20px 5px 25px; position:relative; z-index:7; font-weight:normal; float:left}
#topStories .asset .related:hover {color:#fff}

/* 관련기사 아이콘 */
#topStories .asset .related.content_article:before {
	content:""; display:block; width:16px; height:16px; background:url('related-article.png') no-repeat 0 0; position:absolute; top:1px; left: 2px
}
#topStories .asset .related.content_gallery:before {
	content:""; display:block; width:16px; height:16px;	background:url('related-photos.png') no-repeat 0 0; position:absolute; top:3px; left: 0
}
#topStories .asset .related.content_video:before {
	content:""; display:block; width:16px; height:16px;	background:url('related-video.png') no-repeat 0 0; position:absolute; top:2px; left:0
}
#topStories .asset .related.content_review:before {
	content:""; display:block; width:16px; height:16px;	background:url('related-review.png') no-repeat 0 0;	position:absolute; top:2px; left:0
}
#topStories .asset .related.content_collection:before {
	content:""; display:block; width:16px; height:16px;	background:url('related-collection.png') no-repeat 0 0;	position:absolute; top:2px; left:0
}

/* sns 아이콘 설정 */
#topStories .asset .share {height:33px; margin-top:5px; opacity:0; position:relative; z-index:10; float:left; clear:left}
#topStories .asset .share li {float:left; position:relative; height: 33px; width: 33px}

.social-button-small {
	position:relative; width:25px; height:25px; border-radius:100%; font:0/0 serif; text-shadow:none; color:transparent; left:0;
	display:flex; justify-content:center; align-items:center
}
.social-button-small img { z-index:30 !important}
.social-button-small:hover {width:33px; height:33px; cursor: pointer; margin:-4px 0 0 -4px}
/**/
.social-button-small.facebook {background-color: #3B5998}
.social-button-small.twitter {background-color: #28AAE1}
.social-button-small.googleplus {background-color: #DF3D1B}
.social-button-small.tumblr {background-color: #1C4772}
.social-button-small.email {background-color: #FF8B00}

/* 이미지오버 효과 */
#topStories .asset figure:before {
	content: ""; position: absolute; display: block; height: 100%; width: 100%;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(110%, #000000)) repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000 110%) repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	background: linear-gradient(rgba(0, 0, 0, 0), #000000 110%) repeat scroll 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 0 rgba(255, 255, 255, 0.2) inset, -1px 0 rgba(0, 0, 0, 0.4) inset;
	box-shadow: 1px 0 rgba(255, 255, 255, 0.2) inset, -1px 0 rgba(0, 0, 0, 0.4) inset; bottom: 0
}

/* 리뷰 상단 별점& 가격정보  */
#topStories .asset .content .itemMeta::before {content:""; display:table; clear:both; height:30px;}
/* 별점 */
#topStories .asset .content .rating {position:absolute; bottom:0px; left:0px; width:130px; font-size:18px;}
#topStories .asset .content .rating-container {display:flex; vertical-align:top; display:inline-block; color:#909090; overflow:hidden; z-index:5;}
#topStories .asset .content .rating-container::before {content:attr(data-content);}
#topStories .asset .content .rating-container .rating-stars {
    position:absolute; left:0px; top:0; white-space:nowrap; overflow:hidden; color:#FF6;
	transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out; cursor: default;
}
.rating-container .rating-stars::before {content: attr(data-content); text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);}
/**/
#topStories .asset .content .pricing {position:absolute; bottom:38px; right:15px; text-align:right;}
#topStories .asset .content .pricing:hover {color:#FF8B00; cursor:pointer}
#topStories .asset .content .pricing .price {font-size:1.05882em; line-height:1em; font-weight:bold; color:#F90;}
#topStories .asset .content .pricing .mfr {font-weight:normal; font-size:.80588em; line-height:1em; display:block; color:#FFF}


/*---------------------------------------------------------- 기사 리스트 -----------------------------------------------------------------------------*/
/* 리스트 제목 */
.moreTopStories {margin-bottom:20px;}
.moreTopStories h3 {
	font-size:14px; padding:7px 0 6px; border-top:3px solid #E4E7EA; border-bottom:1px solid #E4E7EA; margin-bottom:20px;
	color: #B80000; font-weight:bold; text-transform: uppercase;
}
.moreTopStories h3:after {content: none}
.moreTopStories h3 span {color:#000; font-weight:normal;}
.moreTopStories h3 span:before {content: "//"; margin: 0 10px}

/* 리스트1 */
.moreTopStories .assetWrap {margin-bottom:20px;}
.moreTopStories .assetBody {position:relative;}
/* 단락 */
.imageLinkWrapper {color:inherit}
.imageLinkWrapper figure {position:relative;}
.imageLinkWrapper figure:before {content:""; display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2;}
.imageLinkWrapper:hover figure:before, .assetBody:hover .imageLinkWrapper figure:before, .fdListing .riverPost:hover .imageLinkWrapper figure:before
{box-shadow: 0 0 0 0px #FF8B00 inset, 0 0 35px rgba(0, 0, 0, 0.7) inset}
/* background-color:rgba(255, 140, 0, 0.5)  */
.imageLinkWrapper figure img {display:block; position:relative; z-index:1; max-width:100%; font-size:13px;}
/**/
.moreTopStories .assetText {display:block; content: ""; color: transparent;}
.moreTopStories .assetText h5 {font-size:20px; line-height:26px; margin:10px 0 5px}
.moreTopStories .assetText .dek {font-size:14px; line-height:20px; color: #000}
.moreTopStories .assetText .author {font-size:.70588em; display: inline-block; text-transform: capitalize; color: #768696;}
.moreTopStories .assetText .author .name {font-weight: bold;}
/*관련기사*/
.moreTopStories .substories {margin-top:12px; line-height:16px}
.moreTopStories .related {display:inline-block; font-size:13px; position:relative; padding:0 0 5px 18px; font-weight:bold; color:#000;}
.moreTopStories .related:hover {color:#FF8B00}
.moreTopStories .related:last-of-type {padding-bottom:0}
.moreTopStories .related:last-of-type:after {content:none}
.moreTopStories .related:before {
	content: ""; position:absolute; display:block; height:6px; width:6px; left:0; top:5px; background-color:#eee; border:2px solid #E4E7EA;
	border-radius: 100%; z-index: 2
}
.moreTopStories .related:after {content:""; position:absolute; display:block; height:100%; width:2px; background-color:#E4E7EA; top:7px; left:4px; z-index:1}
/**/
.moreTopStories .assetBody.dekRight {margin-bottom:20px;}
.moreTopStories .assetBody.dekRight h6 {margin-top:0;}
.moreTopStories .assetText h6 {font-size:14px; line-height:20px;}

/* 리스트1 - 기사리스트 */
.fdListing {
	margin:0 0 20px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; 
	border-bottom:1px dashed #E4E7EA; border-right: 1px solid #E4E7EA;
}
.fdListing h1 {
	position: relative; background-color: #fff; z-index: 1000; margin-bottom: 0;
	font-size:14px; padding:7px 0 6px; border-top:3px solid #E4E7EA; border-bottom:1px solid #E4E7EA; margin-bottom:20px;
	color: #B80000; font-weight:bold; text-transform: uppercase;
}
.fdListing h1 span {color:#000; font-size:24px;}
.fdListing h1 span::after {content: "/"; padding:0 2px 0 10px; font-size:14px;} 
.fdListing h1::after {content: ""; position:absolute; display:block; height:100%; width:1px; background-color: #fff; top:0; right:-1px;}


/* 단락 */
.fdListing .riverPost {position: relative; margin: 0; overflow: hidden;}
.fdListing .riverPost::after {clear: both;}
.fdListing .riverPost::before, .fdListing .riverPost::after {content: ""; display: table;}
/**/
.fdListing .riverPost .assetThumb {display: block; float: left; overflow: hidden; min-height:1px; margin-bottom: 20px;}
.fdListing .riverPost .img {position: relative;}
.fdListing .riverPost .img::after {background-color:#000000; content:""; display:block; height:100%; opacity:0; position:absolute; top:0; width:100%; z-index:8;}
/**/
.fdListing .riverPost .assetText {margin-bottom: 20px;}
.fdListing .riverPost .assetText h3 {
	padding:5px 15px 5px 0px; margin-top:-6px;
	 font-size:18px; line-height: 25px; text-transform: none; letter-spacing: -.009em;
}
.fdListing .riverPost .assetText p {margin-bottom:5px; color:#000; padding-right:20px; font-size:14px; line-height:18px;}
.fdListing .riverPost .assetText .topicName {font-size:14px; font-weight:bold;}
.fdListing .riverPost .assetText .topicName:after {content: "/"; color: #768696; margin: 0 3px 0 7px}
.fdListing .riverPost .assetText .assetAuthor {font-size: .82353em; line-height: 1.28571em; padding-right: 20px; color: #768696;}
.fdListing .riverPost .assetText .assetAuthor a {font-weight: bold;}

.fdListing .riverPost .assetText .author {font-size: .82353em; line-height: 1.28571em; padding-right:0px; color: #768696;}
.fdListing .riverPost .assetText .author a {font-weight: bold;}


/* 버튼 */
.fdListing + div a.load-more {clear: both; display: block; width: 100%; margin-bottom: 20px;}

/* 오른쪽 리스트 - 기사리스트 */

/* 리뷰 */
.productList {padding-bottom:10px; clear:both;}
.productList h5 {
	font-size:14px; padding:7px 0 6px; border-top:3px solid #E4E7EA; border-bottom:1px solid #E4E7EA; margin-bottom:20px;
	color: #B80000; font-weight: bold; text-transform: uppercase;
}
/**/
.productList li {margin-bottom: 20px;}
.productList li figure img, .latestDeals li figure img {margin:0 auto; max-width:100%}
.productList li:hover .imageLinkWrapper figure:before {box-shadow: 0 0 0 2px #FF8B00 inset, 0 0 35px rgba(0, 0, 0, 0.7) inset}
/**/
.productList .infoContainer {margin-top:-3px;}
.productList .infoContainer .description {font-size:14px; line-height:18px; color:#000;}
.productList li .storyTitle, .latestDeals li .storyTitle {color: #000;}

.productList .infoContainer h4 {font-size:14px; line-height:18px; font-weight: bold;}
.productList .infoContainer .description {font-size:12px; line-height:18px; color:#000;}
.productList .infoContainer .dek { margin:5px 0; display:block}
.productList .infoContainer .price:not(.officialPrice), .productList .infoContainer a.price:not(.officialPrice) {font-weight: bold;}
.productList .infoContainer .price:not(.officialPrice)::before, .productList .infoContainer a.price:not(.officialPrice)::before {
    color: #000; content: "/"; margin-right: 7px; padding-left: 4px; position: relative; font-weight: bold;
}
/* 별점 */
.rating-container {position: relative; vertical-align: top; display: inline-block; color: #C1C1C1; overflow: hidden;}
.rating-container::before {content: attr(data-content);}
.rating-container .rating-stars {
    position: absolute; left: 0px; top: 0; white-space: nowrap; overflow: hidden; color: #b80000;
	transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out; cursor: default;
}
.rating-container .rating-stars::before {content: attr(data-content); text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);}

.rating-stars.temp_1 {width: 10%;}
.rating-stars.temp_2 {width: 20%;}
.rating-stars.temp_3 {width: 30%;}
.rating-stars.temp_4 {width: 40%;}
.rating-stars.temp_5 {width: 50%;}
.rating-stars.temp_6 {width: 60%;}
.rating-stars.temp_7 {width: 70%;}
.rating-stars.temp_8 {width: 80%;}
.rating-stars.temp_9 {width: 90%;}
.rating-stars.temp_10 {width: 100%;}
.rating-stars.temp_0{width:0%;}

/* Don’t Miss */
.dontMissRight {margin-bottom:10px;}
.dontMissRight h5 {
	font-size:14px; padding: 7px 0 6px; border-top: 3px solid #E4E7EA; border-bottom: 1px solid #E4E7EA; margin-bottom: 20px;
	color: #B80000; font-weight: bold; text-transform: uppercase;
}

/* 단락 */
.dontMissRight .imageLinkWrapper {padding: 0;}
.dontMissRight .desc {padding: 0;}
.dontMissRight .articleTitle {font-size:14px; line-height:18px; font-weight:bold;}
.dontMissRight .articleTitle a {color:#000;}
.dontMissRight .articleTitle a:hover { color:#FF8B00;}
.dontMissRight .desc .dek {font-size:.82353em; line-height:1.28571em; color:#768696; margin:5px 0; display:block; padding-top:3px;}
.dontMissRight .blog.dek a {font-weight:normal; font-size:12px;}
.dontMissRight .blog::after {margin-left: 5px; margin-right: 5px;}
.dontMissRight .blog:last-child::after {content: "";}

.dontMissRight {margin-bottom: 10px}
.dontMissRight .asset {clear: both}
.dontMissRight .asset:hover .imageLinkWrapper figure:before {box-shadow: 0 0 0 2px #FF8B00 inset, 0 0 35px rgba(0, 0, 0, 0.7) inset}

.auto .dontMissRight h5 {margin-bottom: 10px}
.auto .dontMissRight h5 a {position: static}

.dontMissRight .headingWrap {font-size: .82353em; display: inline-block; float: right; position: relative; top: 2px; font-weight: bold}
.dontMissRight .headingWrap span {color: #B80000}
.dontMissRight .headingWrap a {color: #768696; font-size: 12px; padding: 0 0 0 5px; font-weight: normal}

.dontMissRight div {padding: 0 0 20px}
.dontMissRight div::before {content: ""; display:table;}
.dontMissRight div::after {clear: both;}

.dontMissRight .desc {padding: 0}
.dontMissRight .desc .dek {font-size: .82353em;	line-height: 1.28571em;	color: #768696;	margin: 5px 0; display: block}
.dontMissRight .blog {font-size: .82353em; line-height: 1.28571em; display: block; padding-top: 3px}
.dontMissRight .blog a {font-weight: normal; color: #768696}
.dontMissRight .blog.dek a {color:#555}

.dontMissRight .imageLinkWrapper {padding: 0}
.dontMissRight .e3Images {width: 88px; height: 66px}

/* 제목 색변경 */
.touch-disabled #topStories .asset:hover .content .h, .moreTopStories .assetBody:hover h5, .moreTopStories .assetBody:hover h6, .touch-disabled .moreTopStories .assetBody:hover h3, .asset:hover .assetBody a h2, .asset:hover a h4, .fdListing .riverPost, .fdListing .riverPost:hover .assetText h3, .productList li:hover .storyTitle h4, .dontMissRight .asset:hover a h4
 {color:#FF8B00}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*     리뷰 리스트              */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 왼쪽메뉴 */
#leftNav {position:static;}
#leftNav h3 {
	font-size:14px; padding:7px 0 6px; border-top:3px solid #E4E7EA; border-bottom:1px solid #E4E7EA; margin-bottom:20px;
	color: #B80000; font-weight: bold; text-transform: uppercase;
}
/**/
ul.catListing li::after, ul.catListing li::before {content:""; display: table;}
ul.catListing li::after {clear:both;}
/**/
ul.catListing li {border-bottom:1px solid #E4E7EA; margin-bottom:5px; padding-bottom:5px}
ul.catListing li.last {border-bottom:none; margin-bottom:15px}

.icon {text-indent:-99999px; display:inline-block; float:left;}
li.appliances .icon {-webkit-transition-property: color; transition-property: color;}
li.appliances .icon {line-height:42px; height:42px; width:42px;}
/**/
ul.catListing .catLinks {
	float:right; width:calc(100% - 52px); line-height:16px; display:flex; flex-direction:column; justify-content:center; position:relative; min-height:38px;
}
ul.catListing .catLinks {line-height: 16px;}
ul.catListing .catLinks .catHead a {font-size:.82353em; font-weight: bold; color:#000; transition-duration: 0s;}
ul.catListing .catLinks .catHead a:hover {color: #FF8B00}

/*-----------------------------------------  리뷰  -----------------------------------------------------------------------*/
.icon-smartphone {background-image:url('icon-submenu_no.png'); background-repeat: no-repeat; background-position:0 0px; height:42px; width:42px;}
ul.catListing li:hover .icon-smartphone {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -42px; height:42px; width:42px}
/**/
.icon-notebook {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -84px; height:42px; width:42px;}
ul.catListing li:hover .icon-notebook {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -126px; height:42px; width:42px}
/**/
.icon-camera {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -168px; height:42px; width:42px;}
ul.catListing li:hover .icon-camera {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -210px; height:42px; width:42px}
/**/
.icon-camcorder {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -252px; height:42px; width:42px;}
ul.catListing li:hover .icon-camcorder {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -210px; height:42px; width:42px}
/**/
.icon-audio {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -252px; height:42px; width:42px;}
ul.catListing li:hover .icon-audio {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -252px; height:42px; width:42px}
/**/
.icon-appliances {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -294px; height:42px; width:42px;}
ul.catListing li:hover .icon-appliances {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -294px; height:42px; width:42px}
/**/
.icon-accesory {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -336px; height:42px; width:42px;}
ul.catListing li:hover .icon-accesory {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -336px; height:42px; width:42px}
/**/
.icon-idea {background-image:url('icon-submenu_no.png'); background-repeat:no-repeat; background-position:0 -380px; height:42px; width:42px;}
ul.catListing li:hover .icon-idea {background-image:url('icon-submenu.png'); background-repeat:no-repeat; background-position:0 -380px; height:42px; width:42px}

/*-----------------------------------------  비디오  -----------------------------------------------------------------------*/
.icon-firstlook {background-image:url('icon-submenu2_no.png'); background-repeat: no-repeat; background-position:0 0px; height:42px; width:42px;}
ul.catListing li:hover .icon-firstlook {background-image:url('icon-submenu2.png'); background-repeat:no-repeat; background-position:0 0px; height:42px; width:42px}

.icon-top5 {background-image:url('icon-submenu2_no.png'); background-repeat: no-repeat; background-position:0 -42px; height:42px; width:42px;}
ul.catListing li:hover .icon-top5 {background-image:url('icon-submenu2.png'); background-repeat:no-repeat; background-position:0 -42px; height:42px; width:42px}

.icon-teckshow {background-image:url('icon-submenu2_no.png'); background-repeat: no-repeat; background-position:0 -84px; height:42px; width:42px;}
ul.catListing li:hover .icon-teckshow {background-image:url('icon-submenu2.png'); background-repeat:no-repeat; background-position:0 -84px; height:42px; width:42px}

.icon-cartech {background-image:url('icon-submenu2_no.png'); background-repeat: no-repeat; background-position:0 -126px; height:42px; width:42px;}
ul.catListing li:hover .icon-cartech {background-image:url('icon-submenu2.png'); background-repeat:no-repeat; background-position:0 -126px; height:42px; width:42px}

.icon-howto {background-image:url('icon-submenu2_no.png'); background-repeat: no-repeat; background-position:0 -168px; height:42px; width:42px;}
ul.catListing li:hover .icon-howto {background-image:url('icon-submenu2.png'); background-repeat:no-repeat; background-position:0 -168px; height:42px; width:42px}

.icon-prizefight {background-image:url('icon-submenu2_no.png'); background-repeat: no-repeat; background-position:0 -210px; height:42px; width:42px;}
ul.catListing li:hover .icon-prizefight {background-image:url('icon-submenu2.png'); background-repeat:no-repeat; background-position:0 -210px; height:42px; width:42px}



/* 리뷰 단락 */
#dfllResults::before {content:""; display:table; clear:both;}
#dfllResults .items {display:inline-block; overflow-x:hidden; border-right:none;}
#dfllResults .searchItem.left {margin-left: 0;	clear: left}
<!---->
#dfllResults .searchItem {margin-bottom:30px;}
#dfllResults .searchItem figure:before {
	content: ""; position: absolute; display: block; height: 100%; width: 100%;
	background: rgba(0, 0, 0, 0.03) -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
	background: rgba(0, 0, 0, 0.03) -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100%);
	background: rgba(0, 0, 0, 0.03) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100%)
}
/**/
#dfllResults .searchItem:hover figure:before {background-color:rgba(105, 0, 101, 0.5)}
#dfllResults .searchItem:hover h3 {color:#690065}

#dfllResults h3 {font-size:20px; line-height:26px; margin:15px 0 10px; font-weight:bold;}
#dfllResults h3 span {display: block; font-size: 14px; line-height: 16px; color: #959595; font-weight: normal;}
#dfllResults .itemInfo p {color: #000; margin-bottom: 5px; font-size:14px; line-height:20px}

#dfllResults .itemTop {position:relative;}
#dfllResults .imageWrap {position: relative; display: block;}
#dfllResults .imageWrap figure {height:198px;}

@media (min-width: 1024px) {#dfllResults .imageWrap figure {height: calc(19.54887vw - 2.18045px)}}
@media (min-width: 1290px) {#dfllResults .imageWrap figure {height: 250px;}}

#dfllResults .imageWrap figure:before {
	content: ""; position: absolute; display: block; height: 100%; width: 100%;
	background: rgba(0, 0, 0, 0.03) -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
	background: rgba(0, 0, 0, 0.03) -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100%);
	background: rgba(0, 0, 0, 0.03) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 100%);
	bottom: 0
}

#dfllResults .imageWrap img {height:100%; object-fit:contain; display: block}

/* 별점 */
#dfllResults .rating {position: absolute; bottom: 10px; left: 10px;}
#dfllResults .rating-container {display:flex; vertical-align: top; display: inline-block; color:#909090; overflow: hidden;}
#dfllResults .rating-container::before {content: attr(data-content);}
#dfllResults .rating-container .rating-stars {
    position: absolute; left: 0px; top: 0; white-space: nowrap; overflow: hidden; color:#FF6;
	transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out; cursor: default;
}
.rating-container .rating-stars::before {content: attr(data-content); text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);}
/**/
#dfllResults .pricing {position:absolute; bottom:10px; right:10px; color:#fff; text-align:right;}
#dfllResults .pricing:hover {color:#FF8B00; cursor:pointer}
#dfllResults .pricing .price {font-size:1.05882em; line-height:1em; font-weight:bold}
#dfllResults .pricing .mfr {font-weight:normal; font-size:.70588em; line-height:1em; display: block}

/**/
#dfllResults .itemInfo {overflow: hidden; position: relative; overflow: visible;}

/* 페이징 */
.pagination {clear:both; text-align:center; font-weight:bold; padding:20px 0; border-top:1px solid #E4E7EA; border-bottom:1px solid #E4E7EA; margin-bottom:30px}
.pagination .prev, .pagination .next {text-transform: uppercase}
.pagination .svgWrap {display:inline-block; width:10px; height:10px; color:#959595 }
.pagination .disabled.prev, .pagination .disabled.next {color:rgba(0, 0, 0, 0.2);  pointer-events:none; cursor:not-allowed; }
.pagination .disabled .svgWrap {color:rgba(0, 0, 0, 0.2) }

.pagination .ellipsis {padding: 0 10px; font-size: 14px; font-weight: normal; color: #959595}
.pagination .page {padding: 0 10px}
.pagination .disabled {pointer-events:none; cursor:not-allowed; color:#000}
.pagination .first {padding-right:10px; padding-left:30px; }
.pagination .last {padding-right: 30px}

/*---------------------------------------------------------- 비디오 -----------------------------------------------------------------------------*/
.time {font-size:13px; color:#fff; position:relative; z-index:5}
.time .icon-video_camera {font-size:18px; top:3px; color:#Fff; padding-left:5px}
.time span {color:#f90; font-size:13px;}

img.playOverlay{pointer-events:none; position: absolute; z-index: 8; left: 50%; top: 50%; width:46px; height: 46px; margin-top:-25px; margin-left:-25px}

/**/

#videoList::after{content:""; display:table; clear: both;}

.videolisting {margin-bottom:10px}
.videolisting .imageLinkWrapper.altContent {display:none}
.videolisting h2 {font-weight: normal; background: #E4E7EA; font-size: 17px; height: 3px; line-height: 5px; margin: 10px 0 30px 0}
.videolisting h2 span.title {font-size: 24px; color: #000; background-color: #fff; padding: 0 10px 0 0; font-weight: bold}

.videolisting ul {width:100%}
.videolisting ul li {margin-bottom:35px}
.videolisting ul li.first {clear:left;}
.videolisting ul li:nth-child(3n+1) {margin-left:0 !important;}

.videolisting ul li .playWrap {position:relative}
.videolisting ul li a figure:before {box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) inset}

.videolisting ul li a .headline {width:100%; font-size:18px; line-height:22px; font-weight:bold; margin:15px 0 10px;}
.videolisting ul li a .headline:hover {color:#FF8B00}

/*  
.videolisting ul li a .headline {max-height:95px; width:100%; overflow:hidden; font-size:14px}
*/

.videolisting .assetDate, .videolisting .assetDuration {line-height:1.33333em; font-size:14px}
.videolisting .assetDuration {color:#B80000; font-weight:bold;}
.videolisting .assetDuration .icon-video_camera {font-size:20px; top:4px; padding-left:5px;}
.videolisting .assetDuration:after {margin-right:0}

.videolisting .imageLinkWrapper:hover .img:before {box-shadow:0 0 0 3px #FF8B00 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset}
.videolisting .load-more {clear:both; display:block; width:100%}

.videolisting .assetDate:after, .videolisting .assetDuration:after {content: "/"; margin-left:6px; margin-right:2px; color:#000}
.videolisting .assetDate {color:#768696}
.videolisting .assetDate a, .videolisting.assetDuration a {font-weight: bold}
.videolisting .assetDate:after, .videolisting .assetDuration:after {color:#000}
.videolisting .assetDate:last-child:after, .videolisting .assetDuration:last-child:after {content: ""}

.imageLinkWrapper figure {position: relative}
.imageLinkWrapper figure:before {content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2}
.imageLinkWrapper figure img {display: block; position: relative; z-index: 1; max-width: 100%; font-size: 13px}