@charset "utf-8";

#liveblog-container {
    position: relative;
}

#liveblog-update-spinner .spinner {
    position: absolute !important;
    border: 0px;
    height: auto;
}

.single-post .denim--body__container .denim-layout--width{
	max-width:1080px;

}

.single-post .denim--body__container{
    margin-bottom: 72px;
    
}

/**
 * 	MOBILE
 * 	- Layout Pannel
 */
 .single .denim-layout--pannel__container{
   display:flex;
   justify-content: space-around;
   align-items: stretch;
}


.single .denim-layout--pannel.denim-layout--with-sidebar{
	width:100%;
}

.single .denim-layout--pannel.denim-layout--with-sidebar{
	position: relative;
}

.single .denim-layout--sidebar{
	
	width:360px;
	-webkit-flex: 0 0 360px;
    -ms-flex: 0 0 360px; 
    flex:0 0 360px;
    max-width:360px;


	/*
	width:310px;
	-webkit-flex: 0 0 310px;
    -ms-flex: 0 0 310px; 
	flex:0 0 310px;
	max-width:310px;
	*/
	
	padding-right:60px;
	position: relative;
	
	
	
}

.single .denim-layout--sidebar.sidebar-direcion--right{
	padding-right:0px;
	padding-left:60px;
}


/**
 * 	MOBILE
 * 	- Single Layout
 */
 .single-article{
   /* padding-bottom:24px; */
}

/**
 * 	MOBILE
 * 	- Single Header
 */
 .article--header__wrapper{
   position:relative;
   max-width: 1110px;
   margin: 0 auto;
}

.article--header__wrapper.no-thumbnail{
	background-color:transparent;
}

.article--header__wrapper .underlay{
	background-size: 120% auto;
    background-attachment: fixed;
    background-position: center 60px;
    background-color: #000;
    background-repeat: no-repeat;

    z-index: 1;
    
    /* opacity: 0.2;
    -webkit-filter:saturate(0.1);
    filter:saturate(0.1); */
}

.article--header__wrapper .underlay{
	position:relative;
	overflow:hidden;
}

.article--header__wrapper .underlay.image-mime--png{
	background-color:#fff;
}

.article--header__wrapper .underlay:before{
	padding-top:56.25%;
	display:block;
	content:'';
}

.article--header__wrapper .underlay.no-thumbnail{
	background-size: auto 100%;
    background-attachment: scroll;
    background-position: center;
    background-color: #000;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0.8;
}


.single-article .article--header{
	
	width:100%;
	z-index:1;
	padding:15px 0px;
}

.article--header .headline{
	font-size: 1.6rem;
    line-height: 1.4;
    margin: 0px;
    font-weight: normal;
}

.article--header .category{
	font-size:0.825rem;
	margin-bottom: 4px;
	line-height:1.1;	
	font-weight: bold;
	display:block;	
}

.article--header .category span{
    line-height: 1.3;
    color: #5e849d;
    font-family: "Nanum Square";
}

.article--header .category a{
	text-decoration: none;
	
	line-height: 1;
	vertical-align: middle;
    color: #5e849d;
    font-family: "Nanum Square";
    font-size: 13px;
    
    border-left: 1px solid #ccc;
    margin-left: 4px;
    padding-left: 8px;
}

.article--header .category a:first-child{
    padding-left: 0px;
    margin-left: 0px;
    border-left: 0px;
}

.article--header p.headline-subtitle{
    font-size: 0.925rem;
    font-weight: normal;
    color: #5e849d;
    font-family: "Nanum Square";
    margin: 0px;
}


/**
 * 	MOBILE
 * 	- Single Article Meta
 */
 .article--meta__wrapper{
   padding:6px 0px;
   border-top:1px solid #dedede;
   border-bottom:1px solid #dedede;
}

.article--meta__container{
	position:relative;
}

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


.author--avatar{
	width:42px;
	height:42px;
	border-radius: 100%;
	float:left;
	overflow:hidden;
}

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

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




/**
 * 	MOBILE
 * 	- Single Article Meta Wrapper
 */

 .meta-item--wrapper{
   float:left;
   line-height:42px;
   height:42px;
   padding-left:8px;
   padding-right:8px;
   position:relative;
   border-right:1px dotted #ddd;

	/*
	padding-left:8px;
	position:absolute;
	top:50%;
	left:42px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    
    display:block;
    */
}

.meta-item--wrapper:after{
	content:'';
	display:table;
	clear:both;
}

.meta-item--wrapper > .meta-item{
	position:relative;
	top:50%;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.meta-item{
	float:left;
	padding:0px 10px;
	border-right:1px dotted #bebebe;
	line-height:1;
}

.meta-item:first-child{
	padding-left:0px;
}

.meta-item:last-child{
	border-right:0px;
	padding-right:0px;
}

.author--url{
	text-decoration:none;
	color:#118ACB;
	font-size:0.825rem;
}

.publish{
	color:#888;
	font-size:0.825rem;
}




.meta-items__container{
	float:right;
	height:42px;
	padding:0px 8px;
}

.meta-items__wrapper{
	position:relative;
	height:42px;
}

.meta-items__container .meta-item__wrapper{
	display:inline-block;
	border-left:1px dotted #ddd;
	padding-left:0.425rem;
	
	position:relative;
	top:calc(50% - 1px);
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.meta-items__container .meta-item__wrapper:nth-of-type(1){
	border-left:0px;
	padding-left:0px;
	padding-right:0.375rem;
}

.meta-items__container .meta-item__wrapper > div{
	display:inline-block;
	vertical-align:middle;
}


.meta-item--header i{
	max-width:16px;
	font-size:1rem;
	vertical-align: middle;
}

.meta-item--header span{
	font-size:0.875rem;
	margin-left:4px;
	vertical-align: middle;
}

.meta-item--header span a{
	color:#5D5D5D;
	text-decoration:none;
}

.meta-item--content .count--number--text{
	font-size: 1.5rem;
	font-weight:bold;
	font-family:Helvetica, Georgia;
	height:20px;
	max-height:20px;
	margin-left:5px;
}


.meta-items__container .meta-item__wrapper.share-count .meta-item--header i,
.meta-items__container .meta-item__wrapper.share-count .meta-item--header span{
	color:#5D5D5D;
}

.meta-items__container .meta-item__wrapper .loader__wrapper{
	max-height:22px;
	position:relative;
	top:2px;
	min-width: 30px;
}

.meta-items__container .meta-item__wrapper .post-share-count--number .more-loader,
.meta-items__container .meta-item__wrapper .post-comment-count--number .more-loader{
	margin:0px auto;
	color:#11357E;
	
}

.meta-items__container .meta-item__wrapper .more-loader,
.meta-items__container .meta-item__wrapper .more-loader:before,
.meta-items__container .meta-item__wrapper .more-loader:after{
	width:5px;
	height:5px;
}

.meta-items__container .meta-item__wrapper .more-loader:before{
	left:-7px;
}

.meta-items__container .meta-item__wrapper .more-loader:after{
	left:7px;
}





/**
 * 	MOBILE
 * 	- Article Extra
 */
 .article--extra__wrapper{
   padding-top:10px;
}

.article--share__mobile{
	position:relative;
}

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

.share-button__mobile{
	float:left;
	width:33.333333333%;
	text-align: center;
	padding: 10px 0px;
	font-size: 1.5rem;
	text-decoration:none;
	color:#fff;
	display:block;
	background-color:#ccc;
}

.share-button__mobile[data-social="twitter"]{
	background-color:#00aced;
}

.share-button__mobile[data-social="facebook"]{
	background-color:#3b5998;
}

.share-button__mobile[data-social="kakaotalk"]{
	background-color:#F9E81E;
	color:#3F3035;
}

.share-button__mobile[data-social="google-plus"]{
	background-color:#d34836;
}



/**
 *	==================================================
 */

/**
 * 	MOBILE
 * 	- Single Share Button
 */
 .share-button{
   text-decoration:none;
   position:relative;
   display:inline-block;
   overflow:hidden;
   margin-right:15px;

   width: 25px;
   height: 25px;	
}

.share-button.circle{
	text-decoration:none;
	position:relative;
	display:inline-block;
	overflow:hidden;
	margin-right:5px;	
	width: 35px;
    height: 35px;
    background-color: #ccc;
    border-radius: 100%;
    
    
}

.share-button.circle{
	background-color:#999;
}

.share-button.circle[data-social="facebook"]{
	background-color: #3b5998;
}

.share-button.circle[data-social="twitter"]{
	background-color: #00aced;
}

.share-button.circle[data-social="naver"]{
	background-color: #00C63B;
}

.share-button.circle[data-social="google-plus"]{
	background-color: #d34836;
}
.share-button.circle[data-social="kakaotalk"]{
    background-color: #ffeb35;
}


.share-button .fa{
	width:25px;
	height:25px;
	font-size:23px;
	display: block;
    vertical-align: middle;
}



.share-button .fa:before{
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width:100%;
    text-align:center;

}

.share-button .fa.fa-facebook-official{
	color:#3b5998;
}

.share-button .fa.fa-twitter{
	color:#00aced;
}

.share-button .fa.fa-google-plus{
	font-size:18px;
	color:#d34836;
}

.share-button .fa.fa-envelope{
	font-size:21px;
	color:#118ACB;
}

.share-button.circle .fa{
	color:#fff;
	font-size:20px;
}

.share-button.circle .fa{
	position:absolute;
	width:100%;
	height:auto;
	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%);
}



.share-button.share--naver img{
	width:100%;
	height:auto;
	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%);
}

