@charset "utf-8";

/* vod 서비스창 CSS */
html {overflow-y:scroll}
body {margin:0;padding:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.wrap {  margin:0 auto;   width:100% ;}
.clear { clear:both;}
.inner { width:989px; height:490px; margin:0 auto;  position:relative; background-color:#2d394e}


#vod-wrap {width:990px;height:490px;background:url('./img/vod_bg.jpg') #ffffff repeat-x}
/* vod 서비스 영상뷰어부분 */
.vod-contacts { width:642px; height:362px;;
  position:absolute;
  border:1px solid #000000;
  top:73px;
  left:9px;
}
/* vod 서비스 상단 로고이미지 png로 작업 할것 */
.vod-logo { width:160px; height:48px;background-image:url('./img/logo.png');
  position:absolute;
  top:12px;
  left:22px;
}
/* vod 서비스 하단 카피라이트 이미지 png로 작업 할것 */
.vod-copytail { width:368px; height:23px;background-image:url('./img/copy_tail.png');
  position:absolute;
  top:450px;
  left:294px;
}
/* vod 서비스 오른쪽 리스트의 외부 박스(왼쪽,오른쪽1PX씩 검은색 넣어줌 */
.vod-box { width:320px;
border-left:1px solid #000000;
border-right:1px solid #000000;
  position:absolute;
  top:45px;
  left:659px;
}
/* vod 서비스 오른쪽 리스트의 상단 타이틀 */
.vod-ti { width:320px; height:22px;background-image:url('./img/list_ti_bg.jpg');
  position:relative;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
}
/* vod 서비스 오른쪽 리스트의 내부(LATEST 스킨을적용 */
.vod-list { width:320px; height:71px; background:#192433;
  position:relative;
  border-top:1px solid #26374e;
  border-bottom:1px solid #000000;
}
/* vod 서비스 오른쪽 리스트의 내부(LATEST 스킨을적용)IMG가 나오는 부분 */
.vod-img{
  border:1px solid #000000;
  position:absolute;
  top:9px;
  left:9px;
}
/* vod 서비스 오른쪽 리스트의 내부(LATEST 스킨을적용)글을 간격 색깔을 지정 */
.vod-last ul{ list-style:none; padding:0; margin:0; 
  position:absolute;
  color:#d7d7d7;
  line-height:1.4em;
  top:14px;
  left:110px;
  }


#vod_view {width:560px;height:300px;background:#ececec;}
#vod_view .vod_bg {padding:10px;   background-color:#ffffff;}

/*########################################################################*/