.main-content{padding-bottom:40px;}
.main-visual{position:relative;height:360px;margin-bottom: 53px;}
.main-visual .bx-controls{margin-top:22px;}
.main-visual .bx-pager{position: absolute;bottom: -32px;left: 50%;}
.main-visual .bx-pager-item{float:left;font-size:0;margin:0 3px;}
.main-visual .bx-pager-item .bx-pager-link{display:inline-block;background:url(../images/main/slide_off.gif) no-repeat;width:10px;height:10px;font-size:0;}
.main-visual .bx-pager-item .bx-pager-link.active{background:url(../images/main/slide_on.gif) no-repeat;}
.main-visual .banner-pic > li{overflow:hidden;}
.main-visual .banner-pic > li > a{position: relative;width:100%;}
.main-visual .banner-pic > li > a img{position:relative;left: 50%;top:0;margin-left: -960px;}
.main-visual .bx-start{display:none;}
.main-visual .bx-controls-direction a{position:absolute;top:50%;margin-top:-18px;font-size:0;width:20px;height:36px;}
.main-visual .bx-controls-direction a.bx-prev{left:3%;background:url(../images/main/visual_lf.png) no-repeat;}
.main-visual .bx-controls-direction a.bx-next{right:3%;background:url(../images/main/visual_rt.png) no-repeat;}
.main-visual .bx-stop{position:absolute;bottom:-33px;left:50%;margin-left:-20px;font-size:0;background:url(../images/main/slide_stop.gif) no-repeat;width:13px;height:13px;}

#quick{position:absolute;top:470px;right:50%;margin-right:-755px;width:95px;}
#quick a{display:block;height:28px;line-height:28px;text-align:center;margin:3px 0;font-weight:900;color:#555555;background:#fff;border:1px solid #e5e5e5;border-radius:15px;}
#quick a:hover,
#quick a.on{background:#1d1d21;border:1px solid #1d1d21;color:#fff;}

#quick2{position:absolute;top:670px;right:50%;margin-right:-755px;text-align:center;}
#quick2 span{display:block;cursor:pointer;width:58px;height:58px;line-height:58px;margin:0 auto 10px;border:1px solid #e5e5e5;border-radius:50%;font-size:36px;color:#cdcdcd;background: #fff;}
#quick2 .top{display:block;cursor:pointer;width:58px;height:58px;line-height:58px;margin:0 auto 10px;border:1px solid #e5e5e5;border-radius:50%;color:#cdcdcd;background: #fff;}
#quick2 span:hover {background: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)}
#quick2 .top:hover {background: #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)}