.share-button.share--naver img{
	width:21px;
	height:21px;
}

.share-button.circle.share--naver img{
	width:35px;
	height:35px;
}


.share-button:hover .fa{
	color:#888 !important;
}

.share-button:hover img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(../images/grayscale.svg); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
}

.share-button.circle:hover{
	
}

.share-button.circle:hover .fa{
	color:#fff !important;
}

.share-button.circle:hover img{
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}






/**
 * 	MOBILE
 * 	- Single Article Content
 */
 .article--content{
   padding:0px 0px 24px 0px;
   color:#333;
}

.article--content > .article--content-ad{
	margin-bottom:16px;
}

.article--content > .article--content-ad > .article--content-ad__container{
	/* background-color:#eee; */
}

.article--content > .article--content-ad > .article--content-ad__container .article--content-ad__wrapper{
	margin:0 auto;
}

.article--content > table{
    max-width: 100% !important;
}

.article--content,
.article--content > p{
	font-size:1.1rem;
	line-height:1.8;
	color:#4c4c4c;
	text-align:justify;
	word-break: break-all;
}

.article--content > p:last-child{
	margin-bottom:0px;
}

.article--content .wp-caption {
    max-width: 100% !important;
}

.article--content .wp-caption img {
    max-width: 100%;
    height: auto;
}

.article--content strong{
	font-size:1rem;
}


.article--content a:not(.wp-image--wrapper){
	text-decoration:none;
	
	border-bottom: 3px solid #b4e7f8;
    box-shadow: inset 0 -4px 0 #b4e7f8;
    color: inherit;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1);
    
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.article--content a:not(.wp-image--wrapper):hover{
	background: #b4e7f8;
}

.article--content a.goog-logo-link,
.article--content a.goog-logo-link:hover{
    text-decoration: none;
    border: 0px;
    box-shadow: none;
    background: none;
}

.article--content > a.wp-image--wrapper{
	margin:0px -15px 16px -15px;
	width: auto;
    display: inherit;
}

.article--content > a.wp-image--wrapper > img{
	width:100%;
	height:auto;
}




.article--content > ul{
	padding-right:24px;
}

.article--content > .wp-caption:not(.alignleft):not(.alignright),
.article--content > p > .wp-image--wrapper:not(.view-size-adjust){
	width: 100vw !important;
    position: relative;
    margin: 0px -15px;
    overflow: hidden;
    display:block;
}

.article--content > .wp-image{
	width:100vw;
	margin:0px -15px 16px -15px;
	height:auto;
}

.article--content > p.wp-image--paragraph{
	margin:0px -15px;
	margin-bottom:16px;
}

.article--content p.wp-image--paragraph > img{
	max-width: 100%;
	height: auto;
}

.article--content p .wp-image--wrapper > img{
	max-width: 100%;
	height: auto;
}

.article--content p.wp-image--paragraph > img.aligncenter {
    margin: 0 auto;
    display: block;
}

.article--content > ul > li > .wp-caption{
	width: auto !important;
}


.article--content > iframe{
	width:100vw !important;
	margin:0px -15px;
	margin-bottom:16px;
}



.article--content > .wp-caption > .wp-image--wrapper,
.article--content > p > .wp-image--wrapper,
.article--content > p.wp-image--paragraph > .wp-image{
	display:block;
	text-decoration:none;
	box-shadow:0px 0px 1px rgba(0,0,0,0.15);
}

.article--content > p > .wp-image--wrapper.view-size-adjust{
	box-shadow:none;
	text-align:center;
}

.article--content > p > .wp-image--wrapper.view-size-adjust{
	margin:0px -15px;
}

.article--content > p > .wp-image--wrapper.view-size-adjust img{
	width:auto;
	height:auto;
}

.article--content > .wp-caption > .wp-image--wrapper > .wp-image,
.article--content > p > .wp-image--wrapper > .wp-image:not(.view-size-adjust),
.article--content > p.wp-image--paragraph > .wp-image,
.article--content > .wp-caption > .wp-image.size-full,
.article--content > ul > li > .wp-caption > .wp-image--wrapper > .wp-image{
	width:100%;
	height:auto;
}


.article--content > p.wp-image--paragraph .wp-image.aligncenter {
    margin: 0 auto;
}

.article--content > .wp-caption > .wp-image.size-medium{
	width:100%;
	height:auto;
}

.article--content > .wp-caption > .wp-caption-text{
	padding:3px 15px 8px;
}

