/**
 * 	MOBILE
 * 	- Home
 */
#home{
	
}

#home:before{
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: rgba(0,0,0,.9);
	opacity: 0;
	z-index: -1;
}



/**
 * 	MOBILE
 * 	- Home Underlay Background
 */
.home-underlay-background{
	-webkit-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-o-transition: opacity .35s;
	-ms-transition: opacity .35s;
	transition: opacity .35s;
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	top: 0;
	z-index: -1;
	
}

.home-underlay-background:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
}



/**
 * 	MOBILE
 * 	- Home Latest Post Yahoo Digest Style
 */
.home-latest-post--y-style{
	background-color:#35A5D1;
}

.home-latest-post--y-style .home-latest-post--underlay{
	position: absolute;
	top: 0;
	left: 0;
	
	opacity:0.75;
	
	width: 100vw;
	height: 640px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	z-index: 1;
}

.home-latest-post--date__wrapper{
	color:#fff;
	position:absolute;
	top:0;
	width:100%;
	padding:25px 15px;
	z-index:10;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 42%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 42%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 42%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
}

.today--walker{
	margin:0px;
	font-size:2.3rem;
	text-align:right;
	font-weight:bold;
	line-height:1;
	font-family:Helvetica !important;
}

.article-list__wrapper{
	padding-top:80%;
	z-index: 2;
    position: relative;
}

.article--y-style{
	position:relative;
}

.article--y-style:first-child:before{
	content: '';
	display: block;
	position: absolute;
	height: 0;
	border-width: 30px 100vw 60px 0px;
	border-style: solid;
	border-color: transparent #118ACB transparent transparent;
	top: -30px;
	z-index: 4;
}

.article--y-style .article--container{
	background-color:#fff;
	margin-bottom:0px;
	border:0px;
	border-bottom:1px solid rgba(0,0,0,.09);
}

.article--y-style:first-child .article--container{
	border-top:0px;
	padding-top:20px;
}

.article--y-style .article--wrapper{
	padding:15px 0px;
}

.article--y-style .article--kicker{
	font-size:1.15rem;
	margin-bottom:12px;
	color:#1268B3;
}

.article--y-style .article--kicker[data-color="red"]{
	color:#DC6262;
}

.article--y-style .article--kicker[data-color="blue"]{
	color:#1268B3;
}

.article--y-style .article--kicker[data-color="orange"]{
	color:#F35F16;
}

.article--y-style .article--kicker[data-color="green"]{
	color:#3C801B;
}

.article--y-style .article--kicker[data-color="purple"]{
	color:#B272BD;
}

.article--y-style .article--title{
	margin:0px 0px 5px 0px;
	line-height:1.4;
	font-size:1.5rem;
}

.article--y-style .article--title a{
	color:#333;
	text-decoration:none;
}

.article--y-style .article--summary{
	color:#777;
	margin-bottom:5px;
}

.article--y-style .article--summary p{
	margin:0px;
}

.article--y-style .article--meta__container:after{
	content:'';
	display:table;
	clear:both;
}

.article--y-style .author--avatar{
	width:32px;
	float:left;
	border-radius:100%;
	overflow:hidden;
}

.article--y-style .meta-item--wrapper{
	overflow: hidden;
	line-height:32px;
	padding:0px 5px;
}

.article--y-style .meta-item{
	display:inline-block;
}

.article--y-style .meta-item a{
	text-decoration:none;
}

.article--y-style .meta-item span{
	padding:0px 5px 0px 3px;
}

.article--y-style .author--meta a{
	color:#333;
}

.article--y-style .publish{
	font-size:0.825rem;
	color:#999;
}





/**
 * 	MOBILE
 * 	- Home Latest Post Medium Style
 */
.home-latest-post--m-style{
	padding:25px 0px;
	background-color:#f5f5f5;
}

.article--m-style{
	
	
	
	/*
	border-top:1px solid rgba(0,0,0,0.09);
	border-bottom:1px solid rgba(0,0,0,0.09);
	margin-bottom:15px;
	padding:15px 0px;
	*/
}

.article--m-style:first-child{
	
}

.article--container{
	background: #fff;
	box-shadow: 0 0.5px 1px rgba(0,0,0,.5);
	border: 1px solid rgba(0,0,0,.09);
		
	padding:0px 15px;
	margin-bottom:15px;
	
	border-radius:2px;
}

.article--m-style:last-child .article--container{
	margin-bottom:0px;
}

.home-latest-post--m-style .article--container:hover{
	border-color:rgba(18, 104, 179, 0.34);
}
	
.article--wrapper{
	padding:15px 0px;
}


.article--m-style .article--meta__container{
	margin-bottom:5px;
	position:relative;
}

.article--m-style .article--meta__container:after{
	content:'';
	display:table;
	clear:both;
}

.article--m-style .author--avatar{
	width:36px;
	float:left;
	border-radius:100%;
	overflow:hidden;
	margin-left:8px;
}

.article--m-style .author--avatar .picture{
	background-color:#fff !important;
}

.article--m-style .article--meta__container .author--avatar:first-child{
	margin-left:0px;
}

.article--m-style .meta-item--wrapper{
	overflow:hidden;
	padding:1px 0px 1px 18px;
}

.article--m-style .meta-item.author--meta a{
	text-decoration:none;
	color:#1268B3;
	position:relative;
	display: inline-block;
	margin-left:8px;
}