.qrcode{display:none;position:absolute;left:-154px;top:0;box-shadow: -8px 8px 39px #9a9a9a;border-radius:11px;overflow:hidden;}

.main-floor{width: 1240px;margin: 0 auto;}
.main-box{overflow:hidden;margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5;}
.main-box:first-child{border-top:0;margin-top:0;padding-top:0;}
.main-box .modList{float:left;position: relative;width:952px;}
.modList h3{font-size:24px;font-weight:900;color:#1d1d21;height:75px;line-height:65px;}
.modList-cont{margin-left:-3px;margin-top:-20px;}
.modList-cont dl{float:left;position:relative;width:188px;height:340px;overflow:hidden;margin-left:3px;margin-top:20px;}
.modList-cont dl dt{height:267px;}
.modList-cont dl dt a{position:relative;width:183px;height:267px;overflow:hidden;border-radius: 3px;}
.modList-cont dl dt a::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/main/mod_bg1.png) no-repeat;}
.modList-cont dl dt a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/mod_bg2.png) no-repeat;}
.modList-cont dl dt img{width:183px;height:267px;transform:scale(1);transition:all 0.4s ease-in-out;}
.modList-cont dl:hover img{transform:scale(1.1);}
.modList-cont dl:hover a{box-shadow: 2px 2px 5px #999;}

.modList-cont dl dd p.tit{font-size:17px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:10px 0 8px;}
.modList-cont dl dd .btn{color:#878787;width:64px;height:25px;line-height:25px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out; cursor: pointer;}
.modList-cont dl dd .btn .icon{display: inline-block;font-size:11px;margin-right:5px;transform:rotate(45deg);}
.modList-cont dl dd .date{position:absolute;bottom:80px;left:0;width:100%;text-align:center;color:#fff;}
.modList-cont dl dd .new{position:absolute;top:0px;left:0px;width:30px;height:18px;line-height:16px;text-align:center;font-size:12px;color:#fff;background:#e50914;border-radius:3px;}
.modList-cont dl:hover dd .btn{background:#f0f0f0;}
.modList-cont dl.on dd .btn{background:#397fde;border:1px solid #397fde;color:#fff;}

.main-box .bx-pager.bx-default-pager{position:absolute;top:23px;right:59px;}
.main-box .bx-pager.bx-default-pager .bx-pager-item{float:left;margin:0 18px;}
.main-box .bx-pager.bx-default-pager .bx-pager-item a{position:relative;font-size:0;}
.main-box .bx-pager.bx-default-pager .bx-pager-item a::before{font-size:18px;}
.main-box .bx-pager.bx-default-pager .bx-pager-item a.active::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#3fd5e2;}
.main-box .bx-controls-direction a{position:absolute;top:22px;font-size:0;width:11px;height:20px;}
.main-box .bx-controls-direction a.bx-prev{right:26px;background:url(../images/main/mod_lf.gif) no-repeat;}
.main-box .bx-controls-direction a.bx-next{right:0;background:url(../images/main/mod_rt.gif) no-repeat;}

#drama .modList-cont dl dd .btn .icon{font-size:15px;transform:rotate(0deg);}

#drama .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a::before{content:"전체";}
#drama .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a::before{content:"월화";}
#drama .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a::before{content:"수목";}
#drama .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a::before{content:"금요/주말";}
#drama .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a::before{content:"일일";}

#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a::before{content:"전체";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a::before{content:"월";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a::before{content:"화";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a::before{content:"수";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a::before{content:"목";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(6) a::before{content:"금";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(7) a::before{content:"토";}
#art .bx-pager.bx-default-pager .bx-pager-item:nth-child(8) a::before{content:"일";}

#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a::before{content:"전체";}
#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a::before{content:"액션";}
#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a::before{content:"코미디";}
#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a::before{content:"로맨스/멜로";}
#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a::before{content:"SF";}
#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(6) a::before{content:"판타지";}
#movie .bx-pager.bx-default-pager .bx-pager-item:nth-child(7) a::before{content:"드라마";}

#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a::before{content:"전체";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a::before{content:"월";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a::before{content:"화";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a::before{content:"수";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(5) a::before{content:"목";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(6) a::before{content:"금";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(7) a::before{content:"토";}
#tv .bx-pager.bx-default-pager .bx-pager-item:nth-child(8) a::before{content:"일";}

#animation .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a::before{content:"전체";}
#animation .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a::before{content:"TV시리즈";}
#animation .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a::before{content:"OVA";}
#animation .bx-pager.bx-default-pager .bx-pager-item:nth-child(4) a::before{content:"극장판";}

.main-box .programList{float:right;width:268px;}
.programList div.tit{font-size:18px;font-weight:900;color:#1d1d21;height:60px;line-height:60px;padding:0 12px;background:#f7f8f8;border-radius:6px;}
.programList ul{padding:7px 12px;}
.programList ul > li{height:32px;line-height:32px;overflow:hidden;}
.programList ul > li span.num{font-size:16px;color:#a2a2a2;vertical-align: middle;width: 23px;display: inline-block;text-align: center;}
.programList ul > li a{color:#23212a;width: 216px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.programList ul > li a:hover{color:#397fde;}

.programList ul > li.first,
.programList ul > li.second,
.programList ul > li.third{height:48px;line-height:48px;margin-bottom:10px;}
.programList ul > li.first a,
.programList ul > li.second a,
.programList ul > li.third a{font-size:16px;color:#000;}
.programList ul > li.first a:hover,
.programList ul > li.second a:hover,
.programList ul > li.third a:hover{color:#397fde;}
.programList ul > li.first span.num,
.programList ul > li.second span.num,
.programList ul > li.third span.num{font-size:16px;font-weight:900;color:#e75153;}
.programList ul > li.first .img img,
.programList ul > li.second .img img,
.programList ul > li.third .img img{margin-right:5px;width:48px;height:48px;border-radius: 11px;}
.programList ul > li.first{margin-top:10px;}
.programList .date{text-align:center;height:38px;line-height:38px;font-size:12px;color:#a2a2a2;background:#f7f8f8;border-radius:6px;}