.article--content .wp-caption-text{
	color:#999;
	font-size:0.825rem;
	padding:3px 0px 8px;
	margin-bottom:5px;
	line-height:1.4;
}

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

.article--content > blockquote > .wp-image--paragraph{
	margin-bottom:16px;
}

.article--content > blockquote > p.wp-image--paragraph:first-child{
	margin-bottom:0px;
}

.article--content > blockquote > .wp-image--paragraph > .wp-image{
	width:100%;
}

.article--content > blockquote > .wp-image--paragraph > .wp-image.alignleft{
	width:auto;
	float: left;
	margin-right: 15px;
}

.article--content > blockquote{
	margin:16px 8px 16px 8px;
	border-left:3px solid #1268B3;
	padding:10px 15px;
	background-color: rgba(16, 53, 126, 0.05);
}

.article--content > blockquote > p{
	font-style:normal;
	margin:0px 0px 16px 0px;
	line-height:1.6;
	font-size:1rem;
	color:#333;
}

.article--content > blockquote > p + p{
    margin-top: 10px;
}


.article--content > blockquote:not(.contributor) > p > .wp-image--wrapper{
	width:100%;
	display:inline-block;
}

.article--content > blockquote.contributor > p > .wp-image--wrapper{
    width:auto;
    display:inline-block;
    float: left;
    margin-right: 10px;
}

.article--content > blockquote:not(.contributor) > p > .wp-image--wrapper > img{
	width:100%;
	height:auto;
}

.article--content > blockquote > p > strong{
	margin-bottom:8px;
	/* display:inline-block; */
	font-size:1rem;
}

.article--content > blockquote li{
	font-style:normal;
}

.article--content > blockquote:before,
.article--content > blockquote:after{
	content:'';
	margin:0px;
}


.single-article .denim-layout--pannel__container{
	padding-top:15px;
}






/**
 *     Mobile Image style Fix
 */
 #denim__container .article--content img {
    max-width: 100% !important;
    height: auto;
}

#denim__container .article--content > p.wp-image--paragraph {
    margin: 0px -15px;
    margin-bottom: 16px;
}

#denim__container .article--content > div.wp-caption {
    /* margin: 0px -15px; */
    max-width: none;
}


@media (min-width: 840px){
    #denim__container .article--content img {
        max-width: 100% !important;
    }
    
    #denim__container .article--content > p.wp-image--paragraph {
        margin: 0px 0px;
        margin-bottom: 16px;
    }
    
    #denim__container .article--content > div.wp-caption {
        margin: 0px 0px;
        max-width: none;
    }
    
    #denim__container .article--content > div.wp-caption.alignleft {
        margin-right: 16px;
    }
    
    #denim__container .article--content > div.wp-caption.alignright {
        margin-left: 16px;
    }
}





















/**
 * 	MOBILE
 * 	- Author Card
 */
 .author-profile__container{
   margin-top:30px;
}


.author-card:after{
	display:table;
	content:'';
	clear:both;
}

.author-card--avatar__wrapper{
	width:62px;
	float:left;
}

.author-card--avatar__wrapper .picture{
	background-color:#fff !important;
}

.author-card--meta__wrapper{
	height:62px;
	padding:12px 10px;
	overflow:hidden;
}

.author-card--name{
	margin:0px;
	line-height:1.4;
}

.author-card--name .author--url{
	font-size:0.875rem;
}

.author-card--email{
	font-size:0.825rem;
	color:#666;
}

.author-card{
	padding:10px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.04);
	border: 1px solid rgba(0,0,0,.09);
	
	margin-bottom:15px;
	border-radius:2px;
}

.author-card--intro{
	word-break:break-all;
	font-size:0.825rem;
	line-height:1.4;
	text-align:justify;
}

.author-card--extra__wrapper{
	margin-top:8px;
	color:#999;
}

.author-card--social__wrapper{
	padding-top:8px;
}

.author-card--social-item{
	display:inline-block;
	width:20px;
	height:20px;
	font-size:11px;
	position:relative;
	
	margin-right:3px;
	border-radius:3px;
	background-color:#ccc;
	
	-webkit-transition: background-color .35s;
	-moz-transition: background-color .35s;
	-o-transition: background-color .35s;
	-ms-transition: background-color .35s;
	transition: background-color .35s;
}

.author-card--social-item i{
	display:block;
	position: absolute;
	top:50%;
	left:50%;
	color:#fff;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.author-card--social-item[data-social="home"]{
	background-color:rgba(18, 104, 179, 0.75);
}

.author-card--social-item[data-social="twitter"]{
	background-color:rgba(0, 172, 237, 0.75);
	
}

.author-card--social-item[data-social="facebook"]{
	background-color:rgba(59, 89, 152, 0.75);
}

.author-card--social-item[data-social="google-plus"]{
	background-color:rgba(211, 72, 54, 0.75);
}

.author-card--social-item[data-social="home"]:hover{
	background-color:#1268B3;
}

.author-card--social-item[data-social="twitter"]:hover{
	background-color:#00aced;
}

.author-card--social-item[data-social="facebook"]:hover{
	background-color:#3b5998;
}

.author-card--social-item[data-social="google-plus"]:hover{
	background-color:#d34836;
}

/*네이버 기자페이지 아이콘 추가*/
.fa-naver{
    width: 100%;
    height: 100%;
    border-radius: 3px;
    display: block;
    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%);
}
.author-naver-url{
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 5px;
    width: 210px;
    height: 35px;
    font-size: 14px;
}
.author-naver-url img{
    width: 25px;
    height: 25px;
    margin: 5px 5px;

}
.author-naver-url span{
    font-size: 0.825rem;
    color: #999;
}





/**
 * 	MOBILE
 *	- Single Oembed Responsive Layout
 */
 .oembed-responsive-layout{
   margin:0px -15px 24px;
}

.oembed-responsive-layout{
	position:relative;
	overflow:hidden;
}

.oembed-responsive-layout:before{
	content:'';
	display:block;
	padding-top:56.25%;
}



.oembed-responsive-layout > iframe{
	position:absolute !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	width:100%;
	margin: 0 auto;
	
	height: 100% !important;
}

.oembed-responsive-layout[data-provider="twitter"]{
	margin-bottom:6px;
	text-align:center;
}
.oembed-responsive-layout[data-provider="twitter"]:before{
	padding-top:0%;
}

.oembed-responsive-layout[data-provider="twitter"] > twitterwidget{
	display:inline-block !important;
}

.oembed-responsive-layout[data-provider="facebook"]{
	margin-bottom:6px;
	text-align:center;
}
.oembed-responsive-layout[data-provider="facebook"]:before{
	padding-top:0%;
}

.oembed-responsive-layout[data-provider="facebook"] > fb-post{
	display:inline-block !important;
}

.oembed-responsive-layout[data-provider="instagram"]:before{
    padding-top:0%;
}

.oembed-responsive-layout[data-provider="instagram"] > iframe{
    position: relative !important;
    height: none;
}

.oembed-responsive-layout[data-provider="youtube"] > iframe{
    height: 100% !important;
}