.article--m-style .meta-item.author--meta a.author--url:before{
	content:'·';
	display:block;
	position:absolute;
	top:50%;
	left:-8px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.article--m-style .meta-item.author--meta a.author--url:first-child{
	margin-left:0px;
	border-left:0px;
}

.article--m-style .meta-item.author--meta a.author--url:first-child:before{
	display:none;
}



.article--m-style .meta-item.article--meta{
	font-size: 0.675rem;
	color: #999;
	line-height: 1.3;
}

.article--m-style .meta-info--wrapper{
	position:absolute;
	top:50%;
	right:0;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
}

.article--m-style .meta-info--wrapper .meta-info{
	display:inline-block;
	margin-left:12px;
}

.article--m-style .meta-info--wrapper .meta-info:first-child{
	margin-left:0px;
}

.article--m-style .meta-info--wrapper .meta-info > div{
	display:inline-block;
	line-height:1px;
	vertical-align:middle;
}

.article--m-style .meta-info--wrapper .material-icons{
	font-size:1.1rem;
	color:rgba(0,0,0,0.5);
}

.article--m-style .meta-info--wrapper .meta-info--content{
	font-size:0.875rem;
	color:rgba(0,0,0,0.4);
	text-align:center;
	line-height:1;
	font-family: Halvetica;
    font-weight: bold;
}

.article--m-style .meta-info .meta-info--header{
	margin-right:3px;
}

.article--comment-count .meta-info--content{
	font-family:Helvetica;
}







.article--m-style .article--thumbnail__wrapper a{
	display:block;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}

.article--m-style .article--thumbnail__container figure.responsive-layout:before,
.article--m-style .article--thumbnail__container figure.figure.responsive-layout:before,
.article--m-style .article--thumbnail__container .figure.responsive-layout:before{
	/*padding-top:30%;*/
}

.article--m-style .article--thumbnail__wrapper .figure.responsive-layout .picture{
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	background-image: url(../images/circles.svg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.article--m-style .article--thumbnail__wrapper .figure.responsive-layout .picture.png{
	background-image:none;
	background-color: #fff;
}

.article--m-style .figure.responsive-layout .picture .image{
	max-height:none;
	min-height:100%;
	min-width:none;
	max-width:100%;
}



.article--m-style .article--kicker,
.article--m-style .article--kicker a{
	font-size: 0.825rem;
    margin: 0px;
    line-height: 1.1;
    color: rgba(18, 104, 179, 0.6);
    font-weight: bold;
    margin-bottom:12px;
    display:inline-block;
    text-decoration:none;
}



.article--m-style .article--title{
	font-size:1.5rem;
	line-height:1.2;
	margin:15px 0px 5px 0px;
}

.article--m-style .article--title a{
	text-decoration: none;
	color:#333;
}

.article--m-style .article--summary{
	color:#999;
}

.article--m-style .article--summary p{
	font-weight: normal;
	max-height: 44px;
    overflow: hidden;
}



.article--m-style.article-na {
    height: 100%;
    max-height: 444px;
}

.article--m-style.article-na .article--container {
    height: 100%;
    position: relative;
}

.article--m-style.article-na .article--kicker,
.article--m-style.article-na .article--content__wrapper,
.article--m-style.article-na .article--meta__wrapper{
    
}

.article--m-style.article-na .article--kicker a {
    color: #5bbe9f;
}

.na-tip {
    font-size: 12px;
    font-weight: normal;
    padding: 0px 10px;
    background-color: #9eddcc;
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
    height: 26px;
    line-height: 28px;
    border-radius: 20px;
    display: inline-block;
}




/**
 * 	MOBILE
 * 	- Home Big Headline Lead Section 
 */

/* common */
.home-big-headline-lead__content{
	padding:30px 0px;
}

.headline-title a{
	text-decoration: none;
	color:#333;
}

.headline-title{
	font-size:1rem;
	line-height:1.4;
	margin:0px;
}



/* list */

.headline--list{
	padding:0px;
}

.headline--list .headline-article{
	margin:0px;
	width:100%;
	padding:16px 0px;
	border-top:1px solid #e2e2e2;
}

.headline--list .headline-article:first-child{
	margin-top:16px;
}

.headline--list .headline-article:last-child{
	border-bottom:1px solid #e2e2e2;
}

/* thumbanil */
.headline-article-thumbnail{
	margin:0px;
	float:left;
	display:block;
	position:relative;
	overflow:hidden;
	width:92px;
	margin-right:24px;
}

.headline-article-thumbnail:before{
	content:'';
	display:block;
	padding-top:100%;
}

.headline-article-thumbnail picture{
	display:block;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}

.headline-article-thumbnail picture.png{
	background-color:#fff;
}

.headline-article-thumbnail picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}

.headline--first .headline-article picture img{
	opacity: .2;
	-webkit-filter: saturate(0);
	filter: saturate(0);
}

.headline--first .headline-article .figure{
	-webkit-mask-image: url(../images/b-mask4.png);
	mask-image: url(../images/b-mask4.png);
	-webkit-mask-size: 100% auto;
	mask-size: 100%;
	
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
}


.headline--first--underlay{
	display:none;
	
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	opacity: .2;
	-webkit-filter: saturate(0.3);
	filter: saturate(0.3);
}

.headline--first--underlay .image{
	width:100%;
}

.lead-hover .headline--first--underlay{
	visibility: hidden;
}



.headline-kicker__wrapper{
	margin-bottom:12px;
	text-align:left;
}

.headline-kicker__wrapper a{
	text-decoration:none;
	color:#fff;
	border:1px solid rgba(255, 255, 255, 0.5);
	line-height:36px;
	padding:7px 16px;
	border-radius:100px;
	font-size:0.725rem;
	
	-webkit-transition: border-color .35s;
	-moz-transition: border-color .35s;
	-o-transition: border-color .35s;
	-ms-transition: border-color .35s;
	transition: border-color .35s;
}

.headline-kicker__wrapper a:hover{
	border-color:rgba(255, 255, 255, 1);
}



.headline-meta__wrapper{
	padding-left:8px;
}

.headline-meta__wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.headline-meta__wrapper > div{
	float:left;
	color:rgba(255, 255, 255, 0.6);
	margin-left:30px;
}

.headline--list .headline-meta__wrapper > div{
	margin-left:8px;
}

.headline-meta__wrapper > div:first-child{
	margin-left:0px;
}

.headline-meta__wrapper > div > i{
	max-width:16px;
	font-size:16px;
	vertical-align: top;
}

.headline-meta__wrapper > div > span,
.headline-meta__wrapper > div > .author--name{
	font-size:13px;
	display:inline-block;
	vertical-align: middle;
	margin-left:8px;
	line-height:1;
}

.headline-meta__wrapper > div a{
	color:rgba(255, 255, 255, 0.5);
	text-decoration:none;
	
	-webkit-transition: color .35s;
	-moz-transition: color .35s;
	-o-transition: color .35s;
	-ms-transition: color .35s;
	transition: color .35s;
}

.headline-summary p{
	font-size: 1.3rem;
	line-height: 1.6;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.8);
}

.lead-hover .headline-meta__wrapper{
	color:#fff;
	display:block;
}


/* content */
.headline-content{
	overflow:hidden;
}

.headline-header{
	margin-bottom:6px;
}

.headline-category{
	font-size:0.825rem;
	margin:0px;
	line-height:1.1;
	color:#118ACB;
	font-weight: bold;
}

.headline-category a{
	text-decoration:none;
	color:#fff;
}

.separate-style .headline-category a{
	border: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 36px;
    padding: 7px 16px;
    border-radius: 100px;
    font-size: 0.725rem;
    -webkit-transition: border-color .35s;
    -moz-transition: border-color .35s;
    -o-transition: border-color .35s;
    -ms-transition: border-color .35s;
    transition: border-color .35s;
	
	/*
	color: #FFFFFF;
    background-color: rgba(255,255,255,0.3);
    padding: 4px 8px;
    
    display: inline-block;
    
    -webkit-transition: background-color .35s;
	-moz-transition: background-color .35s;
	-o-transition: background-color .35s;
	-ms-transition: background-color .35s;
	transition: background-color .35s;
	*/
}

.separate-style .headline-category a:hover{
	border-color:#fff;
}



/* first */
.headline--first .headline-article{
	width:330px;
	height:330px;
	margin:0px auto;
	position:relative;
	
	text-align:center;
}


.headline--first .headline-title{
	
	font-size:2rem;
	
	
	/*
	position:absolute;
	top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	*/
}

/* 
.headline--first .headline-title{
	text-align:left;
	margin:15px 0px;
	padding: 15px 0px;
	font-size:1.5rem;
	line-height:1.2;
	font-weight: bold;
} */


/**
 * 	MOBILE
 * 	- Home Big Headline Lead Section > Separate Style
 */

.home-big-headline-lead.separate-style{
	/* box-shadow: 0px 0px 3px rgba(0,0,0,0.35); */
    position: relative;
    background-color:#fff;
}

.separate-style .headline--first__wrapper{
	max-width:1080px;
	margin:0px auto;
}

.separate-style .headline--first .headline-article{
	width:100%;
	height:auto;
}

.separate-style .headline--first .headline-article .figure{
	-webkit-mask-image: none;
    mask-image: none;
}

.separate-style .headline--first .headline-article picture img{
	opacity: 1;
	-webkit-filter: saturate(1);
    filter: saturate(1);
    min-height: 100%;
    max-height:none;
}





.separate-style .headline--first .headline-article .headline--content__wrapper{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding: 25px 15px 15px;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}


.separate-style .headline--first .headline-title{
	text-align:left;
	margin-bottom:8px;    
}

.separate-style .headline--first .headline-title a{
	color:#fff;
}



.separate-style .headline--list .headline-article{
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.09);
    padding: 15px 15px;
    margin-bottom: 15px;
}

