@charset "euc-kr";
/* @ Lyaout */
body {text-align:center}
.bestfriend-m {background:#483336}
.bestfriend-s {background:#f3ede0 url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_sub.jpg") no-repeat center 150px}
#wrapper {overflow:hidden; width:100%}
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
.footer-wrap {overflow:hidden; width:100%; background:#fff}
.footer {overflow:hidden; width:990px; margin:0 auto}
/* @ Accessibility */
#accessibility{position:relative; z-index:9999; text-align:left; position:absolute; top:0; left:0; width:100%}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px}
/* @ Main Content */
.stream-box {z-index:100; overflow:hidden; position:absolute; left:50%; top:150px; width:362px; margin-left:-481px; padding-top:21px}
.stream-box .btn-close {z-index:100; display:block; position:absolute; right:0; top:0; width:20px; height:20px; padding:0; border:0; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/btn_close.png") no-repeat; cursor:pointer; text-indent:-5000em}
.stream-box .vod {overflow:hidden; width:360px; *width:362px; border:1px solid #000}
.stream-box .link {display:block; width:360px; height:32px}
.stream-box .link img {vertical-align:top}
.visual {overflow:hidden; z-index:10; position:relative; width:100%; height:1023px; text-align:left}
.visual .buttons {overflow:hidden; z-index:50; position:absolute; left:50%; top:417px; width:987px; *width:990px; height:26px; margin-left:-495px; padding:0 3px 0 0}
.visual .buttons button {display:block; float:right; width:26px; height:26px; padding:0; border:0; text-indent:-5000em; cursor:pointer}
.visual .btn-play {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/btn_play.png") no-repeat}
.visual .btn-stop {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/btn_stop.png") no-repeat}
.visual-list {overflow:hidden; z-index:10; position:relative; width:100%; height:1023px}
.visual-list li {overflow:hidden; width:100%; height:1023px; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); text-align:center}
.visual-nav {overflow:hidden; z-index:60; position:absolute; left:50%; top:420px; width:108px; height:26px; margin-left:-54px}
.visual-nav button {float:left; display:block; width:17px; height:16px; margin:0 4px; padding:0; border:0; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_btn.png") no-repeat; cursor:pointer; text-indent:-5000em}
.visual-nav button.on {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_btn_on.png") no-repeat}
.bestfriend-m #container {position:relative; overflow:hidden; width:100%}
.bestfriend-m .con-wrap {z-index:20; position:relative; overflow:hidden; width:100%; height:575px; margin-top:-575px; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_m_con.png") repeat-x}
.m-con {overflow:hidden; position:relative; width:990px; margin:0 auto; text-align:left}
.bestfriend-m .info {overflow:hidden; height:22px; *height:33px; margin-bottom:13px; padding:11px 15px 0 0; font-size:11px; color:#fff; letter-spacing:-1px; line-height:1.333; text-align:right }
.bestfriend-m .info em {font-weight:bold}
.bestfriend-m .info span {margin:0 5px}
.m-con .nav {overflow:hidden; float:left; width:167px; height:413px}
.m-con .nav-list {overflow:hidden; width:146px; margin-bottom:27px}
.m-con .nav-list li {height:30px; letter-spacing:-1px; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_nav.gif") repeat-x bottom}
.m-con .nav-list li a {display:block; overflow:hidden; height:22px; *height:30px; padding:8px 0 0 12px; color:#f7f1f2; font-weight:bold}
.m-con .nav-list li a:hover, .m-con .nav-list li a:focus {color:#f9e61e}
.m-con .sns-list {overflow:hidden; width:146px}
.m-con .sns-list li {overflow:hidden; height:43px; margin-bottom:10px; padding-left:9px}
.m-con .sns-list li a {display:block; width:129px; height:43px}
.m-con .article {overflow:hidden; position:relative; float:left; width:556px; padding-top:5px}
.m-con .daily-wrap {overflow:hidden; width:209px; height:150px; letter-spacing:-1px}
.m-con .daily-wrap h2 {height:21px; *height:29px; margin-bottom:11px; padding:8px 0 0 9px; color:#fff; font-weight:bold; line-height:1.333; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_h2_common.jpg") no-repeat}
.m-con .daily-wrap ul {overflow:hidden; width:209px}
.m-con .daily-wrap ul li {margin-bottom:4px; padding-left:25px; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_daily_list.gif") no-repeat 10px 1px}
.m-con .daily-wrap ul li a {color:#fefefe; line-height:1.333; font-size:11px}
.m-con .weekly-wrap {overflow:hidden; position:absolute; left:217px; top:5px; width:191px; letter-spacing:-1px}
.m-con .weekly-wrap h2 {height:21px; *height:29px; margin-bottom:11px; padding:8px 0 0 9px; color:#fff; font-weight:bold; line-height:1.333; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_weekly.jpg") no-repeat}
.m-con .weekly-wrap ul {overflow:hidden; width:191px}
.m-con .weekly-wrap ul li {width:164px; *width:191px; overflow:hidden; margin-bottom:4px; padding:2px 0 0 27px}
.m-con .weekly-wrap ul li.mon {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_mon.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li.thes {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_thes.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li.wedne {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_wedne.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li.thur {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_thur.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li.fri {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_fri.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li.sat {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_sat.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li.sun {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_sun.gif") no-repeat 8px 0}
.m-con .weekly-wrap ul li span, .m-con .weekly-wrap ul li a {color:#fefefe; line-height:1.333; font-size:11px}
.m-con .weekly-wrap ul li ul {width:164px}
.m-con .weekly-wrap ul li ul li {margin-bottom:0; padding:0; color:#fefefe; line-height:1.333; font-size:11px}
.m-con .banner-wrap {overflow:hidden; position:absolute; left:416px; top:5px; width:140px}
.m-con .banner-wrap ul {overflow:hidden; width:140px}
.m-con .banner-wrap ul li {overflow:hidden; width:140px; margin-bottom:5px}
.m-con .banner-wrap ul li a {display:block; overflow:hidden; width:140px}
.m-con .notice-wrap {overflow:hidden; width:209px; height:101px; letter-spacing:-1px}
.m-con .notice-wrap h2 {height:21px; *height:29px; margin-bottom:11px; padding:8px 0 0 9px; color:#fff; font-weight:bold; line-height:1.333; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_h2_common.jpg") no-repeat}
.m-con .notice-wrap ul {overflow:hidden; width:209px}
.m-con .notice-wrap ul li {overflow:hidden; width:194px; *width:209px; margin-bottom:2px; padding-left:15px; color:#fefefe; line-height:1.333; font-size:11px; white-space:nowrap; text-overflow:ellipsis; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_notice_list.gif") no-repeat 10px 6px}
.m-con .photo-wrap {overflow:hidden; width:556px; height:171px; letter-spacing:-1px}
.m-con .photo-wrap h2 {height:21px; *height:29px; margin-bottom:20px; padding:8px 0 0 9px; color:#fff; font-weight:bold; line-height:1.333; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_photo.jpg") no-repeat}
.m-con .photo-wrap ul {overflow:hidden; width:527px; *width:556px; padding-left:29px}
.m-con .photo-wrap ul li {float:left; overflow:hidden; width:90px; margin-right:12px}
.m-con .photo-wrap ul li a {display:block; overflow:hidden; width:90px; color:#fefefe; line-height:1.333; font-size:11px}
.m-con .photo-wrap ul li .thum {display:block; overflow:hidden; width:90px; height:65px; margin-bottom:4px}
.m-con .photo-wrap ul li .thum img {width:90px}
.m-con .bora {overflow:hidden; position:absolute; right:0; top:316px; width:248px; *width:250px; height:68px; *height:70px; border:1px solid #ccc; background:#fff; text-align:center}
.m-con .bora iframe {width:203px; height:55px}
.m-con .addr {overflow:hidden; position:relative; width:990px; height:71px; *height:75px; padding-top:4px; letter-spacing:-1px; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_address.png")}
.m-con .addr p {width:451px; *width:689px; height:53px; *height:68px; padding:15px 0 0 238px; color:#eae9e9; line-height:1.55; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_addr.gif") repeat-y right}
.m-con .addr p em {font-weight:bold}
.m-con .addr .obj-mini {position:absolute; left:711px; top:16px}
.ad250 {position:absolute; right:0; top:51px}
/* @ Sub Content */
.bestfriend-s .con-wrap {overflow:hidden; position:relative; width:990px; margin:0 auto 37px; text-align:left}
.spot {overflow:hidden; position:relative; width:820px; height:33px; *height:219px; padding-top:186px}
.spot h1 {position:absolute; left:272px; top:0; width:302px; height:186px}
.spot h1 a {display:block; width:302px; height:186px}
.spot .info {overflow:hidden; height:22px; *height:33px; margin-bottom:13px; padding:11px 15px 0 0; font-size:11px; color:#fff; letter-spacing:-1px; line-height:1.333; text-align:right; background:#955349}
.spot .info em {font-weight:bold; font-size:11px !important; color:#fff !important}
.spot .info span {margin:0 5px; font-size:11px !important; color:#fff !important}
.colgroup {overflow:hidden; width:820px; background:#fff}
.snb {overflow:hidden; float:left; width:179px; padding-top:25px}
.snb .nav-list {overflow:hidden; width:140px; *width:179px; margin-bottom:19px; padding:0 19px 0 20px}
.snb .nav-list li {height:27px; *height:28px; letter-spacing:-1px; border-bottom:1px dotted #e9e2e1}
.snb .nav-list li.first {height:27px; *height:29px; border-top:1px dotted #e9e2e1}
.snb .nav-list li a {display:block; overflow:hidden; height:20px; *height:27px; padding-top:7px; color:#313131; font-weight:bold; line-height:1.333}
.snb .daily-wrap {overflow:hidden; width:141px; *width:179px; margin-bottom:19px; padding:0 19px; letter-spacing:-1px}
.snb .daily-wrap h2 {margin-bottom:6px; color:#db4b42; font-weight:bold; line-height:1.333; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_article.jpg") no-repeat 130px 2px}
.snb .daily-wrap ul {overflow:hidden; width:141px; padding-bottom:15px; border-bottom:1px dotted #e9e2e1}
.snb .daily-wrap ul li {width:126px; *width:141px; margin-bottom:6px; padding-left:15px; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_daily_list.gif") no-repeat 1px 1px}
.it-ie .snb .daily-wrap ul li {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_daily_list.gif") no-repeat 1px 0}
.snb .daily-wrap ul li a {color:#524840; line-height:1.333; font-size:11px}
.snb .daily-wrap ul li a:hover, .snb .daily-wrap ul li a:focus {text-decoration:underline}
.snb .weekly-wrap {overflow:hidden; width:141px; *width:179px; margin-bottom:15px; padding:0 19px; letter-spacing:-1px}
.snb .weekly-wrap h2 {margin-bottom:6px; color:#db4b42; font-weight:bold; line-height:1.333; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_article.jpg") no-repeat 130px 2px}
.snb .weekly-wrap ul {overflow:hidden; width:141px; padding-bottom:16px; border-bottom:1px dotted #e9e2e1}
.snb .weekly-wrap ul li {width:121px; *width:141px; margin-bottom:4px; padding:2px 0 0 20px; font-size:11px; color:#524840}
.snb .weekly-wrap ul li.mon {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_mon.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li.thes {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_thes.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li.wedne {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_wedne.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li.thur {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_thur.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li.fri {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_fri.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li.sat {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_sat.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li.sun {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_sun.gif") no-repeat 1px 0}
.snb .weekly-wrap ul li a {color:#524840; font-size:11px; line-height:1.333}
.snb .weekly-wrap ul li span {color:#524840; font-size:11px; line-height:1.333}
.snb .weekly-wrap ul li ul {width:121px; padding-bottom:0; border-bottom:0}
.snb .weekly-wrap ul li ul li {width:121px; margin-bottom:0; padding:0 0 0 0}
.snb .banner-wrap {overflow:hidden; width:160px; *width:179px; margin-bottom:10px; padding-left:19px}
.snb .banner-wrap li {overflow:hidden; width:140px; margin-bottom:5px}
.snb .banner-wrap li a {display:block; overflow:hidden; width:140px}
.snb .sns-list {overflow:hidden; width:160px; *width:179px; padding-left:19px}
.snb .sns-list li {overflow:hidden; height:43px; margin-bottom:10px}
.snb .sns-list li a {display:block; width:129px; height:43px}
.s-con {float:left; position:relative; width:600px; *width:641px; min-height:820px; height:auto !important; height:850px; padding:0 20px 30px; border-left:1px solid #e6e6e6}
.s-con h2 {height:34px; *height:54px; margin-bottom:6px; padding-top:19px; font-size:18px; color:#333638; font-weight:bold; letter-spacing:-1px; line-height:1.333; border-bottom:1px dotted #d4d4d4}
.s-con h2 .corner {margin-left:14px; padding-left:14px; font-size:14px; color:#333638; background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_corner.jpg") no-repeat}
.s-con .btn-pre {display:block; overflow:hidden; float:right; height:30px; margin-bottom:10px}
.r-ad {overflow:hidden; position:absolute; right:0; top:0; width:160px; height:600px}
.rss_box {overflow:hidden; width:598px; *width:600px; margin-bottom:15px; padding:14px 0 10px; border:1px solid #d9c4e1; text-align:center}
.rss_box p {font-size:11px; letter-spacing:-1px; line-height:1.33; color:#666}
.rss_box .podcast {margin-bottom:9px}
.rss_box .tip {margin-top:10px}
.podcast_tb {width:100%; table-layout:fixed}
.podcast_tb th {height:38px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; color:#555}
.podcast_tb td {height:33px; border-bottom:1px dotted #626262; text-align:center; font-size:11px; color:#333}
.podcast_tb td.hr_left {text-align:left; color:#666; font-size:12px}
.summary-box {overflow:hidden; margin-bottom:15px; padding:13px 11px 12px; letter-spacing:-1px; color:#655748; line-height:1.55; border:1px solid #e2deda; background:#f6f4f2}
/* @ IE 10 Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.m-con .daily-wrap ul li {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_daily_list.gif") no-repeat 10px 0}
	.snb .weekly-wrap ul li a {padding-top:3px}
	.snb .daily-wrap ul li {background:url("http://img.imbc.com/broad/radio/fm4u/bestfriend2/images3/bg_daily_list.gif") no-repeat 1px 0}
}