.sub_top_cate {position: relative;display: block;background: #242b35;z-index: 150}
.sub_top_cate.free {background: #12544d}
.sub_top_cate .inner {position: relative;display: block;width: 1100px;margin: 0 auto}
.sub_top_cate .inner ul {border-left: 1px solid rgba(255,255,255,0.2);height: 60px}
.sub_top_cate .inner li {position: relative;float: left;border-right: 1px solid rgba(255,255,255,0.2)}
.sub_top_cate .inner li a {display: inline-block;font-size: 16px;color: #fff;line-height: 60px;height: 60px;padding: 0 25px}
.sub_top_cate .inner li .txt {display: inline-block;padding-right: 25px;min-width: 120px;background: url("/re_images/tv/pc/contents/sub_top_arw1.png") no-repeat right center}
.sub_top_cate .inner .open .txt {color: #14c9b7;background: url("/re_images/tv/pc/contents/sub_top_arw2.png") no-repeat right center}
.sub_top_cate .top_cateBox {position: absolute;top: 60px;border: 1px solid #ddd;border-top: none;background: #fff;width: 100%;box-sizing: border-box}
.sub_top_cate .top_cateBox ul {border-left: none;height: auto}
.sub_top_cate .top_cateBox li {display: block;line-height: 140%;float: none;border-right: none}
.sub_top_cate .top_cateBox li a {display:block;font-size: 14px;color: #555;line-height: 140%;height: auto;padding: 5px 25px 5px 15px;background: url("/re_images/tv/pc/contents/sub_top_arw3.png") no-repeat 95% center }
.sub_top_cate .top_cateBox li a:hover {color: #0e9a8c;background: url("/re_images/tv/pc/contents/sub_top_arw4.png") no-repeat 95% center}
.sub_top_cate .top_cateBox li a small {font-size: 13px}
.sub_top_cate .top_cateBox li.select a {color: #0e9a8c;background: #eff7f6 url("/re_images/tv/pc/contents/sub_top_arw4.png") no-repeat 95% center}

.sub_pdBest {position: relative;display: block;background: #eff7f6}
.sub_pdBest .inner {display: block;width: 1100px;margin: 0 auto;padding: 30px 0 20px}
.sub_pdBest .inner .title {display: block;font-weight: 600;color: #222;font-size: 20px;line-height: 140%;margin-bottom: 20px}
.sub_pdBest .inner ul {overflow: hidden}
.sub_pdBest .inner li {float: left;margin: 0 10px 10px 0;height: 40px}
.sub_pdBest .inner li a {display: inline-block;padding: 5px 15px 5px 5px;background: #fff;border-radius: 50px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05)}
.sub_pdBest .inner li .img {float: left;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;}
.sub_pdBest .inner li .img img {width: 100%;height: 100%}
.sub_pdBest .inner li .txt {float: left;height: 30px;line-height: 30px;font-size: 14px;margin-left: 5px;overflow: hidden;}
.sub_pdBest .inner li a:hover {box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1)}
.sub_pdBest .allPd {display: block;background: #a6d2ce;padding: 7px 0;text-align: center}
.sub_pdBest .allPd span {display: inline-block;color: #333;padding-right: 15px;background: url("/re_images/tv/pc/contents/sub_top_arw5.png") no-repeat right center}
.sub_pdBest .allPd.open span {background: url("/re_images/tv/pc/contents/sub_top_arw6.png") no-repeat right center}

.sub_listBox {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 30px 0}
.sub_listBox .title {display: block;font-weight: 600;color: #222;font-size: 20px;line-height: 140%;margin-bottom: 20px}
.sub_listBox .title b {color: #18b1a2}
.sub_listBox .packageLst {position: relative;overflow: hidden}
.sub_listBox .packageLst .item {position: relative;display: block;overflow: hidden;float: left;width: 540px;padding: 20px 20px 20px 180px;border: 1px solid #e3e3e3;box-sizing: border-box;margin-bottom: 20px}
.sub_listBox .packageLst .item:nth-child(even) {margin-left: 20px}
.sub_listBox .packageLst .item .img {position: absolute;top: 20px;left: 20px;width: 140px}
.sub_listBox .packageLst .item .img img {width: 100%}
.sub_listBox .packageLst .item .tit {display: block;font-size: 16px;color: #222;line-height: 140%;margin-bottom: 10px;height: 44px}
.sub_listBox .packageLst .item .text {display: block;height: 60px;margin-bottom: 10px}
.sub_listBox .packageLst .item .price {display: inline-block;font-weight: 600;color: #222;font-size: 17px;line-height: 140%}
.sub_listBox .packageLst .item .channel {position: absolute;bottom: 18px;right: 20px;padding-right: 13px;line-height: 20px;background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}

.sub_banner_box {position: relative;display: block;width: 1100px;margin: 0 auto 30px;}
.sub_bannerSlider {overflow: hidden}
.sub_bannerSlider a {display: block}
.sub_bannerSlider img {width: 100%}

/*  s: 타이틀 추가  */
.free_bg{background: #f6f6f6;padding: 40px 0;margin-bottom: 40px}
.free_tit{text-align: center; display: block; font-size: 35px;color: #11af9f; font-weight: 600;line-height: 140%;margin-bottom: 10px;letter-spacing: -0.04em;}
.free_txt{text-align: center; font-size: 17px; line-height:1.5rem;}
/*  e: 타이틀 추가  */

.sub_playLst_wrap {position: relative;display: block;padding-bottom: 40px}
.sub_playLst_wrap .inner {position: relative;display: block;width: 1100px;margin: 0 auto;}
.sub_playLst_wrap .title {display: block;font-weight: 600;color: #222;font-size: 20px;line-height: 140%;margin-bottom: 15px}
.sub_playLst_wrap .title b {color: #18b1a2}
.sub_playLst_wrap .playLst {margin-top: -10px}
/**/
.sub_playLst_wrap .playLst_tit{font-size: 20px; font-weight: bold; margin-bottom: 20px}
/**/

.sub_playLst_top {position: relative;display: block;overflow: hidden;border-bottom: 1px solid #e3e3e3;margin-bottom: 20px}
.sub_playLst_top .tab {position: relative;display: block;overflow: hidden;}
.sub_playLst_top .tab ul {overflow: hidden}
.sub_playLst_top .tab li {float: left;margin-right: 1px}
.sub_playLst_top .tab li a {display: inline-block;padding: 0 30px;line-height: 40px;height: 40px;font-size: 15px;font-weight: 600;background: #e3e3e3;}
.sub_playLst_top .tab li.active a {background: #18b1a2;color: #fff}
.sub_playLst_top .filter {position: absolute;bottom: 12px;right: 0}
.sub_playLst_top .filter ul {overflow: hidden}
.sub_playLst_top .filter li {position: relative;float: left;margin-right: 1px;margin-left: 20px}
.sub_playLst_top .filter li:first-child {margin-left: 0}
.sub_playLst_top .filter li:before {position: absolute;top: 5px;left: -11px;width: 1px;height: 11px;background: #ccc;content: ""}
.sub_playLst_top .filter li.active a {color: #18b1a2;font-weight: 600}

.sub_top_channel {position: relative;display: block;overflow: hidden;background: #eff7f6}
.sub_top_channel .inner {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 25px 0}
.sub_top_channel .homepi {display: block;overflow: hidden}
.sub_top_channel .homepi a {display: inline-block;overflow: hidden;height: 50px;}
.sub_top_channel .homepi .img {float: left;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
.sub_top_channel .homepi .img img {width: 100%;height: 100%}
.sub_top_channel .homepi .txt {float: left;height: 50px;line-height: 50px;color: #222;font-size: 22px;font-weight: 600;margin-left: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sub_top_channel .homepi_btn {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.sub_top_channel .homepi_btn a {display: inline-block;padding: 0 20px;line-height: 38px;height: 40px;background: #f53849;color: #fff;border-radius: 40px;font-size: 16px;box-shadow: 0 3px 10px 0 rgba(245, 56, 73, 0.35)}

.sub_top_tab_wrap {position: relative;display: block;overflow: hidden;background: #18b1a2}
.sub_top_tab {position: relative;display: block;width: 1100px;margin: 0 auto;}
.sub_top_tab ul {overflow: hidden}
.sub_top_tab li {float: left;}
.sub_top_tab li a {position: relative;display: inline-block;padding: 0 25px;color: rgba(255,255,255,0.8);line-height: 50px;height: 50px;font-weight: 600;font-size: 16px}
.sub_top_tab li a small {font-size: 14px}
.sub_top_tab li.active a {color: #fff;}
.sub_top_tab li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #fff;content: ""}


.lecture_noData {position: relative;display: block;border: 1px solid #e3e3e3;padding: 40px 0;text-align: center;background: #fafafa}
.lecture_noData i {display: block;}
.lecture_noData b {display: block;font-size: 22px;line-height: 140%;margin: 10px 0 5px}
.lecture_noData span {display: block;font-size: 17px;line-height: 140%}