@charset "euc-kr";
/* @ Lyaout */
html, body {height:100%}
body {text-align:center}
.ui-album {background:#bd6630 url("http://img.imbc.com/broad/radio/channelm/images/bg-album-x-v2.jpg") repeat-x center 150px}
.ui-tradition {background:#446a6b url("http://img.imbc.com/broad/radio/channelm/images/bg-tradition-x.jpg") repeat-x center 150px}
.ui-pop {background:#46754e url("http://img.imbc.com/broad/radio/channelm/images/bg-pop-x.jpg") repeat-x center 150px}
.page-wrapper {overflow:hidden; width:100%}
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
.page-content-layout {overflow:hidden; position:relative; width:990px; margin:0 auto; text-align:left}
.content-thumbnals {overflow:hidden; width:820px; height:175px; text-align:center; background:#fff}
.content-thumbnals img {vertical-align:top}
.about-program {overflow:hidden; position:absolute; left:20px; top:142px; width:780px; height:33px; color:#fff; line-height:1.333; letter-spacing:-1px; font-size:11px; background:url("http://img.imbc.com/broad/radio/channelm/images/bg-thumbnails.png")}
.about-program .label-staff {margin-left:9px; padding-left:10px; font-weight:normal; background:url("http://img.imbc.com/broad/radio/channelm/images/img-vertical-bar.jpg") no-repeat}
.about-program-date {display:block; float:right; height:33px; height:22px; *height:33px; padding:11px 17px 0 0; color:#fdfdfd; font-weight:bold}
.content-body {overflow:hidden; position:relative; width:990px}
.nav-grid {overflow:hidden; float:left; width:149px; *width:179px; padding:10px 15px 0}
.nav-primary {overflow:hidden; width:149px; margin-bottom:15px; border-top:1px solid #333}
.nav-primary li {width:149px; height:30px; *height:31px; border-bottom:1px solid #333; letter-spacing:-1px; font-weight:bold}
.nav-primary a {display:block; height:22px; *height:30px; padding:8px 0 0 8px; color:#333; line-height:1.333}
.page-footer {overflow:hidden; width:100%; background:#fff}
.footer {overflow:hidden; width:990px; margin:0 auto}
.content-body {width:820px; margin-bottom:30px; background:#fff}
.content-grid {float:left; width:600px; *width:641px; min-height:680px; height:auto !important; height:700px; padding:0 20px 20px; border-left:1px solid #e6e6e6}
.content-grid h2 {height:34px; *height:54px; margin-bottom:6px; padding-top:19px; font-size:18px; color:#333; font-weight:bold; letter-spacing:-1px; line-height:1.333; border-bottom:1px dotted #d4d4d4}
.podcast-panel {overflow:hidden; position:relative; margin-bottom:15px; padding:14px 0 10px; border:1px solid #666; line-height:1.333; letter-spacing:-1px; color:#666; font-size:11px; text-align:center}
.podcast-panel .txt-heading {margin-bottom:10px}
.podcast-panel .txt strong {display:block}
.podcast-panel .btn-group {overflow:hidden; position:relative; margin:-40px 0 20px}
.podcast-panel .btn-group a {margin:0 4px}
.podcast-panel 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; border-bottom:1px dotted #626262; text-align:center; font-size:11px; color:#333}
#potcast_list ul li span.broad_day {height:22px; *height:33px; 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:33px; padding-top:5px; width:90px;}

.minimsg-heading {overflow:hidden; margin-bottom:15px; text-align:left}
.r-grid {position:absolute; right:0; top:0; width:160px; height:600px}