@charset "euc-kr";

/* @ layout */
body	{text-align:center;}
#wrapper{position:relative; width:100%;}
#header{position:relative; width:100%; height:150px; background:#fff;}
.gnb{position:relative; width:990px; margin:0 auto; text-align:left;}
.main #container{position:relative; width:100%; height: 1680px; background:#019798 url(http://img.imbc.com/broad/radio/fm4u/musicparty/images5/bg-v2.png) no-repeat center 0;}
#footer{padding:30px 0; clear:both; position:relative; width:990px !important; margin:0 auto;}

/* @ 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; top:-1000px; font-size:0;}

/* @ Main Content */
.main #content{position:relative; width:990px; margin:0 auto; padding-top:449px; letter-spacing:-1px; text-align:left;}
.main #content h1{position:absolute; top:290px; left:309px; z-index:100;}
.main .on_air{position:relative; width:990px; height:33px; background:#363125; color:#ffdb18; font:bold 11px dotum; text-indent:17px; line-height:38px;}
.main .on_air .maker{position:absolute; top:12px; right:20px; font-weight:100; line-height:14px;}

/* aside */
.main #aside{width:145px; height: 1070px; background: url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/side_bg.gif) repeat-y; float:left;}
.main .side_menu{width:145px;}
.main .side_menu li{width:145px; height:30px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/side_line.gif) repeat-x bottom left; text-indent:15px;}
.main .side_menu li a{display:block; font:bold 12px dotum; color:#29251d; line-height:30px;}
.main .social{margin:11px 0 0 7px;}

/* con*/
.main #con{width:845px; height: 1070px; background: url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/content_bg2.gif) repeat-y; float:left; position:relative; overflow:hidden;}
.main #con_area{width:535px; margin:29px 0 0 20px; display:inline; float:left; overflow:hidden;}
.main .daily , .main .week{width:139px; height:198px; float:left; margin-right:15px;}
.main .daily h2 , .main .week h2{width:139px; padding:3px 0 7px 0; margin-bottom:10px; border-bottom:1px solid #90cbc7; font:bold 12px dotum; color:#066d6e; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/icon1.png) no-repeat right 7px;}
.main .daily ul li{padding:3px 0 3px 16px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/daliy_icon.png) no-repeat 0 3px;}
.main .daily ul li a{font:11px dotum; color:#262219; letter-spacing:-1;}

.main .week ul li{position:relative; width:139px; padding-bottom:2px;  font:11px dotum; color:#262219; letter-spacing:-1;}
.main .week ul li span{position:absolute; top:0; left:0; width:14px; *width:15px; height:14px; *height:15px; padding-right:1px; padding-top:2px; *padding-top:3px; text-align:center; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/week_icon.png) no-repeat;}
.main .week ul li p{width:120px; height:auto; padding-top:2px; *padding-top:3px; padding-left:20px;}
.main .week ul li a{font:11px dotum; color:#262219; letter-spacing:-1; display:block;}

.notice{position:relative; width:227px; height:198px; float:right;}
.notice h2{width:227px; padding:3px 0 7px 0; margin-bottom:10px; border-bottom:1px solid #eda8a5; font:bold 12px dotum; color:#b7191e;}
.noti_con li{padding:3px 0 3px 7px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/noti_icon.gif) no-repeat 1px 7px;}
.noti_con li a{font:11px dotum; color:#262219; letter-spacing:-1;}
.notice span{position:absolute; top:3px; right:0px;}
.notice span a{padding-left:12px; font:12px dotum; color:#b7191e; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/more_icon.png) no-repeat 0 2px;}
.main .n_banner{width:139px; height:98px; padding:7px 0 0 7px;}
.main .n_banner li{width:139px; height:46px; background:#90cfc7; margin-bottom:3px;}

.photo{clear:left; width:535px; height:144px;}
.photo h2{width:535px; padding: 25px 0 7px 0; border-bottom:1px solid #eda8a5; font:bold 12px dotum; color:#b7191e;}
.photo ul{width:500px; margin:20px 0 0 20px;}
.photo ul li{width:90px; padding-right:10px; float:left;}
.photo ul li a{display:block; width:90px; height:60px; font:11px dotum; color:#262219; line-height:13px; letter-spacing:-1;}
.imgWrap{overflow:hidden; width:90px; height:65px; margin-bottom:3px; text-align:center; background:#fff;}
.imgWrap img{width:90px;}

#banner{width:250px; height:100px; float:right; margin:30px 20px 0 0; display:inline;}
.banner250{width:250px; height:250px; margin-bottom:10px;}
.banner_radio{width:250px; height:70px;}

.m_banner {position:absolute; top:118px; right:285px;}
.m_banner a {display:block; margin-bottom:5px;}
.m_banner img {width:228px;}
.sub_banner {margin:0 0 15px -8px;}
.sub_banner a {display:block; margin-bottom:5px;}
.sub_banner img {width:158px;}

/* foot */
#foot{clear:both; margin:0 auto; width:990px; height:78px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/foot_bg.png) repeat-x bottom left;}
.radio_address{width:400px; margin:8px 0 0 182px; padding:15px 0; display:inline; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/footer_line.gif) no-repeat right 0; font:11px dotum; color:#2b2101; line-height:16px; letter-spacing:-1; float:left;}
.radio_address span{font-weight:bold;}
.mini_down{float:left; width:55px; padding:17px 0 0 40px;}

/* @ sub_layout*/
.sub #container_wrap{overflow:hidden; position:relative; width:100%; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/bg_sub.jpg) repeat; padding-bottom:80px;}
.sub #container{position:relative; width:990px; margin:0 auto; text-align:left; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/aside_bg.gif) repeat-y;}

/* @ Sub Content */
.sub #container .visual{position:relative; width:830px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/sub_visual.jpg) no-repeat;}
.sub #container .visual h1{padding:10px 0 3px 268px; *padding:9px 0 0px 268px;}
.sub .on_air{position:relative; width:820px; height:33px; background:#363125; color:#ffdb18; font:bold 11px dotum; text-indent:17px; line-height:38px;}
.sub .on_air .maker{position:absolute; top:12px; right:20px; font-weight:100; line-height:14px; color:#ffdb18; font:bold 11px dotum;}

.sub #conent{width:830px;}
.s_banner{position:absolute; top:0; right:0;} 
.visual h1 img{width:284px; height:163px;}


/* .sub .aside */
.sub #aside{position:relative; width:160px; *width:180px; padding:25px 0 0 20px; float:left;}
.sub .side_menu{padding-bottom:15px;}
.sub .side_menu li{width:139px; height:20px; *height:28px; padding-top:8px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/side_line.gif) repeat-x top left;}
.sub .side_menu li a{display:block; font:bold 12px dotum; color:#29251d;}
.sub .n_banner{margin-bottom:17px;}
.sub .n_banner li{width:139px; height:46px; background:#90cfc7; margin-bottom:3px;}
.sub .daily{width:139px; padding-bottom:11px; border-bottom:1px solid #90cbc7; overflow:hidden;}
.sub .daily h2{width:139px; padding-bottom:3px;  font:bold 12px dotum; color:#066d6e; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/icon1.png) no-repeat right 5px;}
.sub .daily ul li{padding:4px 0 3px 16px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/daliy_icon.png) no-repeat 0 3px;}
.sub .daily ul li a{font:11px dotum; color:#262219; letter-spacing:-1;}

.sub .week{width:139px; padding:14px 0 12px 0; border-bottom:1px solid #90cbc7; overflow:hidden;}
.sub .week h2{width:139px; padding-bottom:6px;  font:bold 12px dotum; color:#066d6e; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/icon1.png) no-repeat right 5px;}
.sub .week ul li{position:relative; width:139px; padding-bottom:2px;  font:11px dotum; color:#262219; letter-spacing:-1;}
.sub .week ul li span{position:absolute; top:0; left:0; width:14px; *width:15px; height:14px; *height:15px; padding-right:1px; padding-top:2px; *padding-top:3px; text-align:center; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/week_icon.png) no-repeat;}
.sub .week ul li p{width:120px; height:auto; padding-top:2px; *padding-top:3px; padding-left:20px;}
.sub .week ul li a{font:11px dotum; color:#262219; letter-spacing:-1; display:block;}
.sub .social{margin-top:11px;}

/* .sub con */
.sub #con{width:620px; *width:640px; padding:25px 0 20px 20px; background:#fff; float:left; text-align:left;}
.sub #con h3{width:600px; height:29px; margin-bottom:25px; font:bold 16px dotum; color:#363125; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/dot.gif) repeat-x bottom left;}
.section{overflow:hidden; width:600px;}
.rss_box{width:598px; height:100px; *height:115px; padding-top:13px; margin-bottom:19px;  border:1px solid #d9c4e1; text-align:center; font:11px dotum; color:#666;  letter-spacing:-1; line-height:16px;}
.date{font:11px dotum; color:#333; line-height:16px;}

/*mini top*/
.mini_top{width:554px; height:97px; margin-bottom:15px;  background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/mini_topbg.gif) no-repeat;}
.mini_top h4{margin-left:22px;}
.mini_list{margin:9px 0 0 14px; float:left;}
.mini_list li{width:406px; height:23px; margin-top:2px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/mini_line.gif) repeat-x bottom left;  line-height:25px;}
.mini_list li span img{vertical-align:middle;}
.mini_list li a{padding-left:11px; font:bold 12px dotum; color:#555;}
.mini_box{float:right; margin:7px 13px 0 0; width:114px; height:55px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images6/smile_box.gif) no-repeat; text-align:right;}

/* °øÅë */
.pb4{padding-bottom:4px;}
.pb20{padding-bottom:20px;}
.p9{padding:9px 0;}
.mr8{margin-right:8px;}
.tl{text-align:left;}
.mg_top{padding:0 0 15px 25px;}

/* 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; border-bottom:1px dotted #626262; text-align:center; font-size:12px; color:#333}
#potcast_list ul li span.broad_day {height:23px; *height:34px; width:88px; padding-top:11px;}
#potcast_list ul li span.broad_title {width:412px; *width:422px; padding:11px 0 5px 10px; text-align:left; line-height:13px;}
#potcast_list ul li span.broad_potcast {height:28px; *height:34px; padding-top:6px; width:90px;}
.frame-bora {position:absolute; right:20px; top:290px;}

/* ÀÎ½ºÅ¸±×·¥ Ãß°¡ */
.insta-photo { width:100%; margin-top:30px; overflow:hidden; float:left; }
.insta-photo .tit-wrap { overflow:hidden; border-bottom:1px solid #eda8a5; padding-bottom:8px; margin-bottom:37px; }
.insta-photo .tit-wrap h2 { line-height:25px; float:left; float:left; font-size:13px; color:#b7191e; font-weight:bold; }
.insta-photo .tit-wrap .photo-btn { float:right; font-size:0; }
.insta-photo .article-wrap { width:460px; margin:0 auto; }
.insta-photo .article { background:#fff; float:left; width:200px; margin:0 15px 30px; height:300px; }
.insta-photo .article .img { display:block; width:100%; height:200px; overflow:hidden; }
.insta-photo .article .img img { width:100%; }
.insta-photo .article .txt { overflow:hidden; padding:15px; box-sizing:border-box; font-size:11px; color:#606060; }
.insta-photo .article .txt p.content { line-height:18px; padding-bottom:15px;  border-bottom:1px solid #efefef; }
.insta-photo .article .txt span { padding:8px 0 0 20px; box-sizing:border-box; display:block; float:left; }
.insta-photo .article .txt span.likes { margin-right:16px; background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images5/like.png) no-repeat left bottom; }
.insta-photo .article .txt span.comments { background:url(http://img.imbc.com/broad/radio/fm4u/musicparty/images5/comment.png) no-repeat left bottom; }