@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) } 
.noti {padding: 75px 0;font-size:15px;text-align:center}
/* °¡·ÎÇü 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.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; } 
#585858; overflow: hidden; } 
.banner-float { position:relative; bottom:auto; left:auto; } 
.box-round { margin-bottom:10px; } 

/* main */
.main .page {background: #2a2a2a url(https://img.imbc.com/broad/radio/youtube/caution/images/bg_main.jpg) no-repeat 50% 0;min-height: 823px;} 
.main .page .wrap-right {padding: 104px 0 40px;} 
.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: #2a2a2a;z-index:10} 
.main .broad-info li { color:rgba(255,255,255,.6);font-size:14px } 
.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; } 

.box.photo {
    position: relative;
}

.box.photo .img {
    width: 296px;
    height: 296px;
    overflow: hidden;
}

.box.photo img {
    width: 120%;
    min-height: 100%;
    margin-left: -30px;
}

.box.photo .txt {
    display: none;
    padding: 105px 15px 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 296px;
    height: 296px;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
}

.box.photo .txt .tit {
    display: block;
    font-family: 'notokr-medium';
    font-size: 18px;
    line-height: 35px;
}

.box.photo .txt .content {
    width: 245px;
    margin: 0 auto;
    font-family: 'notokr-regular';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.05em
}

.box.photo a {
    display: block;
    overflow: hidden;
}

.box.photo a .img {
    display: inline-block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    filter: blur(0);
}

.box.photo a:hover .img, .box.photo a:focus .img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    filter: blur(2px);
}

.box.photo a:hover .txt, .box.photo a:focus .txt {
    display: block;
}
/*youtube*/
.box#youtube a{font-size:0}
#youtube a .img{position:relative;width:100%;height:165px}
#youtube a .img:after {display: inline-block;position: absolute;top: 0;left: 0;content: '';width: 294px;height: 100%;background: rgba(0, 0, 0, .1);}
#youtube .btn-bora {display: block; width: 32px; height: 34px; position: absolute; bottom: 15px; right: 15px; background: url(https://img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-bora.png) no-repeat; z-index: 10;}
#youtube a:hover .btn-bora {background: url(https://img.imbc.com/broad/radio/channelm/2018radioguide/images/btn-bora-hover.png) no-repeat;}
#youtube .img img {position:absolute;top:0;bottom:0;right:-50%;left:-50%;width: 100%;margin: auto;}
#youtube a .txt{padding-top:48px;top:48px;width: 294px;height: 100%;color: #fff}
#youtube a .txt .content{height:48px;overflow:hidden}
#youtube a .txt .date{display:block;font-size: 12px;margin-top: 14px;}

/* sub */
.sub .broad-info{top:15px}
.sub .broad-info ul{display:flex;}
.sub .broad-info li{color:#fff;font-size:14px;letter-spacing: -.05rem;}
.sub .container{background: #191919 url(https://img.imbc.com/broad/radio/youtube/caution/images/bg_sub.jpg) no-repeat 53% 0;}
.sub .tit-logo{top: 18px;margin-left: -68px;}
.sub .tit-logo a{display:block;overflow:hidden;}

.sub .page{display:flex;overflow:unset;}
.sub .radio_nav {background-color:#527229}
.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}