/**
 * 	MOBILE
 * 	- Single Related Post
 */
 .related-post__container{
   border-top: 1px solid #e2e2e2;
}

.related-post__container.simple{
	border-top:0px;
	padding:12px 0px;
	margin-bottom:30px;
}

.related-post--header{
	background-color: #fff;
    position: relative;
    height: 50px;
    line-height: 50px;
}

.related-post--header h3{
	font-size: 1rem;
    margin: 0px auto;
    line-height: inherit;
}

.related-post--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;
}

.related-post__wrapper > div.owl-stage-outer{
	background-color: #b2b2b2;
	box-shadow: inset 0px 0px 15px -3px rgba(0,0,0,0.4);
}

.related-post--article{
	margin:12px 0px;
	padding:12px 0px;
}

.article-box.background-picture .article-box-category.related-post-category{
	background-color:rgba(255,255,255,0.85);
	padding:4px 16px;
	margin:0px 15px;
	color:#118ACB;
	font-weight:bold;
	display:inline-block;
	border-top-left-radius:15px;
	border-bottom-right-radius:15px;
	line-height:1.4;
	vertical-align: middle;
}


.simple .related-post--list-title{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:6px;
}

.related-post__container.simple ul{
	padding:0px;
	margin:0px 0px 0px 24px;
	
}

.simple .related-post--article{
	padding:0px;
	margin:0px;
}

.simple .article-box-title{
	line-height:1;
	margin:0px;
}

.simple .article-box-title a{
	color:#333;
	font-size:0.95rem;
}




/**
 * 	MOBILE
 * 	-
 */










/**
 * 	MOBILE
 * 	- Plus
 */
 .bloter-plus__container{
   margin-bottom:30px;
}

.bloter-plus--pannel__wrapper{
	border: 3px solid #2e4382;
    position: relative;
    border-radius: 3px;	
}

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

.bloter-plus-promote__wrapper{
	background-color: #10357e;
}

.bloter-plus-promote--copy{
	margin: 0px;
    padding: 8px 8px 0px 8px;
    font-size: 1.8rem;
    color: #fff;
    text-align: left;
    font-weight: bold;
    line-height: 1.2;
}

.bloter-plus-promote--action__wrapper{
	position: relative;
    padding: 18px 15px;
    text-align: right;
}

.bloter-plus-promote--action{
	display: inline-block;
    padding: 8px 10px;
    background-color: #FF940E;
    color: #fff !important;
    border-radius: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.1;
    box-shadow: 0px 5px 0px#D07300;
    text-decoration:none;
}



.bloter-plus-counter__container{
	padding-top:40px;
}



.bloter-plus-promote__wrapper{
	background-color: #10357e;
	min-height:160px;
}

.bloter-plus-counter__wrapper{
	background-color:#999;
	position:relative;
}


.bloter-plus-counter--underlay svg{
	height:120px;
}

.bloter-plus-counter--underlay{
	position: relative;
	bottom:0;
	z-index: 1;
	width:100%;
}

.bloter-plus-counter--underlay svg{
	width:100%;
}

.bloter-plus-counter--progress{
	width:9%;
	
	position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    background-color: #118ACB;
}

