@import url("http://m.imbc.com/2014mobile/css/common.css");
@import url("http://m.imbc.com/2014mobile/css/thumb-style.css");
/* tv.css */

/*tv-nav*/
#tvTop {width:100%; height:auto; border-top:1px solid #5991cc; background:#cde3fb;}
.tv-top {width:100%; height:36px; border-bottom:1px solid #a7caf0}
.tv-top .tv-name {float:left; width:63%; height:36px; text-indent:15px; font-size:17px; line-height:36px}
.tv-top .tv-name a {display:block}
.btn-tv-nav {display:block; float:right; width:106px; height:36px; border-right:13px solid transparent; background-size:15px; background-position:right 15px; border-left:1px solid #a7caf0; text-indent:20px; font-size:13px; color:#646464; text-align:left; background-size:15px}
.tv-nav {display:block; width:100%; height:auto; padding:5px 0; border-bottom:1px solid #5991cc}
.tv-nav li {float:left; width:33.3%; height:35px; background:url(http://m.imbc.com/2014mobile/images/line-pm-gray.gif) no-repeat; background-size:1px 15px; background-position:right 11px; line-height:35px; text-align:center}
.tv-nav li a {display:block; color:#595959}
.tv-nav li:nth-child(3n), .tv-nav li:last-child{background:none}

/* tv-con */
.tv-visual {width:100%; height:auto}
.tv-visual img {width:100%}
.tv-spot {position:relative; width:100%; height:40px; padding:0 13px; background:#fff; border:1px solid #dadada; box-sizing:border-box}
.tv-spot .air-time {float:left; line-height:40px}
.tv-spot .like-box {display:block; height:40px; float:right; background:url(http://m.imbc.com/2014mobile/images/bg-circle.gif) no-repeat 0 center; background-size:30px}
.btn-like {display:block; float:left; width:30px; height:40px; margin-right:7px; text-align:center}
.btn-like img {width:15px; height:14px; margin-top:3px}
.like-score {display:block; float:left; line-height:40px}
.like-layer-style {z-index:200; position:absolute; top:46px; left:3%; width:94%; padding:9px 30px 10px 30px; box-sizing:border-box; font-size:12px; color:#fff; line-height:15px; text-align:center}
.like-layer-style .like-txt {display:block; padding-bottom:5px; font-size:15px; font-weight:normal}
.like-layer-style .like-txt .ico-heart-on {padding-right:19px; margin-right:5px; background-size:15px 14px; background-position:right 3px}
.like-layer-style .like-quot:before {content:'‘'}
.like-layer-style .like-quot:after {content:'’'}
.like-layer-style .btn-wrap {width:198px; margin:8px auto 0 auto}
.like-layer-style .like-btn-style {display:block; width:80px; height:30px; background:#ccc; border-radius:5px; color:#323232; line-height:30px}
.like-layer {padding:15px 30px !important; opacity:0}

.part-article {width:100%; margin-bottom:8px; background:#f9f9f9; border:1px solid #dadada; border-bottom:none; box-sizing:border-box}
.part-article .article-wrap {overflow:hidden; width:100%; max-height:52px; padding:8px 10px 10px 10px; border-bottom:1px solid #dadada; box-sizing:border-box; line-height:18px; -webkit-line-clamp:2}
.part-article .article-wrap a {display:block; overflow:hidden; max-height:50px}
.part-article .article-wrap h2 {display:inline; font-size:14px; margin-right:4px; font-weight:normal}


.tit-h2 {border-bottom:1px solid #e8e8e8}
.tit-h2 a {display:block; background-size:8px; background-position:right center; border-right:10px solid transparent}


/* thumb-style */ 
.list-thumb-one .txt-cut-custom {-webkit-line-clamp:4}
.list-thumb .txt-cut-custom {-webkit-line-clamp:2}

.part-preview .list-thumb-one .txt-cut-custom, .part-clip .list-thumb-one .txt-cut-custom {-webkit-line-clamp:3}
.part-vod .list-thumb-one .txt-cut-custom {-webkit-line-clamp:2}
.part-tvin .list-thumb-one .txt-wrap .times {display:block}
.part-tvin .list-thumb-one .txt-cut-custom {-webkit-line-clamp:3}
.part-photo .list-thumb-one .txt-cut-custom {-webkit-line-clamp:4}
.list-thumb-one .txt-wrap .times {display:block}
.list-thumb-one .broad-date {display:block; font-size:13px; color:#7c7c7c}

/* thumb-ex */
.grid-union {width:100%}
.grid-area-half {width:49%; border:1px solid #dadada; margin-bottom:8px; background:#f9f9f9}

.ex-thumb .img-wrap {display:block; position:relative; border-bottom:1px solid #e8e8e8}
.ex-thumb .img-wrap img {width:100%}
.ex-thumb .txt-wrap {display:block; height:54px; padding:5px 7px 12px 7px; box-sizing:border-box}
.ex-thumb .broad-date {display:block; font-size:13px; color:#959595}


/* 더보기 버튼 */
.btn-list-more {display:block; width:100%; height:35px; background-color:#f9f9f9; background-size:19px 10px; background-position:center center; border-top:1px solid #dadada}
.list-more-type {margin-bottom:8px; border:1px solid #dadada; box-sizing:border-box}


/* 다시보기 방송상품 타이틀 */
.wrap-vod .tit-h2 {width:100%; height:37px; background:#f9f9f9; margin-bottom:8px; border:1px solid #dadada; box-sizing:border-box}

/* 프로그램 전체보기 리스트 */
.pro-cate {width:100%; height:35px; background:#f9f9f9; border-bottom:1px solid #d1d1d1}
.pro-cate li {float:left; width:104px; height:35px; color:#727272; text-align:center; line-height:36px}
.pro-cate li a {display:block; color:#727272}
.pro-cate li.on, .pro-cate li.on a {color:#0f0f0f; font-weight:bold}
.pro-cate .line-sky {background-size:1px 15px; background-position:left center} 

.tv-list li {overflow:hidden; height:36px; padding:0 7px 0 10px; border-top:1px solid #e8e8e8; box-sizing:border-box; line-height:37px;}
.tv-list li:nth-child(1) {border-top:none !important}
.tv-list li a {display:block; height:36px; font-size:13px}
.tv-list li strong {float:left; width:70%; font-weight:normal}
.tv-list li span {display:block; float:right; width:30%; font-size:12px; color:#727272; text-align:right}
.tv-list .pro-name {width:50% !important}
.tv-list .air-time {width:50% !important}

.area-range {width:100%; height:33px; margin-top:-8px}
.btn-range {float:right; width:152px; height:33px}
.btn-range button {display:block; float:left; width:70px; height:33px; margin-left:6px; font-size:13px; text-align:left; border-right:6px solid transparent; background:url(http://m.imbc.com/2014mobile/images/ico-range.png) no-repeat; background-size:8px 5px; background-position:right center}
.btn-range button.on {background:url(http://m.imbc.com/2014mobile/images/ico-range-on.png) no-repeat; background-size:8px 5px; background-position:right center}
.tv-list-off li {overflow:hidden; float:left; width:50%; height:36px; padding:0 7px 0 10px; border-bottom:1px solid #e8e8e8; box-sizing:border-box}
.tv-list-off li:nth-child(odd) {border-right:1px solid #e8e8e8}
.tv-list-off li a {display:block; line-height:35px; font-size:13px}
.tv-list-off .bor-bot-none {border-bottom:none !important}
.tv-list-no {padding:35px; text-align:center}