@charset "euc-kr";

/* common */
*{line-height: inherit;vertical-align: unset;}
a {font-size:inherit;color:inherit;}
button {border:0 none;font-family:inherit;font-size:inherit;color:inherit;letter-spacing:-1px;background:none;cursor:pointer;}
iframe {border:0 none;}
strong{font-weight: normal;}
.ellipsis-multi { text-overflow: ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis-3 { text-overflow: ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; }
.main a{color:#222}

/* top banner */
.main-banner{position:relative;}
.main-banner a{display:block;overflow:hidden;text-align:center}
.main-banner a img{width:auto;min-width:100%;margin-left:-50%;margin-right:-50%}
.main-banner .check{position:absolute;top:50%;right:50%;margin-top:-7px;margin-right:-609px;font-size:0}
.main-banner .check label{margin-right:7px;font-size:16px;color:#bfbfbf;cursor:pointer}
.main-banner .check input[type="checkbox"]{position:absolute;width:0;height:0;z-index:-1px}
.main-banner .check label span.box{position:relative;display:inline-block;width:16px;height:16px;margin-right:10px;background-color:#fff;background-size:16px;vertical-align:bottom;text-indent:-9999px}
.main-banner .check input[type="checkbox"]{cursor:pointer;}
.main-banner .check input[type="checkbox"]:checked + label span.box{background:url(//img.imbc.com/commons/2018/image/main/banner_check_close.jpg) no-repeat 50% 50%}

#header {background: #000}
#header .nav{width:1218px;margin:0 auto;}
.wrapper {width:100%;font-family:'notokr-regular','Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò';}
.container {min-width:1218px;overflow:hidden;position:relative;*text-align:center;}
.visual {position:relative;}
.broad-info {position:absolute;left:50%;top:15px;z-index:100;margin-left: -610px}
.broad-info li {padding:0 8px;line-height:24px;font-size:16px;letter-spacing:-1px;}
.broad-info li span {padding-left:5px;}
.tit-logo {position:absolute;left:50%;z-index:100;}
.tit-logo img {width:100%;}
.banner-float {border-radius: 4px;width: 294px;overflow: hidden;box-sizing: border-box;border: 1px solid #e4e4e4;}
.banner-float .btn-control{position:absolute;right:12px;bottom:8px;z-index: 10}
.banner-float .btn-control button{margin-top:0}
.banner-float .btn-control .indicator a {display:inline-block;margin-right:8px;width:20px;height:20px;text-indent: -9999px;overflow: hidden;background:url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-banner-on-v4.png) no-repeat 50% 50%;}
.banner-float .btn-control .indicator a.current {background:url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-banner-off-v4.png) no-repeat 50% 50%}
.banner-float .btn-control .indicator a:last-child{margin:0}
.banner-float .btn-control button{width:20px;height:20px;vertical-align: top;}
.banner-float .btn-control .btn-stop{background:url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-pause-sub.png) no-repeat 50% 50%;}
.banner-float .btn-control .btn-play{background:url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-play-sub.png) no-repeat 50% 50%;}
.banner-float .banner-item {position:relative;overflow:hidden;height: 115px;}
.banner-float .banner-item a {position:absolute;left:100%;top:0;}
.banner-float .banner-item a:first-child {left:0;}

.radio_nav{width: 100%;}
.radio_nav ul {margin:0 auto;position:relative;z-index:160;text-align:center;}
.radio_nav ul li {display:inline-block;*display:inline;}
.radio_nav ul li a {display:block;float:left;height:74px;line-height:74px;font-size:18px;color:#fff;letter-spacing:-1px;font-family: 'notokr-medium'}
.radio_nav ul li.first-item a {background:none;}
.page {position:relative;box-sizing: border-box;}
.page .page-inner{margin:0 auto;width:1218px;overflow: hidden;}
.page .wrap-right{float: right;width: 814px;padding-top:12px;position: relative;}
.page section{margin-bottom:12px;border-radius: 4px;letter-spacing: -.075em;overflow: hidden;}
.page section .box{background: #fff;border-radius: 4px;overflow:hidden;position: relative;box-sizing: border-box;background-clip: padding-box;}
.page section .box.short-left{width: 504px; ;float: left; margin-right: 14px}
.page section .box.short-right{width: 118px;float: right;}
.page .section-bottom .box.short-left{height: 296px;}

/*weekly corner*/
section.hori{padding:15px 0;background: #fff; color: #000;}
section.hori .tit{display:inline-block;float:left;width:140px;margin-right:18px;background:url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/bar-today.jpg) no-repeat right center;text-align:center;font-size: 20px;font-family: 'notokr-bold'}
section.hori .cont{font-family: 'notokr-demilight';font-size: 17px;overflow:hidden;}
section.hori .wrap-today{overflow:hidden;}
section.hori .today-list{display: block; width: 100%;float:left;margin-top: 15px}
section.hori .today-list a{display: block;overflow: hidden;}
section.hori .today-list:nth-child(1) {margin-top: 1px;}
section.hori .weekly_today{visibility: hidden;font-family: 'notokr-medium';float: left;margin-right: 4px;}
section.hori .today-list:nth-child(1) .weekly_today{visibility: visible; }
section.hori .cont p{float: left;margin:0 20px 0 2px; overflow:hidden;line-height: 1.2;}
section.hori .today-list .tit-info{width:270px;font-size: 15px;line-height: 20px}

.radio-cont{overflow: hidden;}

/*title icon*/
.box.daily .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-daily.png) 26px center no-repeat ;}
.box.weekly .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-weekly.png) 26px center no-repeat ;}
.box#bora .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-bora.png) 26px center no-repeat ;}
.box.podcast .title,.box.podcast-v2 .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-vod.png) 26px center no-repeat ;}
.box.music .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-musictable.png) 26px center no-repeat ;}
.box.sns .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-sns.png) 26px center no-repeat ;}
.box.photo-list .title{padding-left:52px;background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-aha.png) 22px center no-repeat ;}
.box.board .title,.box.board-photo .title{background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-board.png) 26px center no-repeat ;}
.box.youtube .title{background: url(//img.imbc.com/broad/radio/include/img/ico-youtube.png) 25px center no-repeat ;}

.box .title{display:block;padding-left:56px;line-height:54px;border-bottom:1px solid #e5e5e5; font-size: 18px;font-family: 'notokr-medium';color: #000000;position: relative;}
.box .title .btn-more{display:inline-block;position:absolute;right:22px;top:21px;width:53px;height:14px;text-indent: -9999px;overflow: hidden;background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-more.png) no-repeat}
.box .recent-date{position: absolute;top:20px;right:23px;font-size: 14px;color: #585858}
.box .item{margin:5px 0;color: #585858;font-size: 15px;line-height: 36px;overflow:hidden;}
.box .item a{color:#585858}

/*board*/
.box.board li{padding: 14px 28px;line-height: 20px;font-size: 15px;background:url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/under-dot.jpg) repeat-x bottom;position: relative;}
.box.board li:last-child{background: none}
.box.board .date{position: absolute;right: 28px;top: 14px;font-size: 14px;color: #808080}
.box.board .content{color: #909090;padding: 5px 10px}
.section-bottom .board-txt .date{display: none}
.box.board .txt{margin:17px 25px;line-height: 22px;font-size: 16px;color: #090909;height: 46px;overflow:hidden;}
.box.board li .tit{display:table-cell;vertical-align:middle; width: 600px;}
.section-bottom .box.board li .tit{height:44px;}

/*--------------program style--------------*/
/*  main */
.main .visual {height:50px;background:#282831;color: #fff;}
.tit-logo {top:210px;margin-left:-600px}
.tit-logo img{}
.broad-info li{float: left;color: #bdbdbf}
.page section .box, .page section .box-round, .main .weekly-today{border: 1px solid #e4e4e4;}
.info ul li {color:#fff;}
.box.daily.open {height:234px;}
.box.daily .btn-open {z-index: 100}
.radio_nav {}
.radio_nav ul{border-top: 1px solid #3e3e46}
.radio_nav ul li a {padding-right:20px;padding-left:22px;color:#fff;background:url(//img.imbc.com/broad/radio/include/img/bg-bar-vw.png) no-repeat 0 29px;}

.page{}
.box a:hover{color: #3452b5;text-decoration: underline;}