@charset "euc-kr"; /* font-face */ @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /*Box Style*/ .box_top_960 { background:url(/img/mtn/box_top_960.gif) no-repeat left bottom; height:7px; padding:0; margin:0; } .box_bg_960 { background:#dcdde0 url(/img/mtn/box_bg_960.gif) repeat-y left top; width:946px; height:293px; padding: 0 7px; } .box_bottom_960 { background:url(/img/mtn/box_bottom_960.gif) no-repeat left top; height:7px; padding:0; margin:0; } .box_top_650 { background:url(/img/mtn/box_top_650.gif) no-repeat left bottom; height:6px; padding:0; margin:0; } .box_bg_650 { background:#FFF url(/img/mtn/box_bg_650.gif) repeat-y left top; width:638px; padding: 0 6px; } .box_bottom_650 { background:url(/img/mtn/box_bottom_650.gif) no-repeat left top; height:6px; padding:0; margin:0; } .box_top_353 { background:url(/img/mtn/box_top_353.gif) no-repeat left bottom; height:6px; padding:0; margin:0; } .box_bg_353 { background-color:#f6f6f6; border-left:solid 1px #DDD; border-right:solid 1px #DDD; width:335px; padding: 0 8px; } .box_bottom_353 { background:url(/img/mtn/box_bottom_353.gif) no-repeat left top; height:6px; padding:0; margin:0; } .box_top_302 { background:url(/img/mtn/box_top_302.gif) no-repeat left bottom; height:6px; padding:0; margin:0; } .box_bg_302 { background-color:#f6f6f6; border-left:solid 1px #DDD; border-right:solid 1px #DDD; width:288px; padding: 0 6px; } .box_bottom_302 { background:url(/img/mtn/box_bottom_302.gif) no-repeat left top; height:6px; padding:0; margin:0; } .box_top_285 { background:url(/img/mtn/box_top_285.gif) no-repeat left bottom; height:6px; padding:0; margin:0; } .box_bg_285 { background-color:#FFF; border-left:solid 1px #DDD; border-right:solid 1px #DDD; width:271px; padding: 0 6px; } .box_bottom_285 { background:url(/img/mtn/box_bottom_285.gif) no-repeat left top; height:6px; padding:0; margin:0; } .box_top_152 { background:url(/img/mtn/box_top_152.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_bg_152 { background-color:#FFF; width:140px; padding: 0 6px; } .box_bottom_152 { background:url(/img/mtn/box_bottom_152.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_top_530 { background:url(/img/mtn/box_top_530.gif) no-repeat left bottom; height:6px; padding:0; margin:0; } .box_bg_530 { background-color:#FFF; border-left:solid 1px #CCC; border-right:solid 1px #CCC; width:510px; padding: 4px 9px; *padding: 4px 9px 0 9px; } .box_bottom_530 { background:url(/img/mtn/box_bottom_530.gif) no-repeat left top; height:6px; padding:0; margin:0; } .box_top_222 { background:url(/img/mtn/box_top_222.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_top_red { background:url(/img/mtn/box_top_red.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_top_red2 { background:url(/img/mtn/box_top_red2.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_top_242 { background:url(/img/mtn/box_top_242.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_bg_222 { background-color:#FFF; border-left:solid 1px #DDD; border-right:solid 1px #DDD; width:214px; padding: 0 3px; } .box_bottom_242 { background:url(/img/mtn/box_bottom_242.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_bottom_222 { background:url(/img/mtn/box_bottom_222.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_bottom_red222 { background:url(/img/mtn/box_bottom_red222.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_bottom_blue222 { background:url(/img/mtn/box_bottom_blue222.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_bottom_red { background:url(/img/mtn/box_bottom_red.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_bottom_red2 { background:url(/img/mtn/box_bottom_red2.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_bottom_540 { background:url(/img/mtn/box_bottom_540.gif) no-repeat left top; height:7px; padding:0; margin:0; } .box_top_w530 { background:url(/img/mtn/box_top_w530.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_bg_w530 { background-color:#FFF; border-left:solid 1px #DDD; border-right:solid 1px #DDD; width:516px; padding: 2px 6px; } .box_bottom_w530 { background:url(/img/mtn/box_bottom_w530.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_top_rw530 { background:url(/img/mtn/box_top_rw530.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_bg_rw530 { background-color:#FFF; border-left:solid 1px #f3bbaa; border-right:solid 1px #f3bbaa; width:510px; padding: 4px 9px; } .box_bottom_rw530 { background:url(/img/mtn/box_bottom_rw530.gif) no-repeat left top; height:4px; padding:0; margin:0; } .box_top_red530 { background:url(/img/mtn/box_top_red530.gif) no-repeat left bottom; height:3px; padding:0; margin:0; } .box_bg_red530 { background-color:#FFF; border-left:solid 1px #f3bbaa; border-right:solid 1px #f3bbaa; background-color:#fff0eb; width:510px; padding: 4px 9px; } .box_bottom_red530 { background:url(/img/mtn/box_bottom_red530.gif) no-repeat left top; height:3px; padding:0; margin:0; } .box_top_345 { background:url(/img/mtn/box_top_345.gif) no-repeat left bottom; height:6px; padding:0; margin:0; } .box_bg_345 { background-color:#FFF; border-left:solid 1px #CCC; border-right:solid 1px #CCC; width:333px; padding: 4px 5px; *padding: 0px 5px 0 5px; } .box_bottom_345 { background:url(/img/mtn/box_bottom_345.gif) no-repeat left top; height:6px; padding:0; margin:0; } .box_top_270 { background:url(/img/mtn/box_top_270.gif) no-repeat left bottom; height:7px; padding:0; margin:0; } .box_bg_270 { background-color:#f6f6f6; border-left:solid 1px #CCC; border-right:solid 1px #CCC; width:250px; padding: 4px 5px; *padding: 0px 5px 0 5px; } .box_bottom_270 { background:url(/img/mtn/box_bottom_270.gif) no-repeat left top; height:7px; padding:0; margin:0; } .box_top_n540 { background:url(/img/mtn/box_top_n540.gif) no-repeat left bottom; height:7px; padding:0; margin:0; } .box_bg_n540 { background-color:#f6f6f6; border-left:solid 1px #DDD; border-right:solid 1px #DDD; width:528px; padding: 4px 5px; *padding: 0px 5px 0 5px; } .box_bottom_n540 { background:url(/img/mtn/box_bottom_n540.gif) no-repeat left top; height:7px; padding:0; margin:0; } .box_top_75 { background:url(/img/mtn/box_top_75.gif) no-repeat left bottom; height:3px; padding:0; margin:0; } .box_bg_75 { background:#FFF url(/img/mtn/box_bg_75.gif) repeat-y left top; width:75px; padding: 0 6px; } .box_bottom_75 { background:url(/img/mtn/box_bottom_75.gif) no-repeat left top; height:3px; padding:0; margin:0; } .box_top_74 { background:url(/img/mtn/box_top_74.gif) no-repeat left bottom; height:3px; padding:0; margin:0; } .box_bg_74 { background:#FFF url(/img/mtn/box_bg_74.gif) repeat-y left top; width:74px; padding: 0 6px; } .box_bottom_74 { background:url(/img/mtn/box_bottom_74.gif) no-repeat left top; height:3px; padding:0; margin:0; } .box_top_75_2 { background:url(/img/mtn/box_top_75_2.gif) no-repeat left bottom; height:3px; padding:0; margin:0; } .box_bg_75_2 { background:#FFF url(/img/mtn/box_bg_75_2.gif) repeat-y left top; width:75px; padding: 0 6px; } .box_bottom_75_2 { background:url(/img/mtn/box_bottom_75_2.gif) no-repeat left top; height:3px; padding:0; margin:0; } .box_top_74_2 { background:url(/img/mtn/box_top_74_2.gif) no-repeat left bottom; height:3px; padding:0; margin:0; } .box_bg_74_2 { background:#FFF url(/img/mtn/box_bg_74_2.gif) repeat-y left top; width:74px; padding: 0 6px; } .box_bottom_74_2 { background:url(/img/mtn/box_bottom_74_2.gif) no-repeat left top; height:3px; padding:0; margin:0; } .box_top_fes870 { background:url(/img/mtn/box_top_fes870.gif) no-repeat left bottom; height:53px; padding:0; margin:0; } .box_top_fes870_2 { background:url(/img/mtn/box_top_fes870_2.gif) no-repeat left bottom; height:53px; padding:0; margin:0; } .box_bg_fes870 { background:#FFF url(/img/mtn/box_bg_fes870.gif) repeat-y left top; width:870px; padding: 0 8px; } .box_bottom_fes870 { background:url(/img/mtn/box_bottom_fes870.gif) no-repeat left top; height:24px; padding:0; margin:0; } .box_top_w750 { background:url(/img/mtn/box_top_w750.gif) no-repeat left bottom; height:4px; padding:0; margin:0; } .box_bg_w750 { background:#FFF url(/img/mtn/box_bg_w750.gif) repeat-y left top; width:750px; padding: 0 8px; } .box_bottom_w750 { background:url(/img/mtn/box_bottom_w750.gif) no-repeat left top; height:4px; padding:0; margin:0; } .button_none { border:0; background:none; } .button_none:active { border: 0; background:none; } /*Body*/ #mtnBody { clear:both; position:relative; width:980px; margin:0 auto } #mtnSubTop { width:960px; height:94px; background:url(/img/mtn/mtn_sub_topbg.jpg) no-repeat left bottom; margin:10px 0 0 10px; } #mtnSubTop #proTitle { width:96px; float:left; padding: 32px 0 0 15px; } #mtnSubTop #proTitle p { padding-bottom:6px; } #mtnSubTop #proLive { width:487px; float:left; padding:0; } #mtnSubTop #proLive .playBtn { float:left; width:73px; padding:46px 0 0 21px; } #mtnSubTop #proLive .playBanner { float:left; width:320px; height:64px; padding:15px 0 0 0; } #mtnSubTop #proLive .playBanner img { width:320px; height:64px; } #mtnSubTop #proLive .liveBtn { float:right; width:63px; padding:45px 0 0 0; } #mtnSubTop #proLive .liveBtn p { padding-bottom:3px; } #mtnSubTop #proList { width:362px; float:right; } /*온에어&편성표*/ #proList #onairFormation { height: 29px; margin: 2px 0 0 6px; } #proList #onairFormation img { vertical-align:top; } #proList #onairFormation #onAirTitle { float:left; width:172px; } #proList #onairFormation #onAir { float:left; width:111px; height:19px; background:url(/img/mtn/top_onair2.gif) no-repeat left top; margin:5px 0 0 0; } #proList #onairFormation #onAir ul { padding-left:40px; } #proList #onairFormation #onAir li { float: left; } #proList #onairFormation #onAir li a { float: left; height: 21px; font-size: 0; text-indent: -9999px; display: block; } #proList #onairFormation #onAir li.tv a { width:28px; } #proList #onairFormation #onAir li.radio a { width:43px; } #proList #onairFormation #formation { float: left; width:62px; height:19px; margin:5px 0 0 3px; } /*상단 프로그램 목록*/ #proList #list { width:352px; margin:0 10px 0 0; } #proList #list img { vertical-align:top; } #proList #listLeft { width:53px; height:45px; overflow:hidden; float:left; padding:5px 0 0 16px; } #proList #listRight { width:282px; float:right; padding: 5px 0 0 0; } #proList #listRight #listRight_box { width:282px; clear:right; } #proList #listRight #listRight_box .btn_pre { float:left; width:10px; height:45px; } #proList #listRight #listRight_box .btn_next { float:left; width:10px; height:45px; } #proList #listRight #listRight_box a.rollover img { border-width:0px; display:inline; } #proList #listRight #listRight_box a.rollover img.over { display:none; } #proList #listRight #listRight_box a.rollover:hover { border:0px; } #proList #listRight #listRight_box a.rollover:hover img { display:none; } #proList #listRight #listRight_box a.rollover:hover img.over { display:inline; } #proList #listRight .list { float:left; padding:6px 9px 0 10px; width:240px; } #proList #listRight .list li { line-height:160%; font:11px 돋움, Dotum; height:21px; overflow-y:hidden; } #proList #listRight .list li a { color:#DDD; } #proList #listRight .list li span.time { font:bold 10px tahoma; color:#fba500; } #mtnSubvodContents { width:960px; height:1%; background:url() repeat-y left 15px; margin:15px 0 0 10px; clear:both; } /* vod Center영역---------------------------------------------------------------------------------------------------- */ #vodBody { width:700px; float:left; background-color:#FFF; } #vodBody img { vertical-align:top; } #vodBody #subTitle { width:700px; height:44px; background:url(/img/mtn/titlebar_vodcenter.gif) no-repeat; padding-top:5px; padding-bottom:5px; } #vodBody #subTitle p { padding: 14px 0 0 30px; } #vodBody #broadcastList { width:700px; text-align:left; } #vodBody #broadcastList #list { width:345px; height:110px; float:left; padding-left:4px; padding-bottom:13px; } #vodBody #broadcastList #list #proThum { float:left; width:333px; } #vodBody #broadcastList #list .thumBox { width:333px; height:98px; } #vodBody #broadcastList #list2 { width:345px; height:110px; text-align:left; padding-left:4px; padding-bottom:13px; } #vodBody #broadcastList #list2 #proThum { float:left; width:333px; } #vodBody #broadcastList #list2 .thumBox { width:333px; height:98px; } #vodBody #vodList { padding: 15px 5px 0px 5px; padding-top:10px; } /* stock Center영역---------------------------------------------------------------------------------------------------- */ #stockBody { width:700px; float:left; background-color:#FFF; position:relative; } #stockBody img { vertical-align:top; } #stockBody #subTitle { width:700px; height:44px; background:url(/img/mtn/titlebar_stock.gif) no-repeat; padding-top:5px; padding-bottom:5px; } #stockBody #subTitle p { padding: 14px 0 0 30px; } #stockBody #subTitle1 { float:left; width:700px; height:44px; background:url(/img/mtn/titlebar_stock_open.gif) no-repeat; padding-bottom:13px; } #stockBody #subTitle2 { float:left; width:700px; height:44px; background:url(/img/mtn/titlebar_stock_closed.gif) no-repeat; padding-bottom:13px; } #stockBody #broadcastList { width:700px; text-align:left; } #stockBody #broadcastList #list { width:345px; height:110px; float:left; padding-left:4px; padding-bottom:13px; } #stockBody #broadcastList #list #proThum { float:left; width:333px; } #stockBody #broadcastList #list .thumBox { width:333px; height:98px; } #stockBody #broadcastList #list2 { width:345px; height:110px; text-align:left; padding-left:4px; padding-bottom:13px; } #stockBody #broadcastList #list2 #proThum { float:left; width:333px; } #stockBody #broadcastList #list2 .thumBox { width:333px; height:98px; } #stockBody #vodList { padding: 15px 5px 0px 5px; padding-top:10px; } #stockBody #broadcastList .btnApplication { padding-top:15px; padding-right:280px; text-align:right; } #stockBody #broadcastList1 { width:700px; text-align:left; } #stockBody #broadcastList1 #list { width:345px; height:220px; float:left; padding-left:4px; padding-bottom:13px; } #stockBody #broadcastList1 #list #proThum { float:left; width:333px; } #stockBody #broadcastList1 #list .thumBox { width:333px; height:98px; } #stockBody #broadcastList2 { width:700px; text-align:left; } #stockBody #broadcastList2 #list { width:345px; height:110px; float:left; padding-left:4px; padding-bottom:13px; } #stockBody #broadcastList2 #list #proThum { float:left; width:333px; } #stockBody #broadcastList2 #list .thumBox { width:333px; height:98px; } #broadcastList { width:530px; margin:0 0 0 0; } #broadcastList #title { height:22px; background:url(/img/mtn/line_gray3.gif) repeat-x left bottom; margin-bottom:15px; } #broadcastList #title h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:13px; } #broadcastList #title h3 { padding-left:13px; } #mtnSubContents { width:980px; _height:1%; margin:20px 0 50px; clear:both; overflow: hidden; } #mtnSubContentsWH { width:980px; _height:1%; margin:20px 0 0 0; clear:both; overflow: hidden; } /* MTN팟캐스트 */ #mtnPodcast { width:980px; _height:1%; margin:0 auto; overflow:hidden; padding:20px 0 70px 0;} #mtnPodcast .section01,#mtnPodcast .section02 { margin-top:30px;} #mtnPodcast .section01 h4, #mtnPodcast .section02 h4 { margin-bottom:8px;} #mtnPodcast .section01 ul li { float:left; margin-left:10px;} #mtnPodcast .section01 li.first { margin:0;} #mtnPodcast .section02 li { float:left; margin-left:8px;} #mtnPodcast .section02 li.first { margin-left:4px;} #mtnPodcast .section02 .notice { width:318px; height:154px; border:1px solid #bbbbbb;} #mtnPodcast .section02 .notice li { /* position:relative; */ width:300px; background:url('//menu.mtn.co.kr/images/mtn/mtnpodcast/bullet.gif') no-repeat 0 16px; padding:11px 0 0 8px; line-height:17px;} #mtnPodcast .section02 .notice li a { font-weight:bold;} #mtnPodcast .section02 .notice li strong { width:200px; overflow:hidden; } #mtnPodcast .section02 .notice li span { position:absolute; top:11px; right:10px; color:#767676; text-align:right;} #mtnPodcast .section02 .sub_section li { position:relative;} #mtnPodcast .section02 .sub_section li .more {position:absolute; top:4px; right:4px;} #mtnPodcast .section01:after, #mtnPodcast .section02:after { content:''; display:block; clear:both;} #mtnPodcast .sub_section .band_best,#mtnPodcast .sub_section .band_new {position:absolute; top:20px; left:-4px;} /* 런던올림픽2012. 120726 MY추가 */ #mtnSubContents .london { margin-bottom:50px;} /*Left영역 NEW 20121126 수정 -------------------------------------------------------------------------------- */ .programMenu { border:1px solid #d6d6d6; margin-bottom: 12px; } .programMenu h3.title_media { width:158px; height:41px; background:url('//menu.mtn.co.kr/images/media/menu_media_title.gif'); text-indent:-1000em; } .programMenu h3.title_board { width:158px; height:41px; background:url('/img/mtn/menu_board_title.gif'); text-indent:-1000em; } .programMenu h3.title_mtntogether { width:158px; height:41px; background:url('/img/mtn/menu_mtntogether_title.gif'); text-indent:-1000em; } .programMenu h3.title_company { width:158px; height:41px; background:url('/img/mtn/menu_company_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 i.bullet {display:inline-block; *display:inline;*zoom:1; background:url('/img/mtn/program/sprite_bullet.gif') no-repeat -5px -30px; width:3px; height:6px; } .programMenu li a { margin-left:7px; } .programMenu li a:hover { text-decoration:none } .programMenu li.on { color:#da1f26 } .programMenu li.on .bullet { background-position:0 -30px;} .programMenu li.on a { color:#da1f26; margin-left:7px; } .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 .second .third{padding-bottom:10px;} .programMenu .second .third li span.fs_05{font-size:5px; vertical-align:10%;} .programMenu .second .third li { margin-left:-6px; font-size:12px; font-weight:none; line-height:20px;} .programMenu .third li select { width:110px; font-size:12px;} /* Left - MTN투게더 영역 */ .togetherMenu { border:1px solid #d6d6d6; margin-bottom: 12px; } .togetherMenu h3.title_mtntogether { width:158px; height:41px; background:url('/img/mtn/menu_mtntogether_title.gif'); text-indent:-1000em; } .togetherMenu li { font-weight:bold; line-height:20px; border-bottom: 1px solid #eaeaea; font-size:14px; background:url('/img/mtn/program/left_bullet.png') no-repeat 10px 13px } /*.togetherMenu li { font-weight:bold; line-height:18px; padding-top:4px; border-bottom: 1px solid #eaeaea; font-size:14px; }*/ .togetherMenu h3 ul li a { color:#666; } .togetherMenu h3 ul li a:hover { text-decoration: underline; } /*.togetherMenu li span { background:url(//menu.mtn.co.kr/images/program/sprite_bullet.gif) no-repeat -5px -30px; background-position: -3px -28px; } .togetherMenu li span a {margin-left:15px ;} .togetherMenu .second li div { position:relative;float:left; width:130px; margin: 10px 0px 0px 0px; border:1px solid #eaeaea;}*/ .togetherMenu li.noline { border-bottom: 0px;} .togetherMenu li.gap { padding-bottom:10px; } .togetherMenu .second li { padding:5px 20px 5px 20px;font-size:12px; line-height:20px; } /*.togetherMenu li i.bullet {display:inline-block; *display:inline;*zoom:1; background:url(../images/program/sprite_bullet.gif) no-repeat -5px -30px; width:3px; height:6px; vertical-align:text-top; margin-top:4px;} .togetherMenu li.on { color:#da1f26 } .togetherMenu li.on .bullet { background-position:0 -30px;}*/ /*.togetherMenu .third li { margin:0; padding:4px 7px; background-color:#f8f8f8;} .togetherMenu .third li .plus {display:inline-block; *display:inline;*zoom:1; background:url(../images/program/sprite_bullet.gif) no-repeat 0 -16px; width:12px; height:12px; vertical-align:text-top; margin-top:2px;} .togetherMenu .third li select { width:110px; font-size:12px;} .togetherMenu h3 ul li { padding: 8px 5px 5px 12px; border-bottom:solid 1px #e7e7e7; height:1%; } /*.togetherMenu #menuList li { background:url(../images/bl_dot_black.gif) no-repeat 3px 11px; padding: 8px 5px 5px 12px; border-bottom:solid 1px #e7e7e7; height:1%; } .noline { border-bottom: none;} /* Left영역---------------------------------------------------------------------------------------------------- */ #contentsLeft { width:160px; float:left; background-color:#FFF; } #contentsLeft #leftMenu { width:152px; border:solid 1px color:#c7c7c7; background-color:#ebebeb; padding:3px; margin-bottom:7px; } #contentsLeft #leftMenu #menuTitle { padding-bottom:5px; } #contentsLeft #leftMenu #menuTitle2 { padding:10px 0 5px 0; } #contentsLeft #leftMenu #menuList { width:152px; } #contentsLeft #leftMenu #menuList ul { padding:5px 0; } #contentsLeft #leftMenu #menuList li { background:url(/img/mtn/bl_dot_black.gif) no-repeat 3px 11px; padding: 8px 5px 5px 12px; border-bottom:solid 1px #e7e7e7; height:1%; } #contentsLeft #leftMenu #menuList li a { color:#333; } #contentsLeft #leftMenu #menuList li a.on { font-weight:bold; } #contentsLeft #leftMenu #menuList li.bdnone { border:none; } #contentsLeft #leftMenu #menuList li.mf { background:url(/img/mtn/bl_dot_black.gif) no-repeat 3px 13px; padding: 10px 5px 6px 12px; border-bottom:solid 1px #e7e7e7; border-top:solid 1px #DDD; height:1%; letter-spacing:-1px; } #contentsLeft #leftMenu #menuList li.mt { background:url(/img/mtn/bl_dot_black.gif) no-repeat 3px 24px; padding: 20px 5px 6px 12px; border-bottom:none; border-top:solid 1px #DDD; height:1%; letter-spacing:-1px; } #contentsLeft #leftMenu #menuList li.bdtop { border-top:solid 1px #CCC; } #contentsLeft #leftMenu #menuList li#subMenu { background:none; } #contentsLeft #leftMenu #menuList li#subMenu dd { line-height:140%; } #contentsLeft #leftMenu #menuList li#subMenu dd a { color:#666; } #contentsLeft #leftMenu #menuList li#subMenu dd a.on { text-decoration:underline; font-weight:normal; color:#FF3333; } #contentsLeft #leftMenu #menuList li ul { padding-bottom:0;} #contentsLeft #leftMenu #menuList li ul li { padding: 2px 0; background:none; border-bottom:0;} #contentsLeft #leftMenu #beforePro { padding: 15px 0 5px 0; position:relative; } #contentsLeft #leftMenu #beforePro h3 { font-weight:bold; color:#b96f10; background:url(/img/mtn/bl_yring.gif) no-repeat; padding:0 0 3px 15px; } #contentsLeft #leftMenu #beforePro .selectBoxLayer { width:125px; height: 160px; position:absolute; border:solid 1px #a9aeb3; padding:0 5px; background-color:#FFF; margin-top:1px; overflow-x:hidden; overflow-y:scroll; z-index:9999; } #contentsLeft #leftMenu #beforePro .selectBoxLayer dd { padding: 6px 0 3px 0; border-bottom:solid 1px #DDD; height:1%; letter-spacing:-1px; } /*편성표*/ #contentsLeft #mtnSchedule { margin-bottom:7px; } /*채널안내*/ #contentsLeft #channel { margin-bottom:7px; width:160px; height:59px; background:url(/img/mtn/bn_channel.gif) no-repeat; } #contentsLeft #channel h5 { padding: 10px 0 0 55px; height:8px; margin:0; } #contentsLeft #channel ul { padding: 10px 0 0 48px; width:110px; height:18px; overflow:hidden; } #contentsLeft #channel li img { vertical-align:top; } /* Center영역---------------------------------------------------------------------------------------------------- */ #contentsBody { position:relative; width:540px; padding:0 14px; float:left; margin-left:10px; display:inline; background-color:#FFF; } /* 수정 090908 */ /* 뉴스수정 20120731 MH */ #mtnSubContents .newsBody { width:730px; padding:0; margin-left:0; } #mtnSubContents .newsBody #subTitle { background:url(/img/mtn/titlebar_sub_news.gif) no-repeat;} #contentsBody img { vertical-align:middle;max-width:100% } #contentsBody #subTitle { clear:both; height:44px; background:url(/img/mtn/titlebar_sub.gif) no-repeat; } /* width:540px; */ .newsBody #contentsBody #subTitle { } #contentsBody #subTitle p { padding: 14px 0 0 30px; } #contentsBody #subTitle h2 { width:175px; float:left; padding:14px 0 0 34px; color:#222; } #contentsBody #subTitle .location { width:320px; float:right; text-align:right; padding:16px 10px 0 0; font:11px 돋움, Dotum; letter-spacing:-1px; color:#888; } #contentsBody #subTitle .location a { color:#888; } #contentsBody #broadcastList { width:530px; margin-top:15px; } #contentsBody #broadcastList h3 { padding: 5px 0 10px 0px; height:10px; margin:0; } #contentsBody #broadcastList #list { margin-bottom:10px; clear:both; } #contentsBody #broadcastList #list #proThum { float:left; width:146px; } #contentsBody #broadcastList #list .thumBox { width:146px; height:108px; border:solid 2px #BBB; padding:1px; } #contentsBody #broadcastList #list .thumBox img { width:146px; height:108px; } #contentsBody #broadcastList #list .thumPlay { width:146px; height:27px; background:url(/img/mtn/box_thum_bottom.gif) no-repeat left top; padding: 4px 0 0 6px; } #contentsBody #broadcastList #list #proInfo { float:right; width:348px; text-align:left; } #contentsBody #broadcastList #list #proInfo dl { background-color:#f0f0f0; padding: 12px 10px 10px 10px; position:relative; } #contentsBody #broadcastList #list #proInfo dt { padding-bottom:6px; } #contentsBody #broadcastList #list #proInfo dt a { font:bold 14px 돋움, Dotum; color:#000; } #contentsBody #broadcastList #list #proInfo dd.text { color:#888; line-height:130%; padding-bottom:6px; } #contentsBody #broadcastList #list #proInfo dd.bc_time { background:url(/img/mtn/bl_arrow_black.gif) no-repeat left 4px; padding: 0 0 0 8px; } #contentsBody #broadcastList #list #proInfo ul { padding: 13px 0 0 0; } #contentsBody #broadcastList #list #proInfo li { height:16px; padding: 0 0 3px 10px; background:url(/img/mtn/bl_orange.gif) no-repeat 3px 5px; } /* 꿈꾸는여의도경제버스 (2010-03-29) */ #contentsBody #bus_application { background:transparent url('/img/mtn/bus_2.jpg') no-repeat scroll 0 0; width:700px; height:1700px; } #contentsBody #bus_application #bus_vodPlayer { float:left; height:355px; width:415px; padding-left:180px; padding-top:360px; } #contentsBody #bus_application #bus_btn { float:left; padding-left:520px; margin-top:283px; } /*NewVODlist*/ #NewVODlist { width:540px; padding:10px 0px; } #NewVODlist #mainTopDiv { padding:1px; height:1%; } #NewVODlist #mainTopDiv .title { width:520px; padding:5px 0px; overflow:hidden; } #NewVODlist #mainTopDiv .title h2 { float:left; padding:0px 10px; } #NewVODlist #mainTopDiv .btnAllView { float:right; width:40px; } #NewVODlist #mainTopDiv #NewVODLeft { float:left; width:258px; margin-left:3px; } #NewVODlist #mainTopDiv #NewVODLeft #list { padding: 0px 5px 5px 8px; border-left:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8; background-color:#FFF; } #NewVODlist #mainTopDiv #NewVODLeft #list ul { clear:both; height:1%; } #NewVODlist #mainTopDiv #NewVODLeft #list ul.bgn { background:none; } #NewVODlist #mainTopDiv #NewVODLeft #list li.thum { width:45px; height:34px; float:left; padding:5px 0 7px 0; } #NewVODlist #mainTopDiv #NewVODLeft #list li.thum img { width:45px; height:34px; } #NewVODlist #mainTopDiv #NewVODLeft #list li.thum a:hover img { border: solid 1px #dd3357; } #NewVODlist #mainTopDiv #NewVODLeft #list li.thum a img { border: solid 1px #333; } #NewVODlist #mainTopDiv #NewVODLeft #list li.info { width:180px; float:right; background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; padding:5px 0 7px 0; } #NewVODlist #mainTopDiv #NewVODLeft #list li.info dt { padding: 2px 0 0 0; } #NewVODlist #mainTopDiv #NewVODLeft #list li.info dd { padding: 3px 0 0 0; font:11px 돋움, Dotum; color:#999; } #NewVODlist #mainTopDiv #NewVODRight { float:Right; width:257px; margin-Right:3px; } #NewVODlist #mainTopDiv #NewVODRight #list { padding: 0px 5px 5px 8px; border:solid 1px #e8e8e8; background-color:#FFFFFF; } #NewVODlist #mainTopDiv #NewVODRight #list ul { clear:both; height:1%; } #NewVODlist #mainTopDiv #NewVODRight #list ul.bgn { background:none; } #NewVODlist #mainTopDiv #NewVODRight #list li.thum { width:45px; height:34px; float:left; padding:5px 0 7px 0; } #NewVODlist #mainTopDiv #NewVODRight #list li.thum img { width:45px; height:34px; } #NewVODlist #mainTopDiv #NewVODRight #list li.thum a:hover img { border: solid 1px #dd3357; } #NewVODlist #mainTopDiv #NewVODRight #list li.thum a img { border: solid 1px #333; } #NewVODlist #mainTopDiv #NewVODRight #list li.info { width:180px; float:right; background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; padding:5px 0 7px 0; } #NewVODlist #mainTopDiv #NewVODRight #list li.info dt { padding: 2px 0 0 0; } #NewVODlist #mainTopDiv #NewVODRight #list li.info dd { padding: 3px 0 0 0; font:11px 돋움, Dotum; color:#999; } /*MTN 기사*/ #mainNews { margin-bottom:15px; } #mainNews #mainNewsBox { width:518px; padding: 8px 10px 4px 10px; border-left:solid 1px #DDD; border-right:solid 1px #DDD; background-color:#FFF; } #mainNews #mainNewsBox ul.NewsBoxLeft { width:50%; float:left; } #mainNews #mainNewsBox ul.NewsBoxRight { width:50%; float:left; } #mainNews #mainNewsBox li { height:1%; padding: 2px 0; background:url(/img/mtn/bl_gray4.gif) no-repeat left 5px; padding-left:8px; } #mainNews #mainNewsBox li a { font:bold 20px 돋움, Dotum; color:#000063; } #newsList { padding: 18px 5px 15px 5px; background:url(/img/mtn/line_gray3.gif) repeat-x left bottom; } #newsList #list { margin-bottom:25px; } #newsList #list2 { margin-bottom:15px; margin-top:15px; } #newsList #list h2 { padding-bottom:6px; } #newsList #list h2 a { font:bold 14px 돋움, Dotum; color:#000063; letter-spacing:-1px; } #newsList #list h2 a:visited { color:#4A4A4A; } #newsList #list p { font:12px 돋움, Dotum; color:#454545; line-height:140%; } #newsList #list p span { font:11px tahoma; color:#999; background:url(/img/mtn/date_l.gif) no-repeat left 50%; padding-left:8px; } #newsList #list .thum { float:left; width:70px; height:50px; padding:2px; border:solid 1px #DDD; margin-right:10px; } .top_go { text-align:right; padding: 8px 2px 0 0; } /*기사본문*/ #articleTop { height:20px; padding:10px 0 0 0; } #articleTop #location { width:170px; padding-top:1px; float:left; letter-spacing:-1px; } #articleTop #newsflash { width:216px; padding-top:5px; float:left; background:url(/img/mtn/title_newsflash.gif) no-repeat left 5px; } #articleTop #newsflash ul { height:14px; overflow:hidden; } #articleTop #newsflash li { padding: 0 0 0 36px; font:11px 돋움, Dotum; } #articleTop #newsflash li a { color:#333; } /*080916로고&버튼 추가*/ #articleTop #logo { float:left; width:350px; } #articleTop #previewBtnArea { float:right; width:130px; text-align:right; } #articleTop #btnArea { float:right; width:254px !important; _width:258px !important; } /* 수정 090908 */ #articleTop #btnArea p { overflow:hidden; height:25px; padding-top:2px; } /* 수정 090908 */ #articleTop #btnArea p span { display:block; float:left; padding-left:3px; margin:0px; } /* 수정 090908 */ #articleTop #btnArea p span a { display:block; float:left; } /* 수정 090908 */ #articleTop #btnArea p span a img { vertical-align:middle; } /* 수정 090908 */ #articleTop #btnArea p span.scrap_help { position:absolute; right:14px; *top:136px !important; top:82px; _top:136px; } /* 수정 090908 */ #articleBtn { padding:8px 0 15px 0; border-top:solid 1px #DDD; text-align:right; } #articleBody {clear:both; } /*기사본문 기사제목 영역*/ #articleBody #articleHeadline { background-color:#f6f6f6; margin-top:9px; padding:10px 10px 6px 10px; } /* #articleBody #articleHeadline h1 { font:bold 18px 돋움, Dotum; } */ #articleBody #articleHeadline h2 { font:bold 13px 돋움, Dotum; color:#575757; padding:10px 0 8px; letter-spacing:-0.05em; background: url("//menu.mtn.co.kr/images/mtn/newscenter/bg_articleheadline_dot.gif") repeat-x 0 100% ;} #articleBody #articleHeadline p { padding-top:6px; } /*편집자주*/ #editorsComment { width:524px; border:1px solid #e7e7e7; margin:14px 0 0 7px; z-index: -1000; } #editorsComment blockquote { padding: 10px 10px 6px 10px; line-height:140% !important; color:#666; } /*기사본문 차트박스*/ #articleBody #utilChart { float:right; margin:15px 5px 5px 10px; } /*기사본문 TEXT 설정*/ #articleBody #articleContent { margin-top:15px; padding:0 7px; overflow-x:hidden; } #articleBody #articleContent #textBody { text-align:justify; font:14px 굴림, Gulim; line-height:160%; color:#333; padding-bottom:20px; word-break:break-all; } #articleBody #articleContent #textBody p { margin-bottom: /*1.45em*/14px; padding-left:0 !important; padding-right: 0 !important; line-height:/* 1.6*/ 160%!important; } #articleBody #articleContent #textBody a:link, #articleBody #articleContent #textBody a:visited, #articleBody #articleContent #textBody a:hover, #articleBody #articleContent #textBody a:active { color: #00f; } /*기사본문 관련기사*/ #articleBody #articleContent #relationArticle { margin:25px 0 15px 0; } #articleBody #articleContent #relationArticle h4 { font:bold 12px 돋움, Dotum; color:#082d76; background:url(/img/mtn/bl_relation.gif) no-repeat left 1px; padding-left:12px; height:16px; } #articleBody #articleContent #relationArticle li { font:12px 돋움, Dotum; background:url(/img/mtn/relation_gori.gif) no-repeat 3px top; padding: 5px 0 0 18px; height:17px; } #articleBody #articleContent #relationArticle li.end { font:12px 돋움, Dotum; background:url(/img/mtn/relation_gori2.gif) no-repeat 3px top; padding: 5px 0 0 18px; height:17px; } #articleBody #articleContent #relationArticle li a { color:#1b4eb2; } #articleBody #articleContent #articleCopyright { font:12px 돋움, Dotum; color:#666; } /* MT 본문 이미지 삽입 및 캡션 */ #articleContent .article-photo { font-size: 12px; } #articleContent .article-photo img { display: block; margin-bottom: 5px; } #articleContent .article-photo p { line-height: /*1.3*/ 130% !important; color: #666; text-align: justify; padding-top: 5px; } #articleContent .article-photo .copy { display: block; color: #999; } #articleContent .article-photo { width: auto; } #articleContent .article-photo.left { float: left; margin: 0 10px 10px 0; width: 20px; min-width: 40px; } #articleContent .article-photo.left img { width: auto; } * html #articleContent .article-photo.left { margin-right: 5px; } #articleContent .article-photo.right { float: right; margin: 0 0 10px 10px; width: 20px; min-width: 40px; } #articleContent .article-photo.right img { width: auto; } * html #articleContent .article-photo.right { margin-left: 5px; } #articleContent .article-photo.right p { padding: 0; margin-left: 5px; } #articleContent .article-photo.center { margin: 0 auto; width: 20px; min-width: 40px; margin-bottom: 10px; } #articleContent .article-photo.center img { margin: 0 auto; text-align:center; width: auto; } #articleContent .article-photo.center p { } /* MTN 본문 이미지 삽입 및 캡션 */ #articleContent img.article-photo-mtn { width: auto; display: block; margin-bottom: 5px; margin-top:5px; } #articleContent img.article-photo-mtn.left { float: left; margin: 3px 10px 5px 0; } #articleContent img.article-photo-mtn.left img { width: auto; } #articleContent img.article-photo-mtn.right { float: right; margin: 3px 0 5px 10px; } #articleContent img.article-photo-mtn.right img { width: auto; } #articleContent img.article-photo-mtn.center img { margin: 10px auto; text-align:center; width: auto; } /* 이미지만 들어갈 때를 대비하여*/ #articleContent img.center { display: block; text-align: center; margin: 10px auto; } /* VOD in Article : 본문에 포함된 VOD 보기 박스 */ #vod-thumb { width: 274px; float: left; margin: 20px 10px /*35px*/ 10px 4px; background: url(/contents/vod/bg_thumb.gif) no-repeat bottom; } #vod-thumb img { border: none; display: block; } #vod-thumb-preview { border: 1px solid #949494; padding: 0px 1px 2px 1px; } #vod-thumb-preview img { width:270px; height:203px; } #vod-thumb-btn { height: 27px; padding-top: 3px; text-align: center; } #vod-thumb-btn img { margin: 0 auto; } #articleBottom { background:url(/img/mtn/box_article_bottom.gif) no-repeat left top; width:540px; height:32px; } #articleBottom .btnLeft { width:80%; float:left; } #articleBottom .btnLeft dl { padding-left:4px; } #articleBottom .btnLeft dd { float:left; padding:6px 6px 0 6px; } #articleBottom .btnLeft dd.scrap_help { position:absolute; *bottom:20px !important; bottom:19px; _bottom:22px; right:152px; _right:154px; } /* 수정 090908 */ #articleBottom .btnRight { width:20%; float:right; text-align:right; } #articleBottom .btnRight p { padding:6px 10px 0 0; } #articleAD { width:540px; text-align:center; padding:16px 0 12px 0; clear:both; } #articleAD p a { color:#000; line-height:130%; } /*기사 이메일 보내기*/ #articleSend { border:solid 1px #e8e8e8; margin:10px 0 15px 0; padding:4px; } #articleSend #emailBox { background-color:#f6f6f6; padding:10px 10px 5px 10px; } #articleSend #emailBox dl { width:510px; clear:both; } #articleSend #emailBox dt { float:left; font-weight:bold; color:#666; width:84px; padding:5px 0 3px 4px; } #articleSend #emailBox dd { float:right; width:422px; padding:5px 0 5px 0; } #articleSend #emailBox dd input { margin-top:-3px; } #articleSend #emailBox .emailBtn { background:url(/img/mtn/line_dot_gray.gif) repeat-x; padding:7px 0 4px 0; text-align:center; margin-top:6px; } #emailFooter { margin:10px 0; } #mtnMainArticle { width:538px; border:solid 1px #dadada; } #mtnMainArticle #mainNewsBox { width:518px; padding: 8px 10px 4px 10px; } #mtnMainArticle #mainNewsBox ul.NewsBoxLeft { width:50%; float:left; } #mtnMainArticle #mainNewsBox ul.NewsBoxRight { width:50%; float:left; } #mtnMainArticle #mainNewsBox li { height:1%; padding: 2px 0; background:url(/img/mtn/bl_gray4.gif) no-repeat left 5px; padding-left:8px; } #mtnMainArticle #mainNewsBox li a { font:15px 돋움, Dotum; color:#333; font-weight: bold; } /* 페이징 스타일 */ #pagelist { width:100%; padding:10px 0; margin: 0; clear:both; } #pagelist ul { margin: 0; padding: 5px 0; text-align: center; } #pagelist img { margin-top:-2px; } * html #pagelist ul { padding-top: 3px; padding-bottom: 4px; } #pagelist ul li a { color:#454545; } #pagelist ul ul, #pagelist li { display:inline; clear: none; list-style: none; } #pagelist li li { padding-left:4px; font:11px tahoma, sans-serif; background: url(/img/mtn/page_l.gif) no-repeat 0 50%; } #pagelist li li a { color: #454545; padding-left: 7px; padding-right: 4px; text-decoration: none; } #pagelist li li a:hover { text-decoration: underline; } #pagelist li li span { color: #ff3333; font-weight: bold; } #pagelist #firstchild { padding: 0; background: transparent; } #pagelist .btn { float:right; } /* 페이징 스타일2 */ #pagelist2 { width:100%; padding:10px 0; margin: 0; clear:both; } #pagelist2 .pageLeft { float:left; width:470px; } #pagelist2 .pageLeft img { margin-top:-2px; } #pagelist2 ul { margin: 0; padding: 5px 0; text-align: center; } * html #pagelist ul { padding-top: 3px; padding-bottom: 4px; } #pagelist2 ul li a { color:#454545; } #pagelist2 ul ul, #pagelist2 li { display:inline; clear: none; list-style: none; } #pagelist2 li li { padding-left:4px; font:11px tahoma, sans-serif; background: url(/img/mtn/page_l.gif) no-repeat 0 50%; } #pagelist2 li li a { color: #454545; padding-left: 7px; padding-right: 4px; text-decoration: none; } #pagelist2 li li a:hover { text-decoration: underline; } #pagelist2 li li span { color: #ff3333; font-weight: bold; } #pagelist2 #firstchild { padding: 0; background: transparent; } #pagelist2 .pageRight { float:right; width:60px; text-align:right; } /* 방송 프로그램 상세페이지 */ #proBannerTop { background:url(/img/mtn/box_proinfo_topbanner.gif) no-repeat left top; width:530px; height:162px; margin-top:9px; } #proBannerTop p { padding: 3px 0 0 3px; } #proBannerTop p img { vertical-align:top; width:524px; height:155px; } #proDetail { width:530px; margin-left:0; margin-top:15px; } #proDetail #titleTab { background:url(/img/mtn/proinfo_tab_bg.gif) repeat-x bottom; width:530px; height:32px; margin-bottom: 16px; } #proDetail #proSummary { margin-bottom:20px; clear:both; width:530px; } #proDetail #proSummary #proThum { float:left; width:146px; } #proDetail #proSummary .thumBox { width:146px; height:108px; border:solid 2px #BBB; padding:1px; } #proDetail #proSummary .thumBox img { width:146px; height:108px; } #proDetail #proSummary .thumPlay { width:146px; height:27px; background:url(/img/mtn/box_thum_bottom.gif) no-repeat left top; padding: 4px 0 0 6px; } #proDetail #proSummary #summaryBox { float:right; width:364px; text-align:left; background-color:#f6f6f6; padding:2px; } #proDetail #proSummary #summaryBox table { width:100%; background-color:#FFF; border-right:solid 1px #DDD; border-top:solid 1px #DDD; } #proDetail #proSummary #summaryBox th { border-left:solid 1px #DDD; border-bottom:solid 1px #DDD; background:#f6f6f6 url(/img/mtn/bl_yellow4.gif) no-repeat 8px 50%; width: 23%; padding: 3px 0 0 15px; color:#c0864e; letter-spacing:-1px; } #proDetail #proSummary #summaryBox td { border-left:solid 1px #DDD; border-bottom:solid 1px #DDD; width:77%; padding:9px 8px 7px 8px; } #proExplain { width:530px; clear:both; } #proExplain h5 { background:url(/img/mtn/bl_oring.gif) no-repeat left top; padding-left:15px; height:20px; } #proExplain p { line-height:140%; padding-bottom:21px; word-break:break-all; } #proExplain #proMakeList { width:530px; height:auto; overflow-x:hidden; } #proDetail #proReview { margin:28px 0 20px 0; width:530px; } #proDetail #proReview p {color:#666 !important; } #proDetail #proReview .thead { width:530px; height:30px; background:url(/img/mtn/th_vod_view.gif) no-repeat left top; } #proDetail #proReview .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #proDetail #proReview table { width:532px; border-bottom:solid 1px #f3bbaa; clear:both; } #proDetail #proReview td { padding: 10px 0 10px 0; border-bottom:solid 1px #DDD; text-align:center; } #proDetail #proReview td.num { color:#888; font:11px tahoma; } #proDetail #proReview td.info { text-align:left; padding: 10px 4px 10px 4px; } #proDetail #proReview #proReviewDetail dt { width:78px; float:left; } #proDetail #proReview #proReviewDetail dd { } #proDetail #proReview #proReviewDetail dt.thum { width:78px; height:58px; padding:2px; margin-right:8px; border:solid 1px #dcdcdc !important; } #proDetail #proReview #proReviewDetail dt.thum img { width:78px; height:58px; } #proDetail #proReview #proReviewDetail dd.title { font-size:12px;font-weight:bold; padding:3px 0 0 0; } #proDetail #proReview #proReviewDetail dd.title a { color:#333333 !important; } #proDetail #proReview #proReviewDetail dd.text { font-size:12px; line-height:130%; color:#888; padding: 6px 0 0 0; } #proDetail .lectrue_btn { background:url(/img/mtn/line_530.gif) no-repeat bottom; height:42px; text-align:center; } #proDetail #lectureVod { margin:0 0 20px 0; width:530px; } #proDetail #lectureVod .thead { width:530px; height:30px; background:url(/img/mtn/th_lectrue.gif) no-repeat left top; } #proDetail #lectureVod .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #proDetail #lectureVod table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } #proDetail #lectureVod td { padding: 10px 0 10px 0; border-bottom:solid 1px #DDD; text-align:center; } #proDetail #lectureVod td.num { color:#888; font:11px tahoma; } #proDetail #lectureVod td.title { text-align:left; padding: 10px 4px 10px 4px; font-weight:bold; } /*시청자 참여*/ #boardPage { width:530px; margin-left:5px;margin-bottom:30px } #subTitle2 { width:540px; height:86px; } #channelTop { width:530px; margin-left:5px; padding:15px 0 0px 0; overflow:hidden; } #channelTop #channel_guide { float:right; background:url(/img/mtn/channel_guideBG.gif) no-repeat 0px 0px; width: 268px; } #channelTop #channel_guide .channelFlash { width: 252px; padding:28px 15px 0px 0; } #channelTop #channel_guide .channelContact, #channelTop #channel_guide .channelGuideMap { width: 252px; padding:10px 15px 0px 0; } #channelTop #channel_guide .channelGuideCh { width: 252px; padding:10px 15px 5px 0; } #channelTop #channel_map { float:left; width: 262; padding:0px 15px 0px 30px; } #channelInfo { width:530px; margin-left:5px; } #channelInfo h2 { background:url(/img/mtn/bl_oring.gif) no-repeat 0px 2px; height:22px; font:12px 돋움, Dotum; color:#666; text-align:left; margin:14px 0 0px 0; padding:0px 0px 0px 13px; } /*채널 게시판*/ #c_board { width:530px; } #c_board h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:14px; height:22px; font:bold 14px 돋움, Dotum; color:#000; text-align:right; } #c_board .thead { width:530px; height:48px; background:url(/img/mtn/th_channel.gif) no-repeat left top; } #c_board .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #c_board table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } #c_board td { padding: 10px 10px 10px 0; border-bottom:solid 1px #DDD; text-align:center; color:#666; font:12px 돋움, Dotum; } #c_board td.c_link { text-align:left; padding-left:5px; } #c_board td.c_link a { text-align:left; text-decoration:underline; color:#333; } #c_board table th { text-align:center; background:none;} #c_board table th.titCh { padding:10px 3px;} #c_board table .channelSort th { padding-bottom:7px; } #c_board table {background:url(/img/mtn/company/th_channel_thead.gif) no-repeat left top;} #listBottom { width:100%; color:#888; margin-top:12px; } #listBottom .listLeft { width:70%; float:left; } #listBottom .listRight { width:28%; float:right; text-align:right; background:url(/img/mtn/bl_gray4.gif) no-repeat 11px 3px; } #listBottom .listRight b { color:#555; } /*편성표*/ #telegraph { width:530px; margin-left:5px; position:relative; } #t_week { width:530px; height:67px; background:url(/img/mtn/box_week_telegraph.gif) no-repeat; margin-top:14px; clear:both; } #t_week ul { padding:28px 0 0 18px; } #t_week li { float:left; width:71px; text-align:center; font:bold 14px tahoma; } #t_week li.sun a { color:#ffa73f; } #t_week li.today { margin-top:-2px; } #t_week li.today a { color:#ff3333; font:bold 18px tahoma; } #t_info { margin:18px 0 8px 0; text-align:right; } #t_info img { vertical-align:middle; } #t_board { width:530px; } #t_board table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } #t_board th { padding: 10px 0 8px 0; border-top:solid 1px #ffde96; text-align:center; color:#333; font:bold 11px 돋움, Dotum; background-color:#fff6e1; } #t_board td { padding: 10px 0 8px 0; border-bottom:solid 1px #DDD; text-align:center; color:#666; font:12px 돋움, Dotum; } #t_board td.bdnone { border:none; } #t_board td.title { text-align:left; padding-left:10px; } #t_board td.title a { color:#333; } #t_board td.title img { margin-top:-2px; margin-left:4px; } #t_board td.time { color:#333; } #t_cataw { margin:18px 0 0 0; text-align:right; } #t_cataw img { vertical-align:middle; } /*달력보기*/ #t_cata { width:535px; margin-bottom:5px; margin-top:10px; } #t_cata h2 { padding:0; margin-bottom:-5px; } #t_cata #InfoBox { padding-bottom:1px; } #t_cata #list1 { width:365px; float:left; padding:0 1px 1px 0; } #t_cata #list1 .infoLeft { width:154px; float:left; padding:3px 0 0 0; } #t_cata #list1 .infoLeft p.thum { width:88px; height:88px; } #t_cata #list1 .infoLeft p.thum img { width:88px; height:88px; } #t_cata #list1 .infoLeft p.btn { padding:7px 0 0 0; } #t_cata #list1 .infoRight { width:180px; float:right; margin-left:10px; } #t_cata #list1 .infoRight dt { font:bold 12px 돋움, Dotum; color:#e04c2a; padding:10px 0 0 10px; background:url(/img/mtn/bl_round_o.gif) no-repeat left 13px; } #t_cata #list1 .infoRight dd.line { width:130px; height:3px; padding:0; margin:0; background:url(/img/mtn/line_dt_gray3.gif) no-repeat; } #t_cata #list1 .infoRight dd.text { padding:8px 0 0 0; height:60px; line-height:130%; } #t_cata #list1 .infoRight dd img { margin-bottom:2px; } #t_cata #list2 { width:165px; float:right; text-align:left; margin-top:10px; } #t_cata #list2 .infoLeft { width:54px; float:left; padding:3px 0 0 0; } #t_cata #list2 .infoLeft p.thum { width:88px; height:88px; } #t_cata #list2 .infoLeft p.thum img { width:88px; height:88px; } #t_cata #list2 .infoLeft p.btn { padding:7px 0 0 0; } #t_cata #list2 .infoRight { width:180px; float:left; margin-left:10px; } #t_cata #list2 .infoRight dt { font:bold 12px 돋움, Dotum; color:#e04c2a; padding:10px 0 6px 10px; background:url(/img/mtn/bl_round_o.gif) no-repeat left 13px; } #t_cata #list2 .infoRight dd.line { width:130px; height:3px; padding:0; margin:0; background:url(/img/mtn/line_dt_gray3.gif) no-repeat; } #t_cata #list2 .infoRight dd.text { padding:8px 0 6px 0; height:60px; line-height:130%; } #t_cata #list2 .infoRight dd img { margin-bottom:2px; } /* 년월일 */ #t_cata #list1 .infoRight #wdt { width:80px; margin: 0; clear:both; } #t_cata #list1 .infoRight #wdt .pageLeft { float:left; width:50%; } #t_cata #list1 .infoRight #wdt .pageLeft img { margin-top:-2px; } #t_cata #list1 .infoRight #wdt ul { margin: 0; padding: 5px 0; text-align: left; } #t_cata #list1 .infoRight #wdt ul li a { color:#454545; } #t_cata #list1 .infoRight #wdt ul ul, #t_cata #list1 .infoRight #wdt li { display:inline; clear: none; list-style: none; } #t_cata #list1 .infoRight #wdt li li { padding-left:4px; font:11px tahoma, sans-serif; background: url(/img/mtn/page_l.gif) no-repeat 0 50%; } #t_cata #list1 .infoRight #wdt li li a { color: #454545; padding-left: 7px; padding-right: 4px; text-decoration: none; } #t_cata #list1 .infoRight #wdt li li a:hover { text-decoration: underline; } #t_cata #list1 .infoRight #wdt li li span { color: #ff3333; font-weight: bold; } #t_cata #list1 .infoRight #wdt #firstchild { padding: 0; background: transparent; } /*MTN 소개*/ #companyInfo { width:530px; margin-left:5px;font: normal 13px/160% Malgun Gothic,"맑은고딕",Nanum Gothic,'나눔고딕',Dotum,'돋움'; } #companyInfo h2 { margin-top:10px; } #companyInfo #info { padding:0 } #companyInfo #info h3.tit1 { margin:30px 0 10px; font-size:17px; font-weight: bold; color:#a97c55;letter-spacing: -1px } #companyInfo #info h3.tit2 { margin:30px 0 10px; font-size:17px; font-weight: bold; color:#6466a3;letter-spacing: -1px } #companyInfo #info.image { padding:0 } #companyInfo #info.image img { max-width:inherit } #companyInfo #info p.top { margin-top: 30px } #companyInfo #info img.img { max-width:inherit } #companyInfo #info .content_list { } #companyInfo #info .content_list dl { display: inline-block; margin-top: 30px } #companyInfo #info .content_list dt { margin-bottom:10px;font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #707785 } #companyInfo #info .content_list dd.ico { display: inline-block; float: left;width: 80px; margin-right: 15px } #companyInfo #info .content_list dd.txt { display: inline-block; float: left; width: 430px; font-size: 13px; line-height: 160%; letter-spacing:0; word-break: keep-all } #companyInfo #info .blet_list li { margin:10px 0 0 0; padding-left: 12px; background:url('//menu.mtn.co.kr/images/mtn/information/blet_list.png') no-repeat 0 6px; font-size: 13px; line-height: 160%; word-break: keep-all } #companyInfo #info p.center { margin-top:20px; text-align: center } #companyInfo #info .infolist { overflow: hidden } #companyInfo #info .infolist .ico { float: left; width: 98px; margin-top: 12px; margin-right: 15px } #companyInfo #info .infolist .txt { float: left;width: 410px;} #companyInfo #info .info_txt { margin-top:20px } #companyInfo #info .info_txt li { font-size:14px;font-weight:bold;line-height:20px } #companyInfo #ceoInfo { padding:15px 0 0 8px;font:13px Malgun Gothic,"맑은고딕",Nanum Gothic,'나눔고딕',Dotum,'돋움'; } #companyInfo #ceoInfo p { padding:15px 8px 0 0; color:#666666; letter-spacing:0; line-height:160%; word-break: keep-all } #companyInfo #ceoInfo .ceoBack { background:url(/img/mtn/ceo_02.gif) no-repeat left top; width:522px; padding:320px 0 0 0; } /*이용약관/개인정보취급방침*/ #companyInfo #textBox { padding:0 19px 0 19px; } #companyInfo #textBox h3 { font:bold 14px 돋움, Dotum; padding:20px 0 10px 0; color:#df8300; } #companyInfo #textBox h4 { font:bold 12px 돋움, Dotum; padding:5px 0 10px 0; color:#333; } #companyInfo #textBox p, #companyInfo #textBox li { color:#666; line-height:150%; } #companyInfo #textBox p { padding-bottom:15px; } #companyInfo #textBox ul { padding-bottom:15px; } #companyInfo #textBox li { padding-bottom:10px; } #companyInfo #textBox ol { padding-top:15px; padding-left:30px; } #companyInfo #textBox ol li { list-style-type:decimal; line-height:130%; } #companyInfo #textBox ul.contact li { border-left:solid 2px #FF9933; padding:0 0 0 10px; } /*게시판*/ #companyInfo .table { width:100%;margin-bottom:30px; border:1px solid #d9d9d9 } #companyInfo .table th { padding:5px 10px; background:#f3f3f3; border:1px solid #d9d9d9;text-align:center; } #companyInfo .table td { padding:5px 10px; color:#333; border:1px solid #d9d9d9;text-align:center; } #v_board { margin:24px 0 20px 0; width:530px; } #v_board h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:14px; height:22px; font:bold 14px 돋움, Dotum; color:#000; } #v_board .thead { width:530px; height:30px; background:url(/img/mtn/th_board_viewer.gif) no-repeat left top; } #v_board .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board .thead2 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer2.gif) no-repeat left top; } #v_board .thead2 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board .thead4 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer4.gif) no-repeat left top; } #v_board .thead4 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } #v_board td { padding: 10px 0 8px 0; border-bottom:solid 1px #DDD; text-align:center; } #v_board td.num { color:#888; font:11px tahoma; } #v_board td.title { color:#333; font:12px 돋움, Dotum; text-align:left; padding: 10px 4px 8px 4px; } #v_board td.title a { color:#333; } #v_board td.id { color:#333; font:11px 돋움, Dotum; } #v_board td.id a { color:#333; } #v_board td.date { color:#888; font:11px tahoma; } #v_board td.hit { color:#888; font:11px tahoma; } #v_board td.bg { background-color:#fdf8e8; } #v_board td.notice { color:#FF3333; font:12px 돋움, Dotum; } #v_board td.corner { color:#1682aa; font:11px 돋움, Dotum; } #v_board td span.reply { color:#ff764d; font:10px tahoma; padding-left:4px; } #v_board td span.new { padding-left:4px; } #v_board td span.new img { margin-top:1px; } #v_board #boardSearch { background-color:#f2f2f2; text-align:center; padding: 5px 0 7px 0; clear:both; margin-top:6px; } #v_board .boardSelect { font:12px 돋움, Dotum; color:#666; text-align:right; margin:0 0 6px 0; } #v_board .boardSelect img { vertical-align:middle; } /* 직업윤리강령 */ .jobEtics{width:492px; font-family:"Dotum","돋움","돋움체"; padding:0 0 0 20px;} .jobEtics .head_txt{font-size:14px; font-weight:bold; color:#df8300; padding-top:20px;} .jobEtics h3{font-size:12px; color:#333; padding-top:10px;} .jobEtics .txt{padding-top:10px; padding-left:10px;} .jobEtics .txt .b{font-weight:bold; padding-bottom:5px;color:#333;} .jobEtics .txt p{padding-bottom:5px;} .jobEtics .txt2{padding-top:10px; padding-left:5px;} .jobEtics .txt2 .b{font-weight:bold; padding-bottom:5px;color:#333;} .jobEtics .txt2 p{padding-bottom:5px;} /* */ #boardPage_mms { width:775px; margin-left:5px; } #v_board_mms { margin:24px 0 20px 0; width:760px; } #v_board_mms h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:14px; height:22px; font:bold 14px 돋움, Dotum; color:#000; } #v_board_mms .thead { width:530px; height:30px; background:url(/img/mtn/th_board_viewer.gif) no-repeat left top; } #v_board_mms .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board_mms .thead2 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer2.gif) no-repeat left top; } #v_board_mms .thead2 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board_mms .thead4 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer4.gif) no-repeat left top; } #v_board_mms .thead4 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board_mms table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } #v_board_mms th.cellnum,#v_board_mms th.mmsText,#v_board_mms th.mmsTime { text-align:center;} #v_board_mms td { padding: 10px 0 8px 0; border-bottom:solid 1px #DDD; text-align:center; } #v_board_mms td.num { color:#888; font:11px tahoma; } #v_board_mms td.title { color:#333; font:12px 돋움, Dotum; text-align:left; padding: 10px 4px 8px 4px; } #v_board_mms td.title a { color:#333; } #v_board_mms td.id { color:#333; font:11px 돋움, Dotum; } #v_board_mms td.id a { color:#333; } #v_board_mms td.date { color:#888; font:11px tahoma; } #v_board_mms td.hit { color:#888; font:11px tahoma; } #v_board_mms td.bg { background-color:#fdf8e8; } #v_board_mms td.notice { color:#FF3333; font:12px 돋움, Dotum; } #v_board_mms td.corner { color:#1682aa; font:11px 돋움, Dotum; } #v_board_mms td span.reply { color:#ff764d; font:10px tahoma; padding-left:4px; } #v_board_mms td span.new { padding-left:4px; } #v_board_mms td span.new img { margin-top:1px; } #v_board_mms #boardSearch { background-color:#f2f2f2; text-align:center; padding: 5px 0 7px 0; clear:both; margin-top:6px; } #v_board_mms .boardSelect { font:12px 돋움, Dotum; color:#666; text-align:right; margin:0 0 6px 0; } #v_board_mms .boardSelect img { vertical-align:middle; } #boardSearchMms { width:780px; background-color:#f2f2f2; text-align:center; padding: 5px 0 7px 0; clear:both; margin-top:6px; } /* mms board 2018 */ #boardPage_mms { width:775px; margin-left:5px; } .table_mms { margin:24px 0 20px 0; width:760px; } .table_mms .lectuerBbs { font:bold 12px 돋움, Dotum; color:#333333 } .table_mms h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:14px; height:22px; font:bold 14px 돋움, Dotum; color:#000; } .table_mms table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } .table_mms th { padding:12px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f4f4f4;text-align:center;font-size:14px;font-weight:bold;color:#333333 } .table_mms td { padding:10px 0;border-bottom:solid 1px #dddddd;text-align:center;font-size:14px } .table_mms td.cont { text-align:left;font-weight:bold;color:#000000 } /* .table_mms .thead { width:530px; height:30px; background:url(/img/mtn/th_board_viewer.gif) no-repeat left top; } .table_mms .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } .table_mms .thead2 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer2.gif) no-repeat left top; } .table_mms .thead2 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } .table_mms .thead4 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer4.gif) no-repeat left top; } .table_mms .thead4 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } .table_mms td.num { color:#888; font:11px tahoma; } .table_mms td.title { color:#333; text-align:left; padding: 10px 4px 8px 4px; } .table_mms td.title a { color:#333; } .table_mms td.id { color:#333; font:11px 돋움, Dotum; } .table_mms td.id a { color:#333; } .table_mms td.date { color:#888; font:11px tahoma; } .table_mms td.hit { color:#888; font:11px tahoma; } .table_mms td.bg { background-color:#fdf8e8; } .table_mms td.notice { color:#FF3333; font:12px 돋움, Dotum; } .table_mms td.corner { color:#1682aa; font:11px 돋움, Dotum; } .table_mms td span.reply { color:#ff764d; font:10px tahoma; padding-left:4px; } .table_mms td span.new { padding-left:4px; } .table_mms td span.new img { margin-top:1px; } .table_mms #boardSearch { background-color:#f2f2f2; text-align:center; padding: 5px 0 7px 0; clear:both; margin-top:6px; } .table_mms .boardSelect { font:12px 돋움, Dotum; color:#666; text-align:right; margin:0 0 6px 0; } .table_mms .boardSelect img { vertical-align:middle; } */ #boardSearchMms { width:780px; background-color:#f2f2f2; text-align:center; padding: 5px 0 7px 0; clear:both; margin-top:6px; } /*게시판2*/ #v_board2 { margin:15px 0 10px 0; width:530px; } #v_board2 #title { height:20px; } #v_board2 #title h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:14px; height:22px; float:left; width:455px; } #v_board2 .btnAllView { float:right; width:52px; padding-right:5px; padding-top:5px; } #v_board2 .thead { width:530px; height:30px; background:url(/img/mtn/th_board_viewer.gif) no-repeat left top; } #v_board2 .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board2 .thead2 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer2.gif) no-repeat left top; } #v_board2 .thead2 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board2 .thead3 { width:530px; height:30px; background:url(/img/mtn/th_board_viewer3.gif) no-repeat left top; } #v_board2 .thead3 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_board2 table { width:100%; border-bottom:solid 1px #f3bbaa; clear:both; } #v_board2 td { padding: 10px 0 8px 0; border-bottom:solid 1px #DDD; text-align:center; } #v_board2 td.num { color:#888; font:11px tahoma; } #v_board2 td.title { color:#333; font:12px 돋움, Dotum; text-align:left; padding: 10px 4px 8px 4px; } #v_board2 td.title a { color:#333; } #v_board2 td.id { color:#333; font:11px 돋움, Dotum; } #v_board2 td.id a { color:#333; } #v_board2 td.date { color:#888; font:11px tahoma; } #v_board2 td.hit { color:#888; font:11px tahoma; } #v_board2 td.bg { background-color:#fdf8e8; } #v_board2 td.notice { color:#FF3333; font:12px 돋움, Dotum; } #v_board2 td.corner { color:#1682aa; font:11px 돋움, Dotum; } #v_board2 td span.reply { color:#ff764d; font:10px tahoma; padding-left:4px; } #v_board2 td span.new { padding-left:4px; } #v_board2 td span.new img { margin-top:1px; } #v_board2 #boardSearch { background-color:#f2f2f2; text-align:center; padding: 5px 0 7px 0; clear:both; margin-top:6px; } #v_board2 .boardSelect { font:12px 돋움, Dotum; color:#666; text-align:right; margin:0 0 6px 0; } #v_board2 .boardSelect img { vertical-align:middle; } /*cata*/ #v_cata { margin:5px 0 10px 0; width:530px; } #v_cata #title { height:30px; } #v_cata .btnAllView { float:right; width:52px; padding-right:5px; padding-top:5px; } #v_cata .thead { width:530px; height:5px; background:url(/img/mtn/cata_img_bg_top.gif) no-repeat left top; } #v_cata .thead ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_cata .thead3 { width:530px; height:5px; background:url(/img/mtn/cata_img_bg_bottom.gif) no-repeat left top; margin-bottom:1px; } #v_cata .thead3 ul li { font-size:0; text-indent: -9999px; height:0; float:left; } #v_cata table { width:532px; border-left:solid 1px #e7e7e7; background:url(/img/mtn/cata_img_bg_bg.gif); } #v_cata td { padding: 5px 3px 5px 3px; text-align:left; vertical-align:top; } #v_cata td.num { color:#888; font:11px tahoma; } #v_cata td.title { color:#333; font:12px 돋움, Dotum; text-align:left; padding: 10px 4px 8px 4px; } #v_cata td.title a { color:#333; } #v_cata td.id { color:#333; font:11px 돋움, Dotum; } #v_cata td.id a { color:#333; } #v_cata td.date { color:#888; font:11px tahoma; } #v_cata td.hit { color:#888; font:11px tahoma; } #v_cata td.bg { background-color:#fdf8e8; } #v_cata td.notice { color:#FF3333; font:12px 돋움, Dotum; } #v_cata td.corner { color:#1682aa; font:11px 돋움, Dotum; } #v_cata td span.reply { color:#ff764d; font:10px tahoma; padding-left:4px; } #v_cata td span.new { padding-left:4px; } #v_cata td span.new img { margin-top:1px; } #v_board_edit { margin:28px 0 20px 0; width:530px; } #v_board_edit h2 { background:url(/img/mtn/bl_oring.gif) no-repeat left 2px; padding-left:14px; height:22px; font:bold 14px 돋움, Dotum; color:#000; } #v_board_edit #titleInput { margin-bottom:11px; } #v_board_edit #titleInput table { width:100%; } #v_board_edit #titleInput th { width:50px; text-align:right; } #v_board_edit #titleInput td { padding: 4px 0 4px 6px; } #v_board_edit #titleInput td.id { color:#333; font:11px 돋움, Dotum; width:205px; padding: 4px 0 2px 6px; } #v_board_edit #titleInput td.date { color:#888; font:11px tahoma; width:205px; padding: 4px 0 2px 6px; } /*글쓰기 에디터*/ #v_board_edit #textEditor { border:solid 1px #c2c2c2; position:relative; } #v_board_edit #textEditor #toolBars { height:36px; background:url(/img/mtn/bg_board_editor.gif) repeat-x left top; } #v_board_edit #textEditor #toolBars p { padding:6px 0 0 8px; } #v_board_edit #textEditor #textSelectLayer { position:absolute; top:28px; left:8px; width:100px; border:solid 1px #DDD; background:#FFF; } #v_board_edit #textEditor #textSelectLayer { padding:10px 10px 0 10px; } #v_board_edit #textEditor #textSelectLayer li { height:20px; display:block; cursor:pointer; } #v_board_edit #textEditor #textSelectLayer li a:hover { background-color:#ffff66; text-decoration:none; } #v_board_edit #textEditor #textSizeLayer { position:absolute; top:28px; left:57px; width:50px; border:solid 1px #DDD; background:#FFF; } #v_board_edit #textEditor #textSizeLayer { padding:10px 10px 0 10px; } #v_board_edit #textEditor #textSizeLayer li { height:20px; display:block; cursor:pointer; } #v_board_edit #textEditor #textSizeLayer li a:hover { background-color:#ffff66; text-decoration:none; } #v_board_edit #textEditor #urlLayer { position:absolute; top:28px; left:250px; width:260px; border:solid 1px #DDD; background:#FFF; font:11px 돋움, Dotum; } #v_board_edit #textEditor #urlLayer p.link { padding: 8px 0 0 8px; } #v_board_edit #textEditor #urlLayer p.ok { padding: 8px 0 8px 0; text-align:center; } #v_board_edit #textEditor #toolTextArea { } #v_board_edit #textEditor #toolTextArea textarea { border:0; width:496px; height:400px; padding:15px; overflow:auto; word-break:break-all; font:12px 돋움, Dotum; color:#333; line-height:140%; } #v_board_edit #textEditor #toolTextArea #iView { border:0; width:496px; height:400px; padding:15px; overflow:auto; word-break:break-all; font:12px 돋움, Dotum; color:#333; line-height:140%; } #v_board_edit .plusData { margin-top:10px; } #v_board_edit .plusData p { padding-bottom:4px; } #v_board_edit .plusData .select { width:320px; } #v_board_edit #editBtn { border-top:solid 1px #f3bbaa; margin-top:12px; text-align:right; padding-top: 6px; } /*게시판 읽기*/ #readTitle p.title { background:url(/img/mtn/th_btitle.gif) no-repeat 4px 50%; padding: 4px 0 0 48px; font-weight:bold; color:#333; } #readTitle p.title2 { background:url(/img/mtn/th_btitle3.gif) no-repeat 4px 50%; padding: 4px 0 0 66px; font-weight:bold; color:#333; } #readInfo { padding:10px 5px 8px 5px; border-bottom:solid 1px #DDD; } #readInfo ul { clear:both; } #readInfo li { float:left; } #readInfo li.pro { background:url(/img/mtn/th_bpro.gif) no-repeat left 3px; padding:4px 0 0 52px; font:11px 돋움, Dotum; color:#333; width:260px; } #readInfo li.corner { background:url(/img/mtn/th_bcorner.gif) no-repeat left 3px; padding:4px 0 0 35px; font:11px 돋움, Dotum; color:#333; width:278px; } #readInfo li.bloc { background:url(/img/mtn/th_bloc.gif) no-repeat left 3px; padding:4px 0 0 35px; font:11px 돋움, Dotum; color:#333; width:78px; } #readInfo li.bexpe { background:url(/img/mtn/th_bexpe.gif) no-repeat left 3px; padding:4px 0 0 45px; font:11px 돋움, Dotum; color:#333; width:78px; } #readInfo li.id { background:url(/img/mtn/th_bwrite.gif) no-repeat left 2px; padding:4px 0 0 45px; font:11px 돋움, Dotum; color:#333; width:84px; } #readInfo li.id2 { background:url(/img/mtn/th_bwrite.gif) no-repeat left 2px; padding:4px 0 0 45px; font:11px 돋움, Dotum; color:#333; width:314px; } #readInfo li.id3 { background:url(/img/mtn/th_blectu.gif) no-repeat left 2px; padding:4px 0 0 35px; font:11px 돋움, Dotum; color:#333; width:84px; } #readInfo li.date { background:url(/img/mtn/th_bdate.gif) no-repeat left 2px; padding:2px 0 0 42px; font:11px tahoma; color:#888; width:36px; } #readInfo li.date2 { background:url(/img/mtn/th_bdate2.gif) no-repeat left 2px; padding:2px 0 0 35px; font:11px tahoma; color:#888; width:145px; } #readInfo li.hit { background:url(/img/mtn/th_bhit.gif) no-repeat 5px 2px; padding:2px 0 0 47px; font:11px tahoma; color:#888; width:40px; } #readBody { width:530px; height:auto; padding: 20px 0 20px 0; overflow:hidden; } #readBody p { font:12px 돋움, Dotum; line-height:150%; color:#454545; word-break:break-all; } /* MTN 본문 이미지 삽입 및 캡션 */ #readBody img.article-photo-mtn { width: auto; display: block; margin-bottom: 5px; margin-top:5px; } #readBody img.article-photo-mtn.left { float: left; margin: 3px 10px 5px 0; } #readBody img.article-photo-mtn.left img { width: auto; } #readBody img.article-photo-mtn.right { float: right; margin: 3px 0 5px 10px; } #readBody img.article-photo-mtn.right img { width: auto; } #readBody img.article-photo-mtn.center img { margin: 10px auto; text-align:center; width: auto; } /* 이미지만 들어갈 때를 대비하여*/ #readBody img.center { display: block; text-align: center; margin: 10px auto; } /*댓글영역*/ #commentArea { width:530px; } #commentArea #cmTitle { width:530px; height:20px; } #commentArea #cmTitle .cmTitleLeft { width:447px; float:left; background:url(/img/mtn/icon_reply.gif) no-repeat; padding-left:18px; *padding-top:1px; font-weight:bold; } #commentArea #cmTitle .cmTitleLeft a { color:#000; text-decoration:underline; } #commentArea #cmTitle .cmTitleRight { width:65px; float:right; text-align:right; background:url(/img/mtn/icon_feel.gif) no-repeat; *padding-top:1px; } #commentArea #cmTitle .cmTitleRight a { color:#999; } #commentArea #cmInput { width:530px; margin-bottom:7px; } #commentArea #cmInput p.nameInput { font:bold 11px 돋움, Dotum; letter-spacing:-1px; color:#888; padding:5px 0 6px 0; } #commentArea #cmInput p.textInput { font:bold 11px 돋움, Dotum; letter-spacing:-1px; color:#888; padding:0 0 5px 0; } #commentArea #cmInput textarea { width:427px; height:28px; padding:3px 0 0 5px; font:12px 돋움, Dotum; color:#454545; margin: 0 4px 0 3px; border-top:solid 1px #999; border-left:solid 1px #999; border-bottom:solid 1px #DDD; border-right:solid 1px #DDD; } #commentArea #cmRead { width:530px; } #cmRead .cmLine { background:url(/img/mtn/line_dot_gray2.gif) repeat-x; height:1px; } #cmRead #cmBox { width:100%; clear:both; overflow:hidden; } #cmRead #cmBox #comment { width:100%; padding:10px 0; overflow:hidden; } #cmRead #cmBox #comment .id { width:94px; padding-left:7px; float:left; } #cmRead #cmBox #comment .id a { color:#3481d7; } #cmRead #cmBox #comment .subject { width:320px; float:left; line-height:130%; } #cmRead #cmBox #comment .cmBtn { width:93px; float:right; font:11px 돋움, Dotum; color:#999; text-align:right; } #cmRead #cmBox #comment .cmBtn a { font:11px 돋움, Dotum; color:#999; } #cmRead #cmBox #reCommentBox { background-color:#f6f6f6; padding:2px 10px; } #cmRead #cmBox #reCommentBox #reComment { clear:both; overflow:hidden; width:100%; padding:10px 0; } #cmRead #cmBox #reCommentBox #reComment .id { width:94px; padding-left:7px; float:left; background:url(/img/mtn/icon_re.gif) no-repeat; padding-left:28px; } #cmRead #cmBox #reCommentBox #reComment .id a { color:#3481d7; } #cmRead #cmBox #reCommentBox #reComment .subject { width:310px; float:left; line-height:130%; } #cmRead #cmBox #reCommentBox #reComment .cmBtn { width:64px; float:right; font:11px 돋움, Dotum; color:#999; text-align:right; } #cmRead #cmBox #reCommentBox #reComment .cmBtn a { font:11px 돋움, Dotum; color:#999; } #cmRead #cmBox #reCommentBox #reCommentInput { padding:5px 0 14px 0; } #cmRead #cmBox #reCommentBox #reCommentInput p.nameInput { font:bold 11px 돋움, Dotum; letter-spacing:-1px; color:#888; padding:10px 15px 8px 2px; } #cmRead #cmBox #reCommentBox #reCommentInput p input.input { width:410px; height:18px; padding:4px 0 0 5px; font:12px 돋움, Dotum; color:#454545; margin: 0 4px 0 3px; border-top:solid 1px #999; border-left:solid 1px #999; border-bottom:solid 1px #DDD; border-right:solid 1px #DDD; } #pevNextList { width:530px; } #pevNextList li { padding: 9px 3px 6px 3px; border-top:solid 1px #ddd; color:#888; } #pevNextList li a { color:#454545; } #pevNextList li.prevList { background:url(/img/mtn/th_prev_text.gif) no-repeat left 50%; padding-left: 50px; } #pevNextList li.nextList { background:url(/img/mtn/th_next_text.gif) no-repeat left 50%; padding-left: 50px; } #boardBtn { width:530px; text-align:right; padding: 6px 0 20px 0; border-top:solid 1px #f3bbaa; } /* 실명인증 레이어*/ #realname_layer { border:4px solid #ffc74e; background: #FFF; position: absolute; z-index: 10000; width: 276px; height:auto; margin:0; padding:0; } #realname_layer .container { padding:10px; } #realname_layer img { vertical-align: middle; } #realname_layer h2 { background:url(/img/mtn/popup/bl_red2.gif) no-repeat left 3px; padding: 0 0 3px 16px; } #realname_layer h2 .title { float: left; width: 200px; text-align:left; padding-top:1px; } #realname_layer h2 .close { float: right; width: 40px; height:17px; text-align:right; } #realname_layer h2 .close img { vertical-align:top; } #realname_layer #info_box { width: 235px; border: solid 1px #e7e7e7; padding: 10px 10px 8px 10px; margin:0; background-color: #f6f6f6; } #realname_layer #info_box p { line-height:140%; padding-bottom:7px; font-size:11px; line-height:140% !important; } #realname_layer .txt_blue11 { font:normal 11px 돋움, Dotum; color:#486cb2; line-height:140% !important; } /* #realname_layer .login_btn { background: url(/img/mtn/popup/line_dot_gray3.gif) top repeat-x; padding: 8px 0 0 0; text-align:center; } */ #realname_layer #checkform { font-size: 11px; line-height: 130%; } #realname_layer #checkform #checkform_info { width: 257px; margin: 14px 0 0 0; } #realname_layer #checkform #checkform_info #info_text { width: 181px; float: left; padding-left: 5px; } #realname_layer #checkform #checkform_info #info_btn { width: 60px; float: right; border-left: solid 1px #CCCCCC; padding: 2px 0 2px 10px; } #realname_layer #checkform #checkform_form { width: 235px; padding: 8px 10px 6px 10px; margin:5px 0; } #realname_layer #checkform .box_line { border: solid 1px #DDD; margin-top: 4px; } #realname_layer .btn { text-align:center; } #realname_layer .userinfo input { width: 60px; height: 14px; padding: 3px 5px 0 5px; vertical-align:middle; font-family: Dotum, 돋움; font-size: 12px; margin-bottom:2px; } /* 실명인증 레이어 End */ /*Right영역---------------------------------------------------------------------------------------------------- */ #contentsRight { width:230px; float:right; } #contentsRight250 { width:250px; float:right; } #contentsRight #banner230 { width:228px; height:218px; border:solid 1px #DDD; margin-bottom:12px; } #contentsRight #banner230 img { width:228px; height:218px; } /**************** 서브 Right 영역**************************************************/ /* 상단랜덤배너 */ .mtnSubAdbanner { position:relative; float:right; width:278px; height:269px; border:1px solid #dcdcdc; } .mtnSubAdbanner .number {width:270px; height:19px; right:100px; padding:9px 10px 0 0; text-align:right; border-bottom:1px solid #dcdcdc;} .mtnSubAdbanner .number li {display:inline-block; *display:inline; *zoom:1 } .mtnSubAdbanner .number li a { display:block; margin-left:3px; float:left; width:11px; height:20px; background:url('//mtnmenu.mt.co.kr/images/mtn/together/together_banner_off.png') no-repeat 0 0;} .mtnSubAdbanner .number li a:hover, .mtnSubAdbanner .number li a:focus, .mtnSubAdbanner .number li.current a { background-image:url('//mtnmenu.mt.co.kr/images/mtn/together/together_banner_on.png')} .mtnSubAdbanner .number li span { position:absolute; left:-999em; line-height:1px;} .mtnSubAdbanner ul {padding-left:1px;} .mtnSubAdbanner li {list-style:none;} /* 포토슬라이드(우측배너250) 20121204 */ #mtnSubContents .newsBodyList { position:relative; width:540px; padding:0 4px; float:left; margin-left:10px; display:inline; background-color:#FFF; } #mtnSubContents .newsBodyContents { width:710px; padding:0; margin-left:0;} #contentsBodyPhoto { position:relative; width:710px; padding:0 9px; float:left; margin-left:10px; display:inline; background-color:#FFF; } #contentsBodyPhoto img { vertical-align:top; } #contentsBodyPhoto #subTitle { clear:both; height:44px; background:url(/img/mtn/titlebar_sub_news710.gif) no-repeat; } #contentsBodyPhoto #subTitle p { padding: 14px 0 0 30px; } #contentsRightPhoto { float:right; width:250px; background-color:#f2f2f2;} #contentsRightPhoto #title { height:16px;} #contentsRightPhoto #title h3 {float:left;width:150px;} #contentsRightPhoto #banner250 { width:250px; height:250px; /* border:solid 1px #DDD; */ margin-bottom:10px; } #contentsRightPhoto #banner250 img { width:250px; height:250px; } /*주요기사/Top5*/ #contentsRight #newsTop5 { width:222px; margin:0 0 5px 4px; } #contentsRight #newsTop5 #title { height:16px; padding-left:3px; } #contentsRight #newsTop5 #tab { height:28px; } #contentsRight #newsTop5 #list { background-color:#FFF; border-left:solid 1px #f6c3b7; border-right:solid 1px #f6c3b7; } #contentsRight #newsTop5 #list ul { padding: 6px 8px 6px 8px; } #contentsRight #newsTop5 #list li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } /* MTN 기획특집 101006 */ #contentsRight #specialPlan {position:relative; width:222px; margin:0 0 15px 4px; } #contentsRight #specialPlan #planTab { height:25px; padding-left:3px; } #contentsRight #specialPlan #planTitle { height:26px; } #contentsRight #specialPlan #planList { background-color:#FFF; border-left:solid 2px #f6c3b7; border-right:solid 2px #f6c3b7; } #contentsRight #specialPlan #planList ul { padding: 6px 8px 6px 8px; } #contentsRight #specialPlan #planList li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } #contentsRight #specialPlan .specialPeatureBanner { margin-bottom:10px;} #contentsRight #specialPlan .peatureTitle { font-weight:bold; color:#e92300; text-align:center; background:url(/img/mtn/box_title_spacial.gif) no-repeat 0 0; height:30px; line-height:31px; } /* MTN 기획특집 변경 120803 */ #contentsRight #specialPlan #peatureList { background-color:#FFF; border-left:solid 1px #ddd; border-right:solid 1px #ddd; } #contentsRight #specialPlan #peatureList ul { padding: 6px 8px 6px 8px; } #contentsRight #specialPlan #peatureList li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } /* #contentsRight #specialPlan .peatureTitleBox { font-size:13px; font-weight:bold; color:#e92300; text-align:center; background:url(../images/banner_special_featureBg.gif) no-repeat 0 0; height:34px; line-height:34px; } */ #contentsRight #specialPlan .peatureTitleBox { font-size:13px; font-weight:bold; color:#e92300; text-align:center; background:url(/img/mtn/banner_special_featureBg.gif) no-repeat 0 0; height:34px; line-height:34px; } /* 베스트 클릭 뉴스 091202 */ #contentsRight #newsBestClick { width:220px; margin:0 0 15px 4px; } #contentsRight #newsBestClick #title { height:16px; padding-left:3px; } #contentsRight #newsBestClick #tab { height:28px; } #contentsRight #newsBestClick #list { background-color:#FFF; border-left:solid 1px #f6c3b7; border-right:solid 1px #f6c3b7; } #contentsRight #newsBestClick #list ul { padding: 6px 8px 6px 8px; } #contentsRight #newsBestClick #list li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } /* 오늘의 프로그램 091203 */ #contentsRight #flagPR { width:222px; margin:0 0 15px 4px; } #contentsRight #flagPR #prTab { height:16px; padding-left:3px; } #contentsRight #flagPR #prList { background-color:#FFF; border-left:solid 1px #f6c3b7; border-right:solid 1px #f6c3b7; } #contentsRight #flagPR #prList ul { padding: 6px 8px 6px 8px; } #contentsRight #flagPR #prList li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } /* VOD tab (최신/인기/종목 VOD) 091203 */ #contentsRight #rightVodTab { width:222px; margin:0 0 15px 4px; } #contentsRight #rightVodTab #vodTab { height:28px; } #contentsRight #rightVodTab #vodList { background-color:#FFF; border-left:solid 1px #f6c3b7; border-right:solid 1px #f6c3b7; } #contentsRight #rightVodTab #vodList ul { padding: 6px 8px 6px 8px; } #contentsRight #rightVodTab #vodList li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } /* 게시판 tab (공지사항/강연회안내/제작진노트) */ #contentsRight #boardTab { width:222px; margin:0 0 15px 4px; } #contentsRight #boardTab #brdTab { height:28px; } #contentsRight #boardTab #brdList { background-color:#FFF; border-left:solid 1px #f6c3b7; border-right:solid 1px #f6c3b7; } #contentsRight #boardTab #brdList ul { padding: 6px 8px 6px 8px; } #contentsRight #boardTab #brdList li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } #contentsRight #boardTab #brdList dl { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } #contentsRight #boardTab #brdList2 { background-color:#FFF; border-left:solid 1px #f6c3b7; border-right:solid 1px #f6c3b7; } /*#contentsRight #boardTab #brdList2 ul {padding: 6px 6px 6px 6px; } */ #contentsRight #boardTab #brdList2 ul { clear:both; height:1%; background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; padding:8px 5px 7px 5px; } #contentsRight #boardTab #brdList2 ul.bgn { background:none; } #contentsRight #boardTab #brdList2 li { padding: 5px 0 0 5px; } #contentsRight #boardTab #brdList2 dl { padding: 5px 0 0 5px; } #contentsRight #boardTab #brdList2 li.thum { width:45px; height:34px; float:left; } #contentsRight #boardTab #brdList2 li.thum img { width:45px; height:34px; } #contentsRight #boardTab #brdList2 li.thum a:hover img { border: solid 1px #dd3357; } #contentsRight #boardTab #brdList2 li.thum a img { border: solid 1px #333; } #contentsRight #boardTab #brdList2 li.info { width:140px; float:right; } #contentsRight #boardTab #brdList2 li.info dt { padding: 2px 0 0 0; } #contentsRight #boardTab #brdList2 li.info dd { padding: 3px 0 0 0; font:11px 돋움, Dotum; color:#999; } /* 091209 수정 epkim */ #contentsRight #title { height:16px; } #contentsRight #title h3 { float:left; width:150px; } #contentsRight .btnAllView { float:right; width:42px; padding-right:3px; padding-top:2px; } #contentsRight .moreView { float:right; width:42px; padding: 4px 4px 0 0; text-align:right; } /*Hit프로그램*/ #contentsRight #hitPro { width:222px; margin:0 0 15px 4px; } #contentsRight #hitPro h3 { padding:0 0 3px 2px; } #contentsRight #hitPro ul { padding: 5px 0; clear:both; } #contentsRight #hitPro ul.list1 { height:68px; margin:0 5px; clear:both; background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; } #contentsRight #hitPro li.thum { padding:2px; width:78px; border:solid 1px #ff7c6c; float:left; } #contentsRight #hitPro li.thum img { width:78px; height:58px; } #contentsRight #hitPro li.info { float:right; width:112px; } #contentsRight #hitPro li.info dt { font-weight:bold; height:40px; padding-top:3px; overflow-y:hidden; line-height:120%; } #contentsRight #hitPro li.info dd { font:11px 돋움, Dotum; color:#999; } #contentsRight #hitPro ul.list2 { padding-top:8px; } #contentsRight #hitPro ul.list2 li { background:url(/img/mtn/bl_pink4.gif) no-repeat 5px 9px; padding: 5px 0 0 13px; } #contentsRight #hitPro .btnAllView { float:right; width:40px; padding-right:5px; padding-top:2px; } #contentsRight #hitPro .title { float:right; margin-bottom:5px } /*시청자 게시판*/ #contentsRight #viewerBoard { width:222px; margin:0 0 15px 4px; } #contentsRight #viewerBoard h3 { padding:0 0 3px 2px; } #contentsRight #viewerBoard #tab { height:25px; } #contentsRight #viewerBoard #list ul { padding: 6px; } #contentsRight #viewerBoard #list li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } #contentsRight #viewerBoard #list { padding: 0 5px 0 5px; } #contentsRight #viewerBoard #list dl { background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; padding:5px 0 5px 0; } #contentsRight #viewerBoard #list dl.bgn { background:none; } #contentsRight #viewerBoard #list dt { background:url(/img/mtn/bl_gray4.gif) no-repeat left 3px; padding-left: 8px; } #contentsRight #viewerBoard #list dd { padding: 3px 0 0 8px; font:11px 돋움, Dotum; color:#999; } /*프로그램 게시판*/ #contentsRight #ProBoard { width:222px; margin:0 0 7px 4px; } #contentsRight #ProBoard h3 { padding:0 0 3px 2px; } #contentsRight #ProBoard ul { padding: 5px 0; clear:both; } #contentsRight #ProBoard ul.list1 { height:56px; margin:0 5px; clear:both; background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; } #contentsRight #ProBoard li.thum { padding:2px; width:62px; border:solid 1px #555; float:left; } #contentsRight #ProBoard li.thum img { width:62px; height:46px; } #contentsRight #ProBoard li.info { float:right; width:128px; } #contentsRight #ProBoard li.info dt { font-weight:bold; height:36px; padding-top:3px; overflow-y:hidden; line-height:120%; } #contentsRight #ProBoard li.info dd { font:11px 돋움, Dotum; color:#999; } #contentsRight #ProBoard ul.list2 { padding-top:8px; } #contentsRight #ProBoard ul.list2 li { background:url(/img/mtn/bl_gray4.gif) no-repeat 5px 9px; padding: 5px 0 0 13px; } #contentsRight #banner220 { width:220px; height:72px; border:solid 0px #DDD; margin:0 0 6px 4px; padding:0 0 0 0; } #contentsRight #banner220 img { width:220px; } /* 전문가증권LIVE배너 101012 */ #contentsRight #banner228 { width:228px; height:300px; margin:0 0 6px 4px; padding:0 0 0 0; } /*공지사항*/ #contentsRight #notice { width:222px; margin:0 0 15px 4px; } #contentsRight #notice #title { background:url(/img/mtn/title_sub_notice.gif) no-repeat left top; width:214px; height:23px; } #contentsRight #notice #title h3 { font-size:0px; text-indent: -9999px; } #contentsRight #notice #list { padding: 8px 8px 0 0; } #contentsRight #notice #list li { background:url(/img/mtn/icon_notice.gif) no-repeat 3px top; height:16px; padding: 3px 0 4px 25px; } #contentsRight #notice .btnAllView { float:right; width:42px; padding-right:5px; padding-top:5px; } /*시청자의견게시판*/ #contentsRight #ProBoard2 { width:210px; margin:0 0 5px 4px; } #contentsRight #ProBoard2 h3 { padding:0 0 3px 2px; } #contentsRight #ProBoard2 ul { padding: 5px 0; clear:both; } #contentsRight #ProBoard2 ul.list1 { height:58px; margin:0 5px; clear:both; background:url(/img/mtn/line_dot_gray.gif) repeat-x left bottom; } #contentsRight #ProBoard2 li.thum { padding:2px; width:62px; border:solid 1px #555; float:left; } #contentsRight #ProBoard2 li.thum img { width:62px; height:46px; } #contentsRight #ProBoard2 li.info { float:right; width:128px; } #contentsRight #ProBoard2 li.info dt { font-weight:bold; height:36px; padding-top:3px; overflow-y:hidden; line-height:120%; } #contentsRight #ProBoard2 li.info dd { font:11px 돋움, Dotum; color:#999; } #contentsRight #ProBoard2 ul.list2 { padding-top:5px; } #contentsRight #ProBoard2 ul.list2 li { background:url(/img/mtn/bl_gray4.gif) no-repeat 5px 9px; padding: 5px 0 0 13px; } /*시청자토론게시판/주식,재테크상담*/ #mtninfor1 { background:url(/img/mtn//banner_viewer_information.gif) no-repeat left top; width:222px; height:62px; margin-bottom:8px; } #mtninfor1 .channel { float:left; width:111px; } #mtninfor1 .buying { float:right; width:111px; height:62px; } #mtninfor1 .buying a { width:111px; height:62px; display:block; font-size:0; text-indent:-9999px; } /*mtn90*/ #contentsLeft #mtn90 { margin-top:8px; } /* MTN stock */ #mtnstock { background:#f6f6f6; width:680px; margin-top:15px; } #mtnstock #eventBody { background:url(/img/event/event_bg_top.gif) no-repeat left top; width:860px; } #mtnstock #eventBody .eventTop { width:680px; text-align:center; padding:24px 0 10px 0; position:relative; } #mtnstock #eventBody .btn_top_accont { position:absolute; top:365px; left:570px; } #mtnstock #eventBody .eventBoxTop { background:url(/img/event/event_box_top.gif) no-repeat bottom; width:901px; height:6px; } #mtnstock #eventBody .eventBoxBg { background:url(/img/event/event_box_bg.gif) repeat-y; width:901px; } #mtnstock #eventBody .eventBoxBottom { background:url(/img/event/event_box_bottom.gif) no-repeat top; width:901px; height:8px; margin-bottom:15px; } #mtnstock #eventApplication { padding:17px 17px 10px 17px; } #mtnstock h2 { margin-bottom:6px; } #mtnstock table { width:98%; border:solid 1px #d4cdc0; } #mtnstock th { background-color:#f7f6f3; border-bottom:solid 1px #e4ded4; padding:11px 10px 8px 10px; font-weight:bold; color:#977c56; } #mtnstock td { background-color:#FFF; border-bottom:solid 1px #e4ded4; padding:11px 10px 8px 10px; color:#454545; line-height:140%; color:#454545; } #mtnstock td a { color:#454545; text-decoration:underline; } #mtnstock td select, #mtnEvent #eventBody td input, #mtnEvent #eventBody td img { margin-bottom:3px; } #mtnstock .btnApplication { padding-top:12px; text-align:center; } .pageButton { position:absolute; left:-5px; top:28px; height:19px; width:540px; } .pageButton .btnPrevDay { display:block; float: left; } .pageButton .btnNextDay { display:block; float: right; } .pageButtonPrev { position:absolute; width:10px; left:0; } .pageButtonNext { position:absolute; width:10px; left:520px; } /* 20101103 추가 */ #contentsRight { float:right; width:230px; } #contentsRight #title { height:16px; } #contentsRight #title h3 { float:left; width:150px; } #contentsRight #proFree { margin:10px 0 15px 4px; width:222px; } #contentsRight #proFree h3 { padding:0 0 3px 2px; } #contentsRight #proFree ul { clear:both; padding:5px 0; } #contentsRight #proFree ul.list1 { background:url(/img/mtn/line_dot_gray.gif) repeat-x scroll left bottom transparent; clear:both; height:68px; margin:0 5px; } #contentsRight #proFree li.thum { border:1px solid #FF7C6C; float:left; height:58px; padding:2px; width:58px; } #contentsRight #proFree li.thum img { height:58px; width:58px; } #contentsRight #proFree li.info { float:right; width:128px; } #contentsRight #proFree li.info dt { font-weight:bold; line-height:120%; overflow-y:hidden; padding:4px 0; } #contentsRight #proFree li.info dt a { color:#333333; } #contentsRight #proFree li.info dd { color:#999999; font:11px 돋움,Dotum; padding:0 0 5px; } #contentsRight #proFree li.info dd img { vertical-align:top; } #contentsRight #proFree p { line-height:130%; padding:8px 5px; } #contentsRight #proFree .title { float:right; margin-bottom:5px; } /* .box_top_222 { background:url(/img/mtn/box_top_222.gif) no-repeat scroll left bottom transparent; height:4px; margin:0; padding:0; } */ .box_bg_222 { background-color:#FFFFFF; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding:0 3px; width:214px; } .box_bottom_222 { background:url(/img/mtn/box_bottom_222.gif) no-repeat scroll left top transparent; height:4px; margin:0; padding:0; } .box_bottom_red222 { background:url(/img/mtn/box_bottom_red222.gif) no-repeat scroll left top transparent; height:4px; margin:0; padding:0; } /* 2011.01 기획특집 추가 */ body #mtnBody .special { background-image:none;} #specialContentsBody { width:722px; float:left; background-color:#fff; position:relative;} .specialFeatureTitle { margin-bottom:20px;} .specialFeatureArea { margin-left:-11px; width:722px; overflow:hidden; } .specialFeatureBox { float:left; margin:0 0 22px 11px; width:348px; border:1px solid #e1e1e1; display:inline;} .specialFeatureBox h3 { margin-bottom:10px; background:url(/img/mtn/bg_special_feature.gif) repeat-x 0 0; font-weight:bold; color:#e92300; text-align:center; line-height:36px; font-size:13px;} .specialFeatureBox .headlineNews { margin:0 15px 6px;} .specialFeatureBox .headlineNews h4 { margin-bottom:10px; font-weight:bold;} .specialFeatureBox .headlineNews h4 a { color:#020e58; font-size:14px;} .specialFeatureBox .headlineNews p { line-height:1.4;} .specialFeatureBox ul { margin:0 15px 5px; } .specialFeatureBox li { padding-left:13px; line-height:1.7; background:url(/img/mtn/icon_special_newslist.gif) no-repeat 0 5px;} .specialFeatureBox li a { color:#020e58;} .specialFeatureBox .btnSpecialArea { margin:0 13px 8px 15px; text-align:right; color:#a1a0a0; font-family:Arial, sans-serif; font-size:11px; } .specialFeatureBox .btnSpecialArea a.btnPrev { margin-left:3px; margin-right:-4px; } .specialFeatureBox .btnSpecialArea strong { padding-right:3px; color:#7c7c7c;} .specialFeatureBox .btnSpecialArea em { padding-left:3px; font-style:normal;} .specialFeatureBox .headlineNewsBox { overflow:auto; height:100px; background-color:#f7f7f7; padding:8px 0;} /* 2011.07 황당배틀 설문조사 */ .pollInfo {margin-bottom:10px;} .pollJoin, .pollResult {margin-bottom:10px; background:url(/img/event/battle_poll_join_0706.jpg) no-repeat; width:711px; height:159px; position:relative;} .pollJoin .pollRadio01, .pollJoin .pollRadio02 {position:absolute; left:263px; top:59px; width:20px; height:20px;} .pollJoin .pollRadio02 { left:541px;} .pollJoin .pollBtn { position:absolute; left:362px; top:109px; width:210px;} .pollResult { background-image:url(/img/event/battle_poll_result_0706.jpg);} .pollResult .pollTotal { position:absolute; width:110px; height:25px; left:24px; top:89px; text-align:center; color:#2a719b;} .pollResult .pollGraph { position:absolute; width:512px; height:24px; left:170px; top:107px;} .pollResult .pollTotalNam { position:absolute; width:53px; left:0; text-align:center;} .pollResult span { font-size:11px;} .pollResult .pollTotalChicken {position:absolute;width:53px; right:0; text-align:center;} .pollResult .pollBar { margin-left:54px; width:400px;} .pollResult .pollBar span { margin-left:-4px;} #contentsBody .tab {width:710px; background:url(/img/mtn/bg_tab.gif) repeat-x left bottom; overflow:hidden;} #contentsBody .tab li { float:left; margin-right:-1px; background:url(/img/mtn/bg_tab_right.gif) right top no-repeat;} #contentsBody .tab li span {display:block; } #contentsBody .tab li a { float:left; display:block; height:19px; padding:9px 19px 0 18px; background:url(/img/mtn/bg_tab_left.gif) left top no-repeat; color:#666; line-height:14px; text-decoration:none; text-align:center;} #contentsBody .tab li a:hover{color:#333;} #contentsBody .tab li.selected{background-position:right -28px;} #contentsBody .tab li.selected a{background-position:left -28px; color:#333; font-weight:bold; letter-spacing:-1px;} #todayComic {margin: 0 0 15px 4px; width: 222px;} #todayComic h4 { margin: 0 0 5px 2px;} #todayComic .comicList { background-color: #FFFFFF; border-left: 1px solid #F6C3B7; border-right: 1px solid #F6C3B7; margin: 0 0 -4px 0 ; overflow:hidden;} #todayComic .comicList li { height: 77px; width: 205px; margin: 0 0 5px 7px; padding:6px 0 10px; background: url(/img/mtn/line_dot_gray.gif) repeat-x left bottom;} #todayComic .comicList li.none { background:none; } #todayComic .comicList li .img2 { float: left;} #todayComic .comicList li .infoText { float: right; height: 77px; position: relative; width: 115px; padding-top:0px;} #todayComic .comicList li .infoText .title { color: #303642; } #todayComic .comicList li .infoText .nick { color: #626265; font-size: 11px; padding-top: 5px;} #todayComic .comicList li .infoText .btn { bottom: 3px; position: absolute;} /* 포토슬라이드 20121205 */ .sliderkit .sliderkit-nav{z-index:10;position:block;text-align:left;} .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} #contentsRight #photoSlide #title h4 {float:left; width:185px;} #photoSlide {margin: 0 0 15px 4px; width: 222px;} #photoSlide h4 { margin: 0 0 5px 2px;} #photoSlide .photoList { width: 222px; height: 177px; background-color: #FFFFFF; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin: 0 0 0 0 ; overflow:hidden;} #photoSlide .photoList li { height: 157px; width: 218px; margin: 0px; padding:0px;} #photoSlide .photoList div { padding-bottom:5px;} #photoSlide .photoList div.none { background:none; } #photoSlide .photoList li .img2 { float: left;} #photoSlide .photoList li .infoText { float: left; height: 77px; position: relative; width: 125px; margin-top:3px; margin-left:8px;} #photoSlide .photoList li .infoText .title { color: #303642; } #photoSlide .photoList li .infoText .nick { color: #626265; font-size: 11px; padding-top: 5px;} #photoSlide .photoList li .infoText .btn { bottom: 8px; position: absolute;} #photoSlide .sliderkit-nav .prev {position:block; top:40px; left:16px; width:15px; height:15px; background:url(/img/mtn/btn_arrow_prev4.gif) no-repeat } #photoSlide .sliderkit-nav .next {position:block; top:40px; right:16px; width:15px; height:15px; background:url(/img/mtn/btn_arrow_next4.gif) no-repeat} /* 포토슬라이드 NEW 20130304 MJ*/ #photoSlideNew #title h4 {float:left; width:200px; } #photoSlideNew {margin: 15px 0 0px 4px; width: 222px; margin-bottom: 20px} #photoSlideNew h4 { margin: 0 0 5px 2px;} #photoSlideNew .photoList { width: 220px; height: 320px; background-color: #FFFFFF; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; margin: 0 0 0 0 ; overflow:hidden; } #photoSlideNew .photoList li { width: 222px;} #photoSlideNew .photoList div { padding-bottom:5px;} #photoSlideNew .photoList div.none { background:none; } #photoSlideNew .mainPhotonews { position: relative; width: 207px; height: 210px; padding-top:7px; font-size:11px; } #photoSlideNew .mainPhotonews .thum { display:block; overflow:hidden; height:211px; } #photoSlideNew .mainPhotonews img { vertical-align: top; width: 207px; display:block; margin-top:-20px; } #photoSlideNew .mainPhotonews .description { position: absolute; width: 207px; height:30px; margin: -30px 0px 0px 0px; color: #fff; background: url(/img/mtn/bg_photoslide_txt.png) no-repeat; } #photoSlideNew .mainPhotonews .description span{ position: absolute; top: 10px; width:207px; text-align:center; font-size:12px; font-weight:bold;} #photoSlideNew .sliderkit-nav .prev {position:block; top:40px; left:16px; width:15px; height:15px; background:url(/img/mtn/btn_more.gif) no-repeat } #photoSlideNew .sliderkit-nav .next {position:block; top:40px; right:16px; width:15px; height:15px; background:url(/img/mtn/btn_arrow_next4.gif) no-repeat} #photoSlideNew .subPhotonews { width: 100%;padding: 0px 0px 0px 7px; font-size:11px; } #photoSlideNew .subPhotonews .description_sub { position: absolute; left: 0; bottom: 0; width: 101px; height:30px; color: #fff; background: url(/img/mtn/bg_photoslide_txt.png) no-repeat; } #photoSlideNew .subPhotonews .description_sub span{ position: absolute; width: 90px; top:10px; font-weight:bold; padding-left:5px} #photoSlideNew .subPhotonews li { position: relative; float: left; width: 101px; height: 93px; margin-right: 5px; } #photoSlideNew .subPhotonews li img { vertical-align: top; width:101px; } #photoSlideNew .subPhotonews li.last-gallery { margin-right: 0; } #photoSlideNew .subPhotonews li span.overlay { display: none; position: absolute; top: 0; left: 0; width: 101px; height: 51px; border: 1px solid #ed1b23; } #photoSlideNew .subPhotonews li .on span.overlay { display: block; } #photoSlideNew .subPhotonews li .subMask { height:93px; display:block; overflow:hidden;} /* 이시각 핫이슈 추가 20130422 MJ */ #hotIssue { width:222px; margin:0 0 15px 4px; } #hotIssue #issueList { background-color:#FFF; border-left:solid 1px #e6220e; border-right:solid 1px #e6220e; } #hotIssue #issueList ul { padding: 20px 8px 6px 8px; } #hotIssue #issueList li { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px; } #hotIssue #issueList .txtRed a { color:#ff0000; font-weight:bold;} #hotIssue #issueList .txtRed a:hover { color:#ff0000; text-decoration:underline;} /* mtn 단독 이슈 20130107 */ #soloissue { width:222px; margin:0 0 15px 4px; } /* 오늘의 만화 추가 20130819 JH */ #todayComic .comic_button {margin-left:136px;} #todayComic .comicList_right { background-color: #FFFFFF; border-left: 1px solid #F6C3B7; border-right: 1px solid #F6C3B7; margin: 0 0 -4px 0 ; overflow:hidden; padding:7px 5px 8px 5px;} #todayComic .comicList_right li { height:auto; width:95px; margin:0 5px 10px 5px; float:left;} #todayComic .comicList_right li.none { background:none; } #todayComic .comicList_right li .comicimg img {width:93px; height:93px; border:1px solid #c9c9c9;} #todayComic .comicList_right li .infoText { float: right; height: 28px; position: relative; width: 98px; margin-top:3px; overflow:hidden;} #todayComic .comicList_right li .infoText .title { color: #303642; } #todayComic .comicList_right li .infoText .title .nick { color: #626265; font-size:11px; margin-right:4px; padding-right:4px; background: url('//menu.mtn.co.kr/images/name_bar4.gif') no-repeat right;} /* 소치올림픽 추가 20140202 MJ */ #sochi2014 { width:222px; margin:0 0 15px 4px; } #sochi2014 h4 {height:36px;} #sochi2014 #sochiList {height:210px; padding:8px 0 0 7px; background-color:#FFF; border-left:solid 1px #05a0e4; border-right:solid 1px #05a0e4; } #sochi2014 #sochiList .picThum {float:left; position: relative; width:135px; height: 134px; border:solid 1px #d0d2d1; overflow: hidden; display: block} #sochi2014 #sochiList .picThum .description {position: absolute; width: 148px; height:20px; padding-top:5px; bottom:0px;color: #fff; background: url('//menu.mtn.co.kr/images/mtn/main/bg_photoslide_txt.png') no-repeat; } #sochi2014 #sochiList .picThum .description span{ margin-top:10px ; padding-left:3px; width:148px; text-align:center; font-size:12px; } #sochi2014 #sochiList .pic_r {float:left; width:67px; padding-left:2px;} #sochi2014 #sochiList .pic_r dd {width:65px; height: 65px; margin-bottom:2px; border:solid 1px #d0d2d1; overflow: hidden; display: block} #sochi2014 #sochiList .pic_b dd {float:left; width:65px; height: 65px; margin-right:2px; border:solid 1px #d0d2d1; overflow: hidden; display: block} /* 서브우측 공통 140303 MY */ #contentsRight h4 { font-weight:bold;letter-spacing:-1px } #contentsRight h4 strong { color:#fd2020 } #contentsRight .btnMore {position:absolute;top:0;right:0 } #photoStandard .photoList,#worldStandard .thumbList,#comicStandard .comicList_right,#bestclickStandard #list,#vodStandard #vodList,#boardStandard #brdList,#boardStandard #brdList2,#columnStandard .list,#resultStandard .list, #specialPlan #peatureList { background:#ffffff;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;overflow:hidden;text-overflow:ellipsis; } #vodStandard #vodList li, #boardStandard #brdList dt { overflow:hidden;text-overflow:ellipsis; } #bestclickStandard #list li,#vodStandard #vodList li,#boardStandard #brdList li, #columnStandard .list li,#resultStandard .list li { padding-left:8px;background:url(/img/mtn/bl_gray4.gif) no-repeat left 12px;line-height:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis } /* 서브우측 포토슬라이드(standard 230) 140303 MY */ #photoStandard { position:relative;width:222px;margin:10px 0 20px 4px } #photoStandard .photoList { overflow:hidden;width:220px;height:320px } #photoStandard .photoList li { width: 220px;} #photoStandard .photoList div { padding-bottom:5px;} #photoStandard .photoList div.none { background:none; } #photoStandard .mainPhotonews { position: relative;width:207px;height:210px;padding:7px } #photoStandard .mainPhotonews .thum { display:block;overflow:hidden;height:211px } #photoStandard .mainPhotonews img { display:block;width:207px;margin-top:-20px;vertical-align:top } #photoStandard .mainPhotonews .description { position:absolute;width:207px;height:30px;margin-top:-30px;color:#ffffff;background: url('//menu.mtn.co.kr/images/mtn/main/bg_photoslide_txt.png') no-repeat } #photoStandard .mainPhotonews .description span{ position:absolute;bottom:0;width:207px;text-align:center;font-size:12px;font-weight:bold;line-height:2.5 } #photoStandard .subPhotonews { width:100%;padding-left:7px } #photoStandard .subPhotonews .description_sub { position:absolute;left:0;bottom:0;width:101px;height:30px;color:#ffffff; background: url('//menu.mtn.co.kr/images/mtn/main/bg_photoslide_txt.png') no-repeat; } #photoStandard .subPhotonews .description_sub span{ position:absolute;width:100px;padding-left:5px;top:0;font-weight:bold;line-height:2.5 } #photoStandard .subPhotonews li { position:relative;float:left;width:101px;height:93px;margin-right:4px } #photoStandard .subPhotonews li img { vertical-align: top; width:101px; } #photoStandard .subPhotonews li.last-gallery { margin-right:0; } #photoStandard .subPhotonews li span.overlay { display:none;position:absolute;top:0;left:0;width:101px;height:51px;border:1px solid #ed1b23; } #photoStandard .subPhotonews li .on span.overlay { display:block } #photoStandard .subPhotonews li .subMask { display:block;overflow:hidden;height:93px } /* 서브우측 세상에이런일이(standard) 140307 MY */ #worldStandard { position:relative;width:222px;margin:0 0 20px 4px } #worldStandard .thumbList { overflow:hidden;padding-bottom:8px } #worldStandard .thumbList li { float:left;height:auto;width:95px;padding:7px 0 0 9px } #worldStandard .thumbList li.none { background:none; } #worldStandard .thumbList li img {width:93px; height:93px; border:1px solid #c9c9c9;} #worldStandard .thumbList li .infoText { overflow:hidden;position:relative;float:right;width:98px;height:28px;margin-top:3px;font-size:11px;color:#666666;text-align:left } #worldStandard .thumbList li .btn { bottom: 3px; position: absolute;} /* 서브우측 베스트앱/카매거진(standard 230) 140303 MY */ #columnStandard { width:222px;margin:0 0 20px 4px } #columnStandard .list { overflow:hidden;padding:8px } /* 서브우측 실적돋보기(standard 230) 140303 MY */ #resultStandard { position:relative;width:222px;margin:0 0 20px 4px } #resultStandard .list { overflow:hidden;idth:220px;padding:8px } /* 서브우측 만화(standard 230) 140303 MY */ #comicStandard { position:relative;width:222px;margin:0 0 20px 4px } #comicStandard .comicList_right { overflow:hidden;padding-bottom:8px } #comicStandard .comicList_right li { float:left;height:auto;width:95px;padding:7px 0 0 9px } #comicStandard .comicList_right li.none { background:none; } #comicStandard .comicList_right li .comicimg img {width:93px; height:93px; border:1px solid #c9c9c9;} #comicStandard .comicList_right li .infoText { float: right; /* height: 28px; */position: relative; width: 98px; margin-top:3px; overflow:hidden;} #comicStandard .comicList_right li .title { height:35px;color: #303642; } #comicStandard .comicList_right li .nick { color: #626265; font-size:11px; margin-right:4px; padding-right:4px; background: url('//menu.mtn.co.kr/images/name_bar4.gif') no-repeat right;} #comicStandard .comicList_right li .btn { bottom: 3px; position: absolute;} /* 서브우측 베스트클릭(standard 230) 140303 MY */ #bestclickStandard { width:222px; margin:0 0 20px 4px } #bestclickStandard #tab { height:28px } #bestclickStandard #list ul { padding:8px } /* 서브우측 최신/많이본/종목VOD(standard 230) 140303 MY */ #vodStandard { width:222px;margin:0 0 20px 4px } #vodStandard #vodTab { height:28px } #vodStandard #vodList ul { padding:8px } /* 서브우측 공지사항/게시판/제작진노트(standard 230) 140303 MY */ #boardStandard { width:221px;margin:0 0 20px 4px; } #boardStandard #brdTab { height:28px } #boardStandard #brdList ul { padding:8px; } #boardStandard #brdList dl { background:url(/img/mtn/bl_gray4.gif) no-repeat left 9px; padding: 5px 0 0 8px;white-space:nowrap } #boardStandard #brdList2 ul { clear:both; height:1%; background:url(../images/line_dot_gray.gif) repeat-x left bottom; padding:4px 5px 7px; } #boardStandard #brdList2 ul.bgn { background:none; } #boardStandard #brdList2 li { padding: 5px 0 0 5px; } #boardStandard #brdList2 li.thum { width:45px; height:34px; float:left; } #boardStandard #brdList2 li.thum img { width:45px; height:34px; } #boardStandard #brdList2 li.thum a:hover img { border: solid 1px #dd3357; } #boardStandard #brdList2 li.thum a img { border: solid 1px #333; } #boardStandard #brdList2 li.info { width:150px; float:right; } #boardStandard #brdList2 li.info dt { padding: 2px 0 0 0; } #boardStandard #brdList2 li.info dd { padding: 3px 0 0 0; font-size:11px; color:#999; } .rightBtnLink { width:222px;padding-bottom:30px } /* 2014브라질월드컵 추가 20140616 MJ */ #brasil2014 { width:222px; margin:0 0 15px 4px; } #brasil2014 h4 {height:36px;} #brasil2014 #brasilList {height:213px; padding:8px 0 0 7px; background-color:#FFF; border-left:solid 1px #25871b; border-right:solid 1px #25871b; border-bottom:solid 1px #25871b; } #brasil2014 #brasilList .picThum {float:left; position: relative; width:135px; height: 134px; border:solid 1px #d0d2d1; overflow: hidden; display: block} #brasil2014 #brasilList .picThum .description {position: absolute; width: 148px; height:20px; padding-top:5px; bottom:0px;color: #fff; background: url('//menu.mtn.co.kr/images/mtn/main/bg_photoslide_txt.png') no-repeat; } #brasil2014 #brasilList .picThum .description span{ margin-top:10px ; padding-left:3px; width:148px; text-align:center; font-size:12px; } #brasil2014 #brasilList .pic_r {float:left; width:67px; padding-left:2px;} #brasil2014 #brasilList .pic_r dd {width:65px; height: 65px; margin-bottom:2px; border:solid 1px #d0d2d1; overflow: hidden; display: block} #brasil2014 #brasilList .pic_b dd {float:left; width:65px; height: 65px; margin-right:2px; border:solid 1px #d0d2d1; overflow: hidden; display: block} /* 2014 인천아시안게임 추가 2014919 MJ */ #incheon2014 { width:222px; margin:0 0 15px 4px; } #incheon2014 h4 {height:36px;} #incheon2014 #List {height:213px; padding:8px 0 0 7px; background-color:#FFF; border-left:solid 1px #0072bc; border-right:solid 1px #0072bc; border-bottom:solid 1px #0072bc; } #incheon2014 #List .picThum {float:left; position: relative; width:135px; height: 134px; border:solid 1px #d0d2d1; overflow: hidden; display: block} #incheon2014 #List .picThum .description {position: absolute; width: 148px; height:20px; padding-top:5px; bottom:0px;color: #fff; background: url('//menu.mtn.co.kr/images/mtn/main/bg_photoslide_txt.png') no-repeat; } #incheon2014 #List .picThum .description span{ margin-top:10px ; padding-left:3px; width:148px; text-align:center; font-size:12px; } #incheon2014 #List .pic_r {float:left; width:67px; padding-left:2px;} #incheon2014 #List .pic_r dd {width:65px; height: 65px; margin-bottom:2px; border:solid 1px #d0d2d1; overflow: hidden; display: block} #incheon2014 #List .pic_b dd {float:left; width:65px; height: 65px; margin-right:2px; border:solid 1px #d0d2d1; overflow: hidden; display: block} /* 무료문자상담 */ #smsBody { float:right;width:765px;padding:20px;border:1px solid #d5d4d0 } #smsBody .visual { padding:10px 0 30px 18px } #boardTab_sms .tabSection { overflow:hidden;margin-bottom:20px } #boardTab_sms .tabSection li { float:left;width:376px;padding:14px 0;border-top:1px solid #d5d4d0;border-right:1px solid #d5d4d0;border-bottom:1px solid #d5d4d0;background:#f3f3f3;text-align:center;cursor:pointer } #boardTab_sms .tabSection li.active { border-bottom:1px solid #ffffff;background:#ffffff } #boardTab_sms .tabSection li:first-child { border-left:1px solid #d5d4d0; } /*투게더 신규 180823*/ .intro_div {height: 40px; text-align:center; background-color:#a8b0b8; color: white; font-size: 16px; margin-top:15px!important;} .intro_div p {line-height: 40px;} .intro_div span {margin-right: 20px; font-weight:600;} .sub_title {font-size: 21px; font-weight:800; letter-spacing: -1px; color:#373737; margin:45px 0 13px 0;} .fest_ask {text-align:right; font-size:14px; color: #474a36; font-weight: 400; letter-spacing: -1px;} .fest_all {overflow:hidden} /*이미지 회전*/ .i{fill:#eb476c;fill-opacity:.5;} .i:hover {fill-opacity:.7} .iav{fill-opacity:1} .c_container {width:980px; height:342px; position:relative;} .c_body {width:980px;height:342px;} .c_bullet {position:absolute;top: 11px; right: 20px;} .c_container .prev {left: 20px; top: 171px} .c_container .next {right: 20px; top: 171px; width: 25px;} .c_container .prev, .c_container .next {position:absolute; cursor:pointer;} .c_container .prev:hover, .c_container .next:hover {opacity: 0.8;} /*이미지 회전 종료*/ /*Card*/ .card_all {overflow:hidden} .card {width: 316px; height: 320px; border: 1px solid #d9d9d9; float: left; position:relative} .card:nth-child(3n+2) {margin: 0 13px 0 13px;} .card:nth-child(1n+4) {margin-top: 45px;} .card dt {margin: 15px 0px 3px 12px; font-size: 18px; color: #73716e; font-weight: 600; letter-spacing: -1px;} .card dd {margin-left: 12px; font-size: 16px; color: #878787; font-weight: 400; letter-spacing: -1px;} .card img:nth-child(2) {position:absolute; right: 7px; top: 7px;} .card:hover {cursor: pointer; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)} /*//Card*/ /*TV LIVE*/ /*Live 영상*/ div.tv_live_all {overflow:hidden; margin-top: 15px;} div.tv_live_c {float: left;} div.tv_live {width:640px; height:390px; position:relative; background-image:url('//menu.mtn.co.kr/images/mtn/live/sum/live_sum2.jpg')} div.tv_live div {position:absolute; bottom:0px; height:35px; width: 100%; background-color:black} div.tv_live_b {width:640px; height:46px; background-color:black; overflow:hidden} div.tv_live_b a:first-child {line-height:23px; float:right; margin-right:9px; width:59px; height:25px; background-color:#d8dcdb; color:#4c4c4c; font-size:13px; margin-top:11px; text-align:center} div.tv_live_b a:nth-child(1n+2) {line-height:23px; float:right; margin-right:1px; width:59px; height:25px; background-color:#d8dcdb; color:#4c4c4c; font-size:13px; margin-top:11px; text-align:center} div.tv_live_b a:hover {background-color:#4c4c4c; color:white!important; text-decoration:none; cursor:pointer} /*//Live 영상*/ /*편성표, 채널안내*/ div.tv_intro {float:right; width:320px; height:435px; border:1px solid #c8c8c8; margin-left:15px; overflow:hidden} ul.sepa li a:focus {text-decoration:none!important} div.tv_intro ul.sepa {border-top:3px solid black; border-bottom:1px solid #bfb9b9; height:46px; line-height:46px; padding-left:13px;} div.tv_intro ul.sepa li {font-size:14px; color:#2a2a2a; display:inline-block;} div.tv_intro ul.sepa li+li:before {padding: 9px; color: #797979; content: "|";} div.tv_intro ul.sepa li a:hover {text-decoration:none; color: #2f56c6!important; font-weight:800; cursor:pointer} div.tv_intro p {border-bottom:1px solid #bfb9b9; height:46px; text-align:center} div.tv_intro ul.tv_off {border-bottom:1px solid #bfb9b9; height:82px; padding-left:13px;} div.tv_intro ul.tv_on {border-bottom:1px solid #bfb9b9; height:125px; padding-left:13px;background-color:#002755;} div.tv_intro ul.tv_off li {font-size:16px; font-weight:400;} div.tv_intro ul.tv_on li {font-size:16px; font-weight:800; color:white} div.tv_intro ul.tv_off li:first-child {float:left; line-height: 82px;} div.tv_intro ul.tv_off li:nth-child(2) {float:left; border-radius: 30px; margin-left: 20px; margin-right:17px; background-color:#5a6064; color:white; padding:7px 10px; margin-top:22px;} div.tv_intro ul.tv_off li:nth-child(3) {float:left; width: 180px; height:82px; display:table;} div.tv_intro ul.tv_off li:nth-child(3) > a {display:table-cell; vertical-align:middle; text-decoration:none;} div.tv_intro ul.tv_on li:first-child {float:left; line-height:126px;} div.tv_intro ul.tv_on li:nth-child(2) {float:left; border-radius: 30px; margin-left: 17px; margin-right:17px; background-color:white; color: #4e5357; padding:7px 10px; margin-top:44px;} div.tv_intro ul.tv_on li:nth-child(3) {float:left; width: 110px; height:125px; display:table;} div.tv_intro ul.tv_on li:nth-child(3) > a {display:table-cell; vertical-align:middle; color:white; text-decoration:none;} div.tv_intro ul.tv_on li:nth-child(4) {float:left; border-radius: 4px; margin-left: 18px; margin-right:18px; background-color:#ed3f40; color:white; padding:4px 8px; font-size:12px; font-weight:400; margin-top:52px} /*//편성표, 채널안내*/ /*광고1*/ div.tv_ad1 {margin-top:40px; overflow:hidden;} div.tv_ad1 li {display:inline-block; width:640px; 125px;} div.tv_ad1 li:last-child {display:inline-block; margin-left:15px; width:320px; height:125px;} /*//광고1*/ /*최신뉴스*/ div.tv_r_news {height:46px; background-color:#e4e2e2; margin-top:40px; overflow: hidden;} div.tv_r_news h2 a{float:left; width:80px; line-height:46px; margin-left:13px; color:#e64444; font-size:15px; font-weight:800;} div.tv_r_news h2 a:hover {text-decoration:none;} div.tv_r_news p {/*float:left;*/ line-height:46px; color:#504f4f; font-size:15px;} div.tv_r_news ul {/*float:right;*/ line-height:46px;} div.tv_r_news li {display:inline; margin-right:13px;} div.tv_r_news li:nth-child(2) {display:inline; margin-right:20px;} /*//최신뉴스*/ /*다시보기 탭 메뉴*/ div.tv_review_all {margin-top:40px; overflow:hidden;} div.tv_review {margin-bottom: 13px; overflow: hidden;} div.tv_review h2 {float:left; font-size: 21px; font-weight:800; letter-spacing: -1px; color:#373737;} div.tv_review ul {float:right; line-height:31px} ul.tvreview li {display: inline; font-size: 15px; color:#797979;} ul.tvreview li a {display: inline; font-size: 15px;} ul.tvreview li+li:before {padding: 9px; color: #797979; content: "|"; font-weight:200!important} ul.tvreview li a:hover {display: inline; font-size: 15px; color:#2f56c6 !important; text-decoration:none; font-weight:800; cursor:pointer} ul.tvreview .on {display: inline; font-size: 15px; color:#2f56c6 !important; text-decoration:none; font-weight:800; cursor:pointer} /*//다시보기 탭 메뉴*/ /*다시보기 카드*/ .tv_card_sum {overflow: hidden;} li.tv_card {width: 230px; height: 188px; float: left;} li.tv_card:nth-child(even) {margin-left: 20px} li.tv_card:nth-child(4n+3) {margin-left: 20px} li.tv_card:nth-child(1n+5) {margin-top: 20px} li.tv_card img {width: 230px; height:129px; margin-bottom: 8px;} li.tv_card span {margin: 2px 0px 1px 2px; font-size: 14px; font-weight: 800; color:#696969} li.tv_card span+span {margin-left: 2px; width:228px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; font-size: 14px; font-weight: 400; color:#696969} li.tv_card img:hover {cursor: pointer; opacity: .7;} li.tv_card a {display:block; text-decoration:none;} /*//다시보기 카드*/ /*다시보기 카드 더보기*/ .tv_more {margin-top:20px; height:40px; line-height:40px; border:1px solid #e5e5e5; text-align:center; font-size:15px; font-weight:800; color:#636363;} .tv_more > a:hover {color:#636363!important; text-decoration:none!important} .tv_more span {padding-left:5px;} .tv_more span img {padding-bottom:2px;} /*//다시보기 카드 더보기*/ /*광고2*/ .tv_ad_m {width:980px!important; margin:0 5px;} div.tv_ad {overflow: hidden; margin-top:40px;} div.tv_ad div {float:left; position:relative} div.tv_ad div p {position:absolute; top:13px; right:10px; font-size:15px; font-weight:600; color:#9a928c;} div.tv_ad p {float:left; margin-left:20px;} /*//광고2*/ /*채널 이동*/ div.tv_channel {width:980px; margin:0 auto; margin-top:40px; overflow:hidden;} div.tv_channel ul { width:100%;background-color:#e4e2e2; text-align:center; height:46px; display:table} div.tv_channel li{float:left; width:20%; display:table-cell} div.tv_channel p {float:right; color:#7f7f7f; font-size:12px; letter-spacing:-1px; margin-top:5px;} /*프로그램 전체보기 180901*/ div.tv_pro_all {margin:40px 0px 0px 0px!important; overflow:hidden;} li.tv_pro {width: 314px; display:inline-block; height: 800px; overflow:hidden} li.tv_pro:nth-child(3n+2) {margin:0px 14px 0px 15px;} li.tv_pro:nth-child(1n+4) {margin-top: 20px; height: 365px; overflow:hidden} li.tv_pro span {height:36px; background-color:#a4a4a4; color:white; line-height:36px; font-size:20px; padding-left:15px; font-weight:800; display:block} li.tv_pro ul li {padding-left:15px; color: #696969; font-size:14px; letter-spacing:-1px; margin-top:12px;} /*프로그램 전체보기 181011*/ ul.tv_pro2 {overflow:hidden !important; margin-bottom: 40px} ul.tv_pro2:nth-child(2) {overflow:hidden !important;} ul.tv_pro2 .tv_pro2_li {width: 316px; float:left; color: #696969; font-size:14px; letter-spacing:-1px; margin-top:12px;} ul.tv_pro2 .tv_pro2_li:nth-child(2) {padding:0 15px;} .tv_pro2_li span {height:36px; background-color:#a4a4a4; color:white; line-height:36px; font-size:20px; padding-left:15px; font-weight:800; display:block} li.tv_pro2_li ul li {padding-left:15px; color: #696969; font-size:14px; letter-spacing:-1px; margin-top:12px;} /* contact us table */ .info_tel { margin-top:30px } .info_tel table { width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #333333 } .info_tel th, .info_tel td { padding:11px 18px 12px 18px; border-bottom:1px solid #dedede;font-size:13px;line-height:1.8 } .info_tel th { background:#f7f7f7;font-weight:bold;color:#e46933;text-align:right } .info_tel td strong { display:inline-block;width:100px;font-weight:bold;color:#333333 } /* tvlive renewal */ #liveArea { overflow:hidden;margin-top:15px;padding-bottom:18px;border-bottom:1px solid #ececec } #liveArea .live_int {text-align:right;color:blue;padding-top: 16px} #liveArea .wide { overflow:hidden;width:980px;height:550px;border:1px solid #000000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } #liveArea .wideline { position:relative;width:980px;height:550px; } #liveArea .wideline:after { display:block;position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;content:'';border:1px solid #ececec } #liveArea .content { overflow:hidden;margin-top:10px } #liveArea .program { position:relative;float:left;width:642px;margin-left:-2px;border:1px solid #eeeeee;background:#ffffff; } #liveArea .program .pro_tit { position:relative;width:180px;height:80px;background:#17273a } #liveArea .program .onair { position:absolute;top:18px;left:32px;font-size:0;display:inline-block;width:124px;height:12px;background:url('//menu.mtn.co.kr/images/mtn/live/tit/tit_live_onair.png') no-repeat 0 0;text-indent:-9999px } #liveArea .program .onair a { display:block } #liveArea .program .onair .ico_dot{display:none;position:absolute;top:-5px;right:24px; } #liveArea .program .onair.on .ico_dot{ display:inline-block;/*position:relative*/ } #liveArea .program .circle_in { width: 6px;height: 6px;background-color: #ff3333;border-radius: 50%;position: absolute;top: 8px;left: 8px } #liveArea .program .circle_out { border: 3px solid #ff3333; -webkit-border-radius: 30px;-moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; height:16px;width:16px;position:absolute;left:0;top:0;-webkit-animation: pulsate 1s ease-out; -moz-animation: pulsate 1s ease-out; -ms-animation: pulsate 1s ease-out; -o-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.0 } @-webkit-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 0.3;} 100% { transform: scale(1.2, 1.2); opacity: 0.0;} } @-moz-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 0.3;} 100% { transform: scale(1.2, 1.2); opacity: 0.0;} } @-ms-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 0.3;} 100% { transform: scale(1.2, 1.2); opacity: 0.0;} } @-o-keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 0.3;} 100% { transform: scale(1.2, 1.2); opacity: 0.0;} } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0;} 50% {opacity: 0.3;} 100% { transform: scale(1.2, 1.2); opacity: 0.0;} } #liveArea .program .broadcast { overflow:hidden;position:absolute;top:42px;left:22px } #liveArea .program .broadcast li { float:left;width:66px;margin-top:-1px;border:1px solid #f2f2f2;background:#ffffff;text-align:center } #liveArea .program .broadcast li a { color:#333333;font-size:11px;text-decoration:none } #liveArea .schedule { position:absolute;top:25px;right:0;width:460px;height:32px;margin:0 auto;overflow:hidden;font-size:20px } #liveArea .schedule li { white-space:nowrap;text-align:center } #liveArea .schedule li a { display:inline-block;width:340px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap } #liveArea .schedule img { padding-top:3px;vertical-align:text-top } #liveArea .schedule .time { /*padding:0 8px;*/color:#333333 } #liveArea .schedule .prev { position:absolute;top:5px;left:35px;cursor:pointer;cursor:hand } #liveArea .schedule .next { position:absolute;top:5px;right:35px;cursor:pointer;cursor:hand } #liveArea .open { position:relative;float:right;width:320px;height:80px;background:#17273a;text-align:center } #liveArea .open img { position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto }