@charset "euc-kr";
/* common */
.page .page-inner { position:relative; } 
.page section .box, .page section .box-round, .main .weekly-today { border:1px solid rgba(0,0,0,.1); } 
.box .title { line-height:48px;border-color:rgba(1,1,1,.1) } 
.box.summer .title {background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-daily.png) 26px center no-repeat;}

/* °¡·ÎÇü css ¼öÁ¤ */
.wrap-left { position:absolute; top:77px; left:0; } 
.wrap-left .video-background { border-radius:5px; overflow: hidden; } 
.wrap-right { display:flex; justify-content: flex-end; } 
.wrap-right section { width: 295px; margin-right: 12px; overflow:inherit} 
.wrap-right section:last-of-type { margin-right:0 } 
.wrap-right .vert .box, .wrap-right .vert .box-round, .main .weekly-today, .page-content, .radio-cont .vert .box, .box-round {outline: 1px solid rgba(0,0,0,.1);border:none}
.wrap-right .box { margin-bottom:10px; background: #fff; border-radius: 5px; width: 294px; overflow:hidden; position: relative } 
.box .item { padding:12px 8px; margin:0; color: #585858; font-size: 15px; line-height: 36px; overflow-y:auto; box-sizing:border-box; } 
.box .item li { box-sizing:border-box } 
.box.daily .item, .box.summer .item { padding-left: 38px}
.box.daily .item li, .box.summer .item li { width: 220px; background: url(https://img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-left.png) no-repeat left 10px; font-size: 15px; line-height: 22px; padding: 5px 0 5px 18px; } 
.box.weekly .item { padding-left: 28px}
.box.weekly .item li { overflow: hidden; padding: 7px 0; } 
.box.weekly .item li.multi { padding: 7px 0 4px}
.box.weekly .item .day { display: block; float: left; width: 22px; height: 22px; background: url(https://img.imbc.com/broad/radio/channelm/2018radioguide/images/bg-black.png); color: #fff; line-height: 22px; text-align: center;font-size:15px}
.box.weekly .item .tit { display: block; padding-left: 30px; font-size: 15px; line-height: 22px; } 
.box.weekly .item .multi .multi-item { width: 210px; margin-bottom: 3px; } 
.box.music .item { margin:0; padding:23px 0 0 36px; max-height: 463px; overflow: hidden; } 
.box.music li { width:93px; float: left; margin: 0 34px 11px 0; } 
.box.music li:last-child{margin-bottom:0;}
.box.music .img { display: inline-block; width: 60px; height: 60px; padding: 2px; border:1px solid #e3e3e3; } 
.box.music li img { width: 100%; } 
.box.music_v2 { } 
.box.music_v2 .item { padding: 16px 0 14px 19px; overflow-y: scroll; max-height:394px; height:calc(100% - 48px) } 
.box.music_v2 li.li_type2 { width: 257px; height: 66px; margin-right:0; overflow: hidden; position: relative; } 
.box.music_v2 li .img { position: absolute; background: url(https://img.imbc.com/broad/radio/include/img/list_default.jpg) 2px 2px no-repeat; background-size: 59px; } 
.box.music_v2 .info { display: table-cell; width: 162px; height: 64px; padding-left: 80px; vertical-align: middle; } 
.box.music_v2 span { display: block; line-height: 20px } 
.box.music_v2 .music_title { color: #585858; font-size: 14px; font-family: 'notokr-bold'; max-height: 40px; overflow: hidden; } 
.box.music_v2 .artists { color: #585858; font-size: 14px; font-family: 'notokr-regular'; } 
.box.music_v2 .artists span { display: block !important; width:162px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.box.podcast li { height: 62px; padding: 20px 25px 20px 90px; line-height: 22px; font-size: 15px; background:url(https://img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-vod.png) 24px 28px no-repeat; } 
.box.podcast li:first-child { border-bottom: 1px dotted #d9d9d9; } 
.box.podcast li a { display: block; height: 44px; overflow: hidden; } 
.box.podcast li .date { display: block; text-align: right; font-size: 12px; color: #646464; line-height: 17px; } 
.box.podcast-v2 .podcast-txt { width: 294px; height: 247px; } 
.box.podcast-v2 .podcast-txt a { display: block; width: 294px; height: 247px; -webkit-transition:.1s; -moz-transition:.1s; -ms-transition:.1s; -o-transition:.1s; transition:.1s; } 
.box.podcast-v2 .podcast-txt a p { opacity:0; width:150px; height:46px; margin:0 auto; padding-top:102px; font-size: 16px; color: #090909; font-family: 'notokr-regular'; line-height: 24px; -webkit-transition:.1s; -moz-transition:.1s; -ms-transition:.1s; -o-transition:.1s; transition:.1s; } 
.box.podcast-v2 .podcast-txt a:hover p { opacity:1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
.box.podcast-v2 .date { position: absolute; top: 19px; right: 14px; width: 70px; height: 14px; font-size: 14px; color: #585858; overflow: hidden; } 
.banner-float { position:relative; bottom:auto; left:auto; } 
.box-round { margin-bottom:10px; } 

/* main */
.main .page { background:#6b757f url(https://img.imbc.com/broad/radio/fm/discshow/images/bg-main-v2.jpg) no-repeat 50% -15px; min-height:823px; } 
.main .page .wrap-right { padding:30px 0 0; } 
.main .tit-logo { display:none } 
.main .link-banner { width:294px } 
.main .link-banner a { border:1px solid rgba(0,0,0,.1); overflow:hidden; } 
.main .link-banner a:first-child { margin-bottom:8px } 
.main .link-banner a img { width:100%; height:100%; object-fit:none; object-position:center } 
.main .visual, .radio_nav { background-color:#132637;z-index:10} 
.main .broad-info li { color:rgba(255,255,255,.5) } 
.main .radio_nav ul { width:1218px; border-top:1px solid rgba(255,255,255,.1) } 
.main .box.ad { width: 294px; height: 293px; padding: 20px 22px; box-sizing: border-box; } 

/* main cont */
.box.podcast-v2 .podcast-txt a { background: url(https://img.imbc.com/broad/radio/fm/discshow/images/pod-logo.jpg); } 
.box.podcast-v2 .podcast-txt a:hover { background: url(https://img.imbc.com/broad/radio/fm/discshow/images/pod-hover.jpg); } 
.box.podcast-v2 .podcast-txt a:hover,
.box.podcast-v2 .podcast-txt a:hover p { color: #132637; } 
iframe.btn-onairbora{position:absolute; right: calc(100% - 638px);top: 136px;}

/* hover color */
.box ul li a:hover { color:#132637; text-decoration:underline } 
.box.music .item li a:hover, .box.music .item li a:hover span,
.box.music .title a:hover { color: #132637; } 

/* sub */
.sub .broad-info{top:20px}
.sub .broad-info li{color:rgba(255,255,255,.6);font-size:14px;display:inline}
.sub .container{background: #6b757f url(https://img.imbc.com/broad/radio/fm/discshow/images/bg-sub-v2.jpg) no-repeat 50% 0;}
.sub .tit-logo{top: 46px;margin-left: -152px;}
.sub .tit-logo a{display:block;width: 266px;height: 216px;overflow:hidden;}
.sub .tit-logo img{}

.sub .page{display:flex;overflow:unset;}
.sub .radio_nav {background-color:#132637}
.sub .radio_nav ul li a {padding-right:20px;padding-left:22px;color:#fff;background:url(https://img.imbc.com/broad/radio/include/img/bg-bar-vw.png) no-repeat 0 center;}
.sub .radio_nav ul li.first-item a{background:none}
.sub .radio-cont, .sub .radio-cont .vert{overflow:unset;}
.sub .radio-cont, .sub .page-content{float:none}


/* ·¹À̾î Æ˾÷ */
.layer {position:fixed;z-index:165;width:100%;height:100%;display:none;align-items:center;justify-content: center;background-color:rgba(0,0,0,.5)}
.layer .layer_btn{margin-top:10px;display:flex;align-items:center;justify-content: space-between;}
.layer .layer_btn input[type="checkbox"] {display: none;}
.layer .layer_btn input[type="checkbox"] + label.check_label span.box {display: inline-block; width: 16px; height: 16px; border: none; background: url("https://corp.imbc.com/img/pupc_chk_bfr.jpg") 0 0 no-repeat; vertical-align: middle; position: relative; bottom: 2px;}
.layer .layer_btn input[type="checkbox"]:checked + label.check_label span.box {background: url("https://corp.imbc.com/img/pupc_chk_aft.jpg") 0 0 no-repeat;}
.layer .layer_btn label.check_label{cursor:pointer}
.layer .layer_btn label.check_label span.label{margin-left:8px;color: #fff; font-size: 16px; letter-spacing: -1px; line-height: 1.5em;}
.layer .layer_btn a {width: 21px; height: 21px; background: url("https://corp.imbc.com/img/pupc_cls_btn.png") 0 0 no-repeat; cursor: pointer;}