@charset "euc-kr";
@import url("http://imbc.com/commons/css/common.css");
/* -------------------------------------------------------------
MBC ¶óµð¿À "ÃÖ¾ç¶ôÀÇ Àç¹ÌÀÖ´Â ¶óµð¿À" °ø½Ä È¨ÆäÀÌÁö - ¼­ºê
SCREEN stylesheet
URL : http://www.imbc.com/broad/radio/fm/funradio
ÆÄÀÏ¸í : subpage.css
ÀúÀÛ±Ç : (ÁÖ)iMBC
ÃÖÃÊÀÛ¼ºÀÚ : À¥ÆÛºí¸®¼Å ±è¼±ÇÊ(beoreoji@gmail.com) [11.01.26]
------------------------------------------------------------- */

/* Definition Default */
* {margin:0; padding:0; border:none}
html,body{min-width:990px;}
* html {width:100%}
a, img, label, input {selector-dummy:expression(this.hideFocus=true);}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle}
.checkbox {width:13px; height:13px; vertical-align:middle}
.skip_navi {display:none;}
/* Clearing */
.clear:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear {clear:both; min-height:1px; *height:1px;}
/* Aside AD Banner */
#Adcode{top:0 !important;}

/* Layout */
body		{background:#150e0c url(http://img.imbc.com/commons/images/bg_footer.gif) left bottom repeat-x; text-align:center; font-size:75%}
#wrap 		{width:100%; text-align:center;}
#header		{z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#content	{z-index:10; float:left; width:820px;}
#footer		{z-index:10; clear:both; width:100%;}

/**** Own Styles BEGIN ****/ 
#wrap {background:50% 150px no-repeat;}
.featured {background:#fff}
.headArea {width:100%; height:175px;}
.headArea a {position:absolute; width:300px; height:150px; top:10px; left:20px}
.headArea h2 {text-indent:-5000em;}
.programScheme {background:#9b0000; text-align:right; line-height:33px; font-size:11px; color:#fff; padding-right:20px;}

.navi {float:left; overflow:hidden; width:139px; *width:179px; padding:25px 20px;}
.featNavi {overflow:hidden; width:139px; border-top:1px dotted #b2b2b2;}
.featNavi li {float:left; width:132px; *width:139px; border-bottom:1px dotted #b2b2b2; margin-top:10px; padding-bottom:8px; padding-left:7px;}
.featNavi li a {color:#150e0c; font-weight:bold; letter-spacing:-1px;}
.extras {clear:both; border-bottom:1px dotted #b2b2b2; margin-bottom:20px;}
.extras h3 {padding:8px 0 8px 5px; color:#8c261f}
.extras ul {margin:8px 0 10px 5px;}
.extras ul li {padding-left:15px; background:url(http://img.imbc.com/broad/radio/fm/funradio/images2/list_bullet.gif) no-repeat left top; margin-bottom:8px;}
.extras ul li a {color:#666; font-size:12px;}
.navi select {margin-bottom:10px;}

.article {position:relative; float:left; width:600px; *width:641px; border-left:1px solid #e6e6e6; padding:25px 20px;}
.article h3 {font-size:18px; color:#272727; padding-bottom:10px; border-bottom:1px solid #e6e6e6; margin-bottom:20px}

.btn-pre-list {display:block; position:absolute; right:19px; top:25px; width:98px; height:21px}
.btn-pre-list img {vertical-align:top}
.btn-pre-notice {display:block; position:absolute; right:127px; top:25px; width:98px; height:21px}
.btn-pre-notice img {vertical-align:top}
.s-bn-list {overflow:hidden; width:145px; padding:10px 0}
.s-bn-list ul {overflow:hidden; width:145px}
.s-bn-list li {overflow:hidden; width:145px; height:50px; margin-bottom:5px}
.s-bn-list a {display:block; overflow:hidden; width:145px; height:50px; background:#000}
.s-bn-list img {vertical-align:top}

/* 20131112Ãß°¡_potcast */
#potcast_list {overflow:hidden; width:600px;}
#potcast_list div {height:26px; *height:39px; width:600px; padding-top:11px; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#555}
#potcast_list div span, #potcast_list ul li span {float:left; display:block; text-align:center;}
#potcast_list div span.broad_day {width:88px;}
#potcast_list div span.broad_title {width:422px;}
#potcast_list div span.broad_potcast {width:90px;}
#potcast_list ul {width:600px; overflow:hidden;}
#potcast_list ul li {width:600px; overflow:hidden; height:36px; *height:37px; line-height:14px; border-bottom:1px dotted #626262; text-align:center; font-size:11px; color:#333}
#potcast_list ul li span.broad_day {height:24px; *height:36px; width:88px; padding-top:12px;}
#potcast_list ul li span.broad_title {height:31px; *height:36px; width:412px; *width:422px; padding:5px 0 0 10px; text-align:left;}
#potcast_list ul li span.broad_potcast {height:31px; *height:36px; padding-top:5px; width:90px;}