@charset "euc-kr"; .programMenu { border:1px solid #d6d6d6; margin-bottom: 12px; } .programMenu h3.title { width:158px; height:41px; background:url(/img/mtn/program/menu_program_title.gif); text-indent:-1000em; } .programMenu ul.first { margin:0 10px } .programMenu ul.first a { color:#333333;} .programMenu li { font-weight:bold; line-height:2.5; border-bottom: 1px solid #eaeaea; font-size:14px;} .programMenu li.noline { border-bottom: 0px;} .programMenu li.gap { padding-bottom:10px; } .programMenu li i.bullet {display:inline-block; *display:inline;*zoom:1; padding-right:2px;background:url(/img/mtn/program/sprite_bullet.gif) no-repeat -5px -30px; width:3px; height:7px; vertical-align:middle; } .programMenu li a { margin-left:0px; } .programMenu li.on { color:#da1f26 } .programMenu li.on .bullet { background-position:0 -30px;} .programMenu .second h4.title { width:158px; height:32px; background:url(/img/mtn/program/menu_program_title_sub01.gif); text-indent:-1000em; } .programMenu .second li { padding-left:10px; font-size:13px;} .programMenu .third li { margin:0; padding:4px 7px; background-color:#f8f8f8;} .programMenu .third li .plus {display:inline-block; *display:inline;*zoom:1; background:url(/img/mtn/program/sprite_bullet.gif) no-repeat 0 -16px; width:12px; height:12px; vertical-align:middle; margin:0 0 0 5px;} .programMenu .third li select { width:110px; font-size:12px;} .programMenu .third li a, .programMenu .third li p { font-size:14px;color:#000000;font-weight:bold } .programMenu .third li p select { font-size:11px } /**13년 1월 28일 프로그램전체보기 추가**/ .programMenu p.allview {background:#f8f8f8; width:142px; height:20px; border-bottom:1px solid #d6d6d6; margin-top:-1px; padding:8px;letter-spacing:-1px } .programMenu p.allview a { color:#d80808;font-size:14px;font-weight:bold } .programMenu p.allview img {margin:2px 0 0 7px;} .programMenu p.allview .plus {display:inline-block; *display:inline;*zoom:1; background:url(/img/mtn/program/sprite_bullet.gif) no-repeat 0 -16px; width:12px; height:12px; vertical-align:middle; margin:0 0 0 5px;} .programMenu p.allview .bullet {display:inline-block; *display:inline;*zoom:1; background:url(/img/mtn/program/sprite_bullet.gif) no-repeat -5px -30px; width:3px; height:6px; vertical-align:middle; margin:5px 0 0 2px;} .programMenu p.allview a:hover { text-decoration:none;} .programMenu .third li.supply a:hover { text-decoration:none;} #submenu {display:none; position:absolute; background-color:#FFF;border:1px solid #ccc; z-index:999; min-width:150px;} #submenu .title { margin:4px; padding-left:5px; color:#ec120d; font-size:11px; border-bottom:2px solid #eaeaea; line-height:30px;} #submenu .close { position:absolute; top:10px; right:4px; } #submenu ul {margin:0px; padding:0px;} #submenu ul li.mid { margin:0 8px; font-weight:bold; font-size:13px; line-height:25px; } #submenu ul li.sub { margin:0 8px; line-height:20px;} #submenu ul li.sub .bullet { display:inline-block; *display:inline;*zoom:1; background:url(/img/mtn/program/sprite_bullet.gif) no-repeat 0 -38px; width:2px; height:2px; vertical-align:text-top; margin-top:5px;} #submenu ul li.divider { margin:5px 0;height:1px; background: url(/img/mtn/program/bg_dot_divider.gif) repeat-x; } #embedPlayer {float:left;background-color:#282828;height:380px; width:795px; margin:0 0 10px 25px; background:url(/img/mtn/program/bg_embed_player.gif);} #embedPlayer #vodArea {float:left;width:495px; height:368px; margin:6px 5px 6px 6px; } #embedPlayer #vodArea #flashPlayer {margin:8px 7px 0;} #embedPlayer #vodArea .bottom {} #embedPlayer #vodArea .bottom .title { float:left; width:370px; margin-left:10px; padding-top:8px; color:#fff; font-size:14px; font-weight:bold; text-overflow:ellipsis; overflow:hidden;"> } #embedPlayer #vodArea .bottom a#btnSchedule { float:right; width:83px; height:24px; background: url(/img/mtn/program/sprite_player.gif) no-repeat -125px -168px; text-indent:-1000em; margin:8px;} #embedPlayer #channelArea {position:relative; float:left; width:283px; height:368px; color:#fff;} #embedPlayer #channelArea ul.tab, #channelArea ul.tab li {margin:0;padding:0} #embedPlayer #channelArea ul.tab li {list-style:none; float:left; width:95px; height:33px; background:url(/img/mtn/program/sprite_player.gif) no-repeat; margin-top:6px; margin-left:-1px;text-indent:-1000em;} #embedPlayer #channelArea ul.tab li.on {width:95px; background-position:0 -34px} #embedPlayer #channelArea .page { position:absolute; right:10px; top:47px; color:#ff9600; font-size:10px; font-weight:bold;} #embedPlayer #channelArea .vodlist { position:absolute; left:10px; top:65px; width:264px;height:268px; overflow-y:scroll;} #embedPlayer #channelArea .vodlist li {float:left; padding:10px 6px;} #embedPlayer #channelArea .vodlist li.dark { background-color:#252525 } #embedPlayer #channelArea .vodlist li .thumb { float:left; border:1px solid #cbcbcb; } #embedPlayer #channelArea .vodlist li .desc { float:left; margin-left:6px; width:168px; line-height:16px;} #embedPlayer #channelArea .vodlist li .desc a { color:#fff } #embedPlayer #channelArea .vodlist li .desc .date { font-size:11px; color:#848892; } #embedPlayer #channelArea .recent .vodlist { display:block;} #embedPlayer #channelArea .best .vodlist { display:none;} #embedPlayer #channelArea .stock .vodlist { display:none;} #embedPlayer #channelArea .recent h5 { position:absolute; left:0; top:6px; width:95px; height:33px; background:url(/img/mtn/program/sprite_player.gif) no-repeat left top; text-indent:-1000em; cursor:pointer;} #embedPlayer #channelArea .recent h5.on { background-position:0 -34px;} #embedPlayer #channelArea .best h5 { position:absolute; left:94px; top:6px; width:95px; height:33px; background:url(/img/mtn/program/sprite_player.gif) no-repeat -94px 0; text-indent:-1000em; cursor:pointer;} #embedPlayer #channelArea .best h5.on { left:94px; background-position:-95px -34px;} #embedPlayer #channelArea .stock h5 { position:absolute; left:189px; top:6px; width:95px; height:33px; background:url(/img/mtn/program/sprite_player.gif) no-repeat -188px 0; text-indent:-1000em; cursor:pointer;} #embedPlayer #channelArea .stock h5.on { left:188px; background-position:-190px -34px;} #embedPlayer #channelArea #proDetail { width:266px; height:293px; margin-left:10px; text-align:left; } #embedPlayer #channelArea #proDetail h5 {position:absolute; left:0; top:6px; background:url(/img/mtn/program/sprite_player.gif) no-repeat 0 -68px; width:141px; height:33px; cursor:hand;cursor:pointer;text-indent:-1000em } #embedPlayer #channelArea #proDetail h5.on {background-position:0 -102px; width:142px;text-indent:-1000em } #embedPlayer #channelArea #proDetail .txtBox {position:absolute; left:15px; top:50px; width:254px; height:282px; overflow-y:auto;} #embedPlayer #channelArea #proDetail .proTitle {font-weight:bold; color:#ffce7d; font-size:14px; background:url(/img/popup/line_dot_gray3.gif) repeat-x left bottom; height:26px;} #embedPlayer #channelArea #proDetail table {width:232px; margin-top:12px;} #embedPlayer #channelArea #proDetail th {width:50px; padding:0 5px 12px 0; border-right:solid 1px #424548; font:11px 돋움, Dotum;line-height:130%; vertical-align:top; color:#888;} #embedPlayer #channelArea #proDetail td {padding:0 0 12px 10px; font-size:11px; line-height:130%; color:#BBB; border:0;} #recommVod { float:left;width:793px;margin:-10px 0 20px 25px;border:1px solid #151515;background:#363539 } #recommVod h3 { padding:10px 0 0 10px;color:#ffb400;font-size:16px;font-weight:bold } #recommVod ul { overflow:hidden;margin:10px 24px 10px 24px } #recommVod li { position:relative;float:left;width:170px;margin:0 8px; height:150px; } #recommVod li a.thumb { display:inline-block;width:170px;height:100px;background:url('/img/mtn/bg_vod_thumb.png') no-repeat 0 0 } #recommVod li a.thumb img { width:160px;height:90px;padding:5px } #recommVod li span { position:absolute;top:42px;left:78px } #recommVod li p { width:160px;margin-top:6px;line-height:1.5;font-size:12px } #recommVod li p a { color:#ffffff;text-decoration:none } #recentVod { } #recentVod h5 {position:absolute; left:142px; top:6px; background:url(/img/mtn/program/sprite_player.gif) no-repeat -141px -68px; width:141px; height:33px; cursor:hand;cursor:pointer ;text-indent:-1000em} #recentVod h5.on {left:141px; background-position:-142px -102px; width:142px;text-indent:-1000em } #onAirLink {position:absolute; left:9px; bottom:3px;} #onAirLink h5 { float:left; background: url(/img/mtn/program/sprite_player.gif) no-repeat 0 -139px; width:84px; height:24px; text-indent:-1000em; } #onAirLink a.btnTv { float:left; background: url(/img/mtn/program/sprite_player2.gif) no-repeat -84px -139px; width:91px; height:24px; text-indent:-1000em;} #onAirLink a.btnRadio { float:left; background: url(/img/mtn/program/sprite_player2.gif) no-repeat -175px -139px; width:90px; height:24px; text-indent:-1000em;} #contentsBody .roundbox { float:left; width:530px; height:126px; margin-top:10px; border:1px solid #dcdcdc;border-radius:10px/* background: url(/img/mtn/program/bg_rounded_box.png) no-repeat top left; */} #contentsBody .roundbox h5 { } #contentsBody .roundbox .content { margin:8px 7px;} #contentsBody .content .thumb {float:left; position:relative;border:1px solid #f0f0f0 } /* #contentsBody .card .thumb .detail {position:absolute; left:0px; bottom:0px; width:146px; height:28px; background-color:#000; filter: alpha(opacity:'50'); text-align:center;} */ #contentsBody .content .thumb .detail {position:absolute; left:0px; bottom:0px; width:146px; height:28px; background:url(/img/mtn/program/bg_transparency.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/mtn/program/bg_transparency.png",sizingMethod="scale"); text-align:center;} #contentsBody .content .thumb .detail img { margin-top:3px; } #contentsBody .content .info {float:left; margin-left:7px; width:360px; } #contentsBody .content .info dt { line-height:25px; background: url(/img/mtn/program/bg_dot_divider.gif) repeat-x bottom left; font-size:13px;} #contentsBody .content .info dt img { /* margin-top:8px; */ } #contentsBody .content .info dt .subject { color:#d10818; font-weight:bold; } #contentsBody .content .info dd { font-size:12px;line-height:2.2 } #contentsBody .content .info ul { background-color:#f5f5f5; padding:5px; } #contentsBody .content .info li { line-height:16px; padding-left:5px; font-size:11px;} #contentsBody .content .info li i.bullet { display:inline-block; *display:inline;*zoom:1; background:url(/img/mtn/program/sprite_bullet.gif) no-repeat 0 -38px; width:2px; height:2px; vertical-align:middle;} #contentsBody .content .info table { border:1px solid #dcdcdc; border-collapse:collapse;} #contentsBody .content .info table th { font-weight:bold; border-bottom:1px solid #dcdcdc; background-color:#f5f5f5; line-height:26px;text-align:center } #contentsBody .content .info table td { padding-left:10px; border-bottom:1px solid #dcdcdc; } #contentsBody .tabArea { height:27px; margin-bottom:15px; } #contentsBody .tabArea li {float:left;} #proCon { float:left; width:530px; margin-top:30px;} #proMake { float:left; width:530px; margin:30px 0;} #proCon h3 { line-height:30px; background: url(/img/mtn/program/txt_program_title_01.gif) no-repeat; text-indent:-1000em; } #proMake h3 {line-height:30px; background: url(/img/mtn/program/txt_program_title_02.gif) no-repeat; text-indent:-1000em;} #broadcastList h3.title { line-height:30px; border-bottom:2px solid #d7d7d7; background: url(/img/mtn/program/txt_program_info.gif) no-repeat; text-indent:-1000em;} /*#broadcastList h3 .bullet { display:inline-block; *display:inline;*zoom:1; background:url(/img/mtn/program/sprite_bullet.gif) no-repeat top left; width:14px; height:14px; }*/ #comment { float:left; width:530px; margin-bottom:30px;border:1px solid #cccccc; background-color:#f7f7f7; } #comment .writeBox { margin:10px; } #comment .writeBox textarea { float:left; width:435px; height:38px; border:1px solid #e5e5e5;} #comment .writeBox input { float:left; margin-left:5px;} #comment .writeBox p {color:#666666; font-size:12px; letter-spacing:-1px; line-height:30px;} #comment .writeBox .guide { letter-spacing:-1px; font-size:12px;font-weight:bold } #comment .writeBox .guide a { text-decoration:underline; color:#263b76; } #comment .listBox { margin:10px; border:1px solid #e5e5e5; background-color:#ffffff;} #comment .listBox ul { margin:0; padding:0; } #comment .listBox ul li { margin:10px; } #comment .listBox ul li p {line-height:20px;} #comment .listBox ul li.divider { margin:5px 0;height:1px; background: url(/img/mtn/program/bg_dot_divider.gif) repeat-x; } #comment .listBox ul li.reply { margin-left:20px; } #comment .listBox ul li.more { margin:0 auto; } #comment .listBox .writer { font-size:11px; color:#647aa9; font-weight:bold; } #comment .listBox .bar { color:#b9b9b9; } #comment .listBox .time { font-size:11px; color:#b9b9b9 } #comment .listBox .del { font-size:10px; color:#b9b9b9; cursor:pointer; float:right;} #comment .listBox .message { color:#333333; } #supply { position:relative; background: url(/img/mtn/program/bg_supply_title.gif) no-repeat; width:530px; height:76px; margin-bottom:20px; } #supply .title {text-indent:-1000em;} #supply a {position:absolute; top:25px; right:15px;} #contentsBody table.board { float:left; width:530px; margin:0; padding:0} #contentsBody table.col3 thead { } #contentsBody table.col4 thead {background: url(/img/mtn/program/bg_list_header_col4.gif) no-repeat; } #contentsBody table.col5 thead { } #contentsBody table.board thead th { height:30px; text-indent:-1000em; } #contentsBody table.col3 thead th { background: url(/img/mtn/program/bg_list_header_col3re.gif) no-repeat;} #contentsBody table.col3 thead th.no { width:58px; background-position:0px 0px;} #contentsBody table.col3 thead th.title { width:350px; background-position:-70px 0;} #contentsBody table.col3 thead th.vod { width:80px; background-position:-445px 0;} #contentsBody table.col5 thead th { background: url(/img/mtn/program/bg_list_header_col5.gif) no-repeat;} #contentsBody table.col5 thead th.no { width:70px; background-position:0px 0px;} #contentsBody table.col5 thead th.title { width:270px; background-position:-70px 0;} #contentsBody table.col5 thead th.writer { width:70px; background-position:-348px 0;} #contentsBody table.col5 thead th.date { width:60px; background-position:-412px 0;} #contentsBody table.col5 thead th.hits { width:58px; background-position:-474px 0;} #contentsBody table.board td { line-height:31px; text-align:center; border-bottom:1px solid #dddddd;} #contentsBody table.board td.subject { padding-left:10px; text-align:left;} #contentsBody table.read { float:left; width:530px; border-bottom: 1px solid #ccc; margin:0; padding:0} #contentsBody table.read thead { background: url(/img/mtn/program/bg_board_read_header.gif) no-repeat; } #contentsBody table.read thead th { margin:0; padding:0; height:30px; text-indent:-1000em; } #contentsBody table.read tbody td {line-height:20px; } #contentsBody table.read tbody .contents { padding:10px; overflow:hidden;} #contentsBody table.read tbody .contents img { max-width:500px; height:auto;} #contentsBody .readArea {display:none;} #contentsBody .readArea table { float:left; width:530px; } #contentsBody .readArea #btnList {float:right; margin:10px 10px;} #contentsBody .readArea #viewNick { width:55px; overflow:hidden; } #contentsBody .readArea .readHead { float:left; width:530px; background: url(/img/mtn/program/bg_board_read_header.gif) no-repeat; } #contentsBody .readArea .readHead li { float:left; line-height:30px; margin:0; padding:0; } #contentsBody .readArea .readHead #viewTitle { width:260px; margin-left:70px; overflow:hidden;} #contentsBody .readArea .readHead #viewNick {width:70px; height:30px; margin-left:47px; overflow:hidden;} #contentsBody .readArea .readHead #viewDate {margin-left:40px; overflow:hidden; } #contentsBody .readArea .contents { padding:10px; overflow:hidden; border-bottom:1px solid #dddddd;} #contentsBody .readArea .contents img { max-width:500px; height:auto;} .boardArea {float:left;} .searchArea { margin:20px 0; line-height:37px; text-align:center; background-color:#f2f2f2; } .searchArea select { height:20px;} .searchArea .inputText { height:17px; line-height:17px;} .orderlist { float:left; margin-bottom:30px/* margin-top: 30px; */ } .section { float:left; width:170px;margin-right:10px; } .pad { padding-left:8px; } .section h3 { font-size:13px; color:#ffffff; margin-bottom:10px;background:#999999;padding:3px; font-weight:bold; } .section li { line-height: 2;letter-spacing:-1px } .darkScroll { scrollbar-arrow-color:#525658; scrollbar-3dlight-color:#18191a; scrollbar-darkshadow-color:#18191a; scrollbar-face-color:#383c3e; scrollbar-highlight-color:#383c3e; scrollbar-shadow-color:#383c3e; scrollbar-track-color:#202223; }