﻿/*
	- Project : ntv cast
	- Author : sue
	- Description : sub page style sheet
	- Create : 2010-03-16
	- Modify : YYYY-MM-DD
	- Version : ver 1.0
	
	* 수정 주석처리 순서 : 날짜 이름 설명 
*/
/* sub common  */

h3.stit-bull {	
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #424242;
	padding-left: 15px;
	background: url(/img/bull/bull_stit_typ01.gif) no-repeat 0 1px;
}
	
	
		
/* video 동영상 */
	/* 추천,인기 동영상 */
	#videoWrap.popular .popular-content,
	#videoWrap.popular .channel-notifi {
		display: inline;
		float: left;
	}
		/* 추천, 인기 동영상 */
		#videoWrap.popular .popular-content {
			width: 558px;
		}
		#videoWrap.popular .popular-content .video-article {
			overflow: hidden;
			position: relative;
			float: left;
			width: 145px;
			height: 60px;
			margin-right: 15px;
			padding: 10px 0 10px 110px;
			background: url(/img/bg/bg_list_dot_1px.gif) repeat-x 0 bottom;
		}
		#videoWrap.popular .popular-content .video-article h4,
		#videoWrap.popular .popular-content .video-article .txt,
		#videoWrap.popular .popular-content .video-article .time {
			white-space: nowrap;
			overflow: hidden;
			height: 16px;
			line-height: 14px;
		}
		#videoWrap.popular .popular-content .video-article h4 {
			font-size: 12px;
			font-weight: bold;
			padding-top: 5px;
		}
		#videoWrap.popular .popular-content .video-article .txt {
			padding-top: 3px;
			color: #888;
		}
		#videoWrap.popular .popular-content .video-article .time {
			padding-top: 3px;
			color: #38acc9;
		}
		#videoWrap.popular .popular-content .video-article h4,
		#videoWrap.popular .popular-content .video-article .txt,
		#videoWrap.popular .popular-content .video-article .time {
            width: 140px;
            height:14px;
            overflow:hidden;
        }
		#videoWrap.popular .popular-content .video-article .thumb-img {
			position: absolute;
			left: 0;
			top: 10px;
			width: 98px;
			height: 60px;
			font: 0/0 Arial;
		}
		#videoWrap.popular .popular-content .video-article .thumb-img img {
			width: 98px;
			height: 60px;
		}

		
		/* my 채널 알리기 */
	    #channelWrap.zone .channel-sidebar,
		#videoWrap.popular .channel-notifi {
			position: relative;
			width: 254px;
		}
        #channelWrap.zone .channel-sidebar h3.channel-notifi,
		#videoWrap.popular .channel-notifi h3 {
			padding-bottom: 8px;
			border-bottom: 1px solid #dcdcdc;
		}
	    #channelWrap.zone .channel-sidebar .notifi-list,
		#videoWrap.popular .channel-notifi .notifi-list {
			width: 254px;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article {
			overflow: hidden;
			float: left;
			width:  254px;
			padding: 6px 0;
			background: url(/img/bg/bg_list_dot_1px.gif) repeat-x 0 bottom;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .last-article,
		#videoWrap.popular .channel-notifi .notifi-list .last-article {
			background: none;
			border-bottom: 1px solid #dcdcdc;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article .uid,
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article .umsg,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article .uid,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article .umsg {
			display: inline;
			float: left;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article .uid,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article .uid {
			overflow: hidden;
			width: 55px;
			padding-left: 15px;
			color: #9dbbeb;
			letter-spacing: -1px;
			font-size: 12px;
			font-weight: bold;
			background: url(/img/ico/ico_channel_notifi.gif) no-repeat 2px 0;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article a,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article a {
            text-decoration:none;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article .uid a,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article .uid a {
			color: #9dbbeb;
		}
		#channelWrap.zone .channel-sidebar .notifi-list .notifi-article .umsg,
		#videoWrap.popular .channel-notifi .notifi-list .notifi-article .umsg {
			width: 179px;
            height: 30px;
            overflow:hidden;
			margin-left: 5px;
		}
		#channelWrap.zone .channel-sidebar .more-view,
		#videoWrap.popular .channel-notifi .more-view {
			display: block;
			position: absolute;
			right: 0;
			top: 3px;
			height: 11px;
			font-size: 11px;
			color: #afafaf;
			text-decoration: none;
		}
		
/* channel 채널 */
	/* 채널알리기 */
	#channelWrap.channel-notifi .channel-article {
		overflow: hidden;
		position: relative;
		display: inline;
		float: left;
		width: 290px;
		height: 60px;
		padding: 10px 0 10px 105px;
		background: url(/img/bg/bg_list_dot_1px.gif) repeat-x 0 bottom;
	}
	#channelWrap.channel-notifi .article-lmg {
		margin-left: 20px;
	}
	#channelWrap.channel-notifi .channel-article a {
        text-decoration:none;
	}
	#channelWrap.channel-notifi .channel-article h4 {
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		padding-top: 5px;
		color: #9dbbeb;
	}
	#channelWrap.channel-notifi .channel-article h4 a {
		color: #9dbbeb;
	}
	#channelWrap.channel-notifi .channel-article .txt {
        width:285px;
        height:32px;
        overflow:hidden;
		padding-top: 3px;
	}
	#channelWrap.channel-notifi .channel-article .thumb-img {
		position: absolute;
		left: 0;
		top: 10px;
		width: 98px;
		height: 60px;
		font: 0/0 Arial;
	}
	#channelWrap.channel-notifi .channel-article .thumb-img img {
		width: 98px;
		height: 60px;
	}

    /* 채널 메인 */
	#channelWrap.zone .zone-content,
	#channelWrap.zone .channel-sidebar {
		display: inline;
		float: left;
	}
	    #channelWrap.zone .zone-content {
			width: 558px;
		}

	    #channelWrap.zone .zone-content .channel-article{
			overflow: hidden;
			position: relative;
			float: left;
			width: 152px;
			height: 45px;
			margin-right: 25px;
			padding: 90px 0 10px 0;
        }
	    #channelWrap.zone .zone-content .channel-article .thumb-img {
			position: absolute;
			left: 0;
			top: 10px;
			width: 132px;
			height: 82px;
			font: 0/0 Arial;
		}
        #channelWrap.zone .zone-content .channel-article .thumb-img img {
            width: 130px;
            height: 80px;
            border:1px solid #EEE;
        }

	    #channelWrap.zone .zone-content .channel-article h4,
	    #channelWrap.zone .zone-content .channel-article .url,
	    #channelWrap.zone .zone-content .channel-article .ctrl-btn {
			white-space: nowrap;
			overflow: hidden;
			height: 16px;
			line-height: 14px;
        }

	    #channelWrap.zone .zone-content .channel-article h4 {
			font-size: 12px;
			font-weight: bold;
			padding-top: 5px;
		}
	    #channelWrap.zone .zone-content .channel-article .url a {
			padding-top: 3px;
			color: #38acc9;
		}
        #channelWrap.zone .zone-content .channel-article .ctrl-btn {
            margin-top: 2px;
        }
        #channelWrap.zone .zone-content .channel-article .ctrl-btn .channel-view,
        #channelWrap.zone .zone-content .channel-article .ctrl-btn .choice {
            display: inline;
            float: left;
        }
        #channelWrap.zone .zone-content .channel-article .ctrl-btn .channel-view {
            width: 61px;
            height: 16px;
            margin-right: 3px;
            background-position: 0 -33px;
        }
        #channelWrap.zone .zone-content .channel-article .ctrl-btn .choice {
            width: 41px;
            height: 16px;
            margin-left: 5px;
            background-position: 0 -59px;
        }	



    /* 추천/인기 동영상 */
    #channelWrap.zone .channel-sidebar h3.video-popular {
	    margin-top: 18px;
    }
	#channelWrap.zone .channel-sidebar .side-box { 
		position: relative;
		width: 239px;
		margin-top: 8px;
		padding: 0 5px 6px 6px;
		border: 1px solid #dcdcdc;
	}
	#channelWrap.zone .channel-sidebar .side-box .side-article {
		overflow: hidden;
		position: relative;
		width: 129px;
		height: 62px;
		margin-top: 7px;
		padding-left: 111px;
	}
	#channelWrap.zone .channel-sidebar .side-box .more-view {
		position: absolute;
		right: 0;
		top: -21px;
		height: 11px;
		font-size: 11px;
		color: #afafaf;
		text-decoration: none;
	}
	#channelWrap.zone .channel-sidebar .side-box .side-article .thumb-img {
		position: absolute;
		left: 0;
		top: 0;
		width: 98px;
		height: 60px;
	}
	#channelWrap.zone .channel-sidebar .side-box .side-article .thumb-img img {
		width: 98px;
		height: 60px;
	}
	#channelWrap.zone .channel-sidebar .side-box .side-article .txt,
	#channelWrap.zone .channel-sidebar .side-box .side-article .time {
		margin-top: 8px;
		font-size: 11px;
		line-height: 120%;
	}
	#channelWrap.zone .channel-sidebar .side-box .side-article h4 {
		font-size: 12px;
		line-height: 120%;
		font-weight: bold;
		margin-top: 3px;
	}
	#channelWrap.zone .channel-sidebar .side-box .side-article h4,
	#channelWrap.zone .channel-sidebar .side-box .side-article .txt,
	#channelWrap.zone .channel-sidebar .side-box .side-article .time {
        width: 120px;
        height:14px;
        overflow:hidden;
    }

	#channelWrap.zone .channel-sidebar .side-box .side-article .url a,
	#channelWrap.zone .channel-sidebar .side-box .side-article .time {
		color: #38acc9;
	}
		
