@charset "utf-8";
@import "common.css";
@import "layout.css";
@import "table.css";

body{background-color:#5a99b1;background-image:url(/images/common/type7/x_repeat.gif);}
#wrapper{background-image:none;}
#cntWrap{width:100%;padding:64px 0 145px 0;}

.topWrap{width:995px;height:77px;margin:0 auto;position:relative;}

#cntArea{padding:668px 0 50px 0;width:995px;min-width:995px;margin:0 auto;overflow:hidden;float:none;background:url(/images/vod/bg_vodmain.gif) 50% bottom no-repeat;}

/* 플래쉬 */
#subMainFlashMode{position:absolute;top:84px;left:0px;width:100%;height:645px;overflow:hidden;text-align:center;z-index:5;}

/* 리스트 모드 */
#subMainListMode{position:absolute;top:196px;left:50%;margin-left:-492.5px;width:985px;height:530px;z-index:100;}
#subMainListMode p.searchResult{width:100%;height:45px;font-size:14px;line-height:45px;color:#fff;text-align:center;font-weight:bold;background:url(/images/vod/bg_searchResult.gif) left bottom no-repeat;}
#subMainListMode p.searchResult strong{color:#fff899;}
#subMainListMode p.searchResult span{color:#a5e6ff;}
#subMainListMode ul{width:100%;overflow:hidden;padding-bottom:7px;}
#subMainListMode li{position:relative;padding:12px 5px 0 5px;width:318px;height:94px;overflow:hidden;color:#fff;float:left;font-size:13px;line-height:15px;background:url(/images/vod/bg_listMode1.gif) 50% top no-repeat;}
#subMainListMode li.list-first{background:none;}
#subMainListMode li img{float:left;margin-right:10px;display:block;}
#subMainListMode li .bgImg{position:absolute;top:12px;left:5px;}
#subMainListMode li .sumImg{padding:1px;width:104px;height:81px;}
#subMainListMode li strong{color:#206b89;display:block;line-height:12px;padding-bottom:5px;}
#subMainListMode li span{color:#fff799;line-height:14px;}
#subMainListMode li a{color:#fff;line-height:15px;}
#subMainListMode li p{color:#fff;line-height:30px;}
#subMainListMode li p strong{color:#fff;display:inline;}
#subMainListMode li p.bannerType1 img{margin:0px;}
#subMainListMode li p.bannerType1 .sumImg{padding:1px;width:316px;height:81px;}

#subMainListMode .paging{width:100%;background:url(/images/common/bg_paging2.gif) 50% top no-repeat;}
#subMainListMode .paging a img{vertical-align:middle}
#subMainListMode .paging span{color:#ffffff;}
#subMainListMode .paging span a{padding:0 7px 0 7px;color:#ffffff;font-weight:bold;line-height:23px;}
#subMainListMode .paging span a.first-child{background:none;}
#subMainListMode .paging span a.now{color:#ff9ab8;text-decoration:underline;}

/* 하단 HTML */
.vodMainCntList{padding:0 215px 20px 215px;width:565px;min-height:240px;overflow:hidden;position:relative;}
.vodMainCntList h3{margin:0px;padding:0 0 10px 0;text-align:center;display:block;}

.vodMainCntList .leftArea{position:absolute;top:0px;left:5px;width:212px;overflow:hidden;}
.vodMainCntList .leftArea .top10List{padding:0px 0 15px 0;width:173px;overflow:hidden;background:url(/images/vod/bg_top10.gif) repeat;}
.vodMainCntList .leftArea .top10List li{padding:3px 0 0 20px;height:34px;font-size:11px;}
.vodMainCntList .leftArea .top10List li.num1{background:url(/images/vod/bul_01.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num2{background:url(/images/vod/bul_02.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num3{background:url(/images/vod/bul_03.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num4{background:url(/images/vod/bul_04.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num5{background:url(/images/vod/bul_05.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num6{background:url(/images/vod/bul_06.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num7{background:url(/images/vod/bul_07.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num8{background:url(/images/vod/bul_08.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num9{background:url(/images/vod/bul_09.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li.num10{background:url(/images/vod/bul_10.gif) left 7px no-repeat;}
.vodMainCntList .leftArea .top10List li a{color:#fff;line-height:14px;}
.vodMainCntList .leftArea .top10List li a strong{font-weight:normal;color:#fff799;}
.vodMainCntList .leftArea .rankingTabType1{position:absolute;top:227px;left:70px;}
.vodMainCntList .leftArea .rankingTabType1 li{float:left;}

.vodMainCntList .leftArea .themeVodArea{padding:0px;}
.vodMainCntList .leftArea .themeVodArea li{padding-left:12px;background:url(/images/vod/bul_dot1.gif) 3px 50% no-repeat;}
.vodMainCntList .leftArea .themeVodArea li a{color:#fff;}

.vodMainCntList .mediaStitArea{position:relative;margin:0 auto;padding-left:22px;width:483px;height:23px;background:url(/images/vod/bg_mediaStitArea.gif) no-repeat;}
.vodMainCntList .mediaStitArea h4{color:#95e5ff;font-weight:normal;line-height:22px;}
.vodMainCntList .mediaStitArea a{position:absolute;top:4px;right:12px;}

.vodMainCntList .mediaTit{padding:4px 0 2px 0;}
.vodMainCntList .mediaTit2{padding:4px 0 10px 0;}
.vodMainCntList .mediaList{padding-bottom:10px;overflow:hidden;zoom:1;}
.vodMainCntList .mediaList li{padding:9px;width:114px;overflow:hidden;float:left;line-height:15px;position:relative;font-size:11px;}
.vodMainCntList .mediaList li img{display:block;}
.vodMainCntList .mediaList li .bgImg{position:absolute;top:9px;left:9px;}
.vodMainCntList .mediaList li .sumImg{padding:1px;width:112px;height:85px}
.vodMainCntList .mediaList li p{margin-top:7px;}
.vodMainCntList .mediaList li a{color:#fff;line-height:15px;font-size:11px;}
.vodMainCntList .mediaList li strong{font-weight:normal;color:#95e5ff;display:block;line-height:15px;}
.vodMainCntList .mediaList li a span{color:#fff899;}

.vodMainCntList .rightArea{position:absolute;top:0px;right:5px;width:212px;}
.vodMainCntList .rightArea h3{height:38px;margin:0px;padding:0;background:url(/images/vod/vodMain_tagBg1.jpg) no-repeat;}
.vodMainCntList .rightArea h3 img{padding-top:16px;margin-left:-15px}

.tagList{background:url(/images/vod/vodMain_tagBg2.jpg) no-repeat 0 bottom;width:173px;padding:15px 17px 25px 17px;overflow:hidden;float:left;}
.tagList li{height:20px;padding:0 5px;display:inline;overflow:hidden;}
.tagList li.levelType1 a{font-size:11px;color:#fff;}
.tagList li.levelType2 a{font-size:13px;font-weight:bold;color:#000;text-decoration:underline;}
.tagList li.levelType3 a{font-size:14px;font-weight:bold;color:#fff899;}
.tagList li.levelType4 a{font-size:14px;font-weight:bold;color:#fff899;background:#39839f;}


/* roundBox */
.mainroundBoxCnt{width:564px;overflow:hidden;background:url(/images/vod/mainroundBox_cnt.gif) left repeat-y;}
.mainroundBoxBtm{width:100%;overflow:hidden;background:url(/images/vod/mainroundBox_btm.gif) left bottom no-repeat;}
.mainroundBoxTop{padding:13px 17px 17px 17px;overflow:hidden;background:url(/images/vod/mainroundBox_top.gif) left top no-repeat;}

.roundBoxCnt{width:207px;overflow:hidden;background:url(/images/vod/roundBox_cnt.gif) left repeat-y;position:relative;}
.roundBoxBtm{width:100%;overflow:hidden;background:url(/images/vod/roundBox_btm.gif) left bottom no-repeat;}
.roundBoxTop{padding:13px 17px 17px 17px;overflow:hidden;background:url(/images/vod/roundBox_top.gif) left top no-repeat;}