@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2013v1.css");

 img{vertical-align:top;}
/* @ accessibility */
#accessibility{position:relative; z-index:9999; text-align:left}
#accessibility li {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}

/* @ lyaout */
body{text-align:center;}
#wrapper{position:relative; width:100%; background:#27054b;}
#header{position:relative; width:100%;}
#header .gnb{width:990px; margin:0 auto; text-align:left;}
#container{overflow:hidden; position:relative; width:990px; margin:0 auto; text-align:left;}
#footer{clear:both; position:relative; background:#fff;}
#footer .foot{width:990px !important; margin:0 auto;}

/* Çϴܸ޴º¿µ¿ª*/
#bottom_wrap{position:relative; width:100%; background:#fff url(http://img.imbc.com/broad/radio/fm/enjoy/images6/bottom_bg.gif) repeat-x;}
#B_aside{position:relative; width:990px; margin:0 auto; text-align:left;}
#pro_address{position:relative; width:990px; height:64px; margin:0 auto; text-align:left;}

/* container */
.top_bar{position:relative; width:990px; height:41px; margin-top:10px; background:#ffdd00;}
.top_bar h1{float:left;padding:8px 0 0 14px;}
.spot{float:left; margin:11px 0 0 135px; padding-top:2px; font:11px dotum; color:#4f00ab; letter-spacing:-1;}
.spot .fm{width:42px; height:11px; *height:14px; padding-top:3px; background:#fff; font:11px dotum; text-align:center;}
.spot .time{padding:0 16px 0 5px; font:bold 11px dotum;}
#menu_btn{position:absolute; top:14px; right:15px; width:12px; height:8px; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/icon_down.gif) no-repeat; cursor:pointer; text-indent:-9999;}
#menu_btn.on{background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/icon_up.gif) no-repeat;}

/* aside */
#aside{display:none; width:932px; *width:990px; height:219px; *height:235px; padding:16px 29px 0 29px; background:#fbf6dc url(http://img.imbc.com/broad/radio/fm/enjoy/images6/aside_line.gif) no-repeat  465px 21px;}
#aside .menu h2{position:absolute; left:-9999px; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
#aside .menu ul{float:left; width:170px; height:182px; margin-right:50px;}
#aside .menu li{height:19px; *height:25px; padding-top:6px; border-bottom:1px solid #e7e2c9;}
#aside .menu li a{display:block; font:12px dotum; color:#555;}
#aside .menu li a.on{font:bold 12px dotum; color:#651ba5;}
#aside .s_menu li{width:167px; *width:170px; padding-left:7px;}
#aside .s_menu li a{display:block; color:#323022;}
#aside .daily{float:left; width:154px; margin:0 20px 0 17px;}
#aside .daily h2{height:11px; *height:16px; padding:5px 0 0 1px; font:bold 12px dotum; color:#6e6b59;}
#aside .daily ul{margin-top:12px;}
#aside .daily ul li{padding:0 0 11px 15px; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/daily_icon.gif) no-repeat; font:12px dotum; color:#827f6e; letter-spacing:-1;}
#aside .daily ul li a{font:12px dotum; color:#827f6e; letter-spacing:-1;}

#aside .weekly{float:left; width:250px;}
#aside .weekly h2{height:11px; *height:16px; padding:5px 0 0 1px; font:bold 12px dotum; color:#6e6b59;}
#aside .weekly ul{margin-top:10px;}
#aside .weekly ul li{position:relative; width:250px; padding-bottom:9px;}
#aside .weekly ul li span{position:absolute; top:0; left:0; width:13px; *width:15px; height:14px; *height:16px; padding:2px 0 0 2px; *padding:3px 0 0 2px; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/weekly_icon.gif) no-repeat; font:11px dotum; color:#000; letter-spacing:-1;}
#aside .weekly ul li p{width:230px; *width:250px; height:auto; padding-top:1px; *padding-top:2px; padding-left:20px; font:12px dotum; color:#827f6e; letter-spacing:-1;}
#aside .weekly ul li a{display:block; font:12px dotum; color:#827f6e; letter-spacing:-1;}

/* content layout*/
#content{overflow:hidden; position:relative; width:990px; margin-top:10px;}
#content .left{float:left; width:260px; height:485px; margin-bottom:10px;}
#content .center{float:left; width:474px; height:485px;}
#content .right{float:right; width:250px; height:485px;}
#content .photo{clear:both; position:relative; width:990px; height:326px; margin-bottom:30px; background:#110222;}

/* left */
.notice{position:relative; width:252px; height:250px; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/tab_bg.gif) no-repeat;}
 /*tab off */
.notice li{float:left;}
.notice li a{float:left; padding-left:1px; font:bold 11px dotum; color:#515567;} 
.notice li a .week{display:inline-block; cursor:pointer; width:22px; *width:34px; height:23px; *height:31px; padding:8px 0 0 12px;}
.notice .m1 a .week, .notice .m7 a .week{overflow:hidden; width:24px; *width:36px;}
 /*tab on*/
.notice.m1 .m1 a, .notice.m2 .m2 a, .notice.m3 .m3 a, .notice.m4 .m4 a, .notice.m5 .m5 a, .notice.m6 .m6 a, .notice.m7 .m7 a{background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/tab_bg_on2.png) no-repeat center bottom; color:#fff;}
/*tab con*/
.notice li dl{display:none; position:absolute; top:31px; left:0; width:230px; *width:250px; height:193px; padding:0 12px 0 8px;}
.notice li dl dt{padding:30px 0 10px 0; font:bold 24px tahoma; color:#ffea00;  letter-spacing:-1;}
.notice li dl dd a{width:230px; font:16px dotum; color:#fff; line-height:24px; letter-spacing:-1; text-align:center; background:none !important;}
.notice li dl dd a strong{font:bold 16px dotum; color:#ffea00;}
.notice.m1 .m1 dl, .notice.m2 .m2 dl, .notice.m3 .m3 dl, .notice.m4 .m4 dl, .notice.m5 .m5 dl, .notice.m6 .m6 dl, .notice.m7 .m7 dl{display:block; width:230px; text-align:center;}

.aod{position:relative; width:232px; *width:250px; height:212px; *height:250px; padding:19px 9px; background:#fff;}
.aod h2{height:32px; font:bold 14px dotum; color:#000; letter-spacing:-1;}
.aod ul{overflow:hidden; width:232px; height:166px; border-top:1px solid #e5e5e5;}
.aod ul li{width:218px; *width:232px; height:23px; *height:33px; padding:10 7px 0 7px; border-bottom:1px solid #e5e5e5;}
.aod ul li span{float:left; width:176px; font:12px dotum; color:#666; letter-spacing:-1;}
.aod ul li button{float:right; width:42px; height:14px; cursor:pointer;}
.aod .more_btn{position:absolute; top:19px; right:15px;}

/* center */
.play{overflow:hidden; width:474px; height:335px; margin-bottom:10px;}
.play li{position:relative;}
.play_big{width:470px; height:225px; margin-bottom:10px;}
.play_big .movie{width:470px; height:225px;}
.play_big .screen{position:absolute; top:0; left:0; z-index:10; width:470px; height:225px;}
.play_big span{position:absolute; top:195px; left:16px; z-index:20; font:bold 14px dotum; color:#fff; letter-spacing:-1;}
.play_big a{position:absolute; top:82px; left:205px; z-index:30;}
.play_big a img{width:61px; height:61px;}
.play_small{float:left; position:relative; width:154px; height:100px; margin-right:4px;}
.play_small .movie{width:154px; height:100px;}
.play_small .screen{position:absolute; top:0; left:0; z-index:10; width:154px; height:100px;}
.play_small span{position:absolute; top:77px; left:9px; z-index:20; font:12px dotum; color:#fff; letter-spacing:-1;}
.play_small a{position:absolute; top:5px; right:4px; z-index:30;}
.play_small a img{width:24px; height:24px;}

.twitter{position:relative; width:438px; *width:470px; height:116px; *height:140px; padding:17px 16px 7px 16px; background:#fff;}
.twi_wrap{overflow:hidden; width:438px; height:87px;}
.twitter h2{height:29px; padding-left:73px; font:bold 14 dotum; color:#000; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/follow.gif) no-repeat;}
.twitter h2 span, .twitter h2 a{text-decoration:underline; font:bold 14 dotum; color:#000;}
.twitter ul{width:438px; height:87px;}
.twitter ul li{position:relative; height:50px; *height:67px; padding:7px 0; border-bottom:1px solid #e9e9e9;}
.twitter ul li img{position:absolute; top:7px; left:0; width:50px; height:50px;}
.twitter ul li p{margin-left:60px; width:378px; font:12px dotum; color:#666; line-height:16px;}
.twitter button{width:14px; height:15px;}
.twi_play{position:absolute; top:18px; right:32px; width:14px; height:15px; cursor:pointer;}
.twi_stop{position:absolute; top:18px; right:15px; width:14px; height:15px; cursor:pointer;}

.photo .p1{position:absolute; top:6px; left:6px;}
.photo .p1 img{width:187px; height:187px;}
.photo .p2{position:absolute; top:6px; left:198px;}
.photo .p2 img{width:250px; height:123px;}
.photo .p3{position:absolute; top:134px; left:198px;}
.photo .p3 img{width:59px; height:59px;}
.photo .p4{position:absolute; top:198px; left:6px;}
.photo .p4 img{width:123px; height:122px;}
.photo .p5{position:absolute; top:198px; left:134px;}
.photo .p5 img{width:123px; height:122px;}
.photo .p6{position:absolute; top:134px; left:262px;}
.photo .p6 img{width:186px; height:186px;}
.photo .p7{position:absolute; top:6px; right:223px;}
.photo .p7 img{width:314px; height:314px;}
.photo .p8{position:absolute; top:6px; right:6px;}
.photo .p8 img{width:212px; height:212px;}
.photo .p9{position:absolute; top:223px; right:6px;}
.photo .p9 img{width:212px; height:97px;}

/* right */
.aod_banner{width:250px; height:110px; margin-bottom:5px; background:#fff;}
.aod_banner iframe{width:204px; height:56px; margin:25px 0 0 40px;}
.youtube{margin-bottom:10px;}

/* bottom_wrap */
#B_aside{width:950px; *width:990px;  height:264px; * height:320px; padding:28px 20px;}
#B_aside h2{height:23px; border-bottom:1px solid #d6cfdc; font:bold 12px dotum; color:#27054b; letter-spacing:-1;}
#B_aside .menu{float:left; width:143px; margin-right:29px;}
#B_aside .menu ul{width:142px; margin-left:1px;}
#B_aside .menu ul li{height:18px; *height:24px; padding-top:6px; border-bottom:1px solid #d6cfdc;}
#B_aside .menu ul li a{display:block; font:12px dotum; color:#645A74; letter-spacing:-1;}

#B_aside .daily{float:left; width:143px; margin-right:29px;}
#B_aside .daily ul{width:142px; margin-left:1px;}
#B_aside .daily ul li{height:18px; *height:24px; padding-top:6px; border-bottom:1px solid #d6cfdc; font:12px dotum; color:#645A74; letter-spacing:-1}
#B_aside .daily ul li a{display:block; font:12px dotum; color:#645A74; letter-spacing:-1;}

#B_aside .weekly{float:left; width:149px;}
#B_aside .weekly ul{width:148px; margin-left:1px;}
#B_aside .weekly ul li{position:relative; height:20px; margin-top:4px; border-bottom:1px solid #d6cfdc;}
#B_aside .weekly ul li span{position:absolute; top:0; left:1px; width:13px; *width:15px; height:14px; *height:16px; padding:2px 0 0 2px; *padding:3px 0 0 2px; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/weekly_icon2.gif) no-repeat; font:11px dotum; color:#000; letter-spacing:-1;}
#B_aside .weekly ul li p{width:138px; *width:148px; height:auto; padding-top:1px; *padding-top:2px; padding-left:21px; font:12px dotum; color:#645A74; letter-spacing:-1;}
#B_aside .weekly ul li a{display:block; font:12px dotum; color:#645A74; letter-spacing:-1;}

/* pro_address */
#pro_address .sms{float:left; width:259px; *width:267px; height:45px; *height:64px; padding:19px 0 0 8px; background:url(http://img.imbc.com/broad/radio/fm/enjoy/images6/pro_ad_line.gif) no-repeat right 8px; font:11px dotum; color:#7f7e7b; letter-spacing:-1;}
#pro_address .sms span{margin-bottom:4px; font:bold 11px dotum;}
#pro_address .add{float:left; padding:18px 0 0 28px; font:11px dotum; color:#262219; line-height:16px; letter-spacing:-1;}
#pro_address .mini_down{float:right; width:55px; height:42px; margin:11px 21px 0 0;}

/* ¿©¹é */
.visual{overflow:hidden; width:250px; height:225px; margin-bottom:10px;}