.separate-style .headline--list .headline-article:after{
	clear:both;
	display:table;
	content:'';
}

.separate-style .headline--list .headline-article > a {
	display:block;
}

.separate-style .headline--list .headline-article-thumbnail{
	width:100%;
	float:none;
	margin:0px;
}

.separate-style .headline--list .headline-article-thumbnail:before{
	padding-top:56.25%;
}


.separate-style .headline--list .headline-article-thumbnail picture img{
	max-height: none;
	min-height: 100%;
    min-width: 100%;
    max-width: 100%;
}

.separate-style .headline--list .headline-content{
	overflow:visible;
}

.separate-style .headline--list .headline-title{
	font-size: 1.5rem;
    line-height: 1.2;
    margin: 15px 0px 5px 0px;
}

.separate-style .headline--list .headline-summary, .separate-style .headline--list .headline-summary p{
	color:#999;
	font-size:14px;
	margin:0 0 16px;
	font-weight:normal;
	max-height: 88px;
	overflow: hidden;
}

.separate-style .headline--list .headline-meta__wrapper{
	display:block;
	margin-top:0px;
	position:relative;
}

.separate-style .headline--list .headline-meta__wrapper:after{
	display:table;
	content:'';
	clear:both;
}

.separate-style .headline--list .author--avatar{
	width:36px;
	float:left;
	border-radius:100%;
	overflow:hidden;
	margin-left:8px;
}

.separate-style .headline--list .headline-meta__wrapper > div.author--avatar:first-child{
	margin-left:0px;
}

.separate-style .headline--list .meta-item--wrapper{
	overflow:hidden;
	padding: 1px 0px 1px 18px;
}

.separate-style .headline--list .author--meta .author--url{
	text-decoration:none;
	color: #1268B3;
	margin-left:8px;
	position:relative;
}

.separate-style .headline--list .author--meta .author--url:before{
	content:'·';
	display:block;
	position:absolute;
	top:50%;
	left:-8px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
}

.separate-style .headline--list .author--meta .author--url:first-child{
	margin-left:0px;
	border-left:0px;
}

.separate-style .headline--list .author--meta .author--url:first-child:before{
	display:none;
}

.separate-style .headline--list .article--meta{
	font-size: 0.675rem;
    color: #999;
    line-height: 1.3;
}



.separate-style .meta-info--wrapper{
	position:absolute;
	top:50%;
	right:0;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
}

.separate-style .meta-info--wrapper .meta-info{
	display:inline-block;
	margin-left:12px;
}

.separate-style .meta-info--wrapper .meta-info:first-child{
	margin-left:0px;
}

.separate-style .meta-info--wrapper .meta-info > div{
	display:inline-block;
	line-height:1px;
	vertical-align:middle;
}

.separate-style .meta-info--wrapper .material-icons{
	font-size:1.1rem;
	color:rgba(0,0,0,0.5);
	max-width: 20px;
	overflow:hidden;
}

.separate-style .meta-info--wrapper .meta-info--content{
	font-size:0.875rem;
	color:rgba(0,0,0,0.4);
	text-align:center;
	line-height:1;
	font-family: Halvetica;
    font-weight: bold;
}

.separate-style .meta-info .meta-info--header{
	margin-right:3px;
}

.separate-style .meta-info--content{
	font-family:Helvetica;
}








.author--avatar figure.responsive-layout,
.author--avatar figure.figure.responsive-layout,
.author--avatar .figure.responsive-layout{
	box-shadow:none;
}













/**
 * 	MOBILE
 * 	- Home Feature Story Section
 */
.home-feature-story{
	overflow-x: hidden;
}

.feature-article:after{
	content:'';
	display:table;
	clear:both;
}

.feature-article-content{
	padding:36px 0px 15px;
}

.feature-article-category{
	font-size:0.825rem;
	margin:0px;
	line-height:1.1;
	color:#118ACB;
	font-weight: bold;
}

.feature-article-title{
	margin:8px 0px;
	font-size:1.3rem;
	line-height: 1.4;
}

.feature-article-title a{
	text-decoration: none;
	color:#333;
	line-height:1.3;
}

.feature-article-image{
	width: 100%;
	margin-bottom: 36px;
}

.feature-article-image-left{
	float:left;
	margin-left:-51vw;
}

.feature-article-image-right{
	float:right;
	margin-right:-51vw;
	opacity: .2;
    -webkit-filter: saturate(0.3);
    filter: saturate(0.3);
}


.feature-article-image figure{
	display:block;
	margin:0px;
	position:relative;
	overflow:hidden;
}

.feature-article-image figure:before{
	content:'';
	display:block;
	padding-top:46.25%;	
}

.feature-article-image figure picture{
	display:block;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}

.feature-article-image figure picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}


/**
 *  MOBILE
 *  - Home
 */
.ads-module {
    width: 100%;
}

/**
 * 	MOBILE
 * 	- Home Ad(Fullwidth) Section
 */

.home-ad__fullwidth--container{
	position:relative;
	height:250px;
	background-color:#111;
	color:#fff;
}

.home-ad__fullwidth--content{
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    
    font-size:3rem;
}


.home-ad--wide-banner__container{
	height:auto;
	background-color:#fff;
	
}

.home-ad--wide-banner__wrapper{
	max-width:1140px;
	margin:0px auto;
	margin-bottom:25px;
}

.home-ad--wide-banner{
	margin:0 auto;
}


/**
 * 	MOBILE
 * 	- Home Ad(fixed size) > Sidebar
 */
.home-ad--sidebar__wrapper{
	width:300px;
	position:relative;
	background-color:#DEDEDE;
	box-shadow:0px 0px 1px rgba(0,0,0, 0.3);
}

