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

/* 상당 탑기사 */
.responsiveListingHighlights {height:490px; margin-bottom:30px; background-color:#fff}
	.responsiveListingHighlights .asset {height:100%; overflow:hidden; margin-left:0; float:left; position:relative; z-index:2}
	.responsiveListingHighlights .asset:before {content:""; position:absolute; display:block; height:100%; width:100%; left:0; z-index:0}

	.responsiveListingHighlights .asset .galleryOverlay, .responsiveListingHighlights .asset .playOverlay {z-index:1; width:120px; height:120px; margin-left:-60px; margin-top:-60px}
	.responsiveListingHighlights .asset img {position:absolute; z-index:-1; bottom:-100%; top:-100%; left:-100%; right:-100%; width:auto; min-width:100%; min-height:100%; margin:auto}
	.responsiveListingHighlights .asset .mainStory {position:absolute; z-index:6; width:100%; height:100%; top:0; left:0; text-indent:-119988px; overflow:hidden; text-align:left; text-transform:capitalize}

	.responsiveListingHighlights .asset .content {position:absolute; left:30px; margin-right:30px; color:#fff; bottom:30px}
	.responsiveListingHighlights .asset .content .h {color:#fff; font-weight:normal; position:relative; z-index:5; margin-bottom:20px; margin-top:5px}
	.responsiveListingHighlights .asset .content p {font-size:1em; line-height:1.4em; color:#959595; margin-bottom:13px; position:relative; z-index:5}
	.responsiveListingHighlights .asset .content .assetAuthor span, .responsiveListingHighlights .asset .content .assetAuthor a {color:#fff; font-size:14px}
	.responsiveListingHighlights .asset .content .assetAuthor a {margin-left:5px; font-weight:bold; position:relative; z-index:7}
	.responsiveListingHighlights .asset .content .meta.photo, .responsiveListingHighlights .asset .content .meta.video {bottom:0; position:absolute; right:0}
	
	/* 탑기사 영역 분활 */
	.responsiveListingHighlights .asset.whole {width:100%}
	.responsiveListingHighlights .asset.whole .content .h {font-size:2.70588em; line-height:1em}
	
	.responsiveListingHighlights .asset.threeQuarter {width:75%}
	.responsiveListingHighlights .asset.threeQuarter .content .h {font-size:2.70588em; line-height:1em}

	.responsiveListingHighlights .asset.half {width:50%}
	.responsiveListingHighlights .asset.half .content {left:60px; margin-right:60px}
	.responsiveListingHighlights .asset.half .content .h {font-size:36px; line-height:42px; font-weight:300}
		
	.responsiveListingHighlights .asset.third {width:33.33333333%}
	.responsiveListingHighlights .asset.third .content .h {font-size:2em; line-height:1em}
	
	.responsiveListingHighlights .asset.quarter {width:25%}
	.responsiveListingHighlights .asset.quarter .content .h {font-size:27px; line-height:27px; font-weight:300}	

	.touch-disabled .responsiveListingHighlights .asset:hover {z-index:4}
	.touch-disabled .responsiveListingHighlights .asset:hover:before {background-color:rgba(105, 0, 101, 0.6)}
	.touch-disabled .responsiveListingHighlights .asset:hover .content .share {opacity:1}
	.responsiveListingHighlights .asset 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(80%, 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) 80%);
		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) 80%);
		bottom: 0
	}

/* 타이틀 그룹  */
.titleGroup {width:100%; position:relative; pointer-events:none; display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; z-index:2}
	.titleGroup h2 {text-transform:uppercase; font-size:23px; font-weight:bold}
	.titleGroup h2 a {color:#000; pointer-events:all}
	.titleGroup .firstWord {font-weight:normal}
	/**/
	.titleGroup.desktop h2 {padding-right:20px}
	.titleGroup.desktop .line {position:relative; height:5px; background-color:#E4E7EA; flex:2}
	/**/
	.titleGroup img {width:16px; margin-left:8px; vertical-align:-2px}	
	.titleGroup a.allContent {font-size:18px; padding-left:20px; color:#000; pointer-events:all}
	/**/
	.titleGroup.reverse {color: #fff}
	.titleGroup.reverse a.allContent {color: #fff}
	.titleGroup.reverse .line {background-color:rgba(255, 255, 255, 0.25)}
	/* 링크시 색 조절  */
	.titleGroup h2 a:hover, .titleGroup a.allContent:hover, .titleGroup.reverse a.allContent:hover, #ads_sponsFeed-tweets li .ads_sponsFeed-text a:hover, #ads_sponsFeed-tweets li 
	.ads_sponsFeed-retweet:hover, #ads_sponsFeed-tweets li .ads_sponsFeed-follow:hover, #ads_sponsFeed-tweets li .ads_sponsFeed-reply:hover, #ads_sponsFeed-tweets li .ads_sponsFeed-favorite:hover, 
	.riverPost.sponsoredRiver:hover h3, .responsiveBlocks .item .details:hover, .responsiveListingHighlights .asset .content .assetAuthor a:hover, #hotProducts li a:hover {color:#FF8B00}

/* 이미지 타이틀*/
.responsiveLatest .latestStoriesTitle {width:calc(47.84689% + 1.43541%); float:left}
.responsiveLatest .topStoriesTitle {display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; float:left; width:calc(47.84689% + 1.43541%); margin-right:1.43541%}

/* 이미지 기사 */
.responsiveLatest.fd-refresh .latestScrollContainer, .responsiveLatest.fullWidth .latestScrollContainer {height:100%; overflow:visible}
/* 기사 단락 */
.responsiveBlocks .item {position:relative}
	.responsiveBlocks .item:hover:not(.b4x2):not(.b4x1):not(.b2x2):not(.b2x1):not(.b1x2) h3 {color:#690065}
	.responsiveBlocks .item .mainLink {position:absolute; width:100%; height:100%; z-index:3; font:0/0 serif; text-shadow:none; color:transparent}
	.responsiveBlocks .item:hover figure:before {background-color:rgba(105, 0, 101, 0.6)}
	.responsiveBlocks .item a {color:inherit}	
	.responsiveBlocks .item figure {position:relative}
	.responsiveBlocks .item figure:before {
		content: ""; position: absolute; display:block; height:100%; width:100%; bottom:0;
		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.1)), 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.1) 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.1) 30%, rgba(0, 0, 0, 0.75) 100%)
	}
	.responsiveBlocks .item img {display:block}
	.responsiveBlocks .item h3 {padding:10px 0; font-size:23px; line-height:27px; font-weight:500}
	.responsiveBlocks .item.b1x1 h3 {font-size:16px; line-height:20px; font-weight:bold}
	
	.responsiveBlocks .item .desc {font-size:14px; line-height:18px; color:#959595; margin-bottom:0}
	
	.responsiveBlocks .item .author {font-size:12px; font-weight:normal;}
	.responsiveBlocks .item .author .assetByline a {font-weight:bold; position:relative; z-index:4;}
	.responsiveBlocks .item .author .assetByline a:hover {color:#FF8B00}
	
	.responsiveBlocks .item time:before {content: "/"; padding-right:5px; margin-left:2px}	
	.responsiveBlocks .item .playOverlay, .responsiveBlocks .item .galleryOverlay {z-index:2}
	.responsiveBlocks .item .deal-salePrice {color:#fff; font-size:16px; font-weight:bold}
	.responsiveBlocks .item .details {color:#B80000; font-size:14px; position:relative; z-index:10}
	.responsiveBlocks .item .merchant {color:#fff; word-break:break-word; -ms-hyphens: auto; hyphens:auto}

	.responsiveBlocks .item.b1x1 [class|="tag"] {bottom:0; position:absolute}
	.responsiveBlocks .item.b1x1 .assetByline {position:absolute; bottom:5px}
	.responsiveBlocks .item.b1x1 .assetByline a {color:#000}
	.responsiveBlocks .item.b1x1 .meta {text-align:right; bottom:5px; right:10px}
	.responsiveBlocks .item.b1x1 .meta span {padding-right:8px; text-decoration:line-through}
	.responsiveBlocks .item.b1x1 figure {height:198px}
	.responsiveBlocks .item.b1x1 figure img {height:100%; object-fit:contain}
	/* 씨넷몰 간격 */
	.bottom {padding-bottom:60px}
	
	.responsiveBlocks .item.b4x2 h3, .responsiveBlocks .item.b4x1 h3, .responsiveBlocks .item.b2x2 h3, .responsiveBlocks .item.b2x1 h3, .responsiveBlocks .item.b1x2 h3 {margin-top:5px}
	.responsiveBlocks .item.b4x2 .content, .responsiveBlocks .item.b4x1 .content, .responsiveBlocks .item.b2x2 .content, .responsiveBlocks .item.b2x1 .content, .responsiveBlocks .item.b1x2 .content {
		position:absolute; bottom:40px; width:100%; margin:0 30px;color: #fff
	}
	.responsiveBlocks .item.b1x2 .content, .responsiveBlocks .item.b4x1 .content, .responsiveBlocks .item.b4x2 .content, .responsiveBlocks .item.b2x2 .content, .responsiveBlocks .item.b2x1 .content {width:88%}	
	.responsiveBlocks .item.b4x2 .meta, .responsiveBlocks .item.b4x1 .meta, .responsiveBlocks .item.b2x2 .meta, .responsiveBlocks .item.b2x1 .meta, .responsiveBlocks .item.b1x2 .meta {bottom:15px; right:20px}

/* 뉴스 리스트 */
.responsiveLatest:not(.fullWidth) .latestScrollContainer {width:calc(47.84689% + 1.43541%)}
.responsiveLatest .latestScrollContainer {height:617px; float:left; overflow-y:scroll}
	.responsiveLatest .latestScrollContainer .item {position: relative; border-bottom: 1px solid #E4E7EA; margin: 0 2.87081% 20px 0; display: -webkit-flex; display: flex}
	.responsiveLatest .latestScrollContainer .item:last-of-type {border-bottom:none}
	/* 분류 */
	.responsiveLatest .latestScrollContainer .item [class|="tag"] {background:none; color:#690065; padding:3px 0 0; width:10.5%}
	.responsiveLatest .latestScrollContainer .item [class|="tag-recency"] {color:#000}
	.responsiveLatest .latestScrollContainer .item .tag-recency-1, .responsiveLatest .latestScrollContainer .item .tag-recency-2, .responsiveLatest .latestScrollContainer .item .tag-recency-3 {color:#A31348}
	.responsiveLatest .latestScrollContainer .item img {width:130px; height:110px; display:block}
	.responsiveLatest .latestScrollContainer .item div {float: left; flex: 1; margin-right: 15px}
	.responsiveLatest .latestScrollContainer .item .img {margin: 0 0 20px 0;position: relative; float: right}
	.responsiveLatest .latestScrollContainer .item .img: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
	}
	.responsiveLatest .latestScrollContainer .item a {position: relative; flex: 1; display: -webkit-flex; display: flex}
	.responsiveLatest .latestScrollContainer .item a:hover h3 {color: #690065}
	.responsiveLatest .latestScrollContainer .item a:hover .img:before {background-color: rgba(105, 0, 101, 0.6)}
	.responsiveLatest .latestScrollContainer .item .galleryOverlay, .responsiveLatest .latestScrollContainer .item .playOverlay {
		width: 56px; height: 56px; left: inherit; right: 22px; top: 22px; margin: 0
	}
	/* 제목 */
	.responsiveLatest .latestScrollContainer h3 {font-weight:600; font-size:16px;line-height:22px; margin-bottom:5px; max-height:44px; overflow:hidden}
	.responsiveLatest .latestScrollContainer p {font-size:14px; line-height:18px; color:#959595; max-height:40px; overflow:hidden; margin-bottom:10px;}
	.responsiveLatest .loadMoreButton .loadingPulse {position: relative; top: auto; margin-top: 0; display: inline-block}

/* 갤러리-동영상 */
.responsiveListingFeatures { max-width:1254px; height:685px; position:relative; padding-top:30px; margin:0 auto 30px; overflow:hidden}
/* 비디오 상단 톱비디오 */
.responsiveListingFeatures .mainLink {font:0/0 serif; text-shadow:none; color:transparent}
.responsiveListingFeatures .mainImage:after {
	content:""; position:absolute; display:block; height:100%; width:100%; bottom:0;
	background:rgba(0, 0, 0, 0.4) -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(55%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background:rgba(0, 0, 0, 0.4) -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 100%);
	background:rgba(0, 0, 0, 0.4) linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 100%)
}
.responsiveListingFeatures .mainImage:hover:after {background-color: rgba(105, 0, 101, 0.6)}
.responsiveListingFeatures .mainImage img {min-height:100%; min-width:100%; height:auto; width:auto; position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto}
/**/
.responsiveListingFeatures .mainContent {height:322px; display:-webkit-flex; -webkit-align-items:center; display:flex; align-items:center; pointer-events:none}
.responsiveListingFeatures .mainContent [class|="tag"] {margin-bottom: 5px}
/* 비디오 시간 아이콘 */
.responsiveListingFeatures .mainContent .meta {position:relative;}
.responsiveListingFeatures .mainContent .meta img {margin:0 0 0 8px; width:17px}
.responsiveListingFeatures .mainContent .meta .icon-video_camera {margin:0 0 0 8px; color:#d3d3d3; font-size:18px; top:2px;}
.responsiveListingFeatures .mainContent .meta .icon-image {margin:0 0 0 8px; color:#d3d3d3; font-size:16px; top:2px;}

/* 비디오 플레이 아이콘 */
.responsiveListingFeatures .icon-container {min-height:1px}
.responsiveListingFeatures .icon-container img {left:0; margin:28% 0 0 26%; width:160px; height:160px}

.responsiveListingFeatures .assetByline {color:#fff; font-size: 14px; position: relative; z-index: 5; pointer-events: all}
.responsiveListingFeatures .assetByline a {color: #fff;	font-weight: bold}
.responsiveListingFeatures .assetByline a:hover {color: #FF8B00}
.responsiveListingFeatures .mainTitle {color:#fff; font-size:50px; line-height:57px; font-weight:300; margin-bottom:18px}

/* 갤러리 섬네일 */
.responsiveListingFeatures .items {margin-top:60px; position:relative; z-index:3}
.responsiveListingFeatures .items h3 {color:#959595; font-size:16px; line-height:20px; font-weight:500}
.responsiveListingFeatures .items figure {position:relative; margin-bottom:10px; border:1px solid #999}
.responsiveListingFeatures .items figure:after {
	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%);
	top: 0; left: 0
}
.responsiveListingFeatures .items a:hover figure:after {background-color:rgba(105, 0, 101, 0.6)}
.responsiveListingFeatures .items img {display:block}
.responsiveListingFeatures .items [class|="tag"] {position: absolute; bottom: 0}

.responsiveListingFeatures .items .meta {right:10px; bottom:3px; z-index:1;}
.responsiveListingFeatures .items .meta img {padding-left:5px;}
.responsiveListingFeatures .items .meta .icon-video_camera {padding-left:8px; color:#d3d3d3; font-size:18px; top:2px;}
.responsiveListingFeatures .items .meta .icon-image {padding-left:8px; color:#d3d3d3; font-size:14px;}
.responsiveListingFeatures .number {margin-right:4px}

/*----------------------------------------------------------------------------------------------------------------------*/

/* 애니메이션 설정 */
#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, .responsiveBlocks .item:hover:not(.b4x2):not(.b4x1):not(.b2x2):not(.b2x1):not(.b1x2) h3, .responsiveBlocks .item:hover figure:before, .responsiveBlocks .item .socialCTALink svg, .responsiveBlocks .item .socialCTALink:hover svg, .responsiveBlocks .item h3, .responsiveBlocks .full:hover, .responsiveListingHighlights .asset, .touch-disabled .responsiveListingHighlights .asset:hover .content .share, .responsiveListingHighlights .asset .content, .responsiveListingHighlights .asset .content .h, .responsiveListingHighlights .asset:before, .responsiveListingFeatures .mainImage:after, .responsiveListingFeatures .mainImage:hover:after, .responsiveListingFeatures .items figure:after, .responsiveListingFeatures .items a:hover figure:after, .responsiveLatest .latestScrollContainer .item a:hover .img:before, .cesAltHero.spacer, #cesAltHero.background {
	-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
}

/*---------------------------------------------------------------------------------------------------------*/

/* 광고 관련 */
[class^="ad-incontent-ad-plus"] {text-align: center; margin-bottom: 30px; line-height: 0; min-height: 90px; position: relative}
[class^="ad-incontent-ad-plus"] iframe[height~='66'] {left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%)}
[class^="ad-incontent-ad-plus"] div>* {margin: 0 auto}
[class^="ad-incontent-ad-plus"].full-width-image, [class^="ad-incontent-ad-plus"].power-bar {margin-top: -30px}

/*리스트 아이콘 추가*/
img.playOverlay {pointer-events:none; position:absolute; z-index:8; left:50%; top:40%; width:46px; height:46px; margin-top:-25px; margin-left:-25px;}