@charset "utf-8";

@import url(http://font.imbc.com/noto/noto.css);
@import url(http://font.imbc.com/mbcnew/mbcnew.css);

body.drama11{font-family:'notokr-regular', "Apple SD Gothic Neo", '맑은 고딕', 'Malgun Gothic',  dotum,  sans-serif;color:#282828;letter-spacing:-0.09rem;}
h1, h2, h3, h4, h5, h6, strong{font-weight:normal; font-family:'notokr-bold', "Apple SD Gothic Neo", '맑은 고딕', 'Malgun Gothic',  dotum,  sans-serif;letter-spacing:-0.09rem}
section h2,  section h3{border:none}

/* ================================================================= common */
/*.nav-wrap{display:none}*/
.wrapper{width:100%;position:relative;margin:0 auto}
.container{padding-top:0;padding-bottom:0;background:url(../images2/bg_pattern.jpg) repeat-y 0 0;background-size:100%}
.container .sub-wrap{padding:0;margin-top:0}
.documentation .view .title .date{line-height:17px}

/* common */

.container {background-color: #f5e5cf;}
.container .sub-wrap {width: 100%; max-width: 720px; margin: 0 auto; background: none;}
.container .sub-wrap .cont_header {/*background: url("http://m.imbc.com/wiz/radio/11drama/images/top_bg.png") no-repeat; background-size: 100%; background-position: bottom;*/ margin-bottom: 2%;}
.container .sub-wrap .cont_header .wrapper {padding-top: 5%;}
.container .sub-wrap .cont_header .wrapper h1 {width: 86%; padding: 0 7%; margin: 0 auto;}
.container .sub-wrap .cont_header .wrapper h1 a {}
.container .sub-wrap .cont_header .wrapper h1 a img {}
.container .sub-wrap .cont_header .wrapper .menu {width: 100%; overflow: hidden; margin-top: 2%;}
.container .sub-wrap .cont_header .wrapper .menu li {width: 33.3333333333%; float: left; font-size: 0; height: 9vw; max-height: 50px;}
.container .sub-wrap .cont_header .wrapper .menu li a {display: block; width: 100%; height: 100%;}

.cont_area {position: relative;}
.cont_area .live_talk {width: 90%; padding: 0 5%; background: url("http://m.imbc.com/wiz/radio/11drama/images/content_BG_02.png") 0 0 repeat; background-size: 100%; background-position: center;}
.cont_area .live_talk #rowTalkWrap {background: none;}

.cont_area .lk_bx {position: absolute; top: 138vw; width: 100%;}
.cont_area .lk_bx a {display: block; margin: 0 auto; width: 36%; max-width: 244px;}

@media screen and (min-width: 720px) {
 .cont_area .lk_bx {top: 1000px;}
}


/* main */

.main .menu {background: url("http://m.imbc.com/wiz/radio/11drama/images/nav_01.png") 0 0 no-repeat; background-size: 100%; background-position: center;}

/* live */
.live .menu {background: url("http://m.imbc.com/wiz/radio/11drama/images/nav_02.png") 0 0 no-repeat; background-size: 100%; background-position: center;}
.live .live_talk {width: 100%; padding: 5% 0; background: #FFF; margin-bottom: 5%;}

/* sub */
.live_youtube .youtube_wrap {position: relative;padding-top:56.25%;}
.live_youtube .youtube_wrap iframe{position:absolute;top:0;left:0;width:100%}

/*@media screen and (max-width:360px) {
    
}*/