﻿#header{width:100%;height:110px;position: absolute;}
/*vod view 2018*/
#container{background: url(http://img.imbc.com/commons/2018/image/disco/bg-disco-main.jpg) no-repeat top center}
#container a:hover{text-decoration: underline;}
.wrap-player {width: 1218px;padding-top: 118px;margin:0 auto;letter-spacing: -.075em;}
.wrap-player .tit-disco{padding: 14px 0 20px;font-size: 16px;color: #dcdcdc;display: none;}
.wrap-player .vod-info{position:relative;border-bottom: 1px solid #272727}
.wrap-player .vod-title{width:100%;overflow:hidden;padding:30px 0;color: #f2f2f2;font-size: 41px;font-family: 'notokr-bold';}
.wrap-player .vod-title span{line-height: 1.3;letter-spacing: -.075em}
.wrap-player .vod-title .tit{word-break: break-word;}
.wrap-player .program-info{padding:17px 0 22px;min-height: 74px;overflow: hidden;position: relative;} 
.wrap-player .program-info .logo-circle{float: left;display: inline-block;width:74px;height: 74px;background: url(http://img.imbc.com/commons/2018/image/disco/logo_circle_d.png) no-repeat}
.wrap-player .program-info .logo-circle img{width: 74px}
.wrap-player .program-info .pro-info{float: left;margin-top:10px;margin-left:20px;font-family: 'notokr-medium';color: #f2f2f2;line-height: 26px}
.wrap-player .program-info .pro-info .pro-title{display:inline-block;padding-right:11px;margin-right:10px; font-size: 26px;color: #dcdcdc}
.wrap-player .program-info .link{display:inline-block;position:absolute;top:70px;left:94px;font-size: 15px;color: #a378f1;padding-right: 25px;background: url(http://img.imbc.com/commons/2018/image/disco/arr-right-disco.png) no-repeat right center;}

.btn-kpop{position: absolute;right:0;top:47px;}
.wrap-disco{height:488px;background: url(http://img.imbc.com/commons/2018/image/disco/bg-disco-list.jpg) center no-repeat}
.wrap-disco .disco-tit{width: 1218px;padding: 66px 0 32px 0;margin:0 auto;}
.disco-pick{width: 1218px;margin:0 auto;position: relative;}
.disco-pick .slick-slide{height:287px;background: url(http://img.imbc.com/commons/2018/image/disco/bg-thumb.png) no-repeat;position: relative;}
.disco-pick .img{display: inline-block;width: 282px;height: 159px;overflow: hidden;}
.disco-pick .img:before {
    content: '';
    display: block;
    width: 282px;
    height: 159px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(http://img.imbc.com/commons/2018/image/disco/box.png) repeat-x;
    box-sizing: border-box;
    opacity: .5;
}
.disco-pick .img img{width:100%;-moz-transition: all .2s;-webkit-transition: all .2s; transition: all .2s;transform: scale(1);}
/*.disco-pick a:hover .img img{transform:scale(1.05); -webkit-transform: scale(1.05);}*/
.disco-pick .txt{display:block;width:282px;box-sizing:border-box;padding:15px 26px;line-height: 26px;color: #333333;font-family: 'notokr-medium';font-size: 20px;}
.disco-pick .slick-arrow{position:absolute;top:120px;width: 26px;height: 48px;text-indent: -9999px;overflow: hidden;z-index: 10}
.disco-pick .slick-prev{background: url(http://img.imbc.com/commons/2018/image/disco/disco-l-on.png);left: 0;margin-left: -72px;}
.disco-pick .slick-next{background: url(http://img.imbc.com/commons/2018/image/disco/disco-r-on.png);    right: 0;margin-right: -56px;}
.disco-pick .slick-prev.slick-disabled{background: url(http://img.imbc.com/commons/2018/image/disco/disco-l-off.png);left: 0;}
.disco-pick .slick-next.slick-disabled{background: url(http://img.imbc.com/commons/2018/image/disco/disco-r-off.png);    right: 0;}
.disco-pick .playtime{position: absolute;
   right: 23px; top: 137px;padding: 5px 8px; font-size: 12px; letter-spacing: 0;font-family: 'notokr-bold'; box-sizing: border-box; background: url(http://img.imbc.com/commons/2018/image/disco/time-bg.png);color: #fff}

section h2{padding:57px 0 25px;font-size: 26px;font-family: 'notokr-bold';color: #ffffff}
.wrap-list .vod-list{width: 1218px;margin:0 auto;padding-bottom:18px;position: relative;border-bottom: 1px solid #333333}
.wrap-list .vod-list .thumb-list li{float: left;width: 282px;margin: 0 30px 16px 0;position: relative;}
.wrap-list .vod-list .thumb-list li:nth-child(4n){margin-right: 0;}
.wrap-list .vod-list .thumb-list .img{display:inline-block;width: 282px;height: 159px;overflow: hidden;}
.wrap-list .vod-list .thumb-list .img img{width:100%;-moz-transition: all .3s;-webkit-transition: all .3s; transition: all .3s;transform: scale(1);}
/*.wrap-list .vod-list .thumb-list a:hover .img img{transform:scale(1.05); -webkit-transform: scale(1.05);}*/
.wrap-list .btn-more{display: block;width:178px;margin:0 auto;padding-top: 20px;outline: 0}
.wrap-list .vod-list .thumb-list .img:before{content: ''; display: block; width:282px; height: 159px; position: absolute; left: 0; top:0; background:url(http://img.imbc.com/commons/2018/image/disco/box.png) repeat-x; box-sizing: border-box; opacity: .5;}
.wrap-list .vod-list .thumb-list a:hover .img:after { content: ''; display: block; width:282px; height:159px; position: absolute; left: 0; top: 0; background: url(http://img.imbc.com/commons/2018/image/disco/disco-hover.png) no-repeat center center; box-sizing: border-box;}
.wrap-list .vod-list .tit{display:block;color: #dcdcdc;font-family: 'notokr-demilight';font-size: 20px;line-height: 44px;}
.wrap-list .vod-list a:hover .tit{text-decoration: underline;}
.wrap-list .vod-list .count{position:absolute;bottom:13px;left:17px;font-family: 'notokr-bold';color: #dcdcdc;font-size: 12px;}

.wrap-list .heyo-more{display: none;}
.heyo-top{overflow: hidden;}
.thumb-left{margin-right:30px;width: 594px;height: 410px;float: left;position: relative;}
.thumb-left .img{display: block;width: 594px;height: 410px;overflow: hidden;}
.thumb-left .img img{height:100%;-moz-transition: all .3s;-webkit-transition: all .3s; transition: all .3s;transform: scale(1);}
/*.thumb-left a:hover .img img{transform:scale(1.05); -webkit-transform: scale(1.05);}*/
.wrap-list .vod-list .thumb-left .tit{width:528px;position: absolute;left:30px;bottom: 25px;font-family: 'notokr-medium';font-size: 32px;color: #fff}
.wrap-list.wrap-clip .thumb-left .playtime{top:388px;}
.thumb-list.half{float: left;width: 594px;}
.wrap-list .vod-list .thumb-list.half li{float: left;width: 282px;margin: 0 30px 16px 0;position: relative;}
.wrap-list .vod-list .thumb-list.half li:nth-child(2n){margin-right:0}
.wrap-list .vod-list .thumb-left .img:after {
    content: '';
    display: block;
    width: 594px;
    height: 410px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(http://img.imbc.com/commons/2018/image/disco/bg-594.png) repeat-x;
    background-size: 594px 410px;
    box-sizing: border-box;
}
/*회차정보없을때*/
.wrap-list .vod-list .list-none {
    background: #070908;
    padding: 108px 0;
    text-align: center;
    font-size: 20px;
    color: #9c9c9c;
    font-family: 'notokr-medium';
}
.wrap-list.wrap-clip .vod-list .list-none{background:#181818;}
.wrap-list.wrap-clip{background:#000000}
.wrap-list.wrap-clip .thumb-list{overflow: hidden;height: 438px;}
.wrap-list.wrap-clip .playtime {padding: 5px 8px; font-size: 12px; letter-spacing: 0;font-family: 'notokr-bold'; box-sizing: border-box; position: absolute;top: 138px; right: 0; background: url(http://img.imbc.com/commons/2018/image/disco/time-bg.png);color: #fff}
.wrap-list.wrap-clip .btn-more{padding-top: 14px}

.wrap-list .banner{width:1218px;margin:0 auto;}

/*advertisement*/
.wrap-ad{width: 1218px;margin:20px auto 0;}
.sub .ad-area{margin-top:0;}

