@charset "euc-kr";
/* CSS Document */

button{overflow:visible;margin:0;padding:0;background:none;border:0;cursor:pointer}

#radio_wrap { letter-spacing:-1px; margin-bottom:20px;}
#container {width:990px; margin:0 auto; overflow:hidden; zoom:1; padding-top:12px;}

.gnb ul {background:url(http://img.sbs.co.kr/sw11/radio/main/common/bg_gnb.gif) repeat-x left top;}
#container .content {width:730px; float:left;}

/* skip */
#skip_nav{height:0}
#skip_nav a{position:absolute;left:0;top:-10000px;z-index:500;display:block;width:100%;text-align:center;font-size:1.3em}
#skip_nav a:hover, #skip_nav a:focus, #skip_nav a:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:500}

/* skip */
#skip{height:0}
#skip a{position:absolute;left:0;top:-10000px;z-index:500;display:block;width:100%;text-align:center;font-size:1.3em}
#skip a:hover, #skip a:focus, #skip a:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:500}

/* ¶óµð¿À ÇÁ·Î±×·¥ gnb */
#radio_wrap .gnb_program {width:990px; margin:0 auto;}

.list_pro{overflow:hidden;border:1px solid #d1d1d1;border-top:0;border-left:0}
.list_pro li{position:relative;float:left;width:328px;height:115px;border-left:1px solid #d1d1d1}
.list_pro h4{height:17px;padding:8px 8px 0;font-weight:bold;font-size:11px;color:#000;background:#fcfcfc;border-bottom:1px solid #dedede}
.btn_form{display:inline-block;margin-left:15px;padding:0 7px 0 0;font-weight:normal;line-height:1.2em;background:url(http://img.sbs.co.kr/sw11/radio/main/bu_arrow.gif) no-repeat right 2px}
.btn_form a{color:#6a6c6b}
.thum_onair{float:left;position:relative;margin:15px 14px 0 10px;border:1px solid #bbb}
.thum_onair a{display:block}
.thum_onair .onair{position:absolute;right:-5px;top:-5px}
.list_pro li ul{float:left;width:235px;margin:13px 0 0 0;border:0}
.list_pro li ul li{overflow:hidden;float:none;width:100%;height:16px;margin:5px 0 0;border:0}
.list_pro li ul li em{display:inline-block;margin-right:5px;font:10px verdana,Geneva,sans-serif;line-height:1.5em;vertical-align:top;color:#bb4b24;list-style:none}
.list_pro li ul li a{display:inline-block;overflow:hidden;max-width:145px;line-height:1.65em;text-overflow:ellipsis;white-space:nowrap;color:#4c4c4c}
.list_pro li ul li.onair a,.list_pro li ul li.onair a:hover{color:#ab5a01 !important}
.paging_pro{position:absolute;right:10px;top:5px;font:10px verdana,geneva,sans-serif;color:#6a6c6b}
.paging_pro .btn{display:inline-block;width:31px;padding-left:3px;vertical-align:-4px}
.paging_pro button{float:left;font-size:0;width:16px;margin-right:-1px}

/* ¶óµð¿À ¹è³Ê&Åõµ¥ÀÌ°Ô½ºÆ® */
.spot {overflow:hidden; zoom:1; padding-bottom:6px; background:url(http://img.sbs.co.kr/sw11/radio/main/bu_line1.gif) repeat-x left bottom;}
/* ¹è³ÊÅÇ */
.sec_bnr{overflow:hidden;float:left;width:729px;height:173px;padding-left:20px;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;position:relative;}
.sec_bnr li{float:left;}
.sec_bnr li .b_img{display:none}
.sec_bnr li a{position:relative;z-index:1;float:left;width:12px;height:12px;margin:142px 0 0 5px;padding:2px;line-height:0;text-indent:-999em;vertical-align:top;background:url(http://img.sbs.co.kr/sw11/radio/main/tab_radio1_off.png) no-repeat 2px 2px}
.sec_bnr li.on a{width:24px;background:url(http://img.sbs.co.kr/sw11/radio/main/tab_radio1_on.png) no-repeat 2px 2px;}
.sec_bnr li.on .b_img{display:block;position:absolute;left:0px;top:0;z-index:0;width:749px;height:173px;margin:0 0 0 0;padding:0;text-indent:0;}
*:first-child+html .sec_bnr li.on .b_img{z-index:-1}

.sec_guest {width:206px; height:157px; padding:17px 17px 0 17px; float:right; background:url(http://img.sbs.co.kr/sw11/radio/main/bg_guest.jpg) no-repeat left top; position:relative;}
.sec_guest h2 {height:20px; padding-bottom:3px;}
.sec_guest p {padding-top:12px; line-height:1.4;}
.sec_guest p a {color:#ccc;}
.sec_guest p a:hover {text-decoration:none;}
.sec_guest p strong {display:block; color:#ff8e15;}
.sec_guest p span {display:block; width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sec_guest p a:hover span {text-decoration:underline;}
.paging_guest {overflow:hidden; zoom:1; position:absolute; top:17px; right:17px;}
.paging_guest li {float:left; margin-left:1px;}
.paging_guest li a {width:13px; height:13px; padding:2px; display:block; text-indent:-2000em; background:url(http://img.sbs.co.kr/sw11/radio/main/tab_radio3_off.png) no-repeat 2px 2px;}
.paging_guest li.on a { background:url(http://img.sbs.co.kr/sw11/radio/main/tab_radio3_on.png) no-repeat 2px 2px;}

.sec_type1 {overflow:hidden; zoom:1; padding-top:27px; position:relative;}
.sec_type1 h2 {height:14px; padding-bottom:10px;}

/* Åõµ¥ÀÌ º¸´Â ¶óµð¿À */
.bora_power {width:365px; float:left; position:relative;}
.btn_bora_form {font:11px/1.2 dotum; padding-left:13px; position:absolute; top:32px; right:2px;}
.btn_bora_form a {color:#6a6c6b}
.bora_power h3 {height:15px; padding:8px 0 9px 15px; background:url(http://img.sbs.co.kr/sw11/radio/main/bg_tit_power.gif) repeat-x left top; border:1px solid #248dbd; border-right:0;}
.bora_power ul li {height:55px; overflow:hidden; zoom:1; border-bottom:1px solid #e9e9e9; position:relative; font-size:0;}
.bora_power ul li span {width:96px; height:12px; padding:21px 0 22px 0; float:left; background:#f8f8f8; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; text-align:center; font:11px/1.1 Verdana, Geneva, sans-serif; color:#6a6c6b;}
.bora_power ul li p {height:55px; float:left; line-height:1.5; padding:11px;}
.bora_power ul li p strong {width:240px; height:18px; font:bold 12px/1.5 dotum; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bora_power ul li p em {width:170px; height:15px; display:block; padding-left:15px; font:11px/1.9 dotum; color:#5c7276; background:url(http://img.sbs.co.kr/sw11/radio/main/ico_channel.gif) no-repeat left 2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bora_power ul li.bora_onair {width:361px; height:52px; border:2px solid #2fb1ec; background:url(http://img.sbs.co.kr/sw11/radio/main/ico_onair_power.gif) no-repeat 300px 15px;}
.bora_power ul li.bora_onair span {width:94px;color:#2fb1ec}

.bora_love {width:365px; float:left; position:relative;}
.bora_love h3 {height:15px; padding:8px 0 9px 15px; background:url(http://img.sbs.co.kr/sw11/radio/main/bg_tit_love.gif) repeat-x left top; border:1px solid #ca7692;}
.bora_love ul {border-right:1px solid #e9e9e9;}
.bora_love ul li {overflow:hidden; zoom:1; border-bottom:1px solid #e9e9e9; position:relative; font-size:0;}
.bora_love ul li span {width:96px; padding:21px 0 22px 0; float:left; background:#f8f8f8; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; text-align:center; font:11px/1.1 Verdana, Geneva, sans-serif; color:#6a6c6b;}
.bora_love ul li p {float:left; line-height:1.5; padding:11px;}
.bora_love ul li p strong {width:240px; height:18px; font:bold 12px/1.5 dotum; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bora_love ul li p em {width:170px; height:15px; display:block; padding-left:15px; font:11px/1.9 dotum; color:#9a5b70; background:url(http://img.sbs.co.kr/sw11/radio/main/ico_channel.gif) no-repeat left 2px; overflow:hidden; white-space:normal; text-overflow:ellipsis;}
.bora_love ul li.bora_onair {width:360px; height:52px; border:2px solid #ff76a3; background:url(http://img.sbs.co.kr/sw11/radio/main/ico_onair_love.gif) no-repeat 300px 15px;}
.bora_love ul li.bora_onair span {width:94px;}

.paging_bora{overflow:hidden;position:absolute;right:5px;top:10px;height:14px;margin:0;padding:0;line-height:0;background:url(http://img.sbs.co.kr/sw11/radio/main/bu_vertical.png) no-repeat 25px 0}
.paging_bora button{float:left;width:19px;height:14px;padding:0 5px;margin:0 4px 0 3px;font-size:0;line-height:0;vertical-align:top}

/* ¶óµð¿À ÄÚ³Ê Âü¿© */
.corner {height:131px; border:1px solid #ccc; position:relative;}
.corner h3 {position:absolute; left:-1px;}
.corner h3.tab_power {top:-1px;}
.corner h3.tab_love {top:66px;}
.corner ul {overflow:hidden; zoom:1; margin-left:116px; padding:10px 0;}
.corner ul li {width:140px; float:left; margin-left:10px; text-align:center; }
.corner ul li a{display:block;line-height:1.25em}
.corner ul li a:hover{text-decoration:none !important}
.corner ul li a strong,.corner ul li a span{overflow:hidden;display:block;width:140px;text-overflow:ellipsis;white-space:nowrap}
.corner ul li a strong{margin-top:6px;color:#c83d10}
.corner ul li a span{font-size:11px;color:#6a6c6b}
.corner ul li a:hover strong{color:#259ace;text-decoration:none !important}
.corner ul li a:hover span{color:#259ace;text-decoration:underline !important}

/* Æ÷Åä½ºÆ©µð¿À&º¸´Â¶óµð¿Ànetv */
.list_main{overflow:hidden;position:relative;height:160px;background:url(http://img.sbs.co.kr/sw11/radio/main/bu_line2.gif) repeat-x left bottom}
.list_main li{overflow:hidden;float:left}
.list_main li .bnr{position:absolute;left:0;bottom:15px;width:16px;height:10px;padding:2px;text-indent:-999em;background:url(http://img.sbs.co.kr/sw11/radio/main/tab_radio2_off.png) no-repeat 5px 2px}
.list_main li .bnr.ing{left:334px}
.list_main li .bnr.ing2{left:354px}
.list_main li .bnr.ing3{left:374px}
.list_main li .inlist{display:none;overflow:hidden;height:115px;margin:0 0 0 -7px}
.list_main li .inlist li{float:left;width:140px;margin-left:7px;text-align:center;vertical-align:top}
.list_main li .inlist li a{display:block;height:115px;line-height:1.32em}
.list_main li .inlist li a:hover{text-decoration:none !important}
.list_main li .inlist li a strong,.list_main ul li a span{overflow:hidden;display:block;width:140px;text-overflow:ellipsis;white-space:nowrap}
.list_main li .inlist li a strong{margin-top:6px;color:#505050}
.list_main li .inlist li a span{font-size:11px;color:#6a6c6b}
.list_main li .inlist li a:hover span {color:#259ace;text-decoration:underline !important}
.list_main li .inlist li a:hover strong{color:#259ace}
.list_main li.on .bnr{width:20px;padding:2px 0;background:url(http://img.sbs.co.kr/sw11/radio/main/tab_radio2_on.png) no-repeat 0 2px}
.list_main li.on .inlist{display:block}

/* ÀÎ±â ÆÌÄ³½ºÆ®&°¡Àå ¸¹ÀÌ º» ¼±°îÇ¥ */
.podcast {float:left; position:relative;}
.podcast ol {width:420px; height:112px; border:1px solid #ccc; border-right:0; padding:12px 0 12px 14px;}
.podcast ol li {height:15px; padding:6px 0 7px 15px; font:12px/1.6 dotum; position:relative;}
.podcast ol li img {padding-right:7px;}
.podcast ol li a {display:inline-block; width:210px; height:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.podcast ol li span {position:absolute; top:5px; right:0px;}
.podcast ol li span a {margin-right:10px; font:11px/1.1 dotum; color:#6a6c6b; display:inline; width:auto; height:auto;}
.btn_rss {background:url(http://img.sbs.co.kr/sw11/radio/main/ico_rss.gif) no-repeat left top; padding-left:13px;}
.btn_podcast {background:url(http://img.sbs.co.kr/sw11/radio/main/ico_music.gif) no-repeat left top; padding-left:13px;}
.paging_popular{position:absolute;right:5px;top:0;width:32px;font-size:0;background:url(http://img.sbs.co.kr/sw11/radio/main/bu_vertical2.gif) no-repeat 15px 5px}
.paging_popular button{width:15px;height:18px;padding:5px;margin-right:1px;font-size:0;line-height:0;vertical-align:top}

.podcast ol li.no1 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num1.gif) no-repeat left 8px;}
.podcast ol li.no2 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num2.gif) no-repeat left 8px;}
.podcast ol li.no3 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num3.gif) no-repeat left 8px;}
.podcast ol li.no4 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num4.gif) no-repeat left 8px;}
.podcast ol li.no5 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num5.gif) no-repeat left 8px;}
.podcast ol li.no6 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num6.gif) no-repeat left 8px;}
.podcast ol li.no7 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num7.gif) no-repeat left 8px;}
.podcast ol li.no8 {background:url(http://img.sbs.co.kr/sw11/radio/main/label_num8.gif) no-repeat left 8px;}

.schedule_music {float:left; position:relative;}
.schedule_music h2 {padding-left:5px;}
.music {width:265px; height:108px; padding:14px; border:1px solid #ccc; background:#f7f7f7;}
.schedule_music dl {position:relative}
.schedule_music dl dt {font:bold 12px/1.2 dotum;}
.schedule_music dl dd span {height:11px; font:11px/1.1 Verdana, Geneva, sans-serif, dotum; padding-left:13px; background:url(http://img.sbs.co.kr/sw11/radio/main/ico_time.gif) no-repeat left 1px; position:absolute; top:0px; right:0px; overflow:hidden;}
.schedule_music dl dd p {width:263px; height:12px; font:11px/1.37 dotum; color:#a8a8a8; margin-top:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.schedule_music dl dd p a {color:#6a6c6b;}

.music_top {height:58px; padding:5px 0 0 83px; padding-bottom:15px;}
.music_top dd div {width:71px; height:63px; background:url(http://img.sbs.co.kr/sw11/radio/main/bg_popular.jpg) no-repeat right top; position:absolute; top:0px; left:0px;}
.music_top dd div a.line {width:61px; height:61px; display:block; border:1px solid #000; filter:alpha(opacity=10); opacity:0.1; position:absolute; z-index:240; background: url("http://img.sbs.co.kr/sw11/tv/common/blank.gif") repeat scroll left top transparent;}
.music_top dd span {position:relative !important; top:auto; right:auto; background-position:left 3px !important;}
.music_top dd p {margin-top:12px !important;}


/* right banner */
.banner{position:relative;overflow:hidden;width:231px;height:68px;margin-top:-1px;padding:0 0 10px 7px;background:#f9f9f9;border:1px solid #d9d9d9;border-top:0;border-bottom-color:#eaeaea}
.banner li{float:left}
.banner .num{overflow:hidden;position:absolute;left:20px;bottom:14px;width:14px;height:6px;padding:2px 0;background:url(http://img.sbs.co.kr/sw11/radio/main/banner_tab.png) no-repeat 0 -8px}
.banner .num span{display:inline-block;text-indent:-999em}
.banner .num.sel1{left:20px}
.banner .num.sel2{left:34px}
.banner .num.sel3{left:48px}
.banner .num.sel4{left:62px}
.banner .num.sel5{left:76px}
.banner .num.sel6{left:90px}
.banner .b_img{display:none}
.banner li.on .num{background-position:0 2px}
.banner li.on .b_img{display:block}