.bloter-plus-counter--bus{
	position: absolute;
    z-index: 2;
    left: 4px;
    bottom: 3px;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

.bloter-plus-counter--current-number{
	position: absolute;
    top: -18px;
    font-size: 0.75rem;
    font-weight: bold;
    left: 0;
    right: 0;
    text-align: center;
}

.bloter-plus-counter--goal{
	position: absolute;
    right: 5px;
    top: 18px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fff;
}

.bloter-plus-counter--logo{
	position: absolute;
    bottom: -5px;
    text-align: right;
    padding: 0px 0px 0px 0px;
    right: 10px;
    z-index:2;
}

.bloter-plus-counter--logo img{
	width:140px;
}


.bloter-plus-counter__container--mobile{
	padding-top:0px;
}

.bloter-plus-counter__container--mobile .bloter-plus-counter__wrapper{
	background-color:#fff;
	position:relative;
	height: 46px;
	overflow:hidden;
}

.bloter-plus-counter__container--mobile .bloter-plus-counter__wrapper .bloter-plus-counter--progress{
	top:auto;
	bottom:0px;
	height:3px;
	min-width: 13%;
}

.bloter-plus-counter__container--mobile .bloter-plus-counter--bus-mobile{
	position: absolute;
    z-index: 2;
    right: 0;
    bottom: 3px;
}

.bloter-plus-counter__container--mobile .bloter-plus-counter--bus-mobile .bloter-plus-counter--current-number{
	position:absolute;
	top: -18px;
    font-size: 0.75rem;
    font-weight: bold;
    left: 0;
    right: 0;
    text-align: center;
}

.bloter-plus-counter__container--mobile .bloter-plus-counter--goal{
	position: absolute;
    right: -10px;
    bottom: 0px;
    font-size: 5.5rem;
    color: #efefef;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-family: Arial;
} 


/**
 * 	MOBILE
 * 	- Single Focus Section
 */
 .focus__wrapper{
   margin: 0px 0px;
}

.focus__container{
	background-color: #f5f5f5;
}

.focus-section--title{
	padding:15px;
	border-bottom:1px solid #e2e2e2;
	font-size: 1.3rem;
	font-weight: bold;
	color: #1c3d84;
}

.focus-section--title i,
.focus-section--title span{
	vertical-align:middle;
}

.focus-section--title i{
	margin-right:5px;
}




.focus--list{
	margin:0px;
	padding:0px;
	list-style:none;
}

.focus-item{
	padding:10px 15px 30px;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}

.focus--list .focus-item__wrapper:first-child .focus-item{
	/* border-top: 1px solid #e2e2e2; */
}

.focus--list .focus-item__wrapper:last-child .focus-item{
	border-bottom:0px;
}

.focus--header{
	padding-top:15px;
}

.focus--category{
	margin-bottom:8px;
}

.focus--category a{
	text-decoration:none;
	color:#118ACB;
	font-weight:bold;
}

.focus--title{
	margin:0px;
	line-height:1.4;
	font-size:1.3rem;
	margin-bottom:12px;
}

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

.focus--title a.focus--category-link{
	color:rgba(26, 128, 183, 0.75);
	line-height: 24px;
    font-size: 0.925rem;
    vertical-align: middle;
    margin-right: 8px;
}

.focus--thumbnail{
	background-repeat: no-repeat;
	background-position: center center;
	background-color:rgba(0, 0, 0, 0.6);
	background-image: url(../images/circles.svg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.focus__container.alter{
	background-color: #fff;
}

.focus__container.alter .focus--header{
	padding-top:0px;
}

.focus__container.alter .focus--category{
	margin-bottom:0px;
	margin-left: 128px;
    padding-left: 15px;
}

.focus__container.alter .focus--title{
	margin-bottom:0px;
	font-size:1rem;
	margin-left: 128px;
    padding-left: 15px;
}

.focus__container.alter .focus-item{
	padding:10px 15px 10px;
	min-height: 102px;
}

.focus__container.alter .focus--thumbnail{
	position: absolute !important;
	width: 128px;
	left: 15px;
	top: 15px;
}

.focus__container.alter .focus--thumbnail picture.picture img.image{
	min-height: 100%;
	max-height:auto;
}





.focus--meta__wrapper{
	margin-left: 128px;
    padding-left: 20px;
}

.focus--meta__wrapper div{
	display:inline-block;
	margin-left:15px;
}

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

.focus--meta__wrapper .material-icons{
	font-size: 1rem;
	color:#7D7D7D;
    vertical-align: middle;
    margin-right:5px;
}

.focus--meta__wrapper div span{
	font-size:0.875rem;
	color:#7D7D7D;
	margin-left:0px;
	line-height: 16px;
	vertical-align: middle;
}





/**
 * 	MOBILE
 * 	- Expander
 */
 .denim-expander{
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   padding:8px 0px;
   height:38px;
   position:relative;
}

.denim-expander--note{
	height:36px;
	width:36px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}

.denim-expander--note:before{
	font-family: FontAwesome;
	content:'\f078';
	display:block;
	position:absolute;
	height: 22px;
	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%);
}

.denim-expander.expanded .denim-expander--note:before{
	content:'\f077';
}


.denim-expander--title{
	font-size:1rem;
	margin-right:8px;
	font-weight:bold;
}

.denim-expander--content{
	color:#555;
}

.comment-count{
	color:#555;
	font-weight:bold;
}



/**
 * 	MOBILE
 * 	- Livere
 */
 .livere-comment__wrapper{
   margin-bottom:16px;
}





/**
 * 	MOBILE
 * 	- Text Resizer
 */
 .article--resizer__wrapper{
   text-align:right;
   margin-bottom:15px;
}

#google_translate_element{
    display: block;
    position: absolute;
    top: 0;
}

.article--resizer__wrapper .article--resizer-action{
	display:inline-block;
	font-size:0.825rem;
	border:1px solid #999;
	box-shadow:0px 1px 1px rgba(0,0,0,0.5);
	padding:0px 2px;
	border-radius:3px;
	width:38px;
	text-align: center;
	cursor:pointer;
}

.article--resizer-tooltip{
	display:none;
}

/**
 * 	MOBILE
 * 	- Foot note
 */
 .simple-footnotes,
 .simple-footnotes p,
 .simple-footnotes ol{
   font-size:0.75rem;
}

.simple-footnotes .notes{
	border-bottom:3px double #777;
	margin-bottom:5px;
}

.simple-footnotes ol{
	margin-top:0px;
	padding-left: 25px;
}





/**
 * 	MOBILE
 * 	- Single Bottom Mobile Ad
 */
 .article-ad--mobile .single-sidebar-top--widget .wp-dfp__container > div,
 .article-ad--mobile .single-sidebar-bottom--widget .wp-dfp__container > div{
   margin:0 auto;
}

.article-ad--mobile .article-ad__wrapper{
	padding-bottom:15px;
}











/**
 * 	MOBILE
 * 	- Bref
 */
 .content-description--key{
   cursor: pointer;

   background-color: #CBE5FF;
   color: #333;
   padding:0px 3px;

	/*
	-moz-transition-property: border-color, color;
	-webkit-transition-property: border-color, color;
	-o-transition-property: border-color, color;
	transition-property: border-color, color;
	
	-moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    -moz-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	*/
}

.content-description--key:hover{
	background-color: #EBF5FF;
}

.content-description--key.active{
	
	/*
	border-color:#118ACB;
	color:#118ACB;
	
	-moz-transition-property: border-color, color;
	-webkit-transition-property: border-color, color;
	-o-transition-property: border-color, color;
	transition-property: border-color, color;
	
	-moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    
    -moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	*/
}


.content-description.no-animation{
	overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    
    font-size:1px;
    color:#666;

    float:left;
    width:auto;
}

.content-description.enable-animation{
	display:none;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	
	font-size:14px;
    color:#666;
    line-height:1.4;

    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left:15px;
    padding-right:15px;
    margin-top: 0;
    margin-bottom: 0;

    float:left;
    width: calc(100% - 30px);

    -moz-transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
    -webkit-transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
    -o-transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
    transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;

    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    
    /*
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    */
    
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.content-description.enable-animation.show{
	display:block;
	width:100%;
	word-break: break-all;
	
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	
	margin:8px 0px;
	max-height: 1000px;
	overflow: hidden;
	padding:15px;
	
	-moz-transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
	-webkit-transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
	-o-transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;
	transition-property: max-height, padding-top, padding-bottom, margin-top, margin-bottom, border-color;

	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;

	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.content-description--close{
	display: inline-block;
	margin: 0px 3px;
	background-color: #bbb;
	color: #fff;
	font-size: 10px;
	padding: 0px 3px;
	border-radius: 4px;
	cursor:pointer;
}

















#single-udemy__container{
	padding-top:30px;
	background-color:#f5f5f5;
}


.single-udemy__wrapper .featured-item--title__container{
	margin-bottom:14px;
	padding-bottom:8px;
	border-bottom:2px solid #17aa1c;
}

.single-udemy__wrapper img{
	display:block;
	height:26px;
}


/* 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;
}





/**
 *     Udemy Custom Banner
 */

 /** .udemy-custom-banner[data-type="default"] */

 .udemy-custom-banner:after{
    content: '';
    display: table;
    clear: both;
}

.udemy-custom-banner{
    min-height: 70px;
    min-width: 300px;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
}

.udemy-custom-banner{
    border: 1px solid #f3f3f3;
    
    -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,.12);
    box-shadow: 0 2px 3px -2px rgba(0,0,0,.12);
}

.udemy-custom-banner-reference{
    position: absolute;
    right: 0;
    font-size: 0.6rem;
    color: #cccbcb;
    bottom: -20px;
}

.udemy-custom-banner .udemy-custom-banner-reference a{
    border: 0px;
    box-shadow: none;
}

.udemy-custom-banner .udemy-custom-banner-reference a:hover{
    text-decoration: none;
    background-color: transparent;
    border: 0;
}

.udemy-custom-banner .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 125px;
}

.udemy-custom-banner .image a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px;
    border: 0px;
    
    overflow: hidden;
}

.udemy-custom-banner[data-type="default"] .image img{
    position: absolute;
    top: -200px;
    left: -200px;
    right: -200px;
    bottom: -200px;
    
    margin: auto;
    width: auto;
    height: 100%;
    
    
    min-width: 100%;
    max-height: 100%;
}

.udemy-custom-banner .content{
    margin-left: 125px;
    padding: 15px;
}

.udemy-custom-banner .content .title{
    font-size: 17px;
    color: #555;
    margin: 0px;
    margin-bottom: 6px;
    line-height: 1.4;
}

.udemy-custom-banner .content p.vendor{
    color: #333;
    font-size:13px;
    font-weight: bold;
    margin: 0px;
    line-height: 1.4;
}



.udemy-custom-banner[data-type="custom"] {
    max-width: 400px;
    
    /*
    border: 0px;
    
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
    */
}

