@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 } 

/* °¡·ÎÇü 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; } 
.wrap-right section:last-of-type { margin-right:0 } 
.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 { padding-left: 38px}
.box.daily .item li { width: 220px; background: url(//img.imbc.com/broad/radio/channelm/2018radioguide/images/ico-left.png) no-repeat left 10px; font-size: 16px; 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(//img.imbc.com/broad/radio/channelm/2018radioguide/images/bg-black.png); color: #fff; line-height: 22px; text-align: center}
.box.weekly .item .tit { display: block; padding-left: 30px; font-size: 16px; 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 14px 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 { height:298px; } 
.box.music_v2 .item { padding: 20px 0 15px 19px; overflow-y: scroll; max-height:calc(100% - 48px); 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(//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(//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:#d2dadb url(https://img.imbc.com/broad/radio/fm4u/hellom/images/bg-main.jpg) no-repeat 50% -15px; min-height:823px; } 
.main .page .wrap-right { padding:90px 0 100px; } 
.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:#5b5c6e } 
.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: 296px; 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/fm4u/hellom/images/bg-pod.jpg); } 
.box.podcast-v2 .podcast-txt a:hover { background: url(https://img.imbc.com/broad/radio/fm4u/hellom/images/bg-pod-hover.jpg); } 
.box.podcast-v2 .podcast-txt a:hover,
.box.podcast-v2 .podcast-txt a:hover p { color: #5b5c6e; } 

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

/* À¯Æ©ºê Ãß°¡ */
.youtube { float:right; width:556px } 
.board .youtube-list { overflow: hidden; padding: 18px 29px 24px; box-sizing: border-box; } 
.board .youtube-list li { float: left; width: 230px; margin-left: 32px; padding: 0; background: none; border: 1px solid #e4e4e4; box-sizing: border-box; } 
.board .youtube-list li:first-child { margin-left: 0; } 
.board .youtube-list li a { display: block; width: 100%; height: 126px; font-size: 0; position: relative; } 
.board .youtube-list li a img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } 

/* sub */
.sub .container { background:#d2dadb url(https://img.imbc.com/broad/radio/fm4u/hellom/images/bg-sub.jpg) no-repeat 50% 0 } 
.sub .tit-logo { top:44px; width:208px; margin-left:-103px; } 
.sub .broad-info { top:14px } 
.sub .broad-info ul { display:flex } 
.sub .broad-info li { font-size:14px; color:#000; font-family:'notokr-medium'; } 
.sub .radio_nav ul li a { padding-right:20px; padding-left:22px; color:#fff; background: url(http://img.imbc.com/broad/radio/include/img/bg-bar-vw.png) no-repeat 0 18px; } 
.sub .radio_nav ul li.first-item a { background: none; } 
.sub .box.daily .item li, .sub .box.weekly .item .tit { font-size:16px } 
.sub .box.corner .item { padding:0 }