/* 메인배너 */
.mainBanner{position: relative;width: 100%;height: 180px;overflow: hidden;}
.mainBanner:hover .bx-controls{display: block;}
.mainBanner img{width: 785px;height: 180px;}
.mainBanner .bx-controls{display: none;}
.mainBanner .bx-controls a{position: absolute;top: 50%;margin-top: -27px;width: 54px;height: 54px;text-indent: -9999px;}
.mainBanner .bx-controls a.bx-prev{left: 9px;background: url(../img/main/banner_prev.png) no-repeat;}
.mainBanner .bx-controls a.bx-prev:hover{background-image: url(../img/main//banner_prev_on.png);}
.mainBanner .bx-controls a.bx-next{width: 55px;right: 9px;background: url(../img/main/banner_next.png) no-repeat;}
.mainBanner .bx-controls a.bx-next:hover{background-image: url(../img/main/banner_next_on.png);}

/*새로운 메인배너*/
.swiper-container:hover>.swiper-button-prev{background: url(../img/main/banner_prev_on.png);}
.swiper-container:hover>.swiper-button-next{background: url(../img/main/banner_next_on.png);}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.swiper-button-prev,.swiper-button-next {
		top:47%;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.swiper-button-prev,.swiper-button-next {
		top:35%;
	}
}


/* 실시간 인기 */
.liveArea{border: 1px solid #ccc;}
.liveArea .top{position: relative;height: 30px;background: url(../img/main/live_bg.jpg) repeat-x left top;border-bottom: 1px solid #ccc;}
.liveArea .title{float: left;padding: 0 10px;height: 30px;line-height: 30px;font-size: 16px;font-weight: 600;color: #333;letter-spacing: -1px;}
.liveArea .title span{color: #f83838;}
.liveArea .tabList{float: left;margin-left: 5px;}
.liveArea .tabList li{float: left;margin-left: 12px;}
.liveArea .tabList li:first-child{margin-left: 0;}
.liveArea .tabList li button{height: 30px;line-height: 28px;padding: 0 5px 0 3px;font-size: 14px;font-weight: 600;color: #333;}
.liveArea .tabList li button:hover{font-weight: bold;color: #fe4f34;}
.liveArea .tabList li.on{position: relative;}
.liveArea .tabList li.on:before{content: '';position: absolute;bottom: -1px;width: 100%;height: 2px;background-color: #fe4f34;}
.liveArea .tabList li.on button{font-weight: bold;color: #fe4f34;}
.liveArea .top .more{position: absolute;right: 0;top: 0;display: block;width: 30px;height: 30px;background: url(../img/main/gray_arrow.png) no-repeat center;text-indent: -9999px;}
.liveArea .tabCont div{display: none;height: 307px;padding: 12px 10px 0;}
.liveArea .tabCont div ol{height: 307px;}
.liveArea .tabCont div ol li{margin-top: 14px;}
.liveArea .tabCont div ol li:first-child{margin-top: 0;}
.liveArea .tabCont div ol li a{position: relative;display: block;padding: 0 70px 0 27px;line-height: 17px;font-size: 12px;color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family:'dotum', Sans-serif;}
.liveArea .tabCont div ol li a:hover{text-decoration: underline;}
.liveArea .tabCont div ol li a .num{position: absolute;top: 2px;left: 0;display: inline-block;width: 17px;height: 12px;background: url(../img/main/live_num.png) no-repeat;text-indent: -9999px;vertical-align: middle;}
.liveArea .tabCont div ol li a .num.num1{background-position: 0 0;}
.liveArea .tabCont div ol li a .num.num2{background-position: 0 -30px;}
.liveArea .tabCont div ol li a .num.num3{background-position: 0 -60px;}
.liveArea .tabCont div ol li a .num.num4{background-position: 0 -90px;}
.liveArea .tabCont div ol li a .num.num5{background-position: 0 -120px;}
.liveArea .tabCont div ol li a .num.num6{background-position: 0 -150px;}
.liveArea .tabCont div ol li a .num.num7{background-position: 0 -180px;}
.liveArea .tabCont div ol li a .num.num8{background-position: 0 -210px;}
.liveArea .tabCont div ol li a .num.num9{background-position: 0 -240px;}
.liveArea .tabCont div ol li a .num.num10{background-position: 0 -270px;}
.liveArea .tabCont div ol li a .cate{position: absolute;right: 0;}

/* 최신 업데이트 영화 */
/* 최신영화, 방금 끝난 드라마, 방금 끝난 예능/교양, VOD 테마관 슬라이드 */
.btm_list {margin-top: 5px; border: 1px solid #ccc; font-size: 0;}
.btm_list .list_title {position: relative; height: 30px; padding: 0 10px 0 22px; border-bottom: 1px solid #000; box-sizing: border-box;}
.btm_list .list_title ul.tab {height: 100%;}
.btm_list .list_title ul.tab li {display: inline-block; position: relative; margin: 0 13px; color: #666; font-size: 14px; line-height: 27px; cursor: pointer;}
.btm_list .list_title ul.tab li:first-of-type {margin: 0 13px 0 0;}
.btm_list .list_title ul.tab li::after {content: ''; display: block; position: absolute; right: -13.5px; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #ccccca;}
.btm_list .list_title ul.tab li:last-of-type::after {display: none;}
.btm_list .list_title ul.tab li:hover {border-bottom: 3px solid #f04848; color: #f04848;}
.btm_list .list_title ul.tab li.on {border-bottom: 3px solid #f04848; color: #f04848;}
.btm_list .list_title .list_more {display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border: 0; background: url('/img/main/gray_arrow.png') no-repeat center;}
.btm_list .btm_list_wrap {position: relative; height: 160px; margin: 4.5px 0; overflow: hidden;}
.btm_list .btm_list_wrap .btm_slide {position: absolute; left: 0; top: 0; width: 578px; height: 160px; background: #fff;}
.btm_list .btm_list_wrap .btm_slide.show {display: block; z-index: 2;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list {overflow: hidden; padding: 0 0 0 11px;}
/* .btm_list .btm_list_wrap .btm_slide .rcnt_list .slick-list {padding: 0 0 0 15px;} */
.btm_list .btm_list_wrap .btm_slide .rcnt_list .slick-track {width: max-content !important; margin-left: -11px;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list .new_item {display: inline-block; width: 115px; height: 160px; margin-left: 11px; border-radius: 8px; overflow: hidden;}
/* .btm_list .btm_list_wrap .btm_slide .rcnt_list .new_item:first-of-type {margin-left: 4px;} */
.btm_list .btm_list_wrap .btm_slide .rcnt_list .new_item a {display: block; width: 100%; height: 100%;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list .new_item a img {width: 100%; height: 100%;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list .new_item:hover a img {opacity: 0.5;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list .slick-prev {left: 0; width: 40px; height: 40px; background: rgba(0,0,0,0.6) url('/img/vod/arrow_left.png') no-repeat center / 11px 18px; z-index: 9;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list .slick-next {right: 0; width: 40px; height: 40px; background: rgba(0,0,0,0.6) url('/img/vod/arrow_right.png') no-repeat center / 11px 18px; z-index: 9;}
.btm_list .btm_list_wrap .btm_slide .rcnt_list button::before {display: none;}

/* 할인컨텐츠 */
.saleCont{margin-top: 5px;border: 1px solid #ccc;}
.saleCont a{display: block;}
.saleCont a:hover{opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.saleCont a img{width: 198px;height: 102px;}

/* 이주의 테마 */
.main_theme{margin-top: 5px;border: 1px solid #ccc;}
.main_theme a{display: block;}
.main_theme a:hover{opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.main_theme a img{width: 198px;height: 122px;}

/* 메인 우측 상단 VOD 슬라이드 */
.popularVOD{position: relative; height: 308px; border: 1px solid #ccc;overflow: hidden; box-sizing: border-box;}
.popularVOD .title{display: block;height: 30px;line-height: 28px;font-size: 15px;font-weight: 600;color: #333;text-indent: 8px;}
.popularVOD .title span{color: #f85858;}
.popularVOD .vod_slider {height: 280px; margin-bottom: 0 !important; border-bottom: 1px solid #ccc;}
.popularVOD .vod_slider .slider {display: inline-block; height: 280px;}
.popularVOD .vod_slider .slider a{display: block; width: 100%; height: 100%;}
.popularVOD .vod_slider .slider a img{width: 100%; height: 100%;}
.popularVOD .vod_slider .slider a img:hover{opacity:0.5;}
.popularVOD .slick-dots {position: unset !important; height:  25px; border-top: 1px solid #ccc;}
.popularVOD .slick-dots li {width: 8px; height: 8px; margin: 0 5px 0 0; border-radius: 50%; background: #cecece; vertical-align: middle;}
.popularVOD .slick-dots li.slick-active {background: #ff7379;}
.popularVOD .slick-dots li button {width: 100%; height: 100%; padding: 0;}
.popularVOD .slick-dots li button::before {display: none;}

/* 쿠폰등록 */
.mainCoupon{margin-top: 5px;}
.mainCoupon a{display: block;width: 200px;height: 40px;background: url(../img/main/coupon.jpg) no-repeat;text-indent: -9999px;}

/* 메인 우측 하단 구독중인 회원 */
.mainSubs {margin-top: 5px;}
.mainSubs .subs_grp {background: #f04848; height: 280px; padding: 0 7px 7px;}
.mainSubs .subs_grp .subs_pop_open {display: block; position: relative; width: 100%; height: 42px; color: #fff; font-size: 15px; text-align: left;}
.mainSubs .subs_grp .subs_pop_open::after {content: ''; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 17px; background: url('/img/subs/ic_pop_view.png') no-repeat center / contain;}
.mainSubs .subs_grp > div {border-radius: 8px; background: #fff; overflow: hidden;}
.mainSubs .subs_grp > div table thead tr th {height: 36px; border-bottom: 1px solid #f04848; color: #666; font-size: 15px; font-weight: 400; letter-spacing: -0.2px; box-sizing: border-box;}
.mainSubs .subs_grp > div table tbody tr {border-top: 1px solid #ddd;}
.mainSubs .subs_grp > div table tbody tr:nth-of-type(odd) {background: #fff7f7;}
.mainSubs .subs_grp > div table tbody tr:first-of-type {border-top: 0;}
.mainSubs .subs_grp > div table tbody tr td {height: 39px; padding: 0 8px;}
.mainSubs .subs_grp > div table tbody tr td span {display: block; width: 100%; color: #333; font-size: 12px; font-weight: 400; font-family: 'NotoSansKR'; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/* 판매자 게시물 추가 되었을 때 new 클래스 */
.mainSubs .subs_grp > div table tbody tr td span.new {font-weight: bold;}
.mainSubs .subs_grp > div table tbody tr td span.new::before {content: ''; display: inline-block; width: 11px; height: 11px; margin-right: 3px; background: url('/img/subs/ic_subs_new.png') no-repeat center / contain;}
.mainSubs .subs_grp > div table tbody tr td:first-of-type,
.mainSubs .subs_grp > div table thead tr th:first-of-type {border-right: 1px solid #ddd;}
.mainSubs .subs_grp > div table tbody tr td:first-of-type span {cursor: pointer;}
/* 구독중인 판매회원 pagination */
.mainSubs .paging {height: 40px; background: #fff; border: 1px solid #ccc; border-top: 0; text-align: center;}
.mainSubs .paging>button {display: inline-block; width: 18px; height: 18px; border: 1px solid #ddd; vertical-align: middle;}
.mainSubs .paging>button:hover {border: 1px solid #f04848;}
.mainSubs .paging .prev_fst {margin-right: 3px; background: url('/img/subs/ic_main_fst_prev.png') no-repeat center;}
.mainSubs .paging .prev_fst:hover {background-image: url('/img/subs/ic_main_fst_prev_h.png');}
.mainSubs .paging .prev {margin-right: 3px; background: url('/img/subs/ic_main_prev.png') no-repeat center;}
.mainSubs .paging .prev:hover {background-image: url('/img/subs/ic_main_prev_h.png');}
.mainSubs .paging .next {margin-left: 3px; background: url('/img/subs/ic_main_next.png') no-repeat center;}
.mainSubs .paging .next:hover {background-image: url('/img/subs/ic_main_next_h.png');}
.mainSubs .paging .next_last {margin-left: 3px; background: url('/img/subs/ic_main_last_next.png') no-repeat center;}
.mainSubs .paging .next_last:hover {background-image: url('/img/subs/ic_main_last_next_h.png');}
.mainSubs .paging ul {display: inline-block; height: 100%; line-height: 37px;}
.mainSubs .paging ul li {display: inline-block; width: 18px; height: 18px; margin-left: 3px; vertical-align: middle;}
.mainSubs .paging ul li:first-of-type {margin-left: 0;}
.mainSubs .paging ul li button {width: 100%; height: 100%; border: 0; color: #666; font-size: 12px; font-weight: 600; font-family:'Malgun Gothic'; line-height: 16px; letter-spacing: -0.2px; vertical-align: super;}
.mainSubs .paging ul li.on button {color: #f04848;}
.mainSubs .paging ul li:hover button {border: 0; color: #f04848;}
/* 메인 우측 하단 구독중인 회원 (개발 작업 완료 후 이걸로 교체!) */
.mainSubs .subs_grp {background: #f04848; height: 216px; padding: 0 7px;}
.mainSubs .subs_grp .subs_pop_open {display: block; position: relative; width: 100%; height: 33px; color: #fff; font-size: 15px; text-align: left;}
.mainSubs .subs_grp > div table thead tr th {height: 29px; border-bottom: 1px solid #f04848; color: #666; font-size: 12px; font-weight: 400; letter-spacing: -0.2px; box-sizing: border-box;}
.mainSubs .subs_grp > div table tbody tr td {height: 28px; padding: 0 8px; box-sizing: border-box;}
.mainSubs .paging {height: auto; padding: 5px 0; background: #fff; border: 1px solid #ccc; border-top: 0; text-align: center; font-size: 0;}
.mainSubs .paging ul {display: inline-block; height: 100%; line-height: normal;}

/* 오른쪽 배너 */
.rightBanner{margin-top: 5px;border: 1px solid #ccc;}
.rightBanner ul li{border-top: 1px solid #ccc; width: 198px; height: 99px;}
.rightBanner ul li:first-child{border-top: 0;}
.rightBanner ul li a{display: block; position: relative; width: 100%; height: 100%;}
.rightBanner ul li a:hover{opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.rightBanner ul li a img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* pageControl 메인 숨김 */
.pageControl{display: none;}