@charset "utf-8";
/* CSS Document */
/*=================================================== 컨텐츠 ====================================================================*/
.meta {color:rgba(0, 0, 0, 0.3); font-size:12px; position:absolute; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
.meta i{margin-left:5px; margin-top:2px; font-size:20px; color:rgba(0, 0, 0, 0.3); display:inline-block;}

.content-panel {width:100%}
/* 리스트 */
#rbContent {background-color: #fff;}
/*기사 리스트 단락*/
.responsiveListingFeatures {position:relative; margin-bottom:20px;  overflow:hidden;}
.responsiveListingFeatures .items {position:relative; background-color:#fff; float:left; width:100%; margin:0;}
.responsiveListingFeatures .item {position:relative; box-shadow:0 1px #E4E7EA inset; float:left; width:calc(100% - 20px); margin-bottom:20px;}
.responsiveListingFeatures .item a.itemLink {display:block; height:100%; width:100%; position:absolute; z-index:1; font:0/0 serif; text-shadow:none; color:transparent;}
/**/
.responsiveListingFeatures .item .imageWrapper {width:96px; height:100px; float:left; margin-right:10px; position:relative; overflow:hidden;}
.responsiveListingFeatures .item figure::after {content: ""; position:absolute; display:block; height:100%; width:100%; top:0; left:0;}
.responsiveListingFeatures .item figure img {width:auto; height:100px; border:0;}

.responsiveListingFeatures .item .hedWrap {min-height:83px; margin-left:106px;}
.responsiveListingFeatures .item [class|="tag"] {margin-left: -10px;}
.responsiveListingFeatures .item h3 {color:#000; font-size:17px; line-height:20px; padding:11px 5px 3px 0; margin:0; font-weight:bold;}
.responsiveListingFeatures h3 > a {color: inherit;}
.responsiveListingFeatures .item .assetByline, .responsiveListingFeatures .item .socialCTALink, .responsiveListingFeatures .item .deal-salePrice {
    color:#000; font-size:13px; display:block; margin-left:106px;  font-family:'Nanum Gothic', 'Malgun Gothic', Verdana, Geneva, sans-serif;
}
.responsiveListingFeatures .item .assetByline a, .responsiveListingFeatures .item .socialCTALink a, .responsiveListingFeatures .item .deal-salePrice a {color:#000; position:relative; z-index: 2;}

.responsiveListingFeatures .item .meta {color: rgba(0, 0, 0, 0.5); bottom: 0; right: 0; z-index: 1;}
.responsiveListingFeatures .item .meta i {color: rgba(0, 0, 0, 0.3);}

.responsiveListingFeatures .promoCTA {margin: 20px 20px; z-index: 1; display: flex; align-items: center;}

.allContent {color:#000; font-size:19px; font-weight: bold; display:inline-block; margin: 0 20px;}
.allContent .firstWord {font-weight: normal;}
.allContent .arrow-round {color:#B80000; font-size:16px; padding-left:5px;}
/**/

/* 상단 첫번째 단락 */


/* 서브 상단 타이틀 */
.titleGroup {
	width:100%; position:relative; pointer-events:none; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; margin-bottom:10px;
    z-index: 2;
}
.titleGroup h2 {text-transform: uppercase; font-size: 25px; font-weight: bold;}
.titleGroup .firstWord {font-weight: normal;}

.titleGroup.mobile {padding:18px; margin-bottom:0; position:absolute; z-index:1;}
.titleGroup.mobile h2 {margin:0; padding:2px 0 2px 0; font-size:19px; line-height:19px;}

.titleGroup.reverse {color: #fff;}
.titleGroup.reverse .line {background-color: rgba(255, 255, 255, 0.25);}

/* 비디오 */
body:not(.liveStream) .responsiveListingFeatures:not(.smallFeaturedItem) .item:first-of-type .galleryOverlay, body:not(.liveStream) .responsiveListingFeatures:not(.smallFeaturedItem) .item:first-of-type .playOverlay {
    font-size:150px; position:absolute; top:25%; left:37%; color: rgba(255, 255, 255, 0.4);
}
.playOverlay, .galleryOverlay {pointer-events:none; position:absolute; z-index:8; left:50%; top:50%; width:60px; height:60px; margin-top:-30px; margin-left:-30px;}
.playOverlay, .galleryOverlay {width:48px; height:48px; margin-top:-24px; margin-left:-24px; color:rgba(255, 255, 255, 0.7); font-size:48px;}


/*=================================================== 서브 리스트 설정 ====================================================================*/
.content-panel .newsList_tit {font-size:20px; font-weight:bold; padding:0 18px; margin:18px 0 0 0;;}
.content-panel .newsList_tit span { font-weight:normal;}
/**/
.ad-mobile-incontent-ad-plus:first-of-type {margin:18px 0 30px;}
.ad-mobile-list-ad-plus {text-align:center; margin:0px 0 20px; position: relative;}

/**/
.load-more {
    border-radius:5px; background-color:#eee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#ffffff,#eeeeee);
    background-image: linear-gradient(#ffffff,#eeeeee); text-shadow: 0 1px rgba(255,255,255,0.9); border: 1px solid #d4d4d4; box-shadow: 0 0 1px rgba(0,0,0,0.1);    
}
.load-more {position:relative; left:0; height:auto; clear:both; display:block; margin:20px auto 40px; width:90%; text-align:center; padding:8px 0;}
.load-more span {text-shadow: 0 1px rgba(255,255,255,0.9); font-size:.93333em; line-height: 1.28571em; text-align:center; color: #000;}

/* 동영상 리스트 */
.riverPost { margin:0 15px 20px; border-bottom:1px solid #E4E7EA; padding:0px 0 15px; position:relative;  max-width:640px;}
.riverPost::before, .riverPost::after  { box-sizing:content-box; display:table; float:none; line-height:20px; position:static;}

.riverPostContainer {-moz-user-select:-moz-none; -ms-user-select:none; -webkit-user-select:none; user-select:none; display:inline-block; width:100%; -webkit-tap-highlight-color:transparent; position:relative;}
.riverPostContainer .overlayLink {position:absolute; z-index:10; display:block; height:100%; width:100%;}

.riverPostContainer .assetThumb {display:block; width:100%; height:100%; margin-bottom:0;}
.riverPostContainer .assetThumb .playOverlay {top:36%; }
.riverPostContainer .tag-mobile {text-transform:uppercase; display:inline-block; line-height:1em; color:#fff; padding:7px 10px; font-size:0.667em; font-weight:bold; position:absolute; top:0; left:0; z-index:3;}
.riverPostContainer figure img {display: block; position: relative; z-index: 1; max-width:100%; width:100%; object-fit: cover; }
.riverPostContainer figure::after {
	position:absolute; bottom:37px; background: url('overlay_white_640.png') no-repeat center 0 transparent; width:100%; height:47px; content:""; display:block; z-index:3;	
}
.riverPostContainer figure::before {
	content:""; display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2;
	-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;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 33%, rgba(0,0,0,0.05) 52%, rgba(0,0,0,0) 66%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 33%,rgba(0,0,0,0.05) 52%,rgba(0,0,0,0) 66%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 33%,rgba(0,0,0,0.05) 52%,rgba(0,0,0,0) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.assetText {color: #768696; padding-left:0px; position:relative; top:-2px; z-index:4; clear:both; display:inline-block; margin-top:-37px; min-height:75px; width:100%;}
.assetText .assetHed {width:100%;}
.assetText h3 {margin:0; color:#000; font-size:20px; line-height:24px; font-weight:bold; letter-spacing:-.009em;}
.assetText h3 > a {color: inherit;}
.assetText .assetByline {font-size:13px; display: inline-block; width:100%; margin-top:4px;}
.assetByline .author {color:#000;}
.assetTime i {font-size:20px; position:relative; top:4px;}
.assetTime::before {content: "/"; margin: 0 5px 0 0;}

/*기사더보기*/
.more_list{height:51px; text-align:center;}
.more_list a{padding-top:15px; display:block;}