/* 검색 결과 */
#searchResult .result-tit {
	height: 15px;
	padding-top: 3px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 14px;
	color: #242424;
	background: url(/img/bull/bull_search_stit.gif) no-repeat 0 0;
}
#searchResult .result-list {
	position: relative;
	margin-top: 15px;
}
#searchResult .result-list h3,
#searchResult .result-list .url,
#searchResult .result-list .uid {
	white-space: nowrap;
	overflow: hidden;
}
#searchResult .paging {
	padding-top: 35px;
}
	/* 채널 검색 결과 */
	#searchResult .result-list.channel-list {
		left: -5px;	
	}
	#searchResult .result-list .channel-article {
		position: relative;
		margin-left: 8px;
		display: inline;
		float: left;
		width: 130px;
		height: 54px;
		padding: 95px 11px 11px 11px;
		background: url(/img/bg/bg_search_channel_box.gif) no-repeat 0 0;
	}
	#searchResult .result-list .channel-article .thumb-img {
		position: absolute;
		left: 11px;
		top: 11px;
		width: 132px;
		height: 82px;
        border:1px solid #EEE;
	}
	#searchResult .result-list .channel-article .thumb-img img {
		width: 130px;
		height: 80px;
	}
	#searchResult .result-list .channel-article h3,
	#searchResult .result-list .channel-article .url {
		overflow: hidden;
		width: 130px;
		font-size: 12px;
		line-height: 14px;
	}	
	#searchResult .result-list .channel-article h3 {
		padding-top: 3px;
		height: 15px;
	}
	#searchResult .result-list .channel-article .url {
		padding-top: 3px;
		font-size: 11px;
		height: 14px;
		color: #38acc9;
	}

	#searchResult .result-list .video-article .ctrl-btn,
	#searchResult .result-list .channel-article .ctrl-btn {
        white-space: nowrap;
        overflow: hidden;
        height: 16px;
        line-height: 14px;
        margin-top: 2px;
	}
	#searchResult .result-list .channel-article .ctrl-btn .channel-view {
        display: inline;
        float: left;
        left:35px;
        width: 61px;
        height: 16px;
        overflow:hidden;
        margin-right: 3px;
        background-position: 0 -33px;
	}
	
	/* 동영상 검색 결과 */
	#searchResult h2.video-tit {
		margin-top: 35px;
	}
	#searchResult .result-list .video-article {
		position: relative;
		margin-left: 3px;
		display: inline;
		float: left;
		width: 123px;
		height: 75px;
		padding: 87px 5px 7px 5px;
		text-align: center;
		background: url(/img/bg/bg_search_video_box.gif) no-repeat 0 0;
	}
	#searchResult .result-list .video-article .thumb-img {
		position: absolute;
		left: 15px;
		top: 18px;
		width: 98px;
		height: 60px;
	}
	#searchResult .result-list .video-article .thumb-img img {
		width: 98px;
		height: 60px;
	}
	#searchResult .result-list .video-article h3,
	#searchResult .result-list .video-article .uid {
		width: 120px;
	}
	#searchResult .result-list .video-article h3 {
		font-size: 12px;
		line-height: 14px;
		height: 15px;
	}
	#searchResult .result-list .video-article h3 span {
		font-weight: bold;
		color: #ff0000;
	}
	#searchResult .result-list .video-article .uid {
		overflow: hidden;
		height: 14px;
		padding-top: 3px;
		font-size: 11px;
		line-height: 13px;
		color: #636363;
	}
	#searchResult .result-list .video-article .time {
		font-size: 11px;
		line-height: 13px;
		height: 14px;
		color: #888888;
	}
	#searchResult .result-list .video-article .ctrl-btn .video-view {
        display: inline;
        float: left;
        left:31px;
        width: 61px;
        height: 16px;
        overflow:hidden;
        margin-right: 3px;
        background-position: 0 -179px;
	}

