/* 채널 - 리스트 */
.channel{margin-top:20px}
.channel-list{width:100%; display:inline-block; transition:none}
.channel-list > div{display:table-cell; vertical-align:middle}
.channel .list-circle h3{overflow:visible; max-height:inherit; text-overflow:clip; display:block}
.paging-warp{margin-top:20px}
.paging-warp .btn{width:20px; height:20px; display:inline-block; font-size:0; opacity:0.5; border:0; background:url('../images/ico_arrow_category@2x.png')no-repeat center; background-size:13px; transition:inherit}

@media(min-width:672px){
  .channel{display:flex; flex-direction:row; flex-wrap:wrap; margin-top:0}
  .channel-list{text-align:center; width:25%; padding:20px 20px}
  .channel-list > div{display:inline-block}
  .channel-list .info{display:block}
  .channel-list h3{margin-left:0; font-size:14px}
  .paging-warp .btn{padding:13px 50px; font-size:14px; color:#686868; background:none; width:145px; height:46px; border:1px solid #D9D9D9; background:none}
  .paging-warp .btn:hover{background-color:#FBFBFB}
}
@media(min-width:884px){
  .channel-list{width:20%}
}
.container-body[min-width~="1098px"] .channel-list{
  width:20%
}
.container-body[min-width~="1312px"] .channel-list{
  width:16.6666666%
}
@media(min-width:1280px){
  .channel{margin-bottom:40px}
}
@media(min-width:1312px){
  .channel-list{width:16.6666666%}
}


/* 채널 - 본문 */
.channel-visual{min-height:268px; padding-top:35px; padding-bottom:35px; position:relative; display:flex; align-items:center; -webkit-align-items:center; -ms-flex-align:center}
/* .decs-ch-visual{max-width:500px; margin-top:10px} */
.channel-visual .share-link{margin-top:12px}
.channel-visual .share-link a{font-weight:normal}
.channel-visual > .container{z-index:1; text-align:center; position:relative}
.channel-bg{position:absolute; width:100%; height:100%; top:0; right:0}
.channel-bg-img{width:100%; height:100%; background-position:center !important; background-size:cover !important}
.channel-bg-color{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:linear-gradient(to bottom, rgba(255,255,255,0.85), rgba(255,255,255,1))}

/* first 썸네일 세로 반응형 설정 */
.channel-first .video-list .thum{width:100%; padding-bottom:56.25%}
.channel-first .video-list .thum-rect{position:absolute}
/*.channel-first .video-list .thum .thum-rect{height:100%}*/

.channel-first{margin-bottom:30px; overflow:visible}
.channel-first::after{display:block; clear:both; content:""}
.channel-first .video-list{margin:0}
.channel-first .video-list > div{display:inline-block}
.channel-first .video-list .info{padding:0; margin-top:15px; display:inline-block; width:calc(100% - 20px); float:left}
.channel-first .video-list .info-left{position:relative; width:100%}
.channel-first .video-list .info-left h3{max-height:inherit; margin-right:20px}
.channel-first .video-list .info .new{vertical-align:5px}
.channel-first .video-list .func{display:inline-block; margin-top:12px; width:20px}
.channel-first .video-list .later-context{top:35px}

@media(min-width:672px){
  .channel-first{margin-top:10px; margin-bottom:40px}
  /* first 썸네일 세로 반응형 설정 해제 */
  .channel-first .video-list{width:100%; height:inherit}
  /* .thum-rect{position:inherit} */
  .channel-first .video-list .thum{padding-bottom:inherit}
  /* first 썸네일 */
  .channel-first .video-list .thum{width:300px; height:168px; float:left}
  .channel-first .video-list .info{max-width:550px; margin-top:0; display:inherit; /* width:initial; */ clear:both}
  .channel-first .video-list .info-left{padding-left:20px; width:calc(100% - 300px)}
  .channel-first .video-list .func{display:inherit; margin-top:0; padding-top:0}

  /*.list-group .thum .thum-rect{width:210px}*/
}
@media(min-width:884px){
  .channel-first{margin-top:30px}
  .channel-visual .thum-circle{display:none}
  .channel-visual > .container{text-align:left}
  .channel-visual .share-link{margin-top:20px}
  .channel-visual .share-link a::after{opacity:0.7}
  .channel-visual .share-link .link::after{background:url(../images/ico_ch_link_w.png)no-repeat; background-size:100%}
  .channel-visual .share-link .share::after{background:url(../images/ico_ch_share_w.png)no-repeat; background-size:100%}
  .channel-bg{width:65%}
  .channel-bg-color{width:25%; min-width:500px}
  
  /* first 썸네일 */
  .channel-first .video-list .thum{width:360px; height:202px}
  .channel-first .video-list .info-left{/* width:calc(100% - 360px); */ width:50%}
  
  /*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .channel-visual .share-link .link::after{background:url(../images/ico_ch_link_w@2x.png)no-repeat; background-size:100%}
  .channel-visual .share-link .share::after{background:url(../images/ico_ch_share_w@2x.png)no-repeat; background-size:100%}
}

}