@import url("layout.css");

body.submain{background:#000;}

div.subwrap{overflow:hidden;}

/* lnbarea */
div.min_area{min-height:185px;_height:185px;}

div.lnbarea{
	float:left;
	width:217px;
	background:url('../images/sub_main/bg_sublnb.gif') no-repeat left top;
}
div.sublnb_btm{
	padding:0 0 8px 0;
	background:url('../images/sub_main/bg_sublnb_btm.gif') no-repeat left bottom;
}
h2.sub_tit{padding:33px 0 0 25px;height:42px;}

h2.v_sub_tit{padding:20px 0 10px 20px;height:42px;}/* 100416 hgk 동영상부분 */

div.sublnb{padding:0 0 0 16px;margin:0 0 20px 0;}
div.sublnb_comic{padding:0 0 0 ; margin:0 0 20px 0;}/* 2010-11-26 hgk */

/* recently_viewed */
div.recently_viewed{margin:0 0 0 15px;}
div.recently_viewed h3{margin:0 0 6px 0;}
div.recently_viewed ul.thumlist{margin:0 0 0 10px;}
div.recently_viewed ul.thumlist li{width:165px;height:43px;padding:5px 0 0 0;overflow:hidden;}
div.recently_viewed dl.thumlist{}
div.recently_viewed dl.thumlist dt{float:left;}
div.recently_viewed dl.thumlist dd{float:left;padding:5px 0 0 7px;}
div.recently_viewed dl.thumlist dd strong{
	display:block;
	height:19px;
	font-weight:normal;
	letter-spacing:-1px;
}
div.recently_viewed dl.thumlist dd span.data{
	display:block;
	text-align:right;
}
div.recently_viewed dl.thumlist dd span.info{float:left;color:#777;font-size:11px;font-family:dotum;}

div.sub_ban{background:#000;padding:16px 0 0 0;}
div.sub_ban p.sub_ban01{/*padding:0 0 0 14px;*/padding:0 0 16px 14px;}/* 2009-09-22 PMH */
/* conarea */
div.conarea{float:left;width:536px;}
div.sm_flash{width:536px;height:259px;}

/* sub_contents */
div.sub_contents{
	background:url('../images/sub_main/bg_sub_contents.gif') no-repeat left top;
}

div.tit_area{
	position:relative;
	top:0px;
	left:24px;
	width:490px;
	height:40px;
	margin:0 0 0 0;
	background:url('../images/sub_main/bg_tit_area.gif') no-repeat left bottom;
}
div.tit_area h4{position:absolute;top:18px;left:0px;}
div.tit_area ul{position:absolute;bottom:-3px;*bottom:-2px;right:21px;}
div.tit_area ul li{float:left;}
div.tit_area p.btn{position:absolute;top:24px;right:7px;}

div.dw_best{margin:0 0 0 24px;width:476px;overflow:hidden;}
dl.dl_item{overflow:hidden;width:211px;height:81px;margin-top:7px;border-bottom:1px dotted #292929;}
dl.left{float:left;}
dl.right{float:right;}
dl.borno{border:none;}
dl.dl_item dt{float:left;width:81px;position:relative;}
dl.dl_item dt img.ad19{position:absolute;bottom:7px;right:10px;}
dl.dl_item dd{float:left;padding:4px 0 0 0;}
dl.dl_item dd strong.tit{
	display:block;
	height:16px;
	letter-spacing:-1px;
	width:130px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; /* 2009-09-14 마지막 행에 width:130px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
}
dl.dl_item dd span.data01{display:block;height:21px;color:#777;font-size:11px;font-family:dotum;}
dl.dl_item dd span.data02{
	display:block;
	height:14px;
	padding:0 0 0 14px;
	color:#777;
	font-size:11px;
	background:url('../images/main/bg_dw_icon.gif') no-repeat left 2px;
}
dl.dl_item dd span.data02 img{vertical-align:bottom;}
dl.dl_item dd span.price{font-weight:bold;font-size:11px;color:#777;}
dl.dl_item dd span.price span{font-family:dotum;font-weight:normal;}

/* btm_thumlist */
div.btm_thumlist{margin:0 0 0 7px;}
div.btm_thumlist ul{overflow:hidden;margin-top:8px;}
div.btm_thumlist ul li{
	float:left;
	width:105px;
	height:105px;
	text-align:center;
	background:url('../images/sub_main/bg_btm_thum.gif') no-repeat left top;
}
div.btm_thumlist ul li.first{background:none;}
div.btm_thumlist ul li dt{height:84px;position:relative;}
div.btm_thumlist ul li dt img.ad19{position:absolute;right:17px;bottom:15px;}
div.btm_thumlist ul li dd{font-size:11px;font-weight:bold; width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}/* 2009-09-14  width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/


/* rnbarea */
div.rnbarea{
	float:left;
	width:217px;
	padding:35px 0 0 0;
	background:url('../images/sub_main/bg_subrnb.gif') no-repeat left top;
}
div.rnbarea_btm{
	padding:0 0 8px 0;
	background:url('../images/sub_main/bg_subrnb_btm.gif') no-repeat left bottom;
}

/* tstore_recom */
div.tstore_recom{margin:0 0 25px 23px;}
div.tstore_recom h4{margin:0 0 11px 0;}
div.tstore_recom ul{margin:0 0 0 12px;}
div.tstore_recom ul li{
	padding:0 0 0 11px;
	height:20px;
	font-family:dotum;
	background:url('../images/sub_main/icon_list.gif') no-repeat 1px 3px;
	width:140px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;/* 2009-09-14 마지막 행에 width:140px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
	}
div.tstore_recom ul li.first{
	height:49px;
	padding:0px;
	background:none;
}
div.tstore_recom ul li.first dl{overflow:hidden;width:161px;}
div.tstore_recom ul li.first dt{float:left;width:51px;}
div.tstore_recom ul li.first dd{float:left;padding:7px 0 0 0;}
div.tstore_recom ul li.first dd strong{
	display:block;
	height:17px;
	letter-spacing:-1px;
	width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; /* 2009-09-14 마지막 행에 width:110px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
}
div.tstore_recom ul li.first dd span{color:#777;font-size:11px;}

/* average_best */
div.average_best{margin:0 0 0 23px;}
div.average_best h4{margin:0 0 11px 0;}
div.average_best ul.one_thumlist{margin:0 0 0 11px;}
div.average_best ul.one_thumlist li{width:140px;padding:1px 0 0 15px;font-family:dotum;height:19px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}/* 2009-09-14 text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
div.average_best ul.one_thumlist li.list01{
	overflow:hidden;
	padding:0 0 0 15px;
	height:48px;
	background:url('../images/main/num_1.gif') no-repeat left 9px;
}
div.average_best ul.one_thumlist li.list01 dl{width:149px;}
div.average_best ul.one_thumlist li.list01 dl dt{float:left;}
div.average_best ul.one_thumlist li.list01 dl dd{float:left;padding:7px 0 0 6px;}
div.average_best ul.one_thumlist li.list01 dl dd strong{
	display:block;
	height:17px;
	letter-spacing:-1px;
	width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; /* 2009-09-14 마지막 행에 width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
}
div.average_best ul.one_thumlist li.list01 dl dd span{color:#777;font-size:11px;}
div.average_best ul.one_thumlist li.list02{background:url('../images/main/num_2.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list03{background:url('../images/main/num_3.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list04{background:url('../images/main/num_4.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list05{background:url('../images/main/num_5.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list06{background:url('../images/main/num_6.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list07{background:url('../images/main/num_7.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list08{background:url('../images/main/num_8.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list09{background:url('../images/main/num_9.gif') no-repeat left 2px;}
div.average_best ul.one_thumlist li.list10{background:url('../images/main/num_10.gif') no-repeat left 2px;}

/* rnb_btm */
div.rnb_btm{background:#000;padding:15px 0 0 0;}

/* comment_area */
div.comment_area{margin:0 0 0 23px;}
div.comment_area h4{margin:0 0 11px 0;}
div.comment_area ul.one_thumlist{margin:0 0 0 11px;}
div.comment_area ul.one_thumlist li{width:140px;padding:1px 0 0 15px;font-family:dotum;height:19px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}/* 2009-09-14  width:140px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
div.comment_area ul.one_thumlist li.list01{
	overflow:hidden;
	padding:0 0 0 15px;
	height:48px;
	background:url('../images/main/num_1.gif') no-repeat left 9px;
}
div.comment_area ul.one_thumlist li.list01 dl{width:149px;}
div.comment_area ul.one_thumlist li.list01 dl dt{float:left;}
div.comment_area ul.one_thumlist li.list01 dl dd{float:left;padding:7px 0 0 6px;}
div.comment_area ul.one_thumlist li.list01 dl dd strong{
	display:block;
	height:17px;
	letter-spacing:-1px;
	width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; /* 2009-09-14 width:96px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; 추가*/
}
div.comment_area ul.one_thumlist li.list01 dl dd span{color:#777;font-size:11px;}
div.comment_area ul.one_thumlist li.list02{background:url('../images/main/num_2.gif') no-repeat left 2px;}
div.comment_area ul.one_thumlist li.list03{background:url('../images/main/num_3.gif') no-repeat left 2px;}
div.comment_area ul.one_thumlist li.list04{background:url('../images/main/num_4.gif') no-repeat left 2px;}
div.comment_area ul.one_thumlist li.list05{background:url('../images/main/num_5.gif') no-repeat left 2px;}
div.comment_area ul.one_thumlist li.list06{background:url('../images/main/num_6.gif') no-repeat left 2px;}

/* 2010-03-03 video_main */
div.top {background:url(../images/video/video_top_bg.gif) repeat-x left top; overflow:hidden; width:970px; height:277px; margin-top:12px;}
div.top div{float:left; margin:0; padding:0; display:inline;}
div.top div img{float:left; margin:0; padding:0; display:inline;}

div.cenTop {padding:34px 0 0 15px;overflow:hidden;width:738px;height:234px;float:left;}
div.cenTop div.ser_f {float:left;padding-right:35px;}


/* 20100324 hgk */
div.cenTop div.hot_f {float:left; width:525px;}
div.cenTop div.hot_f p.tit{border-bottom:1px solid #252525; margin-top:5px; margin-bottom:15px; padding-bottom:10px;overflow:hidden;}
div.cenTop div.hot_f ul.hot_contents{overflow:hidden;}
div.cenTop div.hot_f ul.hot_contents li{float:left; width:250px;padding:10px 0;}
div.cenTop div.hot_f ul.hot_contents li.left{margin:0 22px 0 0;}
div.cenTop div.hot_f ul.hot_contents li.line{border-bottom:1px dotted #292929; height:75px;}/* 100806 hgk height */
div.cenTop div.hot_f ul.hot_contents li dl{}
div.cenTop div.hot_f ul.hot_contents li dt{float:left; margin-right:10px; position:relative;}
div.cenTop div.hot_f ul.hot_contents li dt img{width:72px; height:73px;}
div.cenTop div.hot_f ul.hot_contents li dd{width:162px; float:left; margin-top:5px;line-height:16px;}
div.cenTop div.hot_f ul.hot_contents li dd span{display:block; margin-top:10px; font-size:11px; color:#777; letter-spacing:-1px;}


div.to_video {float:right;width:175px;padding-right:17px;}
div.to_video dl {padding-top:34px;}
div.to_video dd {padding:15px 0 0 26px;}
div.to_video dd strong{width:125px; display:block; margin-top:10px; text-align:center;text-overflow:ellipsis; overflow: hidden;white-space: nowrap;  cursor:pointer;/* 20100611 hgk cursor추가 */}/* 20100518 hgk strong추가 */

div.btmArea {clear:both;width:955px;padding:25px 0 0 15px;}
div.btmArea div.left {float:left;overflow:hidden;width:730px;}
div.btmArea div.video_li {position:relative; float:left;width:730px;padding-bottom:20px;}
div.video_li p.tta {width:725px;padding:0 0 7px 9px;border-bottom:1px solid #252525;}
div.video_li a.more {position:absolute;right:17px;top:0;}
div.video_li ul {float:left;width:740px;height:165px;padding:16px 0 0 19px; _padding-left:0;}/* 20100324 hgk height변경 */
div.video_li ul li img {font-size:0;}
div.video_li ul li {position:relative;float:left;padding-left:22px;}/* 20100706 hgk position:relative; 추가 */
div.video_li ul li.first {padding:0;}
div.video_li ul img{width:99px; height:142px;}/* 20100324 hgk 이미지 사이즈 */
div.video_li ul li strong{width:99px; display:block; margin-top:10px; text-align:center;text-overflow:ellipsis; overflow: hidden;white-space: nowrap; cursor:pointer;}/* 20100518 hgk strong추가 */

div.right {float:right;padding-right:18px;}
div.right div.video_recom dl {width:160px;height:40px;overflow:hidden;display:block;padding:10px 0 0 12px;}
div.video_recom dt {float:left;padding-right:10px;}
div.video_recom dd strong {font-weight:normal;display:block;padding-top:3px;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
div.video_recom dd strong img{vertical-align:middle; padding-bottom:3px;}/* 20100324 hgk hd아이콘추가 */
div.video_recom dd span {padding-top:3px;display:block;color:#777;}

.pdt19 {padding-top:19px;}


/* 20100311 hgk */
.video_lnb{background:url(../images/video/lnb_video_bg.gif) no-repeat left 0; float:left; width:196px; height:278px; margin:0; padding:0;}
.mb15{margin-bottom:10px;}
.mr20{margin-right:20px;}
.float_l{float:left;}
.float_r{float:right;}


/* 100706 hgk 하단 포스터에 19금 아이콘 */
div.video_li ul li img.icon_19 {position:absolute; right:0px;top:122px; width:22px; height:21px;}

/* 100707 hgk 투데이 포스터에 19금 아이콘 */
div.to_video dl dd {position:relative; width:125px; }
div.to_video dl dd img.icon_19 {position:absolute; right:0px;top:175px; width:22px; height:21px;}

.position_r{position:relative;}
.position_r img.icon_19{position:absolute; top:25px; left:27px; *top:26px;}


/* 100714 hgk vod메인 hot_f탭추가 */
div.cenTop div.hot_f div.tit_tab{ width:525px; height:22px; border-bottom:1px solid #252525; margin-top:5px; margin-bottom:15px; overflow:hidden;}
div.cenTop div.hot_f div.tit_tab ul{overflow:hidden; margin-bottom:-1px; width:525px;}
div.cenTop div.hot_f div.tit_tab ul li{float:left; font-size:0; line-height:0;}
div.cenTop div.hot_f div.tit_tab ul li.tabs{position:relative; left:230px;}/* 2010-11-22 hgk */
div.cenTop div.hot_f div.tit_tab ul li.more{float:right;  padding:5px 20px 0 0;}

/* 100813 hgk vod메인 hot_f 아이콘추가 */
div.cenTop div.hot_f ul.hot_contents dt img.icon_19{position:absolute; right:3px; top:49px; width:20px; height:21px;}
/* 100813 hgk vod메인 hd아이콘추가 */
li strong img.hd, dd strong img.hd{vertical-align:middle; margin-bottom:4px; width:21px; height:15px;}