@charset "euc-kr";
@import url("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:66px; 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}
/* --- broad_section --- */
#broad_section {overflow:hidden; width:688px; *width:690px; margin-bottom:10px; border:1px solid #d5d5d5}
#broad_section h3 {position:relative; 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 -228px}
#broad_section h4 {position:relative; line-height:1.335}
#broad_section .path {display:block; position:absolute; left:174px; top:7px; width:500px; *width:514px; height:28px; padding-right:14px; text-align:right; font-weight:normal}
#broad_section .path a {margin-left:17px; letter-spacing:-1px; line-height:1.335}
#broad_section .list {position:relative; float:left; overflow:hidden; width:202px; *width:229px; padding:14px 10px 0 17px}
#broad_section .list .sort {display:inline-block; position:absolute; left:65px; top:0; width:120px; height:16px}
#broad_section .list .sort a {display:block; float:right; margin-left:2px; text-indent:-5000em;cursor:hand}
#broad_section .list .sort a.sort_consonant {width:49px; height:14px; background:url("http://img.imbc.com/2010_main/images/btn_sort1_off.gif") no-repeat}
#broad_section .list .sort a.sort_consonant_on {width:59px; height:14px; background:url("http://img.imbc.com/2010_main/images/btn_sort1_on.gif") no-repeat}
#broad_section .list .sort a.sort_week {width:49px; height:14px; background:url("http://img.imbc.com/2010_main/images/btn_sort2_off.gif") no-repeat}
#broad_section .list .sort a.sort_week_on {width:59px; height:14px; background:url("http://img.imbc.com/2010_main/images/btn_sort2_on.gif") no-repeat}
.h_layer_navi {position:absolute; right:30px; top:15px; overflow:hidden; width:122px; height:14px}
.h_layer_navi .page {float:right; height:14px; padding-right:5px; line-height:1.4; font-size:11px; color:#9a9a9a; font-weight:bold}
.h_layer_navi .page span {color:#737373}
.h_layer_navi .btn_pre {display:block; float:right; overflow:hidden; width:16px; height:14px; background:url("http://img.imbc.com/2010_tvmain/images/icon_layer_pre.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer}
.h_layer_navi .btn_next {display:block; float:right; overflow:hidden; 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}
#broad_section .list ul {overflow:hidden; overflow-y:auto; width:210px; height:168px; *height:180px; padding:6px 0; scrollbar-highlight-color: #d7d7d7; scrollbar-shadow-color: #d7d7d7; scrollbar-arrow-color: #b4b4b4; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
#broad_section .list ul li {width:210px; min-height:14px; height:auto !important; height:14px; margin-bottom:5px; vertical-align:top}
#broad_section .list ul li a {font-size:11px; letter-spacing:-1px; line-height:1.335}
#broad_section .list ul li a:hover {font-weight:bold; color:#53638c}
#broad_section .list ul li img {position:relative; left:4px; top:1px; vertical-align:top}
#broad_section .list dl {overflow:hidden; overflow-y:auto; width:210px; height:168px; *height:180px; padding:6px 0; scrollbar-highlight-color: #d7d7d7; scrollbar-shadow-color: #d7d7d7; scrollbar-arrow-color: #b4b4b4; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;}
#broad_section .list dl dt {min-height:14px; height:auto !important; height:14px; margin-bottom:5px; font-size:11px; color:#53638c; font-weight:bold; line-height:1.335; letter-spacing:-1px}
#broad_section .list dl dd {min-height:14px; height:auto !important; height:14px; margin-bottom:5px; font-size:11px; color:#737373; line-height:1.335; letter-spacing:-1px}
#broad_section .list dl dd img {position:relative; left:4px; top:1px; vertical-align:top}
#broad_section .list dl dd a {font-size:11px; color:#737373}
#broad_section .list dl dd a:hover {font-weight:bold; color:#53638c}
#broad_section .etc_list {position:relative; clear:both; overflow:hidden; width:688px; padding-top:12px}
#broad_section .etc_list h4.h4_sports {position:absolute; left:22px; top:12px}
#broad_section .etc_list h4.h4_childen {position:absolute; left:22px; top:33px}
#broad_section .etc_list ul {overflow:hidden; width:611px; *width:688px; margin-bottom:6px; padding-left:77px}
#broad_section .etc_list ul li {float:left; margin:0 9px 6px 0; white-space:nowrap}
#broad_section .etc_list ul li a {font-size:11px; letter-spacing:-1px; line-height:1.335}
/* --- 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")}