@charset "UTF-8";
/* program style ::: main */
.main .container {background: #616266  url(//img.imbc.com/broad/radio/fm/questionmark/images/bg_main_v2.jpg) no-repeat 51% 0;}
.main .visual {height: 575px;}
.main .tit-logo {display: none; top: 262px; margin-left: 40px; width: 454px;}
.broad-info {position: relative; color: #000;}
.broad-info li {font-size: 14px;color: #fff;}
.visual .roll-area {overflow: hidden;}
.radio-cont .vert .box, .radio-cont .vert .box-round, .main .weekly-today, .page-content {border: 1px solid #b4b4b4;}
.info ul li {color: #b4d8ec;}
.box.daily.open {height: 234px;}
.box.daily .btn-open {z-index: 100;}
.radio_nav {position: relative;z-index: 10;background-color: #ced3d9;}
.radio_nav ul li a {padding-right: 20px; padding-left: 22px; color: #000; background: url(//img.imbc.com/broad/radio/include/img/bg-bar-vw.png) no-repeat 0 50%;}
.box.podcast-v2 .podcast-txt a {background: url(//img.imbc.com/broad/radio/fm/questionmark/images/pod-logo.jpg);}
.box.podcast-v2 .podcast-txt a:hover {background: url(//img.imbc.com/broad/radio/fm/questionmark/images/pod-hover.jpg);}
.box.podcast-v2 .podcast-txt a:hover p {color: #0066cf;}
.box.board .txt {color: unset;}
.box a:hover {color: #0066cf; text-decoration: underline;}

/*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: 165px; 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: 165px;color: #fff}
#youtube a .txt .content{height:48px;overflow:hidden}
#youtube a .txt .date{display:block;font-size: 12px;margin-top: 14px;}

/*sub*/
.sub .container {background: #616266 url(//img.imbc.com/broad/radio/fm/questionmark/images/bg_sub_v2.jpg) no-repeat 51% 0;}
.sub .visual {height: 299px;}
.sub .sub-content {min-height: 600px;}
.sub .tit-logo{display: block;width: 180px;height: 113px;top: 60px;margin-left: -302px;}

.noti{display: flex;height: 100%;font-size:16px;text-align:center;align-items: center;justify-content: center;}