.udemy-custom-banner[data-type="custom"] .image{
    position: relative;
    width: 100%;
}

.udemy-custom-banner[data-type="custom"] .image a{
    position: relative;
    width: 100%;
    height: auto;
}

.udemy-custom-banner[data-type="custom"] .image a img{
    position: relative;
    width: 100%;
    height: auto;    
}

.udemy-custom-banner[data-type="custom"] .content{
    display: none;
}














@media (max-width: 479px){ /* MDL 모바일 사이즈 */
	.article--content > iframe{
		height:56.25vw !important;
	}
	
	
	.wp-caption img{
       max-width: 100% !important;
       height: auto;
   }
}

@media (max-width: 839px) and (min-width: 480px){ /* MDL 태블릿 사이즈 */
	.oembed-responsive-layout{
		margin:0px -32px 32px;
	}
	
	
	
	
	/**
	 * 	TABLET
	 * 	- Single Header
	 */
    .article--header__wrapper .underlay{
      background-size: 160% auto;
      background-position: center top;
  }

  .article--header__wrapper .underlay:before{
      padding-top:46.25%;
  }

  .article--header__wrapper .underlay.no-thumbnail{
      background-size:100% 100%;
      background-attachment: scroll;
      background-position: center;
      background-color: #000;
      background-repeat: no-repeat;
      z-index: 1;
      opacity: 0.8;
  }

  .article--header{
      padding:60px 0px 16px 0px;
  }

  .article--header .headline{
      font-size: 1.7rem;
      line-height: 1.4;
  }

  .article--header .category{
      font-size:0.975rem;
  }

  .article--header .category span{
      padding:7px 14px;
  }



	/**
	 * 	TABLET
	 * 	- Single Article Content
	 */
    .article--content > .wp-caption,
    .article--content > p > .wp-image--wrapper{
      margin: 0px -32px !important;
  }


  .article--content > .wp-caption > .wp-caption-text{
      padding:3px 32px 8px;
  }

  .article--content > p.wp-image--paragraph{
      margin:0px -32px;
      margin-bottom:16px;
  }

  .article--content > .wp-image{
      width:100vw;
      margin:0px -32px 16px -32px;
      height:auto;
  }

  .article--content > iframe{
      height:56.25vw !important;
      margin:0px -32px;
      margin-bottom:16px;
  }



	/**
	 * 	TABLET
	 * 	- Article Extra
	 */
    .share-button__mobile{
      width:20%;
  }





	/**
	 * 	TABLET
	 * 	- Single Focus Section
	 */
    .focus-item{
      padding:10px 32px 30px;
  }
























}


.plus-position-bloter-bottom-ad--container{
	margin-top:32px;
}