.home-ad--sidebar__wrapper.fixed-size{
	width:300px;
	height:250px;
	margin-bottom:30px;
}

.home-ad--sidebar{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
}

.ad-content{
	font-size:3rem;
	color:#333;
	
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}











.home-gray-background-wrapper{
	background-color:#f2f2f2;
}

/**
 * 	MOBILE
 * 	- Home Opinion Section
 */

.home-opinion{
	padding:24px 0px;
}

.opinion-article-category{
	font-size:1rem;
	line-height:1;
	margin:0px 0px 12px;
	
}

.opinion-article-category a{
	text-decoration:none;
	color:#118ACB;
}

.opinion-article-title{
	font-size:1.5rem;
	line-height:1.4;
	margin:0px 0px 12px;
}

.opinion-article-title a{
	text-decoration:none;
	color:#333;
}

.opinion-thumbnail--wrapper{
	padding-left:20px;
}

.opinion-thumbnail{
	display:block;
	position:relative;
	margin:0px;
	overflow:hidden;
}

.opinion-thumbnail:before{
	display:block;
	padding-top:100%;
	content:'';
}

.opinion-thumbnail picture{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.opinion-thumbnail picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}


.opinion-article-meta .byline a{
	text-decoration: none;
	color: #a1a1a1;
	border-bottom:1px solid transparent;
}

.opinion-article-meta .byline a:hover{
	border-color:#a1a1a1;
}








/**
 * 	MOBILE
 * 	- Home Edition Section
 */

.home-editions{
	
}

.edition-article{
	border-top:1px solid #e2e2e2;
}

.edition-article:last-child{
	border-bottom:1px solid #e2e2e2;
}

.edition-category a{
	text-decoration:none;
	color:#999;
	font-weight:bold;
    display: block;
    line-height: 52px;
    border-bottom:1px solid #e2e2e2;
    position:relative;
}

