@charset "euc-kr"; @import url("http://www.imbc.com/2010_main/css/common.css"); @import url("http://www.imbc.com/2010_main/css/header.css"); @import url("http://www.imbc.com/2010_main/css/footer.css"); /* ---iMBC Web Operation Division --- */ /* --- layout --- */ body {background:#e8e8ea url("http://img.imbc.com/2010_main/images/bg_main_header.gif") repeat-x 0 0; text-align:center} #wrap {position:relative; width:990px; margin:0 auto; text-align:left} #header {position:relative; z-index:30; width:990px; height:150px} #container {position:relative; z-index:20; overflow:hidden; width:950px; *width:990px; padding:15px 20px 20px 20px; background:#fff} #footer {position:relative; width:990px; height:146px} /* --- 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:block; float:left; width:16px; height:14px; margin-right:2px; padding:0; background:url("http://img.imbc.com/2010_main/images/icon_layer_pre.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer} .layer_navi .btn_next {display:block; float:left; width:16px; height:14px; padding:0; background:url("http://img.imbc.com/2010_main/images/icon_layer_next.gif") no-repeat; border:0; text-indent:-5000em; cursor:pointer} /* --- main_floating --- */ #main_floating {display:block; position:absolute; z-index:30; left:20px; top:275px; width:688px; *width:690px; min-height:248px; height:auto !important; height:250px; border:1px solid #e6e6e6} /* 101220 수정 */ /* --- maintop_section --- */ #maintop_section {position:relative; float:left; width:690px; height:250px; margin:0 10px 10px 0} #maintop_section .article_wrap {width:690px; height:250px} #maintop_section .main_img {position:relative; float:left; width:470px; height:250px} #maintop_section .main_img .img {display:block; cursor:pointer;} #maintop_section .main_img .img img {vertical-align:top; border:1px solid #d3d3d3} #maintop_section .main_img .btn_pre {display:block; position:absolute; left:5px; top:96px; overflow:hidden; width:49px; height:65px; background:url("http://img.imbc.com/2010_main/images/icon_arrow_left.png") no-repeat center; text-indent:-5000em; cursor:pointer} #maintop_section .main_img .btn_next {display:block; position:absolute; right:5px; top:96px; overflow:hidden; width:49px; height:65px; background:url("http://img.imbc.com/2010_main/images/icon_arrow_right.png") no-repeat center; text-indent:-5000em; cursor:pointer} #maintop_section .main_img .detail_bg {position:absolute; z-index:10; left:1px; bottom:0; width:468px; height:39px; background:#000; filter:alpha(opacity=50); opacity:.5; -moz-opacity:.5} #maintop_section .main_img .detail {position:absolute; z-index:20; left:1px; bottom:0; width:468px; height:39px} #maintop_section .main_img .detail .text {float:left; overflow:hidden; width:354px; *width:380px; height:27px; *height:39px; padding:12px 0 0 16px; font-size:14px; color:#fff; font-weight:bold; line-height:1.3; white-space:nowrap; text-overflow:ellipsis} #maintop_section .main_img .detail .btn {float:left; width:78px; *width:88px; height:26px; *height:39px; padding:13px 20px 0 0; text-align:right} /* 101220 수정 */ #maintop_section .main_img .detail .btn img {vertical-align:top} /* 101220 수정 */ #maintop_section .list {position:absolute; left:462px; top:0; overflow:hidden; width:228px; height:225px; *height:226px; border-top:1px solid #d3d3d3} #maintop_section .list li {float:left; width:190px; *width:228px; height:37px; *height:55px; padding:9px 15px 9px 23px; background:url("http://img.imbc.com/2010_main/images/bg_main_top_off.png") no-repeat 7px 0; cursor:pointer; line-height:1.335} #maintop_section .list li .main_img {position:absolute; left:0; top:0; width:470px; height:250px} #maintop_section .list li.on {color:#fff; background:url("http://img.imbc.com/2010_main/images/bg_main_top_on.png");_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://img.imbc.com/2010_main/images/bg_main_top_on.png",sizingMethod='image');} #maintop_section .list li img {display:block; float:left; margin-right:11px} #maintop_section .list li .subject {display:block; letter-spacing:-1px; padding-top:3px} /* 101220 수정 */ #maintop_section .list li .txt {display:block; letter-spacing:-1px} /* 101220 수정 */ #maintop_section .layer_navi {position:absolute; z-index:100; right:0; top:220px; width:73px; *width:221px; height:22px; *height:30px; padding:6px 0 0 146px; font-size:11px; color:#9a9a9a; font-weight:bold; border:1px solid #d5d5d5; background:#e5e5e5} /* --- ad_section --- */ #ad_section {overflow:hidden; float:left; position:relative; z-index:10; width:248px; *width:250px; height:248px; *height:250px; margin-bottom:10px; border:1px solid #d5d5d5} /* --- pairing_section --- */ #pairing_section {position:relative; float:left; width:248px; *width:250px; height:154px; *height:185px; padding-top:29px; margin:0 10px 10px 0; border:1px solid #d5d5d5} #pairing_section h2 {position:absolute; left:-1px; top:-1px; width:74px; *width:86px; height:20px; *height:30px; padding:8px 0 0 10px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #fff; border-top:1px solid #fff; text-indent:-5000em; background:#fff url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 10px -116px} #pairing_section h2 a {display:block; width:41px; height:12px} #pairing_section h3 {height:28px; *height:29px; text-align:center; font-weight:normal} #pairing_section h3 a {display:block; height:21px; *height:28px; padding-top:7px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} /* 101220 수정 */ #pairing_section h3 span {display:block; height:21px; *height:28px; padding-top:7px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #pairing_section #h3_tv {position:absolute; left:85px; top:0} #pairing_section #h3_fm {position:absolute; left:135px; top:0} #pairing_section #h3_fm4u {position:absolute; left:194px; top:0} #pairing_section .h3_tv {width:49px; *width:50px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #pairing_section .h3_tv_on {width:49px; *width:50px; border-right:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold !important} #pairing_section .h3_fm {width:58px; *width:59px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #pairing_section .h3_fm_on {width:58px; *width:59px; border-right:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #pairing_section .h3_fm4u {width:54px; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #pairing_section .h3_fm4u_on {width:54px; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #pairing_section #fm_article {display:none} #pairing_section #fm4u_article {display:none} #pairing_section .pairing_list {overflow:hidden; clear:both; width:248px; height:144px; *height:154px; padding-top:10px} #pairing_section .pairing_list li {position:relative; *zoom:1; float:left; width:226px; *width:248px; min-height:21px; height:auto !important; height:25px; padding:4px 11px 0 11px} #pairing_section .pairing_list li.on {background:#eee} #pairing_section .pairing_list li .broad {display:block} #pairing_section .pairing_list li .time {display:inline-block; width:36px; *width:43px; padding-left:7px; background:url("http://img.imbc.com/2010_main/images/icon_dott.gif") no-repeat 0 8px; line-height:1.335; vertical-align:middle} #pairing_section .pairing_list li .program_name {display:inline-block; overflow:hidden; width:133px; *width:163px; padding-right:50px; white-space:nowrap; text-overflow:ellipsis; line-height:1.335; vertical-align:middle} #pairing_section .pairing_list li .onair {display:block; position:absolute; right:11px; top:5px; width:32px; height:12px; background:url("http://img.imbc.com/2010_main/images/icon_onair.gif") no-repeat; text-indent:-5000em} #pairing_section .pairing_list li .chimyeo {display:inline-block; padding:5px 0 2px 43px; font-size:11px; color:#f26522; letter-spacing:-1px} #pairing_section .pairing_list li .table_2nd {display:inline-block; padding:5px 0 2px 43px; font-size:11px; color:#f26522; letter-spacing:-1px; background:url("http://img.imbc.com/2010_main/images/icon_2nd_table.gif") no-repeat 28px 6px} #pairing_section .pairing_list li .table_2nd a {font-size:11px; color:#f26522; letter-spacing:-1px; line-height:1.4} #pairing_section .pairing_list li .chimyeo a {font-size:11px; color:#f26522; letter-spacing:-1px; line-height:1.4} /* --- news_section --- */ #news_section {position:relative; float:left; width:430px; height:155px; *height:185px; margin:0 10px 10px 0; padding-top:30px} #news_section h2 {position:absolute; left:0; top:0; width:115px; *width:127px; height:20px; *height:30px; padding:8px 0 0 10px; border:1px solid #d5d5d5; border-left:1px solid #fff; border-top:1px solid #fff; text-indent:-5000em; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 10px -144px} #news_section h2 a {display:block; width:31px; height:12px} #news_section h3 {height:28px; *height:30px; text-align:center; font-weight:normal} #news_section h3 a {display:block; height:21px; *height:28px; padding-top:7px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #news_section h3 span {display:block; height:21px; *height:28px; padding-top:7px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #news_section .special_icon {display:inilne-block; position:absolute; right:0; top:0; width:149px; *width:156px; height:29px; *height:30px; padding-right:7px; border-bottom:1px solid #d5d5d5; text-align:right} #news_section .special_txt {display:inilne-block; position:absolute; right:0; top:0; width:152px; *width:156px; height:21px; *height:30px; padding:8px 4px 0 0; border-bottom:1px solid #d5d5d5; text-align:right} #news_section .special_txt a {color:#f26522; font-size:11px; letter-spacing:-1px; line-height:1.4} #news_section #h3_synthesis {position:absolute; left:127px; top:0px} #news_section #h3_sports {position:absolute; left:177px; top:0} #news_section #h3_entertainment {position:absolute; left:227px; top:0} #news_section .h3_synthesis {width:49px; *width:50px; border:1px solid #d5d5d5; border-left:0; background:#f4f4f4} #news_section .h3_synthesis_on {width:49px; *width:50px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #news_section .h3_sports {width:49px; *width:50px; border:1px solid #d5d5d5; border-left:0; background:#f4f4f4} #news_section .h3_sports_on {width:49px; *width:50px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #news_section .h3_entertainment {width:46px; *width:47px; border:1px solid #d5d5d5; border-left:0; background:#f4f4f4} #news_section .h3_entertainment_on {width:46px; *width:47px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #news_section .article_wrap {position:relative; overflow:hidden; width:428px; *width:430px; height:122px; border:1px solid #d5d5d5; border-top:0; border-bottom:0} #news_section .special_news {position:absolute; left:0; bottom:0; z-index:10; width:394px; *width:430px; height:24px; *height:33px; padding:7px 17px 0 17px; border:1px solid #d5d5d5; background:#f5f5f5} #news_section .special_news dl {overflow:hidden; width:394px} #news_section .special_news dl dt {display:inline-block; float:left; margin-right:5px; padding-top:1px; font-size:11px; color:#f26522; letter-spacing:-1px; line-height:1.335} #news_section .special_news dl dt.speed_news {width:37px; height:18px; background:url("http://img.imbc.com/2010_main/images/icon_news2.gif") no-repeat left top; text-indent:-5000em} #news_section .special_news dl dt.breaking_news {width:37px; height:18px; background:url("http://img.imbc.com/2010_main/images/icon_news1.gif") no-repeat left top; text-indent:-5000em} #news_section .special_news dl dt.hotissue_news {width:47px; height:18px; background:url("http://img.imbc.com/2010_main/images/icon_news3.gif") no-repeat left top; text-indent:-5000em} #news_section .special_news dl dd {display:inline-block; float:left; overflow:hidden; width:334px; padding-top:1px; white-space:nowrap; text-overflow:ellipsis; line-height:1.335} #synthesis2 {display:none} #synthesis3 {display:none} #sports2 {display:none} #sports3 {display:none} #entertainment2 {display:none} #entertainment3 {display:none} #sports_article {display:none} #entertainment_article {display:none} #news_section .article {position:relative; overflow:hidden; width:428px; height:122px} #news_section .article .main_news {display:block; position:absolute; z-index:10; left:17px; top:13px; overflow:hidden; width:98px; font-size:11px; letter-spacing:-1px; text-align:center; line-height:1.335} #news_section .article .main_news img {display:block; width:96px; height:63px; margin-bottom:6px; border:1px solid #d8d8d8} #news_section .article ul {overflow:hidden; width:288px; *width:428px; height:110px; *height:122px; padding:11px 10px 0 130px} #news_section .article ul li {float:left; overflow:hidden; width:288px; margin-bottom:5px; padding-left:6px; background:url("http://img.imbc.com/2010_main/images/icon_dott.gif") no-repeat 0 7px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} #news_section .article ul li.last {width:228px} #news_section .article ul li a {letter-spacing:-1px; line-height:1.335} #news_section .most_view { overflow:hidden; clear:both; width:394px; *width:430px; height:22px; *height:32px; padding:8px 17px 0 17px; border:1px solid #d5d5d5; background:#f5f5f5} /*#news_section .most_view dd .layer_content {position:relative; height:23px; overflow:hidden;}*/ #news_section .most_view dt {display:inline-block; float:left; width:78px; padding-top:1px; font-size:11px; color:#f26522; letter-spacing:-1px; line-height:1.335} #news_section .most_view dd {display:inline-block; float:left; overflow:hidden; width:316px; white-space:nowrap; text-overflow:ellipsis; line-height:1.335} #news_section .layer_navi {position:absolute; right:0; top:100px; width:73px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold} /* --- popular_section */ #popular_section {position:relative; float:left; width:248px; *width:250px; height:153px; *height:185px; margin-bottom:10px; padding-top:30px; border:1px solid #d5d5d5} #popular_section h2 {position:absolute; left:-1px; top:-1px; width:79px; *width:81px; height:29px; *height:31px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #fff; border-top:1px solid #fff; text-indent:-5000em; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 10px -200px} #popular_section h3 {height:29px; *height:30px;text-align:center; font-weight:normal} #popular_section h3 a {display:block; height:20px; *height:29px; padding-top:9px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #popular_section h3 span {display:block; height:20px; *height:29px; padding-top:9px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #popular_section #h3_vod {position:absolute; left:80px; top:0} #popular_section #h3_bbs {position:absolute; left:145px; top:0} #popular_section #h3_search {position:absolute; left:193px; top:0} #popular_section .h3_vod {width:64px; *width:65px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #popular_section .h3_vod_on {width:64px; *width:65px; border-right:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #popular_section .h3_bbs {width:47px; *width:48px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #popular_section .h3_bbs_on {width:47px; *width:48px; border-right:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #popular_section .h3_search {width:55px; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #popular_section .h3_search_on {width:55px; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #popular_section #bbs_rank {display:none} #popular_section #search_rank {display:none} #popular_section .ranking_wrap {position:relative; overflow:hidden; width:248px; height:153px; height:155px; padding-top:2px} #popular_section .ranking_list {overflow:hidden; with:228px; *width:248px; height:129px; padding:0 10px 0 10px; background:url("http://img.imbc.com/2010_main/images/bg_rank_line.gif") no-repeat} /* 101220 수정 */ #popular_section .ranking_list ol {overflow:hidden; width:228px; height:130px} /* 101220 수정 */ #popular_section .ranking_list li {float:left; width:228px; height:20px; *height:26px; padding-top:6px} /* 101220 수정 */ #popular_section .ranking_list li .rank {display:inline-block; float:left; width:13px; height:17px; margin-right:10px; background:url("http://img.imbc.com/2010_main/images/bg_rank.gif") no-repeat 0 1px; font-family:Arial; font-size:9px; font-weight:bold; color:#f26522; text-align:center; line-height:13px} #popular_section .ranking_list li .rank_name {display:inline-block; float:left; overflow:hidden; width:177px; height:16px; *height:17px; padding-top:1px; white-space:nowrap; text-overflow:ellipsis} #popular_section .ranking_list li .up {display:inline-block; float:left; width:15px; *width:27px; padding-left:12px; background:url("http://img.imbc.com/2010_main/images/icon_up.gif") no-repeat 0 1px; color:#949494} #popular_section .ranking_list li .down {display:inline-block; float:left; width:15px; *width:27px; padding-left:12px; background:url("http://img.imbc.com/2010_main/images/icon_down.gif") no-repeat 0 2px; color:#949494} #popular_section .ranking_list li .new {display:inline-block; float:left; width:15px; *width:27px; padding-left:12px; background:url("http://img.imbc.com/2010_main/images/icon_new.gif") no-repeat 0 4px; color:#949494; text-indent:-5000em} #popular_section .ranking_list li .equal {display:inline-block; float:left; width:15px; *width:27px; padding-left:12px;background:url("http://img.imbc.com/2010_main/images/icon_equal.gif") no-repeat 0 4px; color:#949494} #popular_section .ranking_list li .same {display:inline-block; float:left; width:15px; *width:27px; padding-left:12px;background:url("http://img.imbc.com/2010_main/images/icon_equal.gif") no-repeat 0 4px; color:#949494} #popular_section .ranking_list li .new3 {display:inline-block; float:left; width:15px; *width:27px; padding-left:12px;background:url("http://img.imbc.com/2010_main/images/icon_equal.gif") no-repeat 0 4px; color:#949494} #popular_section .rank_update {position:absolute; right:15px; top:136px; color:#737373; font-size:11px; line-height:1.4} #popular_section .icon_play {position:relative; left:3px; top:0; vetical-align:middle} /* --- withmbc_section --- */ #withmbc_section {position:relative; overflow:hidden; float:left; WIDTH:248px; *width:250px; height:154px; *height:185px; margin:0 10px 10px 0; padding-top:29px; border:1px solid #d5d5d5} #withmbc_section h2 {text-align:center; text-indent:-5000em} #withmbc_section h2 a {display:block; height:29px} #withmbc_section #h2_notice {position:absolute; left:0; top:0} #withmbc_section #h2_notice a {background:url("http://img.imbc.com/2010_main/images/h2_arrow.gif") no-repeat 90px 10px} #withmbc_section #h2_withmbc {position:absolute; left:122px; top:0} #withmbc_section #h2_withmbc a {background:url("http://img.imbc.com/2010_main/images/h2_arrow.gif") no-repeat 97px 11px} #withmbc_section .h2_notice {width:122px; height:29px; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 0 -29px} #withmbc_section .h2_notice_on {width:122px; height:29px; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 0 0} #withmbc_section .h2_withmbc {width:126px; height:29px; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat -122px 0} #withmbc_section .h2_withmbc_on {width:126px; height:29px; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat -122px -29px} #withmbc_section #withmbc_article {display:none} #withmbc_section .article_wrap {clear:both; overflow:hidden; width:224px; *width:248px; height:110px; *height:122px; padding:12px 12px 0 12px} #withmbc_section .article_wrap li {overflow:hidden; width:216px; *width:width:224px; margin-bottom:6px; padding-left:8px; white-space:nowrap; text-overflow:ellipsis; background:url("http://img.imbc.com/2010_main/images/icon_dott.gif") no-repeat 0 7px} #withmbc_section .article_wrap li a {display:inline; position:relative; letter-spacing:-1px; line-height:1.335} #withmbc_section .channel {width:248px; height:23px; *height:32px; padding-top:8px; border-top:1px solid #d5d5d5; background:#f5f5f5; text-align:center;} #withmbc_section .channel a {display:inline-block; padding:0 7px 0 6px; background:url("http://img.imbc.com/2010_main/images/icon_bar.gif") no-repeat right 4px; font-size:11px; letter-spacing:-1px; line-height:1.4} #withmbc_section .channel a.no_b {background:none} /* --- breaking news --- */ /*#breaking_news {position:absolute; z-index:190; left:280px; top:620px; width:428px; *width:430px; min-height:183px; height:auto !important; height:185px; border:1px solid #e6e6e6; background:red}*/ /* 101220 수정 */ /* --- today_section --- */ #today_section {position:relative; overflow:hidden; float:left; width:430px; height:155px; *height:185px; margin:0 10px 10px 0; padding-top:30px} #today_section h2 {position:absolute; left:0; top:0; width:125px; *width:127px; height:28px; *height:30px; border:1px solid #d5d5d5; border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; text-indent:-5000em; background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 10px -172px} #today_section h3 {height:29px; *height:31px; text-align:center; font-weight:normal} #today_section h3 a {display:block; height:21px; *height:29px; padding-top:8px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #today_section h3 span {display:block; height:21px; *height:29px; padding-top:8px; font-size:11px; color:#737373; letter-spacing:-1px; line-height:1.4} #today_section #h3_hotissue {position:absolute; left:127px; top:0} #today_section #h3_recommend {position:absolute; left:193px; top:0} #today_section #h3_ent {position:absolute; left:276px; top:0} #today_section .special_icon {display:none; position:absolute; right:0; top:0; width:152px; *width:156px; height:21px; *height:30px; padding:8px 4px 0 0; border-bottom:1px solid #d5d5d5; text-align:right} #today_section .special_icon a {color:#f26522; font-size:11px; letter-spacing:-1px; line-height:1.4} #today_section .h3_hotissue {width:65px; *width:66px; border:1px solid #d5d5d5; border-left:0; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #today_section .h3_hotissue_on {z-index:100; width:65px; *width:66px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #today_section .h3_recommend {width:82px; *width:83px; border:1px solid #d5d5d5; border-left:0; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #today_section .h3_recommend_on {z-index:100; width:82px; *width:83px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #today_section .h3_ent {width:95px; *width:96px; border:1px solid #d5d5d5; border-left:0; border-bottom:1px solid #d5d5d5; background:#f4f4f4} #today_section .h3_ent_on {z-index:100; width:95px; *width:96px; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; background:#fff; font-weight:bold} #today_section .article_wrap {position:relative; overflow:hidden; width:428px; *width:430px; height:121px; *height:122px; border:1px solid #d5d5d5; border-bottom:0} #clip_article {display:none} #recommend_article {display:none} #hotissue2 {display:none} #hotissue3 {display:none} #today_section .article {position:relative; width:428px; height:122px} #today_section .article .main_news {display:block; position:absolute; z-index:10; left:17px; top:13px; overflow:hidden; width:98px; font-size:11px; letter-spacing:-1px; text-align:center; line-height:1.335} #today_section .article .main_news img {display:block; margin-bottom:6px; border:1px solid #d8d8d8} #today_section .article .article {overflow:hidden; width:288px; *width:428px; height:110px; *height:122px; padding:11px 10px 0 130px} #today_section .article .article li {float:left; overflow:hidden; width:288px; margin-bottom:5px; padding-left:6px; background:url("http://img.imbc.com/2010_main/images/icon_dott.gif") no-repeat 0 7px; white-space:nowrap; text-overflow:ellipsis} #today_section .article .article li.last {width:228px} #today_section .article .article li a {letter-spacing:-1px; line-height:1.335} #today_section .most_view {clear:both; width:394px; *width:430px; height:23px; *height:33px; padding:8px 17px 0 17px; border:1px solid #d5d5d5; background:#f5f5f5} #today_section .most_view dt {display:inline-block; float:left; width:78px; padding-top:1px; font-size:11px; color:#f26522; letter-spacing:-1px; line-height:1.335} #today_section .most_view dd {display:inline-block; float:left; overflow:hidden; width:316px; white-space:nowrap; text-overflow:ellipsis; line-height:1.335} #today_section .layer_navi {position:absolute; right:0; top:100px; width:73px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold} .recommend {overflow:hidden; width:388px; *width:428px; padding-left:40px; padding-top:13px} .recommend li {float:left; width:98px; margin-right:25px} .recommend li a {display:block; position:relative; overflow:hidden; width:98px; font-size:11px; letter-spacing:-1px; text-align:center; line-height:1.335} .recommend li a img {display:block; width:96px; height:65px; margin-bottom:6px; border:1px solid #d8d8d8} #today_section .btn_pre {display:inline-block; position:absolute; left:10px; top:37px; width:12px; height:23px; background:url("http://img.imbc.com/2010_main/images/icon_recomment_left.gif") no-repeat; text-indent:-5000em; cursor:pointer} #today_section .btn_next {display:inline-block; position:absolute; right:10px; top:37px; width:12px; height:23px; background:url("http://img.imbc.com/2010_main/images/icon_recomment_right.gif") no-repeat; text-indent:-5000em; cursor:pointer} #ent_article {display:none} /* --- shopping_section --- */ #shopping_section {position:relative; overflow:hidden; float:left; width:248px; *width:250px; height:154px; *height:185px; padding-top:29px; margin-bottom:10px; border:1px solid #d5d5d5} #shopping_section h3 {float:left; margin-bottom:10px} #shopping_section h3 a {display:block; height:29px; text-indent:-5000em} #shopping_section #h3_pointory {position:absolute; left:0; top:0; width:124px; height:29px} #shopping_section #h3_pointory a {background:url("http://img.imbc.com/2010_main/images/h2_arrow.gif") no-repeat 112px 11px} #shopping_section #h3_mbctshop {position:absolute; left:124px; top:0; width:124px; height:29px} #shopping_section #h3_mbctshop a {background:url("http://img.imbc.com/2010_main/images/h2_arrow.gif") no-repeat 93px 13px} #shopping_section .h3_pointory {background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 0 -87px} #shopping_section .h3_pointory_on {background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat 0 -58px} #shopping_section .h3_mbctshop {background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat -124px -58px} #shopping_section .h3_mbctshop_on {background:url("http://img.imbc.com/2010_main/images/bg_main_tab.gif") no-repeat -124px -87px} #shopping_section .article_wrap {position:relative; overflow:hidden; width:248px; height:145px; *height:154px; padding-top:9px} #shopping_section .shopping_kind {overflow:hidden; width:235px; *width:248px; padding-left:13px} #shopping_section .shopping_kind li {float:left; line-height:16px; letter-spacing:-1px} #shopping_section .shopping_kind li a {font-size:11px; letter-spacing:-1px; line-height:1.4} #shopping_section .shopping_kind li.more {float:right; padding-right:5px} #shopping_section .shopping_kind li.more a {color:#f26522} #mbctshop {display:none} #mbctshop1 {display:none} #pointory2 {display:none} #shopping_section .product {clear:both; overflow:hidden; width:228px; *width:248px; padding:5px 10px 0 10px} /* 101220 수정 */ #shopping_section .product ul {overflow:hidden; width:240px} #shopping_section .product ul li {float:left; width:50px; margin-right:10px} #shopping_section .product ul li a {display:block; overflow:hidden; width:50px; font-size:11px; letter-spacing:-1px; text-align:center; line-height:1.2; vertical-align:top} #shopping_section .product ul li a img {display:block; margin-bottom:8px} #shopping_section .mbctshop_list {overflow:hidden; width:208px; *width:228px; padding:0 10px; margin-bottom:7px} #shopping_section .mbctshop_list li {float:left; overflow:hidden; width:200px; *width:208px; padding-left:8px; white-space:nowrap; text-overflow:ellipsis; background:url("http://img.imbc.com/2010_main/images/icon_dott.gif") no-repeat 0 7px} #shopping_section .mbctshop_list li a {line-height:1.335} #shopping_section .shop_banner {display:block; text-align:center} #shopping_section .shop_banner img {vertical-align:top} #shopping_section .layer_navi {position:absolute; right:0; top:133px; width:73px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold} /*#shopping_section .layer_content {overflow:hidden; width:248px}*/ /* --- promotion_section --- */ #promotion_section {overflow:hidden; clear:both; width:950px; height:68px} #promotion_section .no_m {display:block; float:left; overflow:hidden; width:250px; height:66px; margin-right:0 !important} #promotion_section .ad_250 {display:block; float:left; margin-right:10px; overflow:hidden; width:250px; height:66px} #promotion_section .ad_430 {display:block; float:left; margin-right:10px; overflow:hidden; width:430px; height:66px} .btn_page_pre {display:block; position:absolute; left:0; top:299px; width:15px; height:99px; background:url("http://img.imbc.com/2010_main/images/btn_page_pre.gif") no-repeat; text-indent:-5000em} .btn_page_next {display:block; position:absolute; right:0; top:299px; width:15px; height:99px; background:url("http://img.imbc.com/2010_main/images/btn_page_next.gif") no-repeat; text-indent:-5000em} /* --- special banner by 110620 --- */ #special_banner {position:absolute; right:-89px; top:163px; width:68px; *width:71px; height:153px; *height:156px; padding:3px 0 0 3px; background:url("http://img.imbc.com/2010_main/images/bg_spe_banner.gif") no-repeat} #special_banner .btn_open_flash {display:block; width:68px; height:153px; padding:0; border:0; background:none; cursor:pointer} #icon_mark_hot {position:absolute; left:1px; top:1px; width:25px; height:25px; border:0} #icon_mark_new {position:absolute; left:1px; top:1px; width:25px; height:25px; border:0} #icon_mark_event {position:absolute; left:1px; top:1px; width:25px; height:25px; border:0} #icon_mark_play {position:absolute; left:7px; top:31; width:32px; height:32px; border:0} .icon_mark_hot {position:absolute; left:1px; top:1px; width:25px !important; height:25px !important; border:0 !important} .icon_mark_new {position:absolute; left:1px; top:1px; width:25px !important; height:25px !important; border:0 !important} .icon_mark_event {position:absolute; left:1px; top:1px; width:25px !important; height:25px !important; border:0 !important} .icon_mark_play {position:absolute; left:7px; top:31; width:32px !important; height:32px !important; border:0 !important} #temp_banner {position:absolute; right:-89px; top:334px; width:68px; *width:71px; height:153px; *height:156px; padding:3px 0 0 3px; background:#e8e8ea url("http://img.imbc.com/2010_main/images/bg_spe_banner.gif") no-repeat} #flash_banner {position:absolute; z-index:500; left:50%; top:0; width:430px; height:657; margin-left:-215px} #flash_banner .i_chkbox {width:13px; height:13px; vertical-align:top} #flash_banner .msg {position:absolute; left:20px; bottom:8px; color:#fff; line-height:1.335; text-align:right} #new_layer {overflow:hidden; position:absolute; left:20px; top:165px; z-index:100; width:950px; height:610px} #floating_moon {overflow:hidden; position:absolute; left:279px; top:206px; z-index:100; width:430px; height:600px} #aside_banner1 {overflow:hidden; position:absolute; right:-134px; top:165px; width:120px; height:250px} #aside_banner2 {overflow:hidden; position:absolute; right:-134px; top:425px; width:120px; height:380px} #vote_news {overflow:hidden; position:absolute; left:0; top:152px; width:430px; height:32px} #vote_news button {display:block; position:absolute; right:7px; top:7px; width:19px; height:19px; padding:0; border:0; background:url("http://img.imbc.com/2010_main/images/bg_blank.gif"); text-indent:-5000em; cursor:pointer}