@media (min-width: 840px){ /* MDL 데스크탑 사이즈 */
	
	
	.plus-position-bloter-bottom-ad--container{
		float:right;
		width:50%;
		margin-top:0px;
	}
	
	
	.oembed-responsive-layout{
		margin:0px 0px 32px;
	}
	
	
	.global-navigation__wrapper{
		box-shadow:none;
	}
	
	/**
	 * 	DESKTOP
	 * 	- Single Layout
	 */
    .single-article{
      padding-bottom:24px;


  }

  .denim-layout--pannel__container:after{
      content:'';
      display:table;
      clear:both;
  }

  .single .denim-layout--sidebar{
      float:left;
  }

  .single .denim-layout--pannel.denim-layout--with-sidebar{
      width:100%;
      max-width:calc(100% - 360px);
      /*max-width:calc(100% - 310px);*/
      float:right;
  }



  .single-top--bar.article--meta__container{
      margin-right:360px;
  }



  .meta-items__container{
      float:left;
  }

  .meta-item__wrapper.share-count .meta-item--header i,
  .meta-item__wrapper.comment-count .meta-item--header i{
      max-width:24px;
      font-size:1.5rem;
      vertical-align: middle;
  }

  .meta-items__container.article--resizer{
      float:right;
  }

  .meta-items__container.article--resizer .article--resizer__wrapper{
      margin:0px;
      padding:5px 0px;
      height:42px;
  }

  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action{
      padding:0px;
      width:auto;
      margin:0px 2px;
      height:32px;
      font-size:inherit;
      border:0px;
      box-shadow:none;
      position:relative;
  }


  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action .article--resizer-tooltip:after,
  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action .article--resizer-tooltip:before {
      top: 100%;
      left: 20%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
  }

  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action .article--resizer-tooltip:after {
      border-color: transparent;
      border-top-color: #fff;
      border-width: 5px;
      margin-left: 0px;
  }
  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action .article--resizer-tooltip:before {
      border-color: transparent;
      border-top-color: #999;
      border-width: 7px;
      margin-left: -1.5px;
  }



  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action:hover .article--resizer-tooltip{
      display:block;
      position: absolute;
      top:-30px;
      left:50%;
      z-index:10;

      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);

      background: #FFF;
      border: 1px solid #999;
      border-radius: 2px;
      white-space: nowrap;
      -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
      box-shadow: 1px 1px 3px rgba(0,0,0,.2);

      line-height:1;
      padding:4px 5px;
      font-size:0.825rem;

  }





  .meta-items__container.article--resizer .article--resizer__wrapper .article--resizer-action i{
      font-size:1.8rem;
  }



  .social-links .share-button.circle{
      width:30px;
      height:30px;
  }

  .meta-items__container.social-links .meta-items__wrapper{
      padding:5.5px 0px;
  }


  .single .denim-layout--sidebar.sidebar-direction--right{
      float:right;
      padding-right:0px;
      padding-left:60px;
  }

  .single .denim-layout--sidebar.sidebar-direction--right .sidebar--widget__wrapper.widget--bottom{
      right:0;
      left:auto;
      width: 300px;
  }

  .single .denim-layout--sidebar.sidebar-direction--right .sidebar--widget__wrapper.widget--bottom.sidebar-floated{
      right:auto;
      left:auto;
      margin-top: 15px;
  }

	/**
	 * 	DESKTOP
	 * 	- Single Header
	 */
    .article--header__wrapper .underlay{
      background-size: cover;
      background-position: center 36px;
  }

  .article--header__wrapper .underlay:before{
      padding-top:450px;
  }

  .article--header__wrapper .underlay.no-thumbnail{
      background-size:100% auto;
      background-attachment: scroll;
      background-position: center;
      background-color: #000;
      background-repeat: no-repeat;
      z-index: 1;
      opacity: 0.8;
  }

  .single-article .article--header{
      padding:30px 0px;
      margin-right: 15px;
      margin-left: 15px;
  }

  .article--header .headline{
      font-size:3rem;
  }

  .article--header .category{
      font-size:14px;
  }

  .article--header .category span{

  }

  .article--header p.headline-subtitle{
    font-size: 1.2rem;
}


	/**
	 * 	DESKTOP
	 * 	- Single Article Content
	 */

    #google_translate_element{
        position: relative;
    }

    .article--content{
      /* min-height:1860px; */
  }

  .article--content,
  .article--content > p{
      line-height:1.8;
      font-size:1.05rem;
      /* margin-bottom:32px; */
  }

  .article--content > .wp-caption:not(.alignleft):not(.alignright),
  .article--content > p > .wp-image--wrapper:not(.view-size-adjust),
  .article--content > p.wp-image--paragraph,
  .article--content > ul > li > .wp-caption{
      width: auto !important;
      max-width:100%;
      margin: 0px auto;
      display:block;
  }

  .article--content > .wp-caption.aligncenter{
      text-align: center;
  }

  .article--content > .wp-caption.aligncenter > .wp-image--wrapper.view-size-adjust{
      display:inline-block;
      width:auto;
  }

  .article--content > .wp-caption.aligncenter > .wp-image--wrapper.view-size-adjust > .view-size-adjust{
      width: auto;
  }

  .article--content > .wp-caption.alignright{
      float:right;
      margin-left:16px;
  }


  .article--content > p > .wp-image--wrapper.alignleft{
      overflow:visible;
      margin-right:16px;
  }

  .article--content > p > .wp-image--wrapper.alignright{
      overflow:visible;
      margin-left:16px;
  }


  .article--content > p > .wp-image--wrapper > .wp-image.alignleft{
      text-align:left;
      width:auto;
      float:left;
      margin-right:16px;
      margin-top:6px;
  }

  .article--content > p > .wp-image--wrapper > .wp-image.alignright{
      text-align:right;
      width:auto;
      float:right;

      margin-left:16px;
      margin-top:6px;
  }

  .article--content > p.wp-image--paragraph{
      margin-bottom:16px;
  }

  .article--content > p.wp-image--paragraph .wp-image{
      width: auto;
      max-width: 100% !important;
      position: relative;
      margin:0px;
  }

  .article--content > p.wp-image--paragraph .wp-image.alignleft{
      width: auto !important;
      float:left;
      margin-right:15px;
  }

  .article--content > p.wp-image--paragraph .wp-image.alignright{
      width: auto !important;
      float:right;
      margin-left:15px;
  }

  .article--content > p > strong > .wp-image{
      width:100%;
      height:auto;
  }

  .article--content > .wp-caption > .wp-caption-text{
      padding:3px 0px 8px;
  }


  .article--content > .wp-caption{
      max-width: 100% !important;
  }

  .article--content > .wp-caption > .wp-image{
      max-width:100%;
      height:auto;
  }

  .article--content > .wp-image{
      width:100%;
      margin:0px 0px 16px 0px;
      height:auto;
  }

  .article--content > iframe{
      width:100% !important;
      margin:0px 0px;
      margin-bottom:16px;
  }


  .article--content .wp-caption.alignleft{
      float:left;
      margin-right:10px;
  }

  .article--content .wp-image.alignright{
      float:right;
      margin-left:10px;
  }

  .article--content > blockquote > .wp-caption.alignright{
      float:right;
      margin-left:16px;
  }



	/**
	 * 	DESKTOP
	 * 	- Single Focus Section
	 */
    .focus__wrapper{
      margin: 0px auto;
  }

  .focus-item{
      padding:10px 15px 10px;
  }


	/**
	 * 	DESKTOP
	 * 	- Single Sidebar Section
	 */
    .article--sidebar{
      margin:24px 0px !important;
      position:relative;
  }

  .sidebar--widget__wrapper{
      /* padding-right:60px; */
      /*margin-bottom:60px;*/
  }

  .sidebar--widget__wrapper.widget--bottom{
      position:absolute;
      /*bottom:28px;*/
      right:60px;
      left:0;

      overflow:hidden;
  }

  .sidebar--widget__wrapper.widget--bottom.sidebar-floated{
      /*position:fixed;*/
      top:52px;
      width: 300px;
      /* width: 250px; */
		/*
		left: calc((100% - 1140px) / 2);
		left: calc((100% - 970px) / 2);
		*/
		z-index: 1;
		
		left:auto;
		right:auto;
	}
	
	.sidebar--widget__wrapper.widget--bottom .widget--row.floated {
       z-index: 1000000;
   }



   .widget--row{
      margin-bottom:16px;
  }

  .widget--bottom .widget--row:last-child{
      margin-bottom:0px;
  }


  .widget--row h5{
      font-size:0.875rem;
      color:#888;
      margin:0px;
      font-weight:bold;
      margin-bottom:12px;
  }

  .widget--row a{
      text-decoration:none;
      color:#118ACB;
  }

  .widget--row a.tag{
      margin-right:5px;
      border-bottom:1px dotted transparent;
      color:#126794;
  }

  .widget--row a.tag:hover{
      border-color:#10357E;
  }


	/**
	 * 	DESKTOP
	 * 	- Single Sidebar > Article Information
	 */
    .widget--row.article--share,
    .widget--row.article--categories,
    .widget--row.article--date{
      border-bottom:1px dashed #aaa;
      padding-bottom:16px;
      margin-bottom:16px;
  }

  /* .widget--row.article--tags, */

  .widget--row.article--share{
      margin-top:8px;
  }

  .widget--row.article--tags{
      margin-bottom:60px;
  }

  .widget--row.article--publish{

  }

  .author-card:after{
      display:table;
      content:'';
      clear:both;
  }

  .author-card--avatar__wrapper{
      width:62px;
      float:left;
  }

  .author-card--meta__wrapper{
      height:62px;
      padding:12px 10px;
      overflow:hidden;
  }

  .author-card--name{
      margin:0px;
      line-height:1.4;
  }

  .author-card--name .author--url{
      font-size:0.875rem;
  }

  .author-card--email{
      font-size:0.825rem;
      color:#666;
  }

  .author-card{
      padding:10px;
      background: #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,.04);
      border: 1px solid rgba(0,0,0,.09);

      margin-bottom:15px;
  }

  .author-card--intro{
      word-break:break-all;
      font-size:0.825rem;
      line-height:1.4;
      text-align:justify;
  }

  .author-card--extra__wrapper{
      margin-top:8px;
      color:#999;
  }

  .author-card--social__wrapper{
      padding-top:8px;
  }

  .author-card--social-item{
      display:inline-block;
      width:20px;
      height:20px;
      font-size:11px;
      position:relative;

      margin-right:3px;
      border-radius:3px;
      background-color:#ccc;

      -webkit-transition: background-color .35s;
      -moz-transition: background-color .35s;
      -o-transition: background-color .35s;
      -ms-transition: background-color .35s;
      transition: background-color .35s;
  }

  .author-card--social-item i{
      display:block;
      position: absolute;
      top:50%;
      left:50%;
      color:#fff;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
  }

  .author-card--social-item[data-social="home"]{
      background-color:rgba(18, 104, 179, 0.75);
  }

  .author-card--social-item[data-social="twitter"]{
      background-color:rgba(0, 172, 237, 0.75);

  }

  .author-card--social-item[data-social="facebook"]{
      background-color:rgba(59, 89, 152, 0.75);
  }

  .author-card--social-item[data-social="google-plus"]{
      background-color:rgba(211, 72, 54, 0.75);
  }

  .author-card--social-item[data-social="home"]:hover{
      background-color:#1268B3;
  }

  .author-card--social-item[data-social="twitter"]:hover{
      background-color:#00aced;
  }

  .author-card--social-item[data-social="facebook"]:hover{
      background-color:#3b5998;
  }

  .author-card--social-item[data-social="google-plus"]:hover{
      background-color:#d34836;
  }







	/**
	 * 	DESKTOP
	 * 	- Single Sidebar > Popular Post
	 */
    .popular-post__container{
      opacity:1;
      -webkit-transition: all 340ms ease-in-out;
      -moz-transition: all 340ms ease-in-out;
      -ms-transition: all 340ms ease-in-out;
      -o-transition: all 340ms ease-in-out;
      transition: all 340ms ease-in-out;
  }

  .popular-post__container:hover{
      opacity: 0.8;
      -webkit-filter:saturate(0.3);
      filter:saturate(0.3);
  }

  .popluar-post--title{
      margin-top:12px;
  }

  .popluar-post--title a{
      text-decoration:none;
      color:#333;
      font-size:1rem;
      font-weight:bold;
  }

	/**
	 * 	DESKTOP
	 * 	- Single Sidebar > Ad
	 */
    .sidebar--widget__wrapper .ad{
      height:80px;
      background-color:#ccc;
      position:relative;
  }

  .sidebar--widget__wrapper .ad--content{
      font-size:3rem;
      color:#fff;
      position:absolute;
      top:50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width:100%;
      text-align:center;
  }

  .sidebar--widget__wrapper .ad--masking{
      position:absolute;
      top:0;
      right:0;
      line-height:1;
      display:block;
      color:#333;
      opacity:0.8;
      font-size:0.825rem;
      padding:3px;
  }

  .sidebar--widget__wrapper .single-sidebar .single-sidebar-left--widget{
      margin-bottom: 30px;
  }

  .sidebar--widget__wrapper .single-sidebar .single-sidebar-left--widget:last-child{
      margin-bottom:0px;
  }



  .single-sidebar-bottom--widget{
      display:inline-block;
      margin:0px 5px;
      background-color:#eee;
  }

  .ad-cxchange__container > ins{
      display:block !important;
  }

  .article-ad__container{

      box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
      position: relative;
  }

  .article-ad__container .single-sidebar{
      text-align:center;
  }

  .article-ad__wrapper{
      padding-bottom:15px;
  }




	/**
	 * 	DESKTOP
	 * 	- Plus
	 */
    .bloter-plus__container{
      margin-bottom:30px;
  }

  .bloter-plus--pannel__wrapper{
      border: 3px solid #2e4382;
      position: relative;
      border-radius: 3px;	
  }

  .bloter-plus-promote__container{
      float:left;
      width:50%;
  }

  .bloter-plus-counter__container{
      overflow:hidden;
      position:absolute;
      bottom:0;
      right:0;
      width:50%;
  }

  .bloter-plus-promote__wrapper{
      background-color: #10357e;
      min-height:160px;
  }

  .bloter-plus-promote--copy{
      margin: 0px;
      padding: 8px 8px 0px 8px;
      font-size: 2rem;
      color: #fff;
      text-align: left;
      font-weight: bold;
      line-height: 1.2;
  }

  .bloter-plus-promote--action__wrapper{
      position: relative;
      padding: 18px 15px;
      text-align: right;
  }

  .bloter-plus-promote--action{
      display: inline-block;
      padding: 8px 10px;
      background-color: #FF940E;
      color: #fff !important;
      border-radius: 3px;
      font-size: 1.1rem;
      font-weight: bold;
      line-height: 1.1;
      box-shadow: 0px 5px 0px#D07300;
      text-decoration:none;
  }





  .bloter-plus-counter__wrapper{
      background-color:#999;
  }

  .bloter-plus-counter--underlay,
  .bloter-plus-counter--underlay svg{
      height:120px;
  }

  .bloter-plus-counter--underlay svg{
      width:100%;
  }











  .featured-item__container{
      margin:50px 0px;
  }

  .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;
  }










}

@media (max-width: 1024px) and (min-width: 841px){ /* MDL 태블릿 사이즈 */
	
}

@media (max-width: 1140px) and (min-width: 841px){ /* MDL 태블릿 사이즈 */
	.sidebar--widget__wrapper.widget--bottom.sidebar-floated{
		left:32px;
	}
}


/**
 * 	작업일시 : 2017-09-14
 *  작업자 : 창성실
 */

@media (max-width: 479px){

    .single-post .denim--body__container .denim-layout--width{
       margin: 0px;
   }

   .article--content > p {
       margin-right: 15px;
       margin-left: 15px;
   }

   .article--content > h1,
   .article--content > h2,
   .article--content > h3,
   .article--content > h4,
   .article--content > h5,
   .article--content > h6,
   .article--content > blockquote {
       margin-right: 15px;
       margin-left: 15px;
   }

   .article--content > .oembed-responsive-layout {
       margin-right: 0px;
       margin-left: 0px;
   }

   .article--content > div.wp-caption:not(.alignleft):not(.alignright) {
       margin-right: 0px;
       margin-left: 0px;
   }

   #denim__container .article--content > p.wp-image--paragraph {
       margin-left: 15px;
       margin-right: 15px;
   }


   .single-post .article--resizer__wrapper {
       padding: 0 15px;
   }

   #google_translate_element {
       left: 15px;
   }

   .single-post .article--header__wrapper .denim-layout--width,
   .single-post .denim--body__container .denim-layout--width.article--footer__wrapper,
   .single-post .related-post__container .denim-layout--width,
   .single-post .bloter-plus__container .denim-layout--width,
   .single-post .livere-comment__container .denim-layout--width,
   .single-post #single-udemy__container .denim-layout--width {
       margin: 0 15px;
   }


}


@media screen and (max-width: 479px){

#denim__container .article--content > p.wp-image--paragraph {
    margin-left: 15px;
    margin-right: 15px;
}

#denim__container .article--content > p.wp-image--paragraph img {
    margin-right: -15px;
    margin-left: -15px;
    width: calc(100% + 30px);
    max-width: none !important;
}

}





/* Messenge Format */
div.messenger-format {
    max-width: 600px;
    margin: 0 auto;
}

.messenger-field + p {
    margin-top: 8px;
}

.messenger-format:after {
    content: '';
    display: table;
    clear: both;
}

.messenger-format .messenger-format-user {
    display: block;
}

.messenger-format-content {
    font-size: 1rem;
    
    background-color: #f1f0f0;
    padding: 8px 10px;
    border-radius: 10px;
    line-height: 1.4;
    float: left;
    margin-top: 0;
    margin-bottom: 8px;
    
    max-width: 85%;
}

.messenger-format[data-position="right"] .messenger-format-user {
    text-align: right;
}

.messenger-format[data-position="right"] .messenger-format-content {
    background-color: #3982f7;
    color: #fff;
    float: right;
}

@media screen and (max-width: 479px){

.messenger-field {
    margin-left: 15px;
    margin-right: 15px;
}

}