.edition-category a:after{
	display:block;
	position:absolute;
	content:'▶';
	top:50%;
	right:0;
	line-height: 1;
    font-size: 0.725rem;
    color: #bbb;
    
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


.edition-thumbnail{
	float:left;
	position:relative;
	display:block;
	margin:0px;
	overflow: hidden;
	width:92px;
	margin: 24px 24px 24px 0px;
}

.edition-thumbnail:before{
	content:'';
	display:block;
	padding-top:100%;
}

.edition-thumbnail picture{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.edition-thumbnail picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}


.edition-title{
	overflow: hidden;
    line-height: 1.4;
    margin: 24px 0px 24px 0px;
    font-size: 1.1rem;
    position: absolute;
    left: 126px;
    right: 15px;
}

.edition-title a{
	text-decoration: none;
	color:#333;
}














/**
 * 	MOBILE
 * 	- Home Recent News Section
 */

.home-recent-news--header{
	background-color: #fff;
    position: relative;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.home-recent-news--header h3{
	font-size:1rem;
	margin:0px auto;
	line-height:inherit;	
}

.home-recent-news--header h3 i{
	line-height: inherit;
    vertical-align: middle;
    padding-bottom: 2px;
    margin-right: 8px;
    color: #0088CC;
	font-size: 1rem;
	max-width: 16px;
    overflow: hidden;
}


/*
.recent-news-article{
	padding:25px 0px;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
	background-color: #F9F9F9;
}

.recent-news-header{
	margin-bottom:12px;
}

.recent-news-category{
	font-size:0.825rem;
	margin:0px;
	line-height:1.1;
	color:#118ACB;
	font-weight: bold;
}

.recent-news-title{
	font-size:1.5rem;
	margin:0px auto 10px;
}

.recent-news-title a{
	text-decoration: none;
	color:#333;
	line-height:1.3;
}

.recent-news-content--wrapper{
	padding:8px 0px;
}

.recent-news-content--wrapper .recent-news-figure{
	margin-left:0px;
	background-color:#f2f2f2;
}

.recent-news-content--wrapper .recent-news-content{
	margin-right:0px;
	padding-left:24px;
}

.recent-news-summary{
	font-size:1rem;
	line-height:1.5;
	margin-top:0px;
	color: #555;
}




.recent-news-meta{
	font-size: 13px;
    color: #a1a1a1;
    line-height: 18px;
}

.recent-news-meta:after{
	content:"";
	display:table;
	clear:both;
}

.recent-news-meta > div{
	float:left;
	border-right:1px solid #e2e2e2;
	padding:0px 10px;
}

.recent-news-meta > div:first-child{
	padding-left:0px;
}

.recent-news-meta > div:last-child{
	padding-right:0px;
	border-right:0px;
}

.recent-news-meta .byline a{
	color: #a1a1a1;
	text-decoration:none;
}

.recent-news-meta .byline a:hover{
	text-decoration:underline;
}








.recent-news-article .recent-news--thumbnail{
	margin:0px;
	position:relative;
	overflow:hidden;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.recent-news-article .recent-news--thumbnail:before{
	content:"";
	display:block;
	padding-top:56.25%;
}

.recent-news-article .recent-news--thumbnail picture{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}


.recent-news-article .recent-news--thumbnail picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}
*/








/**
 * 	MOBILE
 * 	- Home Card Headline Section > New
 */
.card-headline-article .article-box{
	margin-bottom:15px;
}




/**
 * 	MOBILE
 * 	- Home Card Headline Section > Old
 */

.home-card-headline--container{
	padding:25px 0px;
}

.card-headline--list{
	padding:0px;
}

.card-headline-article{
	margin:0px;
	width:100% !important;
}

.card-headline-frame{
	position: relative;
	overflow:hidden;
	margin-bottom:25px;
}

.card-headline-frame:before{
	content:'';
	display:block;
	padding-top:56.25%;
}


.card-headline-frame--box{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	display:block;
	overflow: hidden;
}

.card-headline--thumbnail{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:0px;
	display:block;
	overflow: hidden;
}

.card-headline--thumbnail picture{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	display:block;
	overflow: hidden;
}


.card-headline--thumbnail picture img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}

.card-headline--content{
	position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
}

.card-headline--content:before{
	position:absolute;
	display:block;
	content:'';
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,transparent),to(#000));
    background-image: linear-gradient(to bottom,transparent 20%,#000);
    height: 100%;
    width: 100%;
	top: 0;
	left: 0;
}

.card-headline--category{
	line-height:1;
	padding:15px 15px 0px;
	color:#fff;
}

.card-headline--category span{
	font-size:0.925rem;
	display:inline-block;
	padding:8px 12px;
	background-color:#1268B3;
}


.card-headline--details{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	padding:16px 18px;
	color:#fff;
	
	/* min-height: 0;
	    -webkit-transition: min-height .2s ease-out;
	    transition: min-height .2s ease-out; */
}

.card-headline--title{
	margin:0px;
	margin-bottom:15px;
	line-height: 1.2;
    font-size: 1.2rem;
    word-break: break-all;
}

.card-headline--title a{
	text-decoration:none;
	color:#fff;
}


/*
.card-headline-article:hover .card-headline--details{
	min-height:70%;
}
*/


.card-headline--meta{
	font-size: 0.825rem;
    line-height: 1;
}

.card-headline--meta:after{
	content:"";
	display:table;
	clear:both;
}

.card-headline--meta > div{
	float:left;
	border-right:1px solid #e2e2e2;
	padding:0px 10px;
}

.card-headline--meta > div a{
	text-decoration:none;
	color:#fff;
}

.card-headline--meta > div a:hover{
	text-decoration:underline;
}

.card-headline--meta > div:first-child{
	padding-left:0px;
}

.card-headline--meta > div:last-child{
	padding-right:0px;
	border-right:0px;
}



/**
 * 	MOBILE
 * 	- Home Card Headline Section's Partener Section
 */

.headline-partner{
	margin:0px;
	width:100% !important;
}



.headline-partner--container{
	position:relative;
	margin:0px;
	overflow:hidden;
	background-color:#f2f2f2;
	box-shadow:0px 0px 1px rgba(0,0,0,0.3);
	
	margin-bottom:15px;
}

.headline-partner--container:before{
	content:'';
	display:block;
	padding-top:56.25%;
	
}

.headline-partner--content{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.headline-partner--text{
	font-size:3rem;
	line-height:1;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

















/**
 * 	Home Feature Video
 */

.home-feature-video--wrapper{
	position:relative;
	overflow:hidden;
	background-color:#eee;
}

.home-feature-video--wrapper:before{
	content:'';
	display:block;
	padding-top:56.25%;
}

.home-feature-video--container .home-feature-video--object{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
























/**
 * 	Home Promotion
 */
.home-promotion{
	background-color:#f2f2f2;
	z-index:100;
	margin-top:80px;
	position: relative;
	height:572px;
	overflow:hidden;
	
}

.home-promotion--wrapper.plus-promotion{
	position:absolute;
	top:0;
	right:-145px;
	/* background-color:#fff; */
	height:572px;
	width:900px;
}

.home-promotion--content{
	width:420px;
}

.home-promotion--category{
	
	color:#118ACB;
	font-size:1.2rem;
	margin-bottom:16px;
}

.home-promotion--title p{
	font-size:1.6rem;
	line-height:1.7;
}

.home-promotion--link{
	margin-top:20px;
}

.home-promotion--link a{
	display:block;
	padding:10px 16px 8px;
	text-align:center;
	font-size:1.5rem;
	line-height:1.5;
	
	color:#fff;
	text-decoration:none;
	background-color:#1268B3;
	border-radius:2px;
}

.home-promotion--link a:hover{
	background-color:#118ACB;
}

.home-promotion--help{
	margin-top:8px;
	font-size:0.825rem;
	color:#bebebe;
}


.plus-promotion--image{
	position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(167, 167, 167, 0.22);
    left: 525px;
    width: 100%;
}



/**
 * 	MOBILE
 * 	- Home Sidebar Widget
 */
.home-sidebar--m-style.vertical-position--center{
	/*position:absolute;*/
	top:50%;
	width:auto;
	margin-top:60px;
}

.home-sidebar--m-style.vertical-position--bottom{
	position:absolute;
	bottom:0;
	width:auto;
}


.home-sidebar-right--widget{
	margin-bottom:60px;
}

.home-sidebar-right--widget:last-child{
	margin-bottom:0px;
}







/**
 * 	MOBILE
 * 	- Home Latest Posts < M Style
 */
.bloter-udemy--courses__wrapper{
	margin-bottom:14px;
	padding-bottom:8px;
	border-bottom:2px solid #17aa1c;
}

.bloter-udemy--courses__wrapper img{
	display:block;
	height:26px;
}




.home-recent-news--container .featured-item{
	border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

.featured-item {
    width: 100%;
}

.featured-item__container{
	margin:20px 0px;
	text-align:center;
}


/* bloter udemy */
.bloter-udemy__container{
	text-align:left;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	margin-bottom:15px;
}

.bloter-udemy__wrapper{
	position:relative;
}

.bloter-udemy__wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.bloter-udemy--header{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:33%;
}

.bloter-udemy--content{
	overflow: hidden;
	margin-left:33%;
	background-color:#fff;
}

.bloter-udemy--thumbnail{
	display:block;
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	overflow:hidden;
	
}

.bloter-udemy--thumbnail img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    min-width: 100%;
}



.bloter-udemy--header figure.responsive-layout,
.bloter-udemy--header figure.figure.responsive-layout,
.bloter-udemy--header .figure.responsive-layout{
	position: absolute;
	
	/*
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    */
   
   	top:0;
   	bottom:0;
}



.bloter-udemy--course-title{
	margin: 8px 0px 8px 0px;
    font-size: 1.5rem;
    line-height: 1.2;
    min-height: 56px;
    
    padding:0px 10px;
}

.bloter-udemy--course-title a{
	text-decoration: none;
	color: rgba(0,0,0,0.8);
}

.bloter-udemy--course-instructor,
.bloter-udemy--course-info{
	padding:0px 10px;
}


.bloter-udemy--course-instructor{
	min-height:40px;
	margin-bottom:8px;
}

.bloter-udemy--course-instructor span:before{
	content:', ';
	display:inline-block;
	margin-right: 5px;
    margin-left: -1px;
}

.bloter-udemy--course-instructor span:first-child:before{
	content:'';
	display:none;
}


.bloter-udemy--course-info{
	margin-bottom:5px;
}

.bloter-udemy--course-info:after{
	content:'';
	display:table;
	clear:both;
}

.bloter-udemy--course--rate{
	float:left;
	color: rgba(0,0,0,0.6);
}

.bloter-udemy--course--rate > i{
	font-size: 18px;
    vertical-align: middle;
    padding-bottom: 2px;
    margin-right: 6px;
}

.bloter-udemy--course--price{
	float:right;
	color: #118ACB;
	/* 17aa1c */
}

.bloter-udemy--course--price .origin {
    color: #aaa;
    text-decoration: line-through;
    margin-right: 6px;
}

.bloter-udemy--course--price .promotion {
    font-size: 1.1rem;
}



/* bloter academy */
.bloter-academy--courses__wrapper{
	margin-bottom:14px;
	padding-bottom:8px;
	border-bottom:2px solid #1268B3;
}

.bloter-academy--courses__wrapper img{
	display:block;
	height:26px;
}


.bloter-academy__container{
	text-align:left;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	margin-bottom:15px;
}

.bloter-academy__wrapper{
	position:relative;
}

.bloter-academy__wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.bloter-academy--header{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:33%;
}

.bloter-academy--content{
	overflow: hidden;
	margin-left:33%;
	background-color:#fff;
}

.bloter-academy--thumbnail{
	display:block;
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	overflow:hidden;
	
}

.bloter-academy--thumbnail img{
	position: absolute;
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
}



.bloter-academy--header figure.responsive-layout,
.bloter-academy--header figure.figure.responsive-layout,
.bloter-academy--header .figure.responsive-layout{
	position: absolute;
	
	/*
    top: -200px;
    left: -200px;
    bottom: -200px;
    right: -200px;
    margin: auto;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    */
   
   	top:0;
   	bottom:0;
}



.bloter-academy--course-title{
	margin: 8px 0px 13px 0px;
    font-size: 1.25rem;
    line-height: 1.4;
    min-height: 56px;
    
    padding:0px 10px;
}

.bloter-academy--course-title a{
	text-decoration: none;
	color: rgba(0,0,0,0.8);
}

.bloter-academy--course-instructor,
.bloter-academy--course-info{
	padding:0px 10px;
}


.bloter-academy--course-instructor{
	min-height:40px;
	margin-bottom:8px;
}

.bloter-academy--course-instructor span:before{
	content:', ';
	display:inline-block;
	margin-right: 5px;
    margin-left: -1px;
}

.bloter-academy--course-instructor span:first-child:before{
	content:'';
	display:none;
}


.bloter-academy--course-info{
	margin-bottom:8px;
}

.bloter-academy--course-info span{
	display:inline-block;
	line-height:1;
	padding:0px 5px 0px 8px;
	border-left:1px solid #118ACB;
	color:#044F9E;
}

.bloter-academy--course-info span:first-child{
	padding-left:0px;
	border-left:0px;
}

.bloter-academy--course-info span:last-child{
	padding-right:0px;
	
}


span.bloter-academy--course--price{
	color: #333;
}



















.home-recent-news--container .ad--in-list{
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

.ad--in-list__container{
	margin:50px 0px;
	text-align:center;
}

.ad--in-list__container.full-width{
	margin:0px;
	text-align:left;
}

.ad--in-list__container .ad__container{
	display:inline-block;
}

.ad--in-list__container .ad__wrapper{
	width:300px;
	height:250px;
	background-color:#ccc;
	margin:0px 30px;
}

.ad--in-list__container.full-width .ad__container{
	display:block;
	background-color:#000;
}

.ad--in-list__container.full-width .ad__wrapper{
	width:100%;
	height:auto;
	margin:0px;
	background-color:transparent;
	color:#fff;
	padding:25px 0px;
	font-size:3rem;
	text-align:center;
	line-height:1.4;
}


.ad--in-list__container.full-width .udemy-banner--width .ad__wrapper{
	padding:0px;
}

.udemy-banner--width .ad__wrapper img{
	width:100%;
	height:auto;
}

.denim-layout--adjust-width.udemy-banner--width{
	margin:0 auto;
}






@media (max-width: 479px){ /* MDL 모바일 사이즈 */
	
}

@media (max-width: 839px) and (min-width: 480px){ /* MDL 태블릿 사이즈 */
	
	
	.headline--first .headline-title{
		font-size:2.5rem;
		font-weight: bold;
	}
	
	.headline-kicker__wrapper a{
		font-size:0.925rem;
	}
	
	/**
	 * 	TABLET
	 * 	- Home Edition Section
	 */
	.edition-title{
	    left: 136px;
	    right: 15px;
	}
	
	
	/**
	 * 	TABLET
	 * 	- Home Card Headline Section > New
	 */
	.card-headline-article .article-box{
		margin-bottom:25px;
	}
	
	.headline-partner--container{
		margin-bottom:25px;
	}
	
	
	
	
	
}





@media (min-width: 840px){ /* MDL 데스크탑 사이즈 */
	/**
	 * 	DESKTOP
	 * 	- Home
	 */
	#home{
		/* padding-top:60px; */
	}
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Latest Post Medium Style
	 */

	.home-latest-post--m-style .featured-item{
		clear:both;
		flex-basis: 100%;
	}
	
	.article--m-style{
		width:calc(50% - 8px);
		float:left;
	}
	
	.article--m-style .article--container{
		margin-bottom:25px;
		/*max-height:460px;*/
	}
	
	.home-latest-post--m-style .article--m-style:nth-of-type(odd){
		margin-right:8px;
	}
	
	.home-latest-post--m-style .article--m-style:nth-of-type(even){
		margin-left:8px;
	}

	.article--m-style .author--avatar{
		width:46px;
	}
	
	.article--m-style .meta-item--wrapper{
		padding:5px 0px 6px 12px;
	}


	.article--m-style .meta-item.article--meta{
		font-size: 0.725rem;
		line-height: 1.3;
	}
	
	.article--m-style .article--kicker,
	.article--m-style .article--kicker a{
		font-size:1rem;
	}
	
	.article--m-style .article--title{
		font-size:1.5rem;
		min-height:58px;
		/*max-height:58px;*/
	}
	
	.article--m-style .article--summary{
		min-height: 3.75rem;
	}
	
	.article--m-style .article--summary p{
		font-size:1.05rem;
		line-height:1.4;
		font-weight:normal;
		color:rgba(0,0,0,0.44);
		max-height:44px;
		overflow:hidden;
	}
	
	

	/**
	 * 	DESKTOP
	 * 	- Home Underlay Background
	 */
	.home-underlay-background{
		
	}

	.lead-hover .home-underlay-background{
		-webkit-transition: opacity .35s;
		-moz-transition: opacity .35s;
		-o-transition: opacity .35s;
		-ms-transition: opacity .35s;
		transition: opacity .35s;
		opacity: 1;
		z-index: 10;
	}
	
	.lead-hover section.home-big-headline-lead{
		z-index: 15;
		position:relative;
	}
	

	.lead-hover section:not(.home-big-headline-lead){
		visibility: hidden;
	}

	.lead-hover .headline--list--wrapper{
		visibility: hidden;
	}
	
	.lead-hover .headline-title a{
		color:#fff;
	}
	
	
	
	
	.headline--first__wrapper .headline--first--underlay .image{
        min-height: 460px;
    }
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Big Headline Lead Section 
	 */
	.home-big-headline-lead--container{
		height:600px;
		position: relative;
		overflow: hidden;
	}
	
	.home-big-headline-lead__content{
		padding-top:130px;
	}
	
	
	
	.headline--list{
		padding:0px 0px;
	}
	
	.headline--list .headline-article{
		position:relative;
		z-index: 2;
		border-top:0px;
		
		margin:0px 8px;
		width:calc(25% - 16px);
		padding:0px;
	}

	.headline--list .headline-article:first-child{
		margin-top:0px;
		margin-left:0px;
	}
	
	.headline--list .headline-article:last-child{
		border-bottom:0px;
		margin-right:0px;
	}
	
	.headline--list .headline-article .headline-content{
		opacity:1;
		-webkit-transition:opacity .2s;
		transition:opacity .2s;
	}
	
	.headline--list .headline-article:hover .headline-content{
		opacity:.8;
	}
	
	
	
	
	.headline-header{
		min-height:60px;
		position:relative;
		margin-bottom:16px;
	}
	
	.headline-category{
		font-size:1.15rem;
		position:absolute;
		bottom:0;
	}
	
	.headline-title{
		font-size:1.3rem;
		font-weight: bold;
		color:#111;
	}
	
	
	
	
	.headline--first .headline-article{
		width:100%;
		height:auto;
		text-align:left;
	}
	
	.headline--first .headline-title{
		position:relative;
		top:0;
		left:0;
		
		-webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	    
	    margin:12px 0px;
	    font-size:4.5rem;
	    line-height:1.2;
	}
	
	.headline--first .headline-article .figure{
		display:none;
	}
	
	.headline--first--underlay{
		display:block;
	}
	
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Big Headline Lead Section < New
	 */
	.separate-style .headline--list{
		display: flex;
    	justify-content: space-around;
    	align-items: stretch;
    	flex-wrap: wrap;
		margin: 0px 8px;
		margin-top:16px;
	}

	.separate-style .headline--list .headline-article{
		margin:0px;
		background: #fff;
    	box-shadow: 0 1px 3px rgba(0,0,0,.16);
    	border: 1px solid rgba(0,0,0,.09);
    	padding:0px;
	}
	
	.separate-style .headline--list .headline-article > a{
		display:block;
		position:relative;
		
	}

	.separate-style .headline--list .headline-article:first-child{
		margin-top:0px;
		
	}
	
	.separate-style .headline--list .headline-article:last-child{
		border: 1px solid rgba(0,0,0,.09);
		border-radius:2px;
	}
	
	.separate-style .headline-article-thumbnail{
		width:100%;
		float:none;
		
		opacity:1;
		-webkit-transition:opacity .2s;
		transition:opacity .2s;
		
		background-color:#000;
	}
	
	.separate-style .headline--list .headline-article-thumbnail:before{
		padding-top:56.25%;
	}
	
	.separate-style .headline-article-thumbnail picture img{
		min-height: 100%;
		max-height: none;
		min-width: none;
    	max-width: 100%;
	}
	
	.separate-style .headline-article:hover .headline-article-thumbnail{
		opacity:0.7;
	}
	
	
	
	
	
	
	
	
	
	
	.headline--list .headline-article .headline-content{
		opacity:1;
		-webkit-transition:opacity .2s;
		transition:opacity .2s;
		overflow:visible;
		
		
	}
	
	.headline--list .headline-article:hover .headline-content{
		opacity:1;
	}
	
	
	
	
	
	
	.separate-style .headline-header{
		min-height:0px;
		position:relative;
		margin-bottom:0px;
	}
	
	.separate-style .headline-category{
		font-size:0.83rem;
		position:absolute;
		padding:20px 15px 10px 15px;
		width:100%;
		
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.9) 99%, rgba(0,0,0,0.9) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
	}
	
	.separate-style .headline--list .headline-title{
		font-size:1.1rem; /*1rem*/
		font-weight: bold;
		color:#111;
		padding:10px 15px 0px;
		min-height:60px;
		margin:0px;
	}
	
	
	
	
	
	.headline--first .headline-article{
		width:100%;
		height:auto;
		text-align:left;
	}
	
	.headline--first .headline-title{
		position:relative;
		top:0;
		left:0;
		
		-webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	    
	    margin:12px 0px;
	    font-size:4.5rem;
	    line-height:1.2;
	}
	
	.headline--first .headline-article .figure{
		display:none;
	}
	
	.headline--first--underlay{
		display:block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Big Headline Lead Section > Separate Style
	 */
	.separate-style .home-big-headline-lead--container{
		height:auto;
		overflow: visible;
	}
	
	.separate-style .home-big-headline-lead__content{
		padding:30px 0px;
		padding-top: 0;
	}

	.separate-style .headline--first--underlay{
		position:relative;
		opacity:1;
		-webkit-filter: saturate(1);
	    filter: saturate(1);
	    height:460px;
	    overflow:hidden;
	}
	
	.separate-style .headline--first--underlay:hover{
		-webkit-filter: saturate(0.7);
	    filter: saturate(0.7);
	}
	
	.separate-style .headline--first--underlay .figure{
		position:absolute;
		top: 50%;
	    left: 50%;
	    width: 100%;
	    -webkit-transform: translate(-50%,-50%);
	    -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    -o-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
		
	}
	
	.separate-style .headline--first__wrapper{
		position:relative;
	}
	
	.separate-style .headline--first{
		position:absolute;
		width:100%;
		bottom:0;
		margin:0 auto;
	}
	
	
	
	.separate-style .headline--first .headline-article{
		padding:35px 25px 20px;
	}
	
	.separate-style .headline--first .headline-title{
		margin:0px;
		font-size:3rem;
		margin-bottom:5px;
		padding:0px;
	}
	
	.separate-style .headline--first .headline-meta__wrapper{
		display:block;
	}
	
	.separate-style .headline--first .headline-meta__wrapper > div{
		float:left;
		color: rgba(255, 255, 255, 0.5);
		margin-left:30px;
	}
	
	.separate-style .headline--first .headline-meta__wrapper > div:first-child{
		margin-left:0px;
	}
	
	.separate-style .headline--first .headline-meta__wrapper:after{
		content:'';
		display:table;
		clear:both;
	}
	
	
	.separate-style .headline--first .headline-meta__wrapper > div > i{
		font-size:16px;
		vertical-align:top;
		max-width:16px;
	}
	
	.separate-style .headline--first .headline-meta__wrapper > div > span,
	.separate-style .headline--first .headline-meta__wrapper > div > .author--name{
		display:inline-block;
		font-size:13px;
		height:16px;
		vertical-align:middle;
		margin-left:8px;
	}
	
	.separate-style .headline--first .headline-meta__wrapper > div > span > a,
	.separate-style .headline--first .headline-meta__wrapper > div > .author--name a{
		text-decoration:none;
		color: rgba(255, 255, 255, 0.5);
	}
	
	.separate-style .headline--first .headline-meta__wrapper > div > span > a:hover,
	.separate-style .headline--first .headline-meta__wrapper > div > .author--name a:hover{
		color: rgba(255, 255, 255, 0.8);
	}
	
	.separate-style .headline-meta__wrapper{
		display:block;
		margin-top:0px;
		padding-left:8px;
	}
	
	.separate-style .headline-meta__wrapper:after{
		display:table;
		clear:both;
		content:'';
	}
	
	.separate-style .author--avatar{
		width:36px;
		float:left;
	}
	
	.separate-style .headline--list .meta-item--wrapper{
		padding-left:8px;
	}
	
	
	.separate-style .author--meta .author--url{
		text-decoration: none;
		color:#1268B3;
	}
	
	.separate-style .article--meta .publish{
		font-size:0.785rem;
		color:rgba(0,0,0,0.44);
	}
	
	
	.separate-style .meta-info--wrapper{
		right:15px;
	}
	
	
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Feature Story Section
	 */
	.home-feature-story{
		height:800px;
		position:relative;
		overflow:visible;
		overflow-x:hidden;
		padding-top:120px;
	}
	
	.feature-article-content{
		width:640px;
		margin: 0px auto 0px 260px;
		padding:0px;
		z-index:2;
	}
	
	
	.feature-article-category{
		font-size:1.15rem;
	}
	
	.feature-article-title{
		font-size:2.5rem;
	}
	
	.feature-article-summary{
		font-size:1.2rem;
		line-height:1.6;
	}

	.feature-article-meta > div{
		float:left;
		border-right:1px solid #DCDCDC;
		padding:0px 10px;
		color:#999;
	}
	
	.feature-article-meta > div:first-child{
		padding-left:0px;
	}
	
	.feature-article-meta > div:last-child{
		border-right:0px;
	}
	
	.feature-article-meta .byline a{
		text-decoration:none;
		border-bottom:1px solid transparent;
		color:#888;
	}
	
	.feature-article-meta .byline a:hover{
		border-color:#888;
	}
	
	
	.feature-article-image{
		margin-bottom:0px;
		position:absolute;
		top:0;
		width:calc(100vw/2 - 60px);
		max-width:430px;
	}
	
	.feature-article-image-left{
		float:none;
		margin-left:0;
		
		left:0;
		-webkit-transform: translate(-50%,50%);
	    -moz-transform: translate(-50%,50%);
	    -ms-transform: translate(-50%,50%);
	    -o-transform: translate(-50%,50%);
	    transform: translate(-50%,50%);
	}
	
	.feature-article-image-right{
		float:none;
		margin-right:0;
		
		right:0;
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%);
		
		opacity: .3;
		-webkit-filter: saturate(0);
		filter: saturate(0);
		
		
	}
	
	.feature-article-image figure:before{
		padding-top:100%;
	}
	
	.feature-article-image figure picture img{
		min-height: 100%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Opinion Section
	 */
	.home-opinion{
		padding:90px 0px;
	}
	
	.opinion-article-category{
		font-size:1.5rem;
	}
	
	.opinion-article-category a{
		display:inline-block;
		text-decoration: none;
		border-bottom:1px solid transparent;
		color:#118ACB;
	}
	
	.opinion-article-category a:hover{
		border-color:#0088CC;
	}
	
	.opinion-article-title{
		font-size: 4rem;
	}
	
	.opinion-article-summary{
		text-align: left;
	    word-break: normal;
	    font-size: 1.1rem;
	    line-height: 1.8;
	    font-weight: normal;
	    color: #555;
	    margin: 10px 0px 16px;
	}
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Edition Section
	 */
	.home-editions{
		height:1000px;
	}
	
	.edition-article{
		border-top:0px;
	}
	
	.edition-article:first-child{
		padding-right: 24px;
		
		-webkit-transform: translateY(175px);
	    -moz-transform: translateY(175px);
	    -ms-transform: translateY(175px);
	    -o-transform: translateY(175px);
	    transform: translateY(175px);
	}
	
	.edition-article:last-child{
		padding-left: 24px;
		border-bottom:0px;
	}
	
	.edition-category{
		margin:0px;
		margin-bottom:24px;
		font-size:1.3rem;
		line-height:1;
	}
	
	.edition-category a{
		display:inline-block;
		border-bottom:1px solid transparent;
		line-height:1;
		font-weight:normal;
		color:#118ACB;
	}
	
	.edition-category a:hover{
		border-color:#118ACB;
	}
	
	.edition-category a:after{
		display:none;
	}
	
	.edition-title{
		position:relative;
		margin:0px 0px 12px 0px;
		font-size:2.3rem;
		left:0;
	}
	
	.edition-thumbnail{
		float:none;
		width:100%;
		margin:0px;
		margin-bottom:16px;
	}
	
	.edition-thumbnail picture img{
		min-height:100%;
	}
	
	.edition-article-summary{
		font-size: 1.1rem;
    	line-height: 1.7;
	}
	
	.edition-article-meta{
		font-size: 0.825rem;
	    line-height: 1;
	}
	
	.edition-article-meta:after{
		content:"";
		display:table;
		clear:both;
	}
	
	.edition-article-meta > div{
		float:left;
		border-right:1px solid #e2e2e2;
		padding:0px 10px;
		color:#999;
	}
	
	.edition-article-meta > div:first-child{
		padding-left:0px;
	}
	
	.edition-article-meta > div:last-child{
		border-right:0px;
	}
	
	.edition-article-meta .byline a{
		text-decoration:none;
		color:#999;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Card Headline Section
	 */
	.card-headline--list{
		padding:0px 0px;
	}
	
	.card-headline--list .card-headline-article{
		width:calc(50% - 16px) !important;
		
	}
	
	
	
	.card-headline--list .card-headline-article:nth-child(odd){
		margin:0px 16px 0px 0px;
		
	}
	
	.card-headline--list .card-headline-article:nth-child(even){
		margin:0px 0px 0px 16px;
	}
	
	.card-headline-article .article-box{
		margin-bottom:25px;
	}
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Card Headline Section's AD
	 */
	.headline-partner{
		width:calc(50% - 16px) !important;
	}
	
	.headline-partner:nth-child(odd){
		margin-right:16px;
	}
	
	.headline-partner:nth-child(even){
		margin-left:16px;
	}
	
	.headline-partner--container{
		margin-bottom:25px;
	}
	
	
	
	
	/**
	 * 	DESKTOP
	 * 	- Home Latest Posts < M Style
	 */
	.featured-item__container{
		margin:25px 0px; /*50px*/
	}
	
	.featured-item__wrapper{
		display: -webkit-flex;
		display: flex;
		justify-content: space-around;
	   	align-items: stretch;
	   	flex-wrap: wrap;
	   	
	   	margin:0px -8px;
	}
	
	.bloter-udemy__container{
		width:calc(50% - 16px);
		text-align:left;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	}
	
	.bloter-udemy--header{
		position:relative;
		width:100%;
	}
	
	.bloter-udemy--thumbnail{
		position:relative;
	}
	
	.bloter-udemy--thumbnail:after{
		content:'';
		display:block;
		padding-top:56.25%;
	}
	
	.bloter-udemy--content{
		overflow: none;
		margin-left:0;
	}
	
	
	
	/* bloter academy */
	.bloter-academy__container{
		width:calc(50% - 16px);
		text-align:left;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	}
	
	.bloter-academy--header{
		position:relative;
		width:100%;
	}
	
	.bloter-academy--thumbnail{
		position:relative;
	}
	
	.bloter-academy--thumbnail:after{
		content:'';
		display:block;
		padding-top:83.33%;
	}
	
	.bloter-academy--content{
		overflow: none;
		margin-left:0;
	}

	/*main flex 설정*/
	.denim-layout--pannel.denim-layout--with-sidebar{
      width:100%;
      max-width: calc(100% - 325px);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;

  	}
}


@media (max-width: 969px){
	.home-ad--wide-banner__wrapper .home-ad--wide-banner{
		display:none;
	}
}

.denim-layout--pannel.denim-layout--with-sidebar{
   width:100%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: stretch;
}