@charset "euc-kr";
#body {text-align:center; background:#e8e8ea url("http://img.imbc.com/2010_main/images/bg_main_header.gif") repeat-x}
.wrapper {overflow:hidden; width:100%}
#header {position:relative; z-index:20; width:990px; margin:0 auto; text-align:left}
.content-layout {overflow:hidden; position:relative; z-index:10; width:990px; margin:0 auto; padding-bottom:35px; text-align:left; background:#fff}
#footer {overflow:hidden; width:990px; margin:0 auto}
.player-layout {overflow:hidden; width:954px; *width:990px; height:533px; padding:0 16px 0 20px; background:#232328 url("http://vodmall.imbc.com/player/images/bg-player.jpg") no-repeat}
.list-layout {overflow:hidden; width:950px; *width:990px; padding:20px 20px 0; background:url("http://vodmall.imbc.com/player/images/bg-vod-list.jpg") repeat-x}
.list-grid {overflow:hidden; float:left; width:690px; margin-right:10px}
.side-grid {overflow:hidden; float:left; width:250px}
/* @ PLAYER INFO */
.state-view {display:block; position:absolute; z-index:100; width:150px; height:50px; line-height:50px; text-align:center; color:#000; background:#fff}
.btn-submit {display:block; position:absolute; z-index:200}
.notice-grid {overflow:hidden; position:relative; height:26px; *height:40px; padding:14px 0 0 34px; color:#a1a1a1; line-height:1.333}
.notice-grid h2 {position:absolute; left:0; top:11px; width:29px; height:19px; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -1028px}
.notice-grid .link {margin-left:13px; font-size:11px; color:#a1a1a1}
.player-wrap {overflow:hidden; float:left; width:681px; height:431px; margin:0 14px 15px 0}
.video-wrap {margin:0 auto; text-align:left; width:681px; height:431px; background:#000000}
.video-player object, .video-player video {position:relative; width:681px; height:431px}
.vod-content-primary {overflow:hidden; position:relative; float:left; width:259px; margin-bottom:5px; color:#a1a1a1; line-height:1.55}
.vod-content-primary h3 {overflow:hidden; width:220px; height:20px; *height:23px; padding:3px 0 0 5px; color:#8d8d8d; font-weight:bold; line-height:1.333; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis}
.vod-content-primary .txt-info {overflow:hidden; height:25px; padding-left:5px; color:#8d8d8d}
.vod-content-primary .vod-date {margin-left:8px}
.vod-content-primary .txt-info em {margin-right:15px}
.vod-content-primary .button-homepage {display:block; position:absolute; right:0; top:0; width:27px; height:21px; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 0}
.vod-content-primary .txt-detail {overflow:hidden; position:relative; overflow-y:auto; -webkit-overflow-scrolling:touch; width:249px; *width:259px; height:318px; *height:336px; padding:18px 5px 0; line-height:1.8; background:url("http://vodmall.imbc.com/player/images/bg-vod-content.gif") repeat-x; scrollbar-face-color:#232328; scrollbar-3dlight-color:#232328; scrollbar-highlight-color:#36363c; scrollbar-shadow-color:#36363c; scrollbar-darkshadow-color:#232328; scrollbar-arrow-color:#3c3c42; scrollbar-track-color:#232328}
.vod-content-primary .txt-detail p {overflow:hidden; width:235px; line-height:1.8; color:#8d8d8d}
.vod-content-primary .txt-detail em {display:block; margin-bottom:18px; font-weight:bold}
.vod-content-primary .txt-detail p {margin-bottom:18px}
.vod-content-primary .txt-detail::-webkit-scrollbar {width: 12px}
.vod-content-primary .txt-detail::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
.vod-content-primary .txt-detail::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)}
.button-vod-primary {overflow:hidden; width:253px; *width:259px; padding:15px 0 0 6px; background:url("http://vodmall.imbc.com/player/images/bg-vod-content.gif") repeat-x}
.button-vod-primary .button {display:block; float:left; width:82px; height:30px; margin-right:1px; padding:0; border:0; text-indent:-9999px; cursor:pointer}
.button-vod-primary .button-view {background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -534px}
.button-vod-primary .button-down {background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -374px}
.button-vod-primary .button-free {background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -454px}
.bar-banner {overflow:hidden; width:675px; *width:680px; height:35px; padding-left:5px}
.vod-content-primary .btn-txt-more {display:inline-block; overflow:hidden; width:17px; height:11px; margin:2px 0 0 5px; padding:0; border:0; vertical-align:top; cursor:pointer; text-indent:-9999px; background:url("images/btn-txt-more.gif") no-repeat}
#loading {position:absolute; left:50%; top:170px; width:34px; height:34px; margin:0 0 0 -17px}
.mobile-loading {background:url("images/loding.png") no-repeat; -webkit-animation:spin 500ms linear infinite;-moz-animation:spin 500ms linear infinite;-o-animation:spin 500ms linear infinite;animation:spin 500ms linear infinite}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(359deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(359deg)}}@-o-keyframes spin{100%{-moz-transform:rotate(359deg)}}@keyframes spin{100%{transform:rotate(359deg)}}
/* @ VOD LIST */
.vod-list-wrap {overflow:hidden; position:relative; width:690px; margin-bottom:25px}
.vod-list-wrap h2 {overflow:hidden; height:34px; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -695px}
.modal-sort {position:absolute; right:1px; top:11px}
.modal-sort .button {overflow:hidden; padding:0; border:0; cursor:pointer; line-height:1.333; font-size:11px; letter-spacing:-1px; font-family:"Dotum"; color:#666678; text-align:left}
.modal-sort .button-sort-latest {width:47px; margin-right:9px; background:url("http://vodmall.imbc.com/player/images/bg-sort-bar.jpg") no-repeat right 1px}
.modal-sort .button-sort-asc {width:75px}
.modal-sort .sort-on {font-weight:bold}
.tb-vod {width:690px}
.tb-vod th {height:33px; border-top:1px solid #69696a; border-bottom:1px solid #69696a; text-indent:-9999px}
.tb-vod .th-no {width:62px; border-left:1px solid #69696a; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -945px}
.tb-vod .th-date {width:89px; border-left:1px solid #69696a; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -862px}
.tb-vod .th-content {border-right:1px solid #69696a; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -779px}
.tb-vod td {height:56px; border-bottom:1px solid #d8d8d8; color:#666678; text-align:center}
.tb-vod .txt {overflow:hidden; padding:0 15px; line-height:1.333; letter-spacing:-1px; text-align:left;color:#555}
.tb-vod .txt a {display:block; overflow:hidden; width:506px; cursor:pointer}
.tb-vod .txt em {display:block; overflow:hidden; width:506px; font-weight:bold; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis}
.tb-vod .detail {display:none; overflow:hidden; width:506px; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;max-height:30px;}
.tb-vod .vod-on {background:#f3f3f3}
.vod-page-navi {overflow:hidden; position:relative; width:690px; height:21px; *height:40px; padding-top:19px; text-align:center; background:url("http://vodmall.imbc.com/player/images/bg-vod-page-navi.jpg") repeat-x}
.vod-page-navi .button-all {display:block; position:absolute; right:0; top:16px; width:80px; height:25px; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -299px}
.vod-page-navi a {display:inline-block; min-width:18px; width:18px; height:14px; line-height:1.333; color:#5e5b5b; font-size:12px; text-align:center}
.vod-page-navi a b {color:#5e5b5b; font-weight:bold; text-decoration:underline}
.vod-page-navi .page-on {font-weight:bold; text-decoration:underline}
.vod-page-navi .button {overflow:hidden; position:relative; top:3px; min-width:11px; padding:0; border:0; line-height:9999px}
.vod-page-navi .back {width:6px; min-width:6px; height:7px; margin:0 3px 0 10px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -242px}
.vod-page-navi .d_back {width:9px; min-width:9px; height:7px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -128px}
.vod-page-navi .forward {width:6px; min-width:6px; height:7px; margin:0 10px 0 3px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -185px}
.vod-page-navi .d_forward {width:9px; min-width:9px; height:7px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -71px}
/* @ FREE */
.vod-free-wrap {overflow:hidden; width:688px; *width:690px; height:218px; *height:220px; border:1px solid #d5d5d5}
.vod-free-wrap h2 {overflow:hidden; height:31px; margin-bottom:27px; text-indent:-9999px; background:url("http://vodmall.imbc.com/player/images/sprite-onair.png") no-repeat 0 -614px}
.vod-free-wrap ul {overflow:hidden; width:674px; *width:688px; padding-left:14px}
.vod-free-wrap ul li {overflow:hidden; float:left; width:160px; margin-right:6px; line-height:1.45; color:#666678}
.vod-free-wrap .thumb {display:block; overflow:hidden; width:158px; *width:160px; height:88px; *height:90px; margin-bottom:12px; border:1px solid #d8d8d8}
.vod-free-wrap .thumb img {vertical-align:top}
.vod-free-wrap .txt {display:block; padding:0 7px}
/* @ SIDE GRID */
.ad250 {overflow:hidden; width:250px; height:250px; margin-bottom:20px}
.vod-ticket-wrap {overflow:hidden; width:248px; *width:250px; height:185px; *height:187px; border:1px solid #d5d5d5}
.vod-ticket-wrap h2 {height:21px; *height:30px; padding:8px 0 0 9px; color:#555; font-weight:bold; letter-spacing:-1px; line-height:1.333; border-bottom:1px solid #d5d5d5; background:#f4f4f4}
.ticket-list {overflow:hidden; width:233px; *width:248px; margin-bottom:3px; padding:0 7px 0 8px}
.ticket-list li {height:26px; margin-bottom:3px; border-bottom:1px solid #d5d5d5; text-indent:-9999px}
.ticket-list li a {display:block; height:26px}
.ticket-vod30 {background:url("http://vodmallimg.imbc.com/vodimg/vvod11.jpg") no-repeat}
.ticket-vod7 {background:url("http://vodmallimg.imbc.com/vodimg/vod_2.jpg") no-repeat}
.ticket-vod1 {background:url("http://vodmallimg.imbc.com/vodimg/vod_3.jpg") no-repeat}
.ad-list {overflow:hidden; width:233px; *width:248px; padding:0 7px 0 8px}
.ad-list li {float:left; overflow:hidden; width:118px; *width:125px; margin-bottom:3px; padding:0 0 0 7px; color:#555; font-size:11px; line-height:1.333; letter-spacing:-1px; background:url("http://vodmall.imbc.com/http://vodmall.imbc.com/player/images/bullet.gif") no-repeat 0 5px}
.ad-list li.top {width:108px; margin-bottom:0; padding:0; background:none; text-align:center}
.ad-list li.top img {display:block; margin:0 auto 6px}
/* Paging */
.masterPaging {clear:both; border:0; text-align:center !important}
.masterPaging img {vertical-align:top}
.masterPaging ul {display:inline; width:auto !important}
.masterPaging li {float:none !important; display:inline; padding:0 !important; width:19px !important; margin:0px 4px !important}
.masterPaging ul li a {display:inline-block; width:17px; *width:19px; height:17px; *height:19px; line-height:19px !important; border:1px solid #d1d1d1; text-align:center; color:#4b4b4b; margin:0 4px; padding:0 !important}
.masterPaging ul li a.current {border:1px solid #632661}
.masterPaging ul li a:hover {border:1px solid #632661}
.masterPaging .off {display:none}
.block {position:relative; margin-top:10px; height:185px; *height:187px; border:1px solid #d5d5d5; font-size:11px; overflow:hidden;}
.block .view_all {position:absolute; top:0px; right:10px; font-size:11px; line-height:29px;}
.block h2 {background:#f4f4f4; line-height:29px; padding-left:10px; border-bottom:1px solid #d5d5d5; letter-spacing:-0.1em;}
.block h3 {background:#f4f4f4; line-height:29px; padding-left:10px; border-bottom:1px solid #d5d5d5; letter-spacing:-0.1em;}
.block h2.full {padding-left:17px;}
.block .headline {background:#f4f4f4; line-height:30px; height:30px; border-bottom:1px solid #d5d5d5;}
.block .headline h2 {background:none; border:0; float:left; display:inline; margin-right:20px;}
.block .headline h3 {background:none; border:0; float:left; display:inline; margin-right:20px;}
.block .headline .salemsg {float:left; font-size:11px;}
.block .headline .view_all {position:static; float:right; margin-right:20px;}
.block_250 {min-height:250px; height:auto; *height:250px;}
.playicon {width:32px !important; height:32px !important; position:absolute; left:5px; top:50px; border:0}
#buy.block {height: 264px;*height: 264px;}
#buy.block h3 {height: 28px;background:#f4f4f4; line-height:31px; padding-left:10px; border-bottom:1px solid #d5d5d5; letter-spacing:-0.1em;font-weight: bold;}
#buy #feature {padding:8px 0;text-align:left; margin:0 2px;}
#buy #feature li {width:233px;margin:0 auto; *margin:0;border:0;}
#buy #feature li:nth-child(3n){padding-bottom: 3px;margin-bottom: 5px;border-bottom:1px solid #d5d5d5;}
#buy #feature li img {width:223px;height:23px;}
#buy #feature li a {display:block;padding:0 5px 0 6px;font-size:11px;line-height: 23px;}
#buy #square {float:left; display:inline; width:77px; height:33px; margin-left:17px;}
#buy #square .textTitle {display:block; font-size:11px; text-align:center; margin-top:5px}
#buy #etc{margin-top: 2px;}
#buy #etc li {font-size:11px;margin-left:110px; *margin-left:112px; }
#buy #etc li a {background:url(http://vodmall.imbc.com/images/bullet.gif) left no-repeat; padding-left:10px; float:left; display:inline; text-align:left; width:115px; *width:125px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:11px;line-height: 16px;}