@charset "euc-kr";
@import url("http://www.imbc.com/2010_tvmain/css/common.css");
/* ---iMBC Web Operation Division --- */
/* --- layout --- */
body {background:#e8e8ea url("http://img.imbc.com/2010_main/images/bg_main_header.gif") repeat-x left top; text-align:center}
#wrap {overflow:hidden; position:relative; width:100%; margin:0 auto; text-align:center}
#header {position:relative; z-index:30; width:990px !important; height:150px; margin:0 auto; text-align:left}
#container {position:relative; z-index:20; overflow:hidden; width:950px; *width:990px; margin:0 auto; padding:15px 20px 20px 20px; background:#fff; text-align:left}
#footer {position:relative; width:990px; height:146px; margin:0 auto}
/* --- skip_navi --- */
#skip_navi {display:none}
/* --- layer_navi --- */
.layer_navi .page {display:inline-block; float:left; height:14px; margin-right:7px; line-height:1.4; font-size:11px; color:#9a9a9a; font-weight:bold}
.layer_navi .page span {color:#737373}
.layer_navi .btn_pre {display:inline-block; float:left; width:16px; height:14px; margin-right:2px; padding:0; background:url("http://img.imbc.com/2010_tvmain/images/icon_layer_pre.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer}
.layer_navi .btn_next {display:inline-block; float:left; width:16px; height:14px; padding:0; background:url("http://img.imbc.com/2010_tvmain/images/icon_layer_next.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer}
/* --- left_article --- */
.article {position:relative; float:left; overflow:hidden; width:487px; *width:489px; border:1px solid #d5d5d5}
.article .article_wrap {overflow:hidden; width:310px *width:487px; height:137px; *height:154px; padding:17px 0 0 177px}
.article .article_wrap li {float:left; width:290px; *width:310px; margin-bottom:4px; padding:0 10px; background:url("http://img.imbc.com/2010_tvmain/images/icon_dott.gif") no-repeat 0 6px}
.article .article_wrap li a {letter-spacing:-1px; line-height:1.4}
.add_article {position:relative; float:left; width:200px; *width:201px; height:183px; *height:185px; border:1px solid #d5d5d5; border-left:0; background:#f4f4f4; text-align:center}
.add_article .layer_navi {position:absolute; right:1px; top:53px; width:65px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold}
.main_article {position:absolute; z-index:100; left:21px; top:49px; overflow:hidden; width:140px; font-size:11px; letter-spacing:-1px; text-align:center; line-height:1.4}
.main_article img {display:block; margin-bottom:9px}
/* --- right_article --- */
#right_area .list {overflow:hidden; width:222px; *width:248px; padding:16px 13px 0 13px}
#right_area .list li {float:left; overflow:hidden; width:206px; *width:222px; padding:0 8px; margin-bottom:4px; background:url("http://img.imbc.com/2010_tvmain/images/icon_dott.gif") no-repeat 0 8px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
#right_area .list li a {letter-spacing:-1px; line-height:1.4}
/* --- left_area --- */
#left_area {float:left; overflow:hidden; width:690px; margin-right:10px}
#left_area .btn_up {position:absolute; right:12px; top:11px; width:11px; height:6px; background:url("http://img.imbc.com/2010_tvmain/images/icon_tv_arrow.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer}
/* --- right_area --- */
#right_area {float:left; overflow:hidden; width:250px}
/* --- highlight_section --- */
#highlight_section {position:relative; overflow:hidden; width:690px; height:250px; margin-bottom:10px; background:url("http://img.imbc.com/2010_tvmain/images/bg_highlight.gif") no-repeat 0 0}
#highlight_section h3 {height:30px}
#highlight_section h3 a {display:block; height:30px; text-indent:-5000em}
#highlight_section h3.h3_y_hot {position:absolute; left:0; top:0; width:144px; height:30px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 0 -30px}
#highlight_section h3.h3_y_hot_on {position:absolute; left:0; top:0; width:144px; height:30px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 0 0}
#highlight_section h3.h3_y_hot a {width:144px}
#highlight_section h3.h3_t_highlight {position:absolute; left:144px; top:0; width:143px; height:30px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat -144px 0}
#highlight_section h3.h3_t_highlight_on {position:absolute; left:144px; top:0; width:143px; height:30px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat -144px -30px}
#highlight_section h3.h3_t_highlight a {width:143px}
#highlight_section .article {width:690px; height:250px}
#y_hot {display:none; overflow:hidden; width:690px; height:250px}
#t_highlight {display:block; overflow:hidden; width:690px; height:250px}
#highlight_section .btn_s_pre {display:block; position:absolute; left:27px; top:120px; width:20px; height:37px; background:url("http://img.imbc.com/2010_tvmain/images/icon_highlight_arrow_left.png") no-repeat; text-indent:-5000em; cursor:pointer}
#highlight_section .btn_s_next {display:block; position:absolute; right:27px; top:120px; width:20px; height:37px; background:url("http://img.imbc.com/2010_tvmain/images/icon_highlight_arrow_right.png") no-repeat; text-indent:-5000em; cursor:pointer}
#highlight_section a {position:absolute; font-size:11px; letter-spacing:-1px; color:#c1c1c1; line-height:1.2; text-align:center}
#highlight_section a img {display:block; margin-bottom:7px}
#highlight_section a.left_img {left:74px; top:99px}
#highlight_section a.center_img {left:229px; top:43px}
#highlight_section a.right_img {right:71px; top:101px}
#highlight_section .layer_navi {position:absolute; right:9px; top:7px; width:66px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold; text-align:left}
#highlight_section .layer_navi .page {display:inline-block; float:left; height:14px; margin-right:7px; line-height:1.4; font-size:11px; color:#fff; font-weight:bold}
#highlight_section .layer_navi .page span {color:#fff}
#highlight_section .layer_navi .btn_pre {display:inline-block; float:left; width:16px; height:14px; margin-right:2px; background:url("http://img.imbc.com/2010_tvmain/images/icon_layer_pre.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer}
#highlight_section .layer_navi .btn_next {display:inline-block; float:left; width:16px; height:14px; background:url("http://img.imbc.com/2010_tvmain/images/icon_layer_next.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer}
/* --- drama_section --- */
#drama_section {position:relative; overflow:hidden; width:690px; height:185px; margin-bottom:10px;}
#drama_section h3 {height:28px; *height:29px; border-bottom:1px solid #d5d5d5; text-indent:-5000em; background:#f4f4f4 url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 17px -60px}
#drama_section h4 {height:28px; *height:29px; margin-bottom:16px; border-bottom:1px solid #d5d5d5; text-indent:-5000em; background:#dedede url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 13px -144px}
#drama_section .more {display:inline-block; position:absolute; right:17px; top:8px; overflow:hidden; letter-spacing:-1px}
#drama_section .more a {color:#596a95}
#drama_section .most_list {position:absolute; right:0; top:0; height:29px}
#drama_section .most_list li {float:left; padding-right:-1px; padding:0 7px 0 10px; background:url("http://img.imbc.com/2010_tvmain/images/icon_tv_bar.gif") no-repeat left 3px}
#drama_section .most_list li a {color:#596a95; letter-spacing:-1px}
#drama_section .img {overflow:hidden; width:200px; text-align:center; font-size:11px; letter-spacing:-1px; line-height:1.4}
#drama_section .img img {display:block; margin:0 auto 5px auto}
#drama_section .layer_navi {position:absolute; right:0; top:159px; width:76px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold; text-align:left}
/* --- ent_section --- */
#ent_section {position:relative; overflow:hidden; width:690px; height:185px; margin-bottom:10px;}
#ent_section h3 {height:28px; *height:29px; border-bottom:1px solid #d5d5d5; text-indent:-5000em; background:#f4f4f4 url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 17px -88px}
#ent_section h4 {height:28px; *height:29px; margin-bottom:9px; border-bottom:1px solid #d5d5d5; text-indent:-5000em; background:#dedede url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 13px -172px}
#ent_section .more {display:inline-block; position:absolute; right:17px; top:8px; overflow:hidden; letter-spacing:-1px}
#ent_section .more a {color:#596a95}
#ent_section .ranking {position:relative; overflow:hidden; width:200px}
#ent_section .ranking dt {margin-bottom:5px; font-weight:bold; text-align:center; line-height:1.335}
#ent_section .ranking .img {display:block; text-align:center}
#ent_section .ranking .img img {margin-bottom:9px; vertical-align:top}
#ent_section .ranking .txt {display:block; width:98px; *width:200px; padding:0 81px 0 21px; font-size:11px; letter-spacing:-1px; line-height:1.4; text-align:left}
#ent_section .ranking .btn_participate {display:block; position:absolute; left:124px; top:102px; width:55px; height:20px}
/* --- cul_section --- */
#cul_section {position:relative; overflow:hidden;width:690px; height:185px; margin-bottom:10px}
#cul_section h3 {height:28px; *height:29px; border-bottom:1px solid #d5d5d5; text-indent:-5000em; background:#f4f4f4 url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 17px -116px}
#cul_section h4 {height:28px; *height:29px; margin-bottom:25px; border-bottom:1px solid #d5d5d5; text-indent:-5000em; background:#dedede url("http://img.imbc.com/2010_tvmain/images/split_tv_v2.gif") no-repeat 2px -372px}
#cul_section .more {display:inline-block; position:absolute; right:17px; top:8px; overflow:hidden; letter-spacing:-1px}
#cul_section .more a {color:#596a95}
#cul_section .tv_more {display:inline-block; position:absolute; right:12px; top:35px; overflow:hidden; letter-spacing:-1px; color:#555; line-height:1.335; font-size:11px}
#cul_section .img {overflow:hidden; width:170px; *width:200px; padding:0 15px; text-align:center; font-size:11px; letter-spacing:-1px; line-height:1.4}
#cul_section .img img {display:block; margin:0 auto 5px auto}
/* mPosition */
#mPosition{position: relative; height:1120px;}
/* --- broad_section --- */

#broad_section{position:relative; overflow:hidden; border:1px solid #d5d5d5; width:688px; *width:690px; height:531px; *height:533px; letter-spacing:-1px; background:url("http://img.imbc.com/broad/tv/images/bgLine.jpg") no-repeat;}
#broad_section button{margin:0; padding:0; background:none; border:none; cursor:pointer;}
#broad_section h3{height:19px; *height:28px; border-bottom:1px solid #d5d5d5; background:#f4f4f4; margin-bottom:4px; padding:9px 0 0 16px;}
#broad_section h5{color:#4d4f57; font-weight:bold; line-height:32px;}
#broad_section ul{height:210px; overflow:hidden; margin-bottom:3px} 
/*#broad_section li{height:20px; white-space:nowrap;}*/
#broad_section a{line-height:1.333; color:#666; display:inline-block}
#broad_section a:hover{color:#333; text-decoration:underline;}
#broad_section .list{float:left; background:url("http://img.imbc.com/broad/tv/images/bgSide.jpg") no-repeat top right;}
#broad_section .drama_list{float:left; width:189px; *width:209px; padding-left:20px; height:254px; margin-bottom:21px;}
#broad_section .drama_list li{width:176px; overflow:hidden; margin-bottom:4px}
#broad_section .ent_list{height:254px; margin-bottom:21px; padding-left:35px; width:200px; *width:220px;}
#broad_section .ent_list li{width:190px; overflow:hidden; margin-bottom:4px}
#broad_section .cult_list {background:none; height:254px; width:205px; margin-bottom:21px; padding-left:36px;}
#broad_section .cult_list li{width:185px; overflow:hidden; margin-bottom:2px}
#broad_section .sports_list{clear:both; float:left; height:223px; width:189px; *width:209px; padding-left:20px;}
#broad_section .kids_list{float:left; height:223px; padding-left:36px; width:192px; *width:229px;}
#broad_section .etc_list{background:none; height:223px; width:189px; *width:209px; padding-left:20px;}
#broad_section .etc_list ul{padding:4px 0 0 17px;}
#broad_section .etc_list li{line-height:24px; font-weight:bold; color:#4d4f57; height:24px;}
#broad_section .ctrl_page{position:relative; height:15px; width:115px;}
#broad_section .ctrl_page span{text-align:center; display:block; color:#757575;}
#broad_section .ctrl_page em{font-weight:bold; color:#333;}
#broad_section .btn_before{position:absolute; top:0; *top:-3px; left:0;}
#broad_section .btn_next{position:absolute; top:0; *top:-3px; right:0;}
#broad_section .sorting_tv{line-height:23px; position:absolute; top:2px; right:16px; color:#373737; overflow:hidden;}
#broad_section .btn_ace{width:69px; text-align:center; background:url("http://img.imbc.com/broad/tv/images/bgSwitch_01.jpg") no-repeat 0 -23px; height:23px; float:left; font-family:"µ¸¿ò", dotum;}
#broad_section .btn_week{width:60px; text-align:center; background:url("http://img.imbc.com/broad/tv/images/bgSwitch_02.jpg") no-repeat 0 -23px; height:23px; float:left; font-family:"µ¸¿ò", dotum;}
#broad_section .sorting_tv .on{color:#6d6d6d; background-position:0 0;}

/* --- floating_section --- */
#floating_section {position:relative;overflow:hidden;width:690px;margin-bottom:10px;background:#f4f4f4;display:none;}
#floating_section .btn_close {position:absolute;right:15px;cursor:pointer}
#floation_section .img {position:relative;overflow:hidden;}
/* --- ad_section --- */
#ad_section {overflow:hidden; width:250px; height:250px; margin-bottom:10px}
/* --- promotion_section --- */
#promotion_section {overflow:hidden; width:250px; margin-bottom:10px}
#promotion_section ul {overflow:hidden; width:250px;}
#promotion_section ul li {float:left; margin-bottom:5px}
#promotion_section ul li img {border:1px solid #d5d5d5; vertical-align:top}
/* --- notice_section --- */
#notice_section {position:relative; overflow:hidden;width:248px; *width:250px; height:183px; *height:185px; margin-bottom:10px; border:1px solid #d5d5d5}
#notice_section h3 {height:28px; *height:29px; border-bottom:1px solid #d5d5d5; background:#f4f4f4 url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 13px -256px; text-indent:-5000em}
#notice_section .more {display:block; position:absolute; right:14px; top:8px; font-size:11px; color:#747067; letter-spacing:-1px; line-height:1.4}
#notice_section ul {overflow:hidden; width:222px; *width:248px; padding:0 13px}
#notice_section ul li {float:left; overflow:hidden; width:206px; *width:222px; padding:0 8px; background:url("http://img.imbc.com/2010_tvmain/images/icon_dott.gif") no-repeat 0 6px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
#notice_section ul li a {letter-spacing:-1px; line-height:1.335}
/* --- event_section --- */
#event_section {position:relative; overflow:hidden;width:248px; *width:250px; height:154px; *height:185px; padding-top:29px; margin-bottom:10px; border:1px solid #d5d5d5}
#event_section h3 a {display:block; height:29px}
#event_section .h3_event {position:absolute; left:0; top:0; width:131px; height:29px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 0 -314px; text-indent:-5000em}
#event_section .h3_event_on {position:absolute; left:0; top:0; width:131px; height:29px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 0 -343px; text-indent:-5000em}
#event_section .h3_tip {position:absolute; left:131px; top:0; width:117px; height:29px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat -131px -343px; text-indent:-5000em}
#event_section .h3_tip_on {position:absolute; left:131px; top:0; width:117px; height:29px; background:url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat -131px -314px; text-indent:-5000em}
/* --- program_section --- */
#program_section {overflow:hidden; width:248px; *width:250px; height:193px; *height:195px; margin-bottom:10px; border:1px solid #d5d5d5}
#program_section h3 {height:28px; *height:29px; border-bottom:1px solid #d5d5d5; background:#f4f4f4 url("http://img.imbc.com/2010_tvmain/images/split_tv.gif") no-repeat 13px -285px; text-indent:-5000em}
/* --- banner_section --- */
#banner_section {overflow:hidden; width:250px; height:50px}
/* --- sub_left_area */
#sub_left_area {position:relative; float:left; overflow:hidden; width:690px; margin-right:10px}
#sub_notice_wrap {position:relative; overflow:hidden; width:690px; padding-top:29px}
#sub_notice_wrap .notice_wrap {width:688px; *width:690px; height:998px; min-height:1000px; height:auto !important; height:1000px; border:1px solid #d5d5d5; text-align:center}
#sub_notice_wrap .notice_wrap .notice_template {overflow:hidden; width:670px; margin:0 auto; padding:15px 0; text-align:left}
#sub_notice_wrap .notice_wrap .notice_template .write_box {overflow:hidden; width:638px; *width:670px; height:52px; *height:61px; margin-bottom:15px; padding:7px 15px 0 15px; border:1px solid #e5e5e5}
#sub_notice_wrap .notice_wrap .notice_template .write_box .subject {display:block; width:668px; margin-bottom:8px; font-size:12px; color:#555; line-height:1.4}
#sub_notice_wrap .notice_wrap .notice_template .write_box .writer {float:left; font-size:12px; color:#555; line-height:1.4}
#sub_notice_wrap .notice_wrap .notice_template .write_box .date {float:right; font-size:12px; color:#555; line-height:1.4}
#sub_notice_wrap .notice_wrap .list td{height:30px;border-bottom:1px solid #e5e5e5;padding:0 0 0 10px;letter-spacing:-1px;}
#sub_notice_wrap .notice_wrap .navi{float:right;margin-top:15px;}
#sub_notice_wrap h4 {font-size:12px; color:#50565d; letter-spacing:-1px; line-height:1.335; text-align:center; font-weight:normal}
#sub_notice_wrap h4 a {display:block}
#sub_notice_wrap .h4_all {position:absolute; left:0; top:0; width:90px; *width:92px; height:22px; *height:30px; padding-top:7px; border:1px solid #d5d5d5; background:#f4f4f4}
#sub_notice_wrap .h4_all_on {position:absolute; left:0; top:0; width:90px; *width:92px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-bottom:0; background:#fff; color:#596a95; font-weight:bold}
#sub_notice_wrap .h4_all_on a {color:#596a95; font-weight:bold}
#sub_notice_wrap .h4_drama {position:absolute; left:92px; top:0; width:98px; *width:99px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-left:0; background:#f4f4f4}
#sub_notice_wrap .h4_drama_on {position:absolute; left:92px; top:0; width:98px; *width:99px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-left:0; border-bottom:0; background:#fff; color:#596a95; font-weight:bold}
#sub_notice_wrap .h4_drama_on a {color:#596a95; font-weight:bold}
#sub_notice_wrap .h4_ent {position:absolute; left:191px; top:0; width:98px; *width:99px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-left:0; background:#f4f4f4}
#sub_notice_wrap .h4_ent_on {position:absolute; left:191px; top:0; width:98px; *width:99px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-left:0; border-bottom:0; background:#fff; color:#596a95; font-weight:bold}
#sub_notice_wrap .h4_ent_on a {color:#596a95; font-weight:bold}
#sub_notice_wrap .h4_cul {position:absolute; left:290px; top:0; width:98px; *width:99px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-left:0; background:#f4f4f4}
#sub_notice_wrap .h4_cul_on {position:absolute; left:290px; top:0; width:98px; *width:99px; height:22px; *height:30px; padding-top:7px;  border:1px solid #d5d5d5; border-left:0; border-bottom:0; background:#fff}
#sub_notice_wrap .h4_cul_on a {color:#596a95; font-weight:bold}
#sub_left_area h3 {margin-bottom:15px; padding-left:12px; background:url("http://img.imbc.com/2010_tvmain/images/icon_tv_h3_dott.gif") no-repeat 1px 9px}
#sub_left_area h3 img {vertical-align:top}
#sub_content_wrap {width:688px; *width:690px; min-height:932px; height:auto !important; height:1000px; padding:23px 0; border:1px solid #d5d5d5; text-align:center}
/* Side Ad */
#side_ad {position:absolute; left:50%; top:150px; width:990px; margin-left:-495px}
#side_ad .left_ad {position:absolute; left:-305px; top:0; width:305px; height:702px; background:url("http://img.imbc.com/commons/images/bg_blank.gif")}
#side_ad .right_ad {position:absolute; right:-270px; top:37px; width:270px; height:620px; background:url("http://img.imbc.com/commons/images/bg_blank.gif")}

#ent_section .ent_add h4 {height:20px; *height:29px; margin-bottom:19px; padding:8px 0 0 13px; background:#dedede; background-image:none; text-indent:0; text-align:left}
.ent_add a {display:block; overflow:hidden; width:200px; text-align:center; line-height:1.4; color:#555}
.ent_add a img {display:block; margin:0 auto 8px}