@charset "utf-8";

@import url('global.css');
@font-face {
  font-family: 'nstp';
  src:
    url('../webfonts/nstp.ttf?pnx8n56') format('truetype'),
    url('../webfonts/nstp.woff?pnx8n56') format('woff'),
    url('../webfonts/nstp.svg?pnx8n56#lyn') format('svg');
  font-weight: normal;
  font-style: normal;
}

.nstp { 
  font-family: 'nstp' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nstp.h:before {
  content: "\e900";
}
.nstp.g:before {
  content: "\e901";
}
.nstp.e:before {
  content: "\e902";
}
.nstp.j:before {
  content: "\e903";
}
.nstp.i:before {
  content: "\e907";
}
.nstp.l:before {
  content: "\e908";
}
.nstp.f:before {
  content: "\e909";
}
.nstp.k:before {
  content: "\e90a";
}
.nstp.m:before {
  content: "\e904";
}
.nstp.n:before {
  content: "\e905";
}
.nstp.o:before {
  content: "\e906";
}
.nstp.a:before {
  content: "\e91f";
}
.nstp.b:before {
  content: "\e920";
}
.nstp.c:before {
  content: "\e921";
}
.nstp.d:before {
  content: "\e922";
}

body{font-family: 'Noto Sans KR', sans-serif; font-weight:normal; color:#000; font-size:15px;     -webkit-font-smoothing: antialiased;}
a {
    color: #167ac6;
    text-decoration: none;
}
a:hover, a:focus{
    text-decoration: none;
}
.list_section a {
	color: inherit;
}
@media(max-width:1199px){
	.container{max-width:100%;}
}

.content-block{/* padding:40px 0; */}
.section{padding:50px 0;}
.section_stand{height: 60px;}
.intro-item{padding:30px; box-shadow:0 2px 10px rgba(216,216,216,0.5); min-height:150px;}
.intro-item-column{padding-right:25px;}
.intro-item-column:last-child{padding-right:0;}
.intro-item p{margin-bottom:5px;}

.section-header{margin-bottom:15px;}
.section-header:last-child{margin-bottom:0;}
.article-image{margin-bottom:10px;}
.article-image:last-child{margin-bottom:0;}
.article p{margin-top:20px; }
.article p:first-child{margin-top:0;}

.lates-news-list li{margin-bottom:25px;}
.lates-news-list li:last-child{margin-bottom:0;}
.lates-news-item-content{padding:20px;}
.lates-news-item-image{ width: 100%; max-width:220px;}
.slider-arrow{width:30px; height:30px; border:1px solid #eaeaea; font-size:25px; color:#242021; cursor:pointer;}
.slider-arrow:hover{background-color:#eaeaea;}
.featured-news-slider-wrap .section-header .slider-arrow:last-child{margin-left:-1px;}
.featured-news-slider{margin-bottom:0 !important;}
.featured-news-slider-wrap .slider-controls{position:absolute; left:0; top:50%; transform:translate(-30px, -50%); width:calc(100% + 60px);}
.slider-control{cursor:pointer;}

.featured-news-slider .slick-dots{position:static !important; margin-top:30px;}
.slick-dots{display:flex; align-items:center; justify-content:center;}
.slick-dots li{margin:0; width:auto; height:auto; margin-right:25px;}
.slick-dots li:last-child{margin-right:0;}
.slick-dots li button{padding:0; width:5px; height:5px; border-radius:5px; background-color: #ABABAB;}
.slick-dots li button-white{padding:0; width:5px; height:5px; border-radius:5px; background-color:#ffff;}
.slick-dots li button:before{display:none;}
.slick-dots li.slick-active button{width:10px; height:10px; background-color:#ff733c;}

.view-all{color:#000; font-weight:300;}
.view-all:hover{color:#000; text-decoration:underline;}

.list_section-slider-row-block{margin:0 -15px;}
.list_section-slider{margin:0 !important;}
.projects-section{background:url(../images/bg-1.png) center center no-repeat; background-size:100% 100%;}
.list_section-slider-wrap .slider-controls{position:absolute; left:0; top:50%; transform:translate(-30px, -50%); width:calc(100% + 60px);}

.video-play-list-wrap{background-color:#F5F5F5;}
.video-list li{margin-bottom:25px;}
.video-list li:last-child{margin-bottom:0;}
.video-list-item-content{padding:0 15px;}
.video-list-item-image{max-width:180px;}
.playback{color:#FF733C;}
.playback:hover{color:#FF733C;}
.playback span{margin-right:10px;}
.playback span:last-child{margin-right:0;}

.article-section{background:url(../images/strip-bg.jpg) left top no-repeat; background-size:100% 25%;}

.journalist{min-height:320px; background:url(../images/bg-2.jpg) center center no-repeat; background-size:cover;}
.journalist-item h3{margin-bottom:10px;}
.journalist-item h3:last-child{margin-bottom:0;}
.journalist-item a{color:inherit; font-weight: 300;}
.journalist-item a:hover{color:inherit; text-decoration:none;}
.journalist-item-image{margin-right:30px;}
.journalist-item-image:last-child{margin-right:0;}
.journalist-item-image img {
	max-width: 120px;
	height: auto;
}
.image-cropper {
    width: 110px;
    height: 110px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 1rem;
}
.profile-pic {
  display: inline;
  margin: 0 auto;

  height: 100%;
  width: auto;
}

.profile_pic {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    vertical-align: middle;	
}
.image-cropper2 {
    width: 60px;
    height: 60px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 1rem;
}
.profile_pic2 {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    vertical-align: middle;	
}
.filter-block{padding:30px 0;}
.filter-header{margin-bottom:30px;}
.filter-icon{margin-right:50px; cursor:pointer;}
.filter-icon:last-child{margin-right:0;}
.filter-icon i{font-size:25px; color:#4d4d4d;}
.filter-tab-links li{margin-right:5px;}
.filter-tab-links li:last-child{margin-right:0;}
.filter-tab-links li a{font-size:15px; color:#4D4D4D; padding:10px 25px; line-height:20px; text-align:center; border-radius:25px;}
.filter-tab-links li a:hover, .filter-tab-links li a.active, .filter-tab-links li a:focus{background-color:#D8D8D8;}
.filter-header-block-active{background-color:#fff; padding: 15px;}
.filter-header-block-active .filter-icon i{color:#FF733C;}
.filter-form{position:absolute; left:0; top:100%; width:100%; padding:0 15px; z-index:99; background-color:#fff; display:none;}
.filter-form-contents{padding:15px 0; border-top:1px solid #D9D9D9;}
.filter-form-block{margin-bottom:15px;}
.filter-form-block:last-child{margin-bottom:0;}
.filter-form-block .form-control{max-width:165px; font-size:14px;}
.filter-form-btn{border:0; background:none; padding:0; margin:0;}
.filter-form-buttons span{margin-right:10px;}
.filter-form-buttons span:last-child{margin-right:0;}
.filter-form-submit-btn{color:#FF733C;}
.views a{margin-right:15px; font-size:25px; display:inline-block; color:#DBDBDB;}
.views a:last-child{margin-right:0;}
.views a:hover,.views a.active{color:#FF834F;}

.article-image .labels{position:absolute; right:10px; bottom:10px;}
.custom-pagination-wrap{margin-top:30px;}
.article-links a{margin-left:5px;}
.article-links a:first-child{margin-right:0;}
.archive-contents{border-top:1px solid #D9D9D9;}

.archive-contents{padding:50px 0;}
.archive-contents h3, .archive-contents h2 {
	font-weight: bold;
    font-size: 17px;
    line-height: 1.6;	
}
.archive-contents h2 {
    font-size: 20px;
}
.archive-content-block:last-child{margin-bottom:0;}

.archive-contents table.table-condensed tbody td {
    text-align: justify;
    background-color: #F3F3F3;
    border-radius: 20px;
    padding: 30px;	
}
.archive-contents blockquote {
    margin: 10px 0;
    /* border-left: 2px solid #d8d8d8; */
    padding: 0 12px;
    overflow: hidden;	
    text-align: left;
}
.archive-contents .blockquote {
    margin: 10px 0;
    padding: 0 12px;
    overflow: hidden;	
    text-align: left;    
}
.archive-contents blockquote p, .archive-contents .blockquote p {
    color: #131313;
}
.archive-contents blockquote, .archive-contents .blockquote { margin-top: 16px; margin-bottom: 16px; box-sizing: border-box; width: 100%; padding: 20px; position: relative }
.archive-contents blockquote:before, .archive-contents .blockquote:before{position:absolute; top: 0; left: 4px; content: "\201C"; color: #e67f47; font-size: 30px;}

.archive-contents blockquote .cite, .archive-contents .blockquote { font-size: 1em; margin-top: 3px}
.archive-contents blockquote .cite:before, .archive-contents .blockquote .cite:before{content: "-"}

.box{border-radius:20px; padding:30px; border:1px solid #DBDBDB;}
.archives-section .btn.btn-sm{min-width:190px; margin-top: 5px;margin-left: 5px; font-weight: 500;}
.archive-contents p, .archive-content-block, .archive-contents .box{margin-bottom:15px;}
.archive-contents p:last-child, .archive-content-block:last-child, .archive-contents .box:last-child{margin-bottom:0;}

.crew .crew-column{margin-right:40px;}
.crew .crew-column:last-child{margin-right:0;}
.crew h6, .tag h6{min-width:70px;}
.crew .crew-column.left_side li {
	font-weight: bold;
}
.crew .crew-column.right_side li {

}
.more-btn{min-width:auto !important;}
.box-buttons a{margin-right:30px;}
.box-buttons a:last-child{margin-right:0;}

.social-media a{margin-right:15px;}
.social-media a:last-child{margin-right:0;}
.social-media a:hover{opacity:0.8;}

.comment-link{color:#000;}
.comment-link:hover{color:#747474; text-decoration: none;}

.footer{background-color:#555; padding:50px 0;}
.footer-block{margin-bottom:25px;}
.footer-block:last-child{margin-bottom:0;}
ul.footer-links li{margin-right:25px;    float: left;}
ul.footer-links li:last-child{margin:0;}
ul.footer-links li a{color:#fff;}
ul.footer-links li a:hover{color:#fff; text-decoration:underline;}

.social-icons{margin:-3px;}
.social-icons span{padding:3px;}
.social-icons a{display:block; width:35px; height:35px; border-radius:100%; border:1px solid #a7a7a7;}
.footer .social-icons{max-width:125px;}

.row-article-list li{padding-bottom:30px; padding-left:100px; position:relative;}
.row-article-list li:last-child{padding-bottom:0;}
.row-article-list-item-content{padding-left:20px;}
.row-article-list-item-content-bg{padding-left:20px;}
.row-article-btn{margin-top:30px;}
.row-article-list li:before{width:1px; height:100%; position:absolute; left:0; top:0; background-color:#D8D8D8; content:"";}
.row-article-list li:after{width:10px; height:10px; background-color:#FF733C; border-radius:100%; content:""; position:absolute; left:1px; top:0; transform:translateX(-50%);}
.row-article-list li:last-child:before{display:none;}
.row-article-list.row-article-list-blocks li:last-child:before{display:block;}

.banner{background:url(../images/banner_bg.jpg) center center no-repeat; background-size:cover;}
.hero-slider{margin:0 !important;}
.hero-slider .slide{min-height:790px;}
.slide-content-block{margin-top:25px;}
.slide-content-block:first-child{margin-top:0;}

.top-strip{background-color:#F6F6F6; padding:15px 50px;}
.top-strip .row{min-height:60px;}
 
.top-strip-buttons a{margin-right:50px;}
.top-strip-buttons a:last-child{margin-right:0;}
.content-slider-wrap{max-width:600px;}

.header{position:absolute; left:0; top:0; width:100%; z-index:999;}
.menu ul li{margin-right:50px; padding:25px 0;}
.menu ul li:last-child{margin-right:0;}
.menu ul li a{font-size:18px; color:#fff; font-weight:500;}
.header-controls{margin:-5px -10px;}
.header-controls-column{padding:5px 10px;}
.search-link img{max-height:25px;}

.header.scroll-to-fixed-fixed{background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.header.scroll-to-fixed-fixed .logo-inverse-img{display:block; max-height: 24px; width: auto;}
.header.scroll-to-fixed-fixed .logo-img{display:none;}
.header.scroll-to-fixed-fixed ul li a.menu-link{color:#000;}
.search-link{color:#fff; font-size:22px;}
.header.scroll-to-fixed-fixed .header-controls-column{opacity:1; visibility:visible;}
.header.scroll-to-fixed-fixed .header-controls-column .search-link, .header.scroll-to-fixed-fixed .header-controls-column .language{color:#000;}


.menu-dropdown{position:absolute; left:0; top:100%; width:100%; padding:25px; background-color:#fff;}
.header > .menu-dropdown.menu-dropdown-active{background-color:#ff0;}
.menu ul li a.menu-link{position:relative;}

.menu-dropdown .menu-dropdown-link-item{color:#000;}
.menu-dropdown .menu-dropdown-link-item:hover{color:#FF733C;}
.menu-dropdown-link-items span{margin-bottom:10px;}
.menu-dropdown-link-items span:last-child{bottom:0;}

.line-height-1{line-height:1 !important;}

.crew-list{margin-top: 2px;}
.crew-link{cursor:pointer; margin-top: 2px; color: #7d7d7d;}

.view-all-btn-wrap{padding-left:100px;}

.links{color:#0068FF; text-decoration:underline;}
.links:hover{color:#0068FF; text-decoration:none;}

.menu-link-text{position:absolute; right:0; bottom:-15px;}
.humburger-icon-inverse{display:none;}
.header.scroll-to-fixed-fixed .humburger-icon-inverse{display:block;}
.header.scroll-to-fixed-fixed .humburger-icon{display:none;}

.text-orange {
	color: #FF733C !important;
}
.text-a {
	color: #167ac6;
}
.text-grey {
	color: #9e9e9e;
} 
.text-white {
	color: #ffffff;
} 
.article_single_top_icon {
    font-size: 1.3rem;
}
.article_single_top_icon i {
	background: #9e9e9e;
    padding: .5em;
    text-align: center;
    display: inline;
    border-radius: 50%;	
}
.article_single_top_icon:hover, .article_single_top_icon:focus {
	color: #848484;
}
.article_single_top_icon a {
	
}

/*
 * Post sharing
 *--------------------*/

.post-sharing>ul {
  display: inline-block;
  margin: -4px -2px;
  padding: 0;
  line-height: 0;
  list-style: none;
  vertical-align: middle;
}

.post-sharing>ul>li {
  display: inline-block;
  margin: 4px 2px;
  line-height: 0;
}

.post-sharing--simple .sharing-btn {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .post-sharing--simple .sharing-btn {
    height: 34px;
    width: 34px;
  }
}

.post-sharing--simple .sharing-btn i {
  font-size: 12px;
  font-size: 0.8571rem;
}

.content-slider-wrap{
	position:absolute; 
	left:50%; top:50%; 
	transform:translate(-50%, -50%);
}


@media (min-width: 768px) {
  .post-sharing--simple .sharing-btn i {
    font-size: 14px;
    font-size: 1rem;
  }
}

.post-sharing--simple .sharing-btn>* {
  line-height: 30px;
}

@media (min-width: 768px) {
  .post-sharing--simple .sharing-btn>* {
    line-height: 34px;
  }
}

@media (min-width: 768px) {
  .post-sharing--simple .sharing-btn-primary {
    width: auto;
    padding: 0 15px;
  }
}

.post-sharing--simple .sharing-btn-primary .sharing-btn__text {
  display: none;
}

@media (min-width: 768px) {
  .post-sharing--simple .sharing-btn-primary .sharing-btn__text {
    display: inline-block;
    margin-left: 0.4em;
  }
}

.entry-action-btn {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  height: 30px;
  min-width: 60px;
  padding: 0 10px;
  border-radius: 2px;
  background: #FC3C2D;
  color: #fff !important;
  font-size: 12px;
  text-align: center;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.entry-action-btn:hover,
.entry-action-btn:active,
.entry-action-btn:focus {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  .entry-action-btn {
    height: 34px;
    min-width: 80px;
    padding: 0 14px;
    font-size: 14px;
  }
}

.entry-action-btn:not(:first-child) {
  margin-left: 5px;
}

.entry-action-btn i {
  margin-right: 0.4em;
  font-size: 1.2em;
}

.entry-action-btn span {
  vertical-align: middle;
}

.entry-action-btn>* {
  line-height: 30px;
}

@media (min-width: 768px) {
  .entry-action-btn>* {
    line-height: 34px;
  }
}



/* ----------------------------------------------------------------
  Social branding color
-----------------------------------------------------------------*/

.facebook-theme,
.facebook-theme-hover:hover {
  color: #3b5998 !important;
}

.facebook-theme-bg,
.facebook-theme-bg-hover:hover {
  background-color: #3b5998 !important;
}

.twitter-theme,
.twitter-theme-hover:hover {
  color: #55acee !important;
}

.twitter-theme-bg,
.twitter-theme-bg-hover:hover {
  background-color: #55acee !important;
}

.dribbble-theme,
.dribbble-theme-hover:hover {
  color: #EA4C89 !important;
}

.dribbble-theme-bg,
.dribbble-theme-bg-hover:hover {
  background-color: #EA4C89 !important;
}


.youtube-theme,
.youtube-theme-hover:hover {
  color: #cd201f !important;
}

.youtube-theme-bg,
.youtube-theme-bg-hover:hover {
  background-color: #cd201f !important;
}

.pinterest-theme,
.pinterest-theme-hover:hover {
  color: #bd081c !important;
}

.pinterest-theme-bg,
.pinterest-theme-bg-hover:hover {
  background-color: #bd081c !important;
}

.googleplus-theme,
.googleplus-theme-hover:hover {
  color: #dc4e41 !important;
}

.googleplus-theme-bg,
.googleplus-theme-bg-hover:hover {
  background-color: #dc4e41 !important;
}

.tumblr-theme,
.tumblr-theme-hover:hover {
  color: #35465c !important;
}

.tumblr-theme-bg,
.tumblr-theme-bg-hover:hover {
  background-color: #35465c !important;
}

.instagram-theme,
.instagram-theme-hover:hover {
  color: #3f729b !important;
}

.instagram-theme-bg,
.instagram-theme-bg-hover:hover {
  background-color: #3f729b !important;
}

.vk-theme,
.vk-theme-hover:hover {
  color: #45668e !important;
}

.vk-theme-bg,
.vk-theme-bg-hover:hover {
  background-color: #45668e !important;
}

.stumbleupon-theme-bg,
.stumbleupon-theme-bg-hover:hover {
  background-color: #EB4823 !important;
}

.linkedin-theme-bg,
.linkedin-theme-bg-hover:hover {
  background-color: #0073B0 !important;
}

@media(min-width:1400px){
	.content-slider-wrap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
}
@media(max-width:1300px){
	.slide-contents{padding-right:100px;}
	.hero-slider .slick-dots{right:30px;}
}
@media(max-width:1199px){
	.intro-item{padding:20px;}
	.lates-news-item-image{max-width:180px;}
	.article-links a img{max-width:40px;} 
	.archives-section .btn.btn-sm{min-width:170px;}
	.social-media a{margin-right:10px;}
	.social-media a img{max-width:40px;}
	.hero-slider .slide{min-height:700px;}
	.top-strip .row{min-height:auto;}
	.content-slider-wrap{max-width:100%;}
 
	.top-strip-buttons a{margin-right:20px;}
	.close-btn img{max-width:35px;}
	.top-strip{padding:10px 30px;}
	.main-logo img{max-width:250px;}
	.menu ul li{margin-right:30px;}
	.menu ul li a{font-size:18px;}
	.search-link img{max-height:20px;}
	.header-controls{margin:-5px -7px;}
	.header-controls-column{padding:5px 4.5px;}
	.row-article-list li{padding-left:80px;}
	.view-all-btn-wrap{padding-left:80px;}
}
@media(max-width:991px){

	.lates-news-list li{margin-bottom:15px;}
	.lates-news-item-content{padding:10px;}
	.lates-news-item-image{max-width:160px;}
	.recommendation-slider{justify-content:start !important;}
	.archives-section .btn.btn-sm{min-width:150px;}
	.box-buttons a{margin-right:20px;}
	.footer .social-icons{max-width:100%;}
	.hero-slider .slide{min-height:650px;}
	.slide-content-block{margin-top:15px;}
	.close-btn img{max-width:30px;}
	.content-slider h5{font-size:16px;}
	.main-logo img{max-width:200px;}
	.menu ul li{margin-right:25px;}
	.menu ul li a{font-size:15px;}
	.header{padding:5px 0;}
	.search-link img{max-width:15px;}
	.header-controls .btn.btn-sm{font-size:13px; padding:6px 15px; line-height:20px;}
	.header-controls .btn.btn-sm-orange{font-size:12px; padding:6px 15px; line-height:20px;}
	.row-article-list li{padding-left:50px;}
	.view-all-btn-wrap{padding-left:50px;}
}
@media(min-width:768px){
	.featured-news-slider-wrap .slider-controls{display:none !important;}
	.list_section-slider-wrap .slider-controls, .list_section-slider-wrap .slick-dots{display:none !important;}
	.views{display:none !important;}
	.hero-slider .slick-dots{-ms-flex-direction:column !important; flex-direction:column !important; right:50px; top:50%; transform:translateY(-50%); height:auto; bottom:auto; left:auto;  width:auto;}
	.hero-slider .slick-dots li{margin:0; display:block; text-align:center; margin-bottom:25px;}
	.hero-slider .slick-dots li:last-child{margin-bottom:0;}
	.menu-controls, .humburger-menu{display:none !important;}
	.logo-inverse-img{display:none;}
	.header.header-menu-active{background-color:#fff;}
	.header.header-menu-active .logo-inverse-img{display:block; max-height: 24px; width: auto;}
	.header.header-menu-active .logo-img{display:none;}
	.header.header-menu-active ul li a.menu-link{color:#000;}
	.header.header-menu-active .header-controls-column{opacity:0; visibility:hidden;}
	.header.scroll-to-fixed-fixed.header-menu-active .header-controls-column{opacity:1; visibility:visible;}
	.menu-dropdown{box-shadow:0 5px 5px rgba(0,0,0,0.2);}
	.menu ul li:hover .menu-dropdown{display:block !important;}
	.menu-dropdown{display:none!important;}
	.menu-dropdown.menu-dropdown-active{display:block !important;}
	.menu ul li:hover a.menu-link:after, .menu ul li a.menu-link.active-menu-link:after{position:absolute; left:0; bottom:-5px; width:100%; height:2px; background-color:#FF733C; content:"";}
	.menu-link-text{display:none !important;}
}
@media(max-width:767px){
	.container{padding:0 40px;}
	.header.scroll-to-fixed-fixed .logo-img, .header.scroll-to-fixed-fixed .logo-inverse-img {
		display: none;
	}
	.header.scroll-to-fixed-fixed .logo-inverse-img.mobile_logo_header {
		display: block !important;
	}

.menu_image {
	max-width: 250px;
	height: auto;
}	
.slick-slide .max250 {
    max-width: 250px;
    height: auto;	
}
.max250_text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 250px;
    white-space: nowrap;	
}
.no_pdt_mobile {
	padding-top: 0 !important;	
}
.list_section a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;	
}
	.slider-container{padding-right:0 !important; padding-left:0 !important; overflow:hidden;}
	.slider-container .slick-list .slick-track{margin-left:40px;}
	.section{padding:40px 0;}
	.slider-container-wrap{padding-left:100px;}
	.intro-item{min-height:130px;}
	.intro-item-column{padding-right:15px;}
	.intro-item-image img{max-width:50px;}
	.featured-news-slide .article-image img{width:100%;}
	.news .row.rows{margin:-30px -5px;}
	.news .row.rows .columns{padding:30px 5px;}
	.featured-news-slider-wrap .section-header .slider-arrow:last-child{margin-left:0;}
	.featured-news-slider-wrap .section-header .slider-arrows{display:none !important;}
	.featured-news-slider .slick-dots{margin-top:15px;}
	.slick-dots li{margin-right:15px;}
	.list_section .article{ display:flex;}
	.list_section .article .article-image{max-width:160px; width: 100%; margin:0;}
	.list_section .article h6{padding:10px; background-color:#F3F3F3; flex-grow:1;}
	.list_section-slider .slick-dots{margin-top:30px; position:static !important;}
	.list_section .article p.date{display:none;}
	.article-section-row.row.rows, .video-play-list-section-row.row.rows{margin:-25px -5px;}
	.article-section-row.row.rows .article-section-column, .video-play-list-section-row.row.rows .video-play-list-section-column{padding:25px 5px;}
	.journalist-item-column{text-align:center;}
	.journalist-item-wrap{display:flex; justify-content:center;}
	.journalist-item-image{margin-right:20px;}
	.filter-icon{margin-right:20px;}
	.filter-tab-links li a{font-size:13px; padding:8px 18px; line-height:18px;}
	.filter-form-block .form-control{font-size:12px; max-width:130px; height:34px;}
	.filter-tab-item.list-view .article{display:flex;}
	.filter-tab-item.list-view .article .article-image{max-width:180px; background-color:#F3F3F3; margin:0;}
	.filter-tab-item.list-view .article .article-content{padding:10px; background-color: #ffff;}
	.tags-list .btn{margin:3px;}
	.box-buttons a{margin-right:15px;}
	.footer{padding:30px 0;}
	ul.footer-links li{ margin-bottom:10px;}
	ul.footer-links li a{font-size:13px;}
	.footer-block p{font-size:13px;}
	.row-article-list-item-content-block{display:none;}
	.row-article-list-item-content-bg{padding:10px; background-color: #dbdbdb;}
	.row-article-list-item-content-bg h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 245px;
    white-space: nowrap;		
	}
	.row-article-list-item-content{padding:10px;}	
	/*.row-article-list-item{background-color:#D8D8D8;}*/
	.row-article-list li{padding-bottom:10px;}
	.row-article-btn{margin-top:10px;}
	.hero-slider .slick-dots{right:auto; top:auto; bottom:50px;}
	.slide-contents{padding-bottom:160px;}
	.hero-slider .slide{-ms-flex-align: end !important; align-items: flex-end !important; min-height:100vh;}
	.close-btn img{max-width:25px;}
	.top-strip-buttons .btn{display:none !important;}
	.content-slider-wrap{max-width:400px;}
	.content-slider h5{font-size:15px;}
	.search-link-wrap, .language-wrap{display:none;}
	.row-article-list li{padding-left:30px;}
	
	.header{padding:15px;}
	
	.menu-controls{margin-bottom:30px;}
	
	.menu-wrap{-ms-flex-direction:column!important;flex-direction:column!important; height:100%;}
	.menu{position:fixed; left:0; top:0; width:100vw; min-height:100vh; background:rgba(255,255,255,0.95); z-index:999999999; padding:30px; display:none;}
	.menu ul{-ms-flex-direction:column!important;flex-direction:column!important; -ms-flex-positive:1!important; flex-grow:1!important; -ms-flex-align:start!important;align-items:flex-start!important;}
	.menu ul li{margin:0; -ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%; width:100%;}
	.menu ul li a.menu-link{position:relative; display:block;font-size: 18px;}
	.menu ul li a.menu-link:before{position:absolute; right:-30px; top:50%; height:1px; width:75%; background-color:#BCBCBC; content:"";}
	.menu ul li a{color:#000; text-align:left;}
	.menu-close-link{cursor:pointer;}
	.menu-search-link {
		padding: 10px;
	}
	.menu-close-link img, .menu-search-link img{max-width:25px;}
	.humburger-menu{margin-right:20px; cursor:pointer;}
	.humburger-menu img{max-width:25px;}
	body.menu-active{overflow:hidden !important;}
	
	.menu-dropdown{position:static; padding:0; background:none; margin-top:20px; display:none;}
	.menu-dropdown .container{padding:0;}
	
	.menu ul li:hover a.menu-link:after, .menu ul li a.menu-link.active-menu-link:after{display:none;}
	
	.row-article-list.row-article-list-blocks li{padding-bottom:25px;}
	.row-article-list.row-article-list-blocks li:last-child{padding-bottom:0;}
	.row-article-list.row-article-list-blocks .row-article-list-item-content-block{display:block !important;}
	.row-article-list.row-article-list-blocks .row-article-list-item-content{padding:0;}
	.row-article-list.row-article-list-blocks .lates-news-item-image{max-width:100%; margin-top:15px;}
	.row-article-list.row-article-list-blocks .lates-news-item-image img{width:100%;}
	
	.view-all-btn-wrap{padding-left:30px;}
	.logo-inverse-img{display:none;}
	
	.content-slider-wrap{position:relative; left:calc(50% + 25px); transform:translateX(-50%);}
	.sponsoring-btn-column{padding:0 !important;}
	.video-play-list-section-column-wide{position:relative;}
	.video-play-list-section-column-wide:before{position:absolute; left:-40px; top:0; width:40px; height:100%; background:#F5F5F5; content:"";}
	.video-play-list-section-column-wide:after{position:absolute; right:-40px; top:0; width:40px; height:100%; background:#F5F5F5; content:"";}
	.video-play-list-section{overflow:hidden;}
	.filter-tab-item .article-image{margin-bottom:10px;}
	.filter-tab-item .article-content p{margin-top:0 !important; line-height:1 !important;}
	.crew-link{font-size:14px; line-height:1.3;}
	.archives-section .btn.btn-sm{min-width:auto !important; padding:6px 25px; line-height:20px; font-size:12px;}
	.projects-section{background:url(../images/bg-1.png) left no-repeat;}
	.journalist{min-height:320px; background:url(../images/bg-2.jpg) left no-repeat; background-size:cover;}
	.filter-icon i{font-size:22px; color:#4d4d4d;}
	.views a{margin-right:7px; font-size:20px; display:inline-block; color:#DBDBDB;}

	
}
@media(max-width:575px){
	.container{padding:0 20px;}
	.slider-container .slick-list .slick-track{margin-left:30px;}

	.section{padding:30px 0;}
	.lates-news-item-image{max-width:136px;}
	.featured-news-slider-wrap .slider-controls{ display: none !important; transform:translate(-25px, -50%); width:calc(100% + 50px);}
	.list_section-slider-wrap .slider-controls{transform:translate(-25px, -50%); width:calc(100% + 50px);}
	.slider-control img{max-width:15px;}
	.list_section .article .article-image{max-width:130px; width: 100%;}
	.article-section{background-size:100% 15%;}
	.row-article-list-item-content h6{font-size:14px;}
	.hero-slider .slick-dots{bottom:30px;}
	.slide-contents{padding-bottom:150px; padding-right: 0px;}
	.content-slider-wrap{max-width:350px;}
	.close-btn img{max-width:20px;}
	.content-slider h5{font-size:14px;}
	.top-strip{padding:10px 15px;}
	.menu-close-link img, .menu-search-link img{max-width:20px;}
	.humburger-menu img{max-width:20px;}
	.row-article-list li{padding-left:20px;}
	.view-all-btn-wrap{padding-left:20px;}
	.lates-news-item .lates-news-item-content h6{font-size:13px !important;}
}
@media(max-width:480px){
	.filter-icon{margin-right:5px;}
	.filter-icon i{font-size:18px; color:#4d4d4d;}	
	.filter-tab-links li a{font-size:11px; padding:6px 12px; line-height:16px;}
	.filter-form-block .form-control{max-width:100px; height:32px;}	
	.content-slider-wrap{max-width:250px;}
	.main-logo img{max-width:150px;}
	.views a{margin-right:5px; font-size:18px; display:inline-block; color:#DBDBDB;}

}

/* ruizyi start */
#video_side {
	margin: 0;
}
.makePip .fa-times-circle {
	font-size: 25px;
	cursor: pointer;
	cursor: hand;
}
.makePip {
    position: fixed;
    z-index: 9999999999999999;
    width: 350px;
    bottom: 10px;
    right: 10px;	
    
}
.row_centre {
	justify-content: space-around;
}
.page-link {
    border: none;	
    color: #777777;   
    font-weight: bold; 
	background-color: inherit;
}
.page-item.active .page-link {
    z-index: 1;
    color: #000000;
    background-color: transparent;
    border-color: transparent;
} 

.fsize25 {
	font-size: 25px;
}
.footer-sm {
    font-size: 0.9rem;
}

#social-share {
  position: relative;
}
#social-share button,
#social-share .addtoany_list a {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background: #9e9e9e;
  color: #FFF;
}
#social-share button {
  border: 0;
  transform: rotate(0);
  transition: all .2s ease-in;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
  line-height: 40px;
  position: relative;
  z-index: 2;
}
#social-share button.active {
  transform: rotate(45deg);
}
#social-share button:focus {
  outline: none;
}
#social-share .addtoany_list {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  top: 0;
  left: 40px;
  margin: 0;
  z-index: 1;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0s ease;
  transition-delay: 1s;
}
#social-share .addtoany_list a { 
  opacity: 0;
  overflow: hidden;
  display: inline-block;
  transform: translateX(-35px);
  transition: transform 300ms cubic-bezier(0.5, 0.1, 0, 1.2), opacity 300ms cubic-bezier(0.5, 0.1, 0, 1.2);
}
#social-share .addtoany_list a:nth-child(1) {
  transition-delay: 300ms;
}
#social-share .addtoany_list a:nth-child(2) {
  transition-delay: 250ms;
}
#social-share .addtoany_list a:nth-child(3) {
  transition-delay: 200ms;
}
#social-share .addtoany_list a:nth-child(4) {
  transition-delay: 150ms;
}
#social-share .addtoany_list a:nth-child(5) {
  transition-delay: 100ms;
}
#social-share .addtoany_list a:nth-child(6) {
  transition-delay: 50ms;
}
#social-share.open .addtoany_list {
  max-width: 999px;
  overflow: visible;
  transition: max-width 0s ease;
  transition-delay: 0;
}
#social-share.open .addtoany_list a {
  transform: translateX(0);
  opacity: 1;
  text-align: center;
}
#social-share.open .addtoany_list a i {
	font-size: 1rem;
	line-height: 2.5rem;
}
span.highlight-container, span.highlight {
    position: relative;
}
span.highlight-container {
    display: inline-block;
}
span.highlight-container:before {
    background: rgba(255,240,106,0.9);
    transform: rotate(2deg);
    top: -1px;
    left: -1px;
}
span.highlight-container:before, span.highlight-container:after {
    content: " ";
    display: block;
    height: 90%;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    position: absolute;
}
span.highlight-container:after {
    background: rgba(255,240,106,0.6);
    top: 3px;
    right: -2px;
} 
.btn.normal-btn {
    padding: inherit;
    line-height: inherit;
    font-size: inherit;
	border-radius: inherit;    
    padding: 0 20px;	    	
}
.pointer {
	cursor: pointer;
	cursor: hand;
}

.header_search {
    color: #fff;
    background-color: #FF733C;
    border-color: #FF733C;
} 
.header_search:hover, .header_search:focus {
    background-color: #0758ad;
}


#journal_article_wrap table td {
	padding: 1rem;
}
#journal_article_wrap p, .archive-content-block, .archive-contents .box{
	margin:17px 0;
}
#journal_article_wrap a {
	color: #0068FF; 
	font-weight: 500;
}
.archive-contents .image {
	text-align: center;
}
.archive-contents .image .caption {
    font-size: .8rem;
    color: #4e4e4e;
    margin-top: .4rem;
}
.archive-contents h3, .archive-contents h2 {
	margin-top: 1.5rem;	
}

.sort_checkbox {
	width: 130px;
	height: 26px;
	background: #333;
	margin: 20px auto;
	position: relative;
	border-radius: 50px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.sort_checkbox:after {
	content: '최신순';
	color: #FF733C;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.sort_checkbox:before {
	content: '오래된 순';
	color: #FF733C;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
}
.sort_checkbox label {
	display: block;
	width: 60px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	background: #fcfff4;
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	transition: all 0.4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.sort_checkbox input[type=checkbox] {
	visibility: hidden;
}
.sort_checkbox input[type=checkbox]:checked + label {
	left: 67px;
}
#comment_desc_wrap {
	display: none;
}

.daterangepicker .calendar,.daterangepicker .ranges,.daterangepicker.opensleft .calendars,.wizard>.actions>ul>li {
	float: left;
}
.daterangepicker table tbody td,.daterangepicker table tbody th,.daterangepicker th.next,.daterangepicker th.prev {
	cursor: pointer;
}
.daterangepicker {
	position: absolute;
	left: 0;
	margin-top: 5px;
	width: auto;
	padding: 0;
}

.daterangepicker.dropdown-menu {
	max-width: none;
	background-color: transparent;
	border: 0;
	z-index: 1000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.daterangepicker.dropup {
	margin-top: -5px;
}

.daterangepicker.opensright .calendars {
	float: right;
}

.daterangepicker.single .calendar,.daterangepicker.single .ranges {
	float: none;
	margin-left: 0;
	margin-right: 0;
}

.daterangepicker.show-calendar .calendar {
	display: block;
}

.daterangepicker .calendar {
	display: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 5px;
	padding: 10px;
}

.daterangepicker td.available:focus,.daterangepicker td.available:hover,.daterangepicker td.in-range {
	background-color: #f5f5f5;
}

.daterangepicker table {
	width: 100%;
	margin: 0;
}

.daterangepicker td,.daterangepicker th {
	white-space: nowrap;
	text-align: center;
}

.daterangepicker td.week,.daterangepicker th.week {
	font-size: 80%;
	color: #ccc;
}

.daterangepicker th {
	color: #999;
	font-weight: 400;
	font-size: 12px;
	min-width: 36px;
}

.daterangepicker th>i {
	top: 0;
	color: #888;
}

.daterangepicker th.available:focus>i,.daterangepicker th.available:hover>i {
	color: #333;
}

.daterangepicker td.disabled,.daterangepicker td.off {
	color: #ccc;
}

.daterangepicker td.disabled {
	cursor: not-allowed;
}

.daterangepicker td.active,.daterangepicker td.active:focus,.daterangepicker td.active:hover {
	background-color: #26A69A;
	color: #fff;
	border-radius: 2px;
}

.daterangepicker .table-condensed tr>td,.daterangepicker .table-condensed tr>th {
	padding: 10px;
	line-height: 1;
}

.daterangepicker .table-condensed .month {
	font-size: 15px;
	line-height: 1;
	color: #333;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 400;
}

.daterangepicker select {
	display: inline-block;
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%;
}

.daterangepicker select.yearselect {
	width: 40%;
}

.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect {
	width: 60px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

.daterangepicker .daterangepicker_input {
	position: relative;
}

.daterangepicker .daterangepicker_input i {
	position: absolute;
	right: 11px;
	top: auto;
	bottom: 10px;
	color: #999;
}

.daterangepicker .daterangepicker_input input {
	padding-left: 11px;
	padding-right: 34px;
}

.daterangepicker .calendar-time {
	text-align: center;
	margin: 12px 0;
}

.daterangepicker .calendar-time select.disabled {
	color: #ccc;
	cursor: not-allowed;
}

.daterange-custom,.ranges ul li {
	cursor: pointer;
}

.ranges {
	background-color: #fff;
	position: relative;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 200px;
	margin-top: 5px;
}

.ranges .daterangepicker-inputs+.range_inputs,.ranges ul+.daterangepicker-inputs {
	border-top: 1px solid #e5e5e5;
}

.picker,.picker__holder {
	width: 100%;
	position: absolute;
}	

.opensright .ranges {
	margin-left: 0;
}

.opensleft .ranges {
	margin-right: 0;
}

.ranges ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

.ranges ul li {
	color: #333;
	padding: 8px 12px;
	margin-top: 1px;
}

.ranges ul li:first-child {
	margin-top: 0;
}

.ranges ul li:focus,.ranges ul li:hover {
	background-color: #f5f5f5;
}

.ranges ul li.active {
	color: #fff;
	background-color: #26A69A;
}

.ranges .daterangepicker-inputs {
	padding: 17px 12px 12px;
}

.ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
	margin-top: 17px;
}

.ranges .daterangepicker-inputs .daterangepicker_input>span {
	display: block;
	font-size: 12px;
	margin-bottom: 7px;
	color: #999;
}

.ranges .range_inputs {
	padding: 12px;
}

.ranges .range_inputs .btn {
	display: block;
	width: 100%;
}

.ranges .range_inputs .btn+.btn {
	margin-top: 12px;
}

@media (min-width:769px) {
	.ranges {
		margin: 5px;
	};
}

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

.daterange-custom .badge,.daterange-custom .label {
	margin: 4px 0 0 7px;
	vertical-align: top;
}

.daterange-custom .label-icon {
	margin-top: 0;
	margin-right: 5px;
}

.daterange-custom-display {
	display: inline-block;
	position: relative;
	padding-left: 21px;
	line-height: 1;
}

.daterange-custom-display:after {
	content: '\e9c9';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

.daterange-custom.is-opened .daterange-custom-display:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.daterange-custom-display>i {
	display: inline-block;
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.015em;
}

.daterange-custom-display b {
	display: inline-block;
	margin-left: 4px;
	font-weight: 400;
}

.daterange-custom-display b>i {
	font-size: 11px;
	display: block;
	line-height: 12px;
	font-style: normal;
	font-weight: 400;
}

.daterange-custom-display em {
	line-height: 30px;
	vertical-align: top;
	margin: 0 4px;
}

@media (max-width:769px) {
	.opensleft,.opensright {
		left: 0!important;
		right: 0;
	}

	.daterangepicker.opensleft .calendar,.daterangepicker.opensleft .calendars,.daterangepicker.opensleft .ranges,.daterangepicker.opensright .calendar,.daterangepicker.opensright .calendars,.daterangepicker.opensright .ranges,.opensleft .calendars,.opensright .calendars {
		float: none;
	}

	.daterangepicker {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.daterangepicker .calendar {
		margin-left: 0;
		margin-right: 0;
	}

	.daterangepicker .ranges {
		width: 100%;
	};
}

.picker {
	text-align: left;
	top: 100%;
	margin-top: -1px;
	z-index: 990;
	-webkit-user-select: none;
	user-select: none;
}

.picker__input {
	cursor: default;
}

.picker__holder {
	overflow-y: auto;
	display: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top-width: 0;
	border-bottom-width: 0;
	max-width: 280px;
	max-height: 0;
	-webkit-overflow-scrolling: touch;
}

.picker--opened .picker__holder {
	max-height: 480px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	display: block;
}

.picker__box {
	padding: 5px;
}

.picker__header {
	text-align: center;
	position: relative;
	font-size: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.picker__month,.picker__year {
	font-weight: 500;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.picker__year {
	color: #999;
	font-size: 12px;
	font-weight: 400;
}

.picker__select--month,.picker__select--year {
	border-color: #ddd;
	height: 32px;
	font-size: 13px;
	line-height: 1.6666667;
	margin-left: 5px;
	margin-right: 5px;
	outline: 0;
}

.picker__select--month {
	width: 35%;
}

.picker__select--year {
	width: 22.5%;
}

.picker__nav--next,.picker__nav--prev {
	position: absolute;
	padding: 8px;
	top: 50%;
	margin-top: -16px;
	border-radius: 2px;
	line-height: 1;
}

.picker__nav--next:before,.picker__nav--prev:before {
	display: block;
	font-size: 16px;
	width: 16px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before {
	display: inline-block;
	margin-right: 5px;
	position: relative;
}

.picker__nav--next:hover,.picker__nav--prev:hover {
	cursor: pointer;
	background-color: #f5f5f5;
}

.picker__nav--prev {
	left: 0;
}

.picker__nav--prev:before {
	content: '\e9c8';
}

.picker__nav--next {
	right: 0;
}

.picker__nav--next:before {
	content: '\e9cb';
}

.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover {
	cursor: default;
	background: 0 0;
	border-right-color: #f5f5f5;
	border-left-color: #f5f5f5;
}

.picker__table {
	text-align: center;
	border-collapse: collapse;
	font-size: inherit;
	width: 100%;
	margin-bottom: 10px;
}

.picker__table td {
	margin: 0;
	padding: 0;
}

.picker__weekday {
	width: 14.285714286%;
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	color: #999;
	font-weight: 400;
}

.picker__day {
	padding: 7px;
}

.picker__day--today {
	position: relative;
	background-color: #f5f5f5;
}

.picker__day--today:before {
	content: "";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-top: 6px solid #26A69A;
	border-left: 6px solid transparent;
}

.picker__day--outfocus {
	color: #ccc;
}

.picker__day--infocus:hover,.picker__day--outfocus:hover {
	cursor: pointer;
	color: #333;
	background-color: #f5f5f5;
}

.picker__day--highlighted:before {
	border-top-color: #fff;
}

.picker__day--highlighted,.picker__day--selected {
	border-radius: 3px;
}

.picker--focused .picker__day--highlighted,.picker__day--highlighted,.picker__day--highlighted:hover {
	cursor: pointer;
	color: #fff;
	background-color: #26A69A;
}

.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover {
	background-color: #26A69A;
	color: #fff;
}

.picker__day--disabled,.picker__day--disabled:hover {
	background: #fafafa;
	color: #999;
	cursor: default;
}

.picker__day--disabled:before {
	border-top-color: #999;
}

.picker__day--highlighted .picker__day--disabled,.picker__day--highlighted .picker__day--disabled:hover {
	background-color: #bbb;
}

.picker__footer {
	text-align: center;
}

.picker__footer button {
	border: 0;
	background: #fff;
	padding: 7px 12px;
	border-radius: 3px;
	font-weight: 500;
	cursor: pointer;
	display: inline-block;
}

.picker__footer button:focus,.picker__footer button:hover {
	outline: 0;
	background-color: #f5f5f5;
}

.picker__footer button:before {
	height: 0;
}

.picker__button--today:before {
	content: '';
	top: -1px;
	width: 0;
	border-top: 6px solid #2196F3;
	border-left: 6px solid transparent;
}

.picker__button--close:before {
	content: '\D7';
	top: 1px;
	font-size: 16px;
}

.picker__button--clear:before {
	content: '';
	top: -3px;
	width: 8px;
	border-top: 2px solid #F44336;
}

.picker--time {
	min-width: 256px;
	max-width: 320px;
}

.picker--time .picker__box {
	padding: 0;
}

.picker__list {
	list-style: none;
	padding: 5px 0;
	margin: 0;
	background-color: #fff;
	max-height: 250px;
	overflow-y: auto;
}

.picker__list-item {
	position: relative;
	padding: 7px 12px;
}

.picker__list-item:focus,.picker__list-item:hover {
	cursor: pointer;
	background-color: #f5f5f5;
	z-index: 10;
}

.picker--time .picker__button--clear {
	display: block;
	width: 100%;
	margin: 5px 0 -5px;
	padding: 7px 12px;
	background-color: #fcfcfc;
	outline: 0;
	border: 0;
	border-top: 1px solid #eee;
	text-align: center;
}

.picker--time .picker__button--clear:focus,.picker--time .picker__button--clear:hover {
	background-color: #f5f5f5;
}

.picker__list-item--highlighted {
	z-index: 10;
}

.picker--focused .picker__list-item--highlighted,.picker__list-item--highlighted,.picker__list-item--highlighted:hover {
	cursor: pointer;
	color: #fff;
	background-color: #26A69A;
}

.picker--focused .picker__list-item--selected,.picker__list-item--selected,.picker__list-item--selected:hover {
	background-color: #26A69A;
	color: #fff;
	z-index: 10;
}

.picker--focused .picker__list-item--disabled,.picker__list-item--disabled,.picker__list-item--disabled:hover {
	background-color: #fafafa;
	color: #999;
	cursor: default;
	z-index: auto;
}
.icon-arrow-left32:before { 
	content: "\f104";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-style: initial;
}
.icon-arrow-right32:before { 
	content: "\f105";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-style: initial;
}
.time_badge_set {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}
a.badge {
	text-decoration: none !important;
}	

@media screen and (min-width: 995px) {  
	.no_pc {
		display: none;
	}  
}

@media screen and (min-width: 641px) and (max-width: 994px) {
	.no_pad {
		display: none;
	}  

}

@media screen and (max-width:640px) { 	
	
	.no_mobile {
		display: none;
	}   
}

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

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


	.plyr {
		min-width: 160px !important;
	}
	.makePip {
		left: 0;
		top: 61px;
		width: 160px;
		z-index: 10;	
	    bottom: inherit;		
	}
	.makePip .fa-times-circle {
		display: none !important;
	}

}

.darkmode--activated {
	background-color: #000;
	transition: 0.5s;
}
.badge {
    display: inline-block;
    padding: .3125rem .375rem;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .125rem;
}
.bg-transp {
    background-color: transparent;
    color: #878787 !important;
    border: 1px solid #878787;
}
.slick-slide img {
	min-width: 130px;
}
#journal_video_wrap_empty {
    justify-content: center!important; 
    background-color: #b6b6b6;
    border: 3px dotted #ececec;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}
#journal_video_wrap_empty:before {
	content: "영상이 재생되는 공간입니다.";
	color: #ffffff;
	text-align: center;
}
.plyr_custom_top_left {
	position: absolute;
    z-index: 10;
    width: 80%;
    height: 30px;
    cursor: pointer;
    cursor: hand;	
}
.article {
	
}
.article p.date {
	font-size: 0.9em;
}
.no_pd {
    padding: 0 !important;
}
.container--wide {
    width: 100%;
    max-width: 1440px;
}
.overlay-item--center-xy {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    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%);
}
@media screen and (max-width:994px) {
	
	.plyr--fullscreen-fallback .plyr__video-embed iframe {
		height: 100vh;
	}
}

.article_top_sign {
	position: fixed;
    top: 59px;
    z-index: 9;
    display: none;
    background-color: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    width: 100%;
    padding: 5px;
    text-align: left;
    line-height: 138%;
    font-size: 14px;
    height: 92px;
}

@media screen and (max-width: 640px) {
	.article_top_sign {
	    display: block;
	}
}


#main_playlist-player {
    height: 468.28px;
}
.main_playlist, .video_pre_loading {
    position: relative;
    overflow: auto;
    scrollbar-base-color: #d9d9d9;
    scrollbar-3dlight-color: #d9d9d9;
    scrollbar-darkshadow-color: #d9d9d9;
    scrollbar-face-color: #d9d9d9;
    scrollbar-highlight-color: #d9d9d9;
    scrollbar-shadow-color: #d9d9d9;
    scrollbar-track-color: #f2f2f2;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 468.28px;
    margin-top: 0; 
    background-color: #000;
}
.video_pre_loading {
    height: 594.84px;
}
.video_pre_loading.type2 {
    height: 364.84px;
}
.video_pre_loading i {
	
}
.video_pre_loading p {
	font-size: 14px;
	line-height: 21px;	
}
.main_playlist .post__title {
	font-size: 1rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 21px;
	max-height: 48px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main_playlist li {
	padding: 8px;
	cursor: pointer;
	cursor: hand;
}
.main_playlist li.active {
	color: #1c93d6;
	font-size: 23px;
	text-shadow: rgba(0,0,0,1.00) 0px 0px 1px;	
	background-color: #393939;
}
.main_playlist li .fa-play {
	display: none;
}

.main_playlist li.active .fa-play {
	display: block;
}
.main_playlist li:hover, .main_playlist li:focus { 
	color: #1c93d6;
	font-size: 23px;
	text-shadow: rgba(0,0,0,1.00) 0px 0px 1px;	
	background-color: #393939;
}
.main_playlist .post__title a {
	margin-top: 5px;
}

.main_playlist .post__title a, .main_playlist .post__meta {
	color: #f0f0f0;
}
.main_playlist .post--horizontal-xxs .post__thumb {
    margin: 0 10px 0 0;	
}
.main_playlist li:first-child {
/* 	padding-top: 0px; */
}

.main_colours_init img, .main_colours_init video {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.main_colours_init video {
    min-height: 468.28px;
}
#video_wrap .main_playlist {
	border-right: 1px solid #e4e6ea;
	border-bottom: 1px solid #e4e6ea;
    height: auto;
    max-height: 625.84px;
}
#video_wrap .main_playlist li {
	background-color: #f7f8fa;
	height: 78px;
}
#video_wrap .main_playlist .post__title a, #video_wrap .main_playlist .post__meta {
    color: #555C6B;
    text-shadow: none;
    margin: 0;
    font-size: 12px;
}
#video_wrap .main_playlist .post--horizontal-xxs .post__thumb {
    width: 108px;
    float: left;
    position: relative;
}
#video_wrap .main_playlist li:hover, #video_wrap .main_playlist li:focus { 
	background-color: #EEE;
}
#video_wrap .main_playlist li.active {
	color: #EEE;
	background-color: #EEE;
}
#video_wrap .post__count {
	text-shadow: none;
    width: 20px;
    margin: 0 10px 0 0;
	float: left;
	position: relative;
    font-size: 10px;
    line-height: 60px;
    color: #848C9C;
    text-align: center;	
}
.main_play_meta {
    height: auto;
    padding: 20px 20px 13px 20px;
    border: 1px solid #e4e6ea;
    background: #ffffff;
}
.main_play_meta h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.main_play_meta p {
	color: #848C9C;
	margin: 5px 0 0 0;
	font-size: 15px;
}
.playlist_head {
	height: 59px;
	padding: 13px 20px 0;
	border: 1px solid #e4e6ea;
	background: #F7F8FA;
	position: relative;
	z-index: 999;
	box-shadow: 0 1px 0 0 rgba(215,219,224,.5), 0 1px 3px 0 rgba(0,0,0,.08);
}
.playlist_head h3 {
    font-size: 15px;
    margin: 0;	
}
.playlist_head .autoplay {
	font-size: 12px;
	cursor: pointer;
	cursor: hand;
}
.playlist_head .autoplay a {
	text-decoration: none;
	color: inherit;
}
.playlist_head .autoplay.active {
	color: #1c93d6;
} 
.post__thumb img {
    display: block;
    width: 100%;
    height: auto;	
}
iframe.pdf-viewer-nstp-wrap {
	width: 100%;
	height: 1024px;
}
@media screen and (min-width: 641px) and (max-width: 994px) {

	.main_colours_init video {
	    min-height: auto;
	}
	.main_playlist, #video_wrap .main_playlist { 
	    max-height: 291px;  
	} 
	.main_colours_init img {
		display: none;
	}
	.main_playlist li.active .fa-play {
		position: absolute;
		top: auto;
		right: auto;
		bottom: 1px;
		left: auto;
		-webkit-transform: translate(130px,69px);
		-moz-transform: translate(130px,69px);
		-ms-transform: translate(130px,69px);
		-o-transform: translate(130px,69px);
		transform: translate(130px,69px);
		opacity: .5;	
	} 
	#video_wrap .video_pre_loading {
	    height: 444.38px;
	}	
}
@media screen and (max-width:640px) {

	.main_playlist, #video_wrap .main_playlist { 
	    max-height: 300px; 
	} 
	#video_wrap .video_pre_loading {
	    height: 208.13px;
	}	
}
@media screen and (max-width: 994px) {

	.playlist_head {
	    margin-top: 1em;
	}	
	iframe.pdf-viewer-nstp-wrap {
		width: 100%;
		height: 60vh;
	}
}
.crew-column.crew-list.left_side{
	min-width:72px;
	font-weight: bold;
}
.crew-column.crew-list.right_side{
	padding-left:10px;	
}
.archives-section .tags-list a.btn {
    min-width: inherit;
    font-size: 12px;
    padding: 5px 9px;
    line-height: 138%;
    font-weight: 400;
    margin: 2px 2px 2px 0;
    color: #343434;
}
.archives-section .tags-list a.btn:before {
    content: "\f292";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #aaaaaa;
    margin-right: 7px;
}
.editor-landing__demo .codex-editor__redactor .ce-header {
	
}
.editor-landing__demo .codex-editor__redactor h1.ce-header {
	font-size: 36px;
}
.editor-landing__demo .codex-editor__redactor h2.ce-header {
	font-size: 26px;
}
.editor-landing__demo .codex-editor__redactor h3.ce-header {
	font-size: 20px;
}
.editor-landing__demo .codex-editor__redactor h4.ce-header {
	font-size: 18px;
}
.editor-landing__demo .codex-editor__redactor h5.ce-header {
	font-size: 17px;
}
.editor-landing__demo .codex-editor__redactor h6.ce-header {
	font-size: 17px;
} 

/* 대표이미지 없는 기사의 대체 이미지: 흑백 80%, 실제 썸네일(16:9)과 같은 높이로 잘라 맞춤. URL 은 www 의 PLACEHOLDER_IMAGE 와 동일 */
img[src^="https://d1lawh9lju1xqd.cloudfront.net/2020/02/17085706-B372-D921-E229-5PRP3JY8A9O1CCDHA103.jpg"],
img[src^="https://imagedelivery.net/cNDJV1jbqAMq26VAkbcqlg/8e65e49b-6e27-4820-897b-8ac42c16fd00/original"] { filter: grayscale(80%); aspect-ratio: 16 / 9; object-fit: cover; }
