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

/************************
**********공통 **********
************************/

body {
    font-family: "나눔고딕", 'Nanum-Gothic';
    font-size: 12px;
    position: relative;
}

#container {
    overflow: hidden;
    position: relative;
}

.nav {
    background: #e6e6e6;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    height:57px;
}

.nav-inner {
    width: 1024px;
    margin: 0 auto;
    overflow:hidden;
    text-align:center;
    height:57px;
}
.nav-inner ul{
    display:inline-block;
}
.nav-inner ul li {
    height: 57px;
    line-height:57px;
    float:left;
    text-align:center;	
}

.nav-inner ul li:first-child a {
    background: none;
}

.nav-inner ul li a {
    display:block;
    background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/nav-verticalbar.jpg') no-repeat left 20px;
    color: #000;
    font-size: 18px;
    font-family: "Nanum Gothic","나눔 고딕","dotum",'돋움';	
    padding:0 20px;
    letter-spacing:-1px;
}

#footer {
    background: #b2b2b2;
    padding: 23px 0;
    color: #040404;
    font-size: 12px;
}


/*************************
********** 메인 **********
************************/
.visual{
    position:relative;
    height:650px;
}
.box-visual{
    position:relative;
    height:650px;
    overflow:hidden;
}
.roll-ban-event{
    position:absolute;
    top:0;
    left:0;
    height:650px;
    width:100%;
    z-index:-1;
}
.visual-txt-box {
    width: 930px;
    text-align: left;
    height: 89px;
    padding-top: 30px;
    margin: 0 auto;
    background: url("http://img.imbc.com/broad/tv/drama/again/img/bg-visual-text.png") repeat-x top left;
    z-index: 100;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -465px;
}

.main-page-container .box-visual {
    z-index: 10;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    width: 1920px;
    background:#000;
}

.main-page-body .visual .btn-front {
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 30px;
    margin-left: 455px;
    padding: 0;
    border: 0;
    display: block;
    z-index: 200;
    width: 25px;
    height: 25px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    background-image: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-play-stopV2.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 -25px;
}

.main-page-body .visual .btn-stop {
    background-position: 0 0;
}

.roll-controll-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 140px;
    margin-left: -70px;
    text-align: center;
    z-index: 100;
    height: 16px;
}

.roll-controll-btn .btn {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right:10px;;
    border: 0;
    background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/img-dot.png') no-repeat top center;
    cursor: pointer;
}

.roll-controll-btn .btn.on {
    height: 16px;
    background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/img-dot.png') no-repeat top center;
    background-position: 0 -16px;
}

.visual-txt-box p a{
    z-index:100;
    color:#fff;
}

.visual-txt-box .visual-day a{
    font-size: 16px;
    letter-spacing: 0;
    font-weight: normal;
}
.visual-txt-box .visual-title{
    padding-top:5px;
}
.visual-txt-box .visual-title a{
    color: #fff;
    font-size: 30px;
    font-family: 'Nanum Gothic';
    font-weight: bold;
    letter-spacing: -3px;
}
.btn-preview{
    position: absolute;
    bottom: 47px;
    border: 0;
    background: none;
    right: 50%;
    margin-right: -470px;
    z-index: 100;
    cursor: pointer;
    opacity: 0.4;
}

.box-player-preview{
    position:absolute;
    bottom:32px;
    right:50%;
    margin-right:-465px;
    z-index:999;
    display:none;
}

.visual .btn-close img{
    z-index:99999;
}
.bg-visual {
    display: block;
    width: 100%;
    height: 650px;
    background: url('http://img.imbc.com/broad/tv/culture/peoplegood/images/bg-visual11.png') repeat-x top center;
    position: absolute;
    top: 0;
    left: 0;
}
.main-logo{
    display:none;
}
.btn-like-program-wrap{
    display:inline-block;
    position:absolute;
    top:12px;
    right:50%;
    margin-right:-505px;
    z-index:100;
}
.info{
    position:absolute;
    font-family: "Nanum Gothic","나눔 고딕","dotum",'돋움';
    top:20px;
    left:50%;
    margin-left:-505px;
    font-size: 16px;
    color: #000;
    letter-spacing: -1px;
    z-index:100;
}
.content-inner{
    width:1024px;
    margin:0 auto;
    overflow:hidden;
}
.content-header{
    text-align:center;
    padding: 47px 0 42px;
}
/* 지난방송 */
.content01{
    background:#5e6c82;
    padding-bottom:30px;
}
.box-vod{
    position:relative;
    width:1024px;
    height:510px;
}
.vod-list{
    position:absolute;
    overflow:hidden;
}
.vod-list li{
    width:500px;
    height:250px;
    float:left;
    margin-top:10px;
}
.vod-list li.list-last{
    width:512px;	
    margin-left:12px;
}
.vod-list li:first-child{
    margin:0 262px;
}
.vod-list li a{
    overflow:hidden;
}
.vod-list li a .img,
.vod-list li a .txt{
    width:250px;
    height:250px;
    display:inline-block;
    float:left;
}
.vod-list li a .img{
    position:relative;
    overflow:hidden;
}

.vod-list li a .img img{
    position:absolute;
    top:0 ;
    left:0;
    height:250px;
    margin-left:-140px;
}
.vod-list li a .img .bg-box{
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-vod-img.png') no-repeat right center;
    display:inline-block;
    width:250px;
    height:250px;
    position:absolute;
    top:0;
    left:0;
    z-index:111;
}
.vod-list li a .txt{
    background:#fff;
    width:205px;
    *width:250px;
    height:210px;
    *height:250px;
    padding:20px 20px 20px 25px;
    overflow:hidden;
    text-align:left;
}
.vod-list li.list-last a .txt{
    background:#fff;
    overflow:hidden;
    text-align:left;
    width:205px;
    *width:262px;
    height:210px;
    *height:250px;
    padding:20px 26px 20px 31px;
}
.vod-list li a .txt .broad-num{
    color:#5e6c82;
    font-size:14px;
    line-height:29px;
    letter-spacing:-1px;
    height:29px;
}
.vod-list li a .txt .broad-title{
    color:#000;
    font-size:20px;
    line-height:29px;
    letter-spacing:-1px;
    padding-bottom:15px;
    border-bottom:1px solid #ccc;
    height:30px;
}
.vod-list li a .txt .broad-txt{	
    color:#606060;
    overflow:hidden;
    font-size:14px;
    line-height:20px;
    letter-spacing:-1px;
    padding-top:15px;
    float:none;
    height:80px;
}
.vod-list li a .txt .broad-day{
    color:#5e5e5e;
    font-size:14px;
    line-height:20px;
    letter-spacing:-1px;
    padding-top:15px;
}
.content01 .btn-title{
    position:absolute;
    width:250px;
    height:250px;
}
.content01 .btn-more{
    position:absolute;
    top:195px;
    left:195px;
}
.box-vod .ad{
    position:absolute;
    top:0;
    right:0;
}

/* 공지사항 */
.content02{
    background:#1b1d27;
    padding-bottom:30px;
}
.content02 .content-inner{
    position:relative;
}
.main-page-content .img{
    position:relative;
}

.main-page-content .img img{
    position:absolute;
    top:0 ;
    left:0;
}
.main-page-content .img .bg-box{
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-vod-img.png') no-repeat right center;
    display:inline-block;
    width:250px;
    height:250px;
    position:absolute;
    top:0;
    left:0;
    z-index:111;
}
.content-inner div{
    float:left;
}
.box-cont{
    margin:0 12px;
    overflow: hidden;
    width: 500px;
    height: 250px;
}
.box-cont .img,
.box-cont .txt{
    width:250px;
    height:250px;
}
.main-page-content .txt{
    background:#fff;
    text-align:left;
    width:205px;
    *width:250px;
    height:210px;
    *height:250px;
    padding:20px 20px 20px 25px;
}
.main-page-content .txt .broad-num{
    color:#5e6c82;
    font-size:14px;
    line-height:29px;
    letter-spacing:-1px;
}
.main-page-content .txt .broad-title{
    color:#000;
    font-size:20px;
    line-height:29px;
    letter-spacing:-1px;
    padding-bottom:15px;
    border-bottom:1px solid #ccc;
}
.main-page-content .txt .broad-txt{	
    color:#606060;
    font-size:14px;
    line-height:20px;
    letter-spacing:-1px;
    padding-top:15px;
}
.main-page-content .txt .broad-day{
    color:#5e5e5e;
    font-size:14px;
    line-height:20px;
    letter-spacing:-1px;
    padding-top:15px;
}
.content02 ul{
    overflow:hidden;
}
.content02 ul li{
    float:left;
}
.content02 .btn{
    position:absolute;
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-next-prev.png') no-repeat;
    bottom:30px;
    display:inline-block;
    width:15px;
    height:27px;
}
.content02 .btn-prev{
    background-position:0 0;
    left:169px;
}
.content02 .btn-next{
    background-position:-43px 0;
    left:210px;
}
.content02 .sns{
    width:250px;
    height:250px;
    background:red;
}
/* 시리즈 */
.content03{
    background:#b2b2b2;
}
.content03 .img .bg-box{
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-series-img.png') no-repeat left center;
    display:inline-block;
    width:250px;
    height:250px;
    position:absolute;
    top:0;
    left:0;
    z-index:111;
}
.content03 .btn{
    position:absolute;
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-next-prev.png') no-repeat;
    bottom:30px;
    display:inline-block;
    width:15px;
    height:27px;
}
.content03 .btn-prev{
    background-position:0 0;
    left:169px;
}
.content03 .btn-next{
    background-position:-43px 0;
    left:210px;
}
.content03 .link-box{
    width:250px;
    height:250px;
    background:blue;
}
.content03 .link-box img{
    width:250px;
    height:250px;
}
.content03 .txt{
    background:#fff;
    width:205px;
    *width:250px;
    height:169px;
    *height:250px;
    padding:61px 20px 20px 25px;
}
.content03 .txt .broad-num{
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-series-num.png') no-repeat top center;
    padding-top:14px;
    color:#b37028;
    font-size:32px;
    line-height:29px;
    letter-spacing:-1px;
    text-align:center;
}
.content03 .txt .broad-title{
    color:#404f27;
    font-size:24px;
    line-height:29px;
    letter-spacing:-2px;
    text-align:center;
    margin-top:10px;
    border-bottom:0;
    padding-bottom:0;
}
.content03 .txt .broad-link{
    color:#5e5e5e;
    font-size:14px;
    line-height:20px;
    letter-spacing:-1px;
    padding-top:15px;
}
.content03 .txt{
    position:relative;
}
.content03 .content-inner{
    position:relative;
}
.content03 .txt .btn-more{
    position:absolute;
    display:inline-block;
    padding-right:15px;
    text-decoration:underline;
    bottom:30px;
    right:20px;
    font-size:16px;
    color:#32353d;
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-link.jpg') no-repeat right center;
    letter-spacing:-1px;
}
.content03 .btn{
    position:absolute;
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-next-prev.png') no-repeat;
    top:300px;
    display:inline-block;
    width:15px;
    height:27px;
}
.content03 .btn-prev{
    background-position:0 0;
    left:169px;
}
.content03 .btn-next{
    background-position:-43px 0;
    left:210px;
}

/* 화제의1분 */
.content04{
    background:#1b1d27;
}
.content04 .img .bg-box{
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-series-img.png') no-repeat left center;
    display:inline-block;
    width:250px;
    height:250px;
    position:absolute;
    top:0;
    left:0;
    z-index:111;
}
.content04 .btn{
    position:absolute;
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-next-prev.png') no-repeat;
    bottom:30px;
    display:inline-block;
    width:15px;
    height:27px;
}
.content04 .btn-prev{
    background-position:0 0;
    left:169px;
}
.content04 .btn-next{
    background-position:-43px 0;
    left:210px;
}
.content04 .link-box{
    width:250px;
    height:250px;
    background:blue;
}
.content04 .link-box img{
    width:250px;
    height:250px;
}
.content04 .txt{
    background:#fff;
    width:205px;
    *width:250px;
    height:169px;
    *height:250px;
    padding:61px 20px 20px 25px;
}
.content04 .txt .broad-num{
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-series-num.png') no-repeat top center;
    padding-top:14px;
    color:#b37028;
    font-size:32px;
    line-height:29px;
    letter-spacing:-1px;
    text-align:center;
}
.content04 .txt .broad-title{    color:#404f27;    font-size:24px;    line-height:29px;    letter-spacing:-2px;
    text-align:center;
    margin-top:10px;
    border-bottom:0;
    padding-bottom:0;
}
.content04 .txt .broad-link{    color:#5e5e5e;    font-size:14px;    line-height:20px;    letter-spacing:-1px;
    padding-top:15px;
}
.content04 .txt{    position:relative;}.content04 .content-inner{    position:relative;}.content04 .txt .btn-more{    position:absolute;    display:inline-block;    padding-right:15px;    text-decoration:underline;
    bottom:30px;
    right:20px;
    font-size:16px;
    color:#32353d;
    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-link.jpg') no-repeat right center;
    letter-spacing:-1px;
}
.content04 .btn{    position:absolute;    background:url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-next-prev.png') no-repeat;    top:300px;    display:inline-block;
    width:15px;
    height:27px;
}
.content04 .btn-prev{    background-position:0 0;    left:169px;}.content04 .btn-next{    background-position:-43px 0;    left:210px;}
/******************************** 
********** 서브 ***************** 
********************************/ 
#wrap {width: 100%; overflow: hidden; position: relative; text-align: center;} 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.mbcspecial-page { overflow: hidden; position: relative; width: 100%; text-align: center; background:#f2f3f3;} 
.mbcspecial-grid { overflow: hidden; position: relative; width: 100%; text-align: center; font-family: 'Dotum'; } 
.mbcspecial-grid .visual-inner { z-index: 10; overflow: hidden; position: relative; } 
.mbcspecial-grid .documentation { z-index: 40; overflow: hidden; position: relative; background-color: #fff; } 
.mbcspecial-grid-main .documentation-main .ad { position: absolute; right: 30px; top: 18px; } 
.mbcspecial-grid-main .footer-menu { z-index: 20; overflow: hidden; position: relative; width: 1024px; margin: 0 auto; padding: 23px 0 28px; text-align: left; background-color: #fff4e5; } 
.mbcspecial-grid-main .footer-menu .list { float: left; overflow: hidden; width: 512px; background: url("http://img.imbc.com/broad/tv/drama/mbcspecial/img/bg-footer-menu-line.png") repeat-y center right; } 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.mbcspecial-grid-sub {background: url("http://img.imbc.com/broad/tv/culture/mbcspecial/img/sub-bg-v2.jpg") no-repeat center top;} 
.mbcspecial-grid-sub .visual-inner {width: 1024px;height: 230px;margin: 0 auto;} 
.mbcspecial-grid-sub .visual-inner .logo-sub {z-index: 20;position: absolute;top: 60px;margin-left: 735px;} 
.mbcspecial-grid-sub .documentation-sub { width: 964px; *width: 1024px; margin: 0 auto; padding: 0 30px 30px 30px; text-align: left; } 
.program-title { overflow: hidden; height: 27px; *height: 55px; margin-bottom: 22px; padding-top: 26px; border-bottom: 2px solid #ddd; text-align: left;} 
.mbcspecial-grid-sub .documentation-sub .program-title img { vertical-align: top; } 
.mbcspecial-grid-sub .documentation-sub .program-title .subtitle { position: relative; top: 3px; margin-left: 10px; padding-left: 10px; line-height: 1.42857; color: #555; vertical-align: top; background: url("http://img.imbc.com/broad/tv/culture/mbcspecial/img/bg-header-subtitle.png") no-repeat 0 2px; font-weight: normal; font-size: 12px; } 
.pro-content { overflow: hidden; float: left; width: 692px; margin-right: 22px; font-size: 12px; } 
.mbcspecial-grid-sub .documentation-sub .sidebar { overflow: hidden; position: relative; float: left; width: 250px; } 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.site-footer { position: relative; width: 100%; padding:50px 0 50px; background-color: #f2f3f3; text-align: center; color: #6f7070; font-size: 12px; font-family: 'Dotum'; } 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.screen-out { position: absolute !important; left: 0; top: 0; visibility: hidden; width: 0; height: 0; line-height: 0; font-size: 0; color: transparent; } 
.img-responsive { max-width: 100%; height: auto; } 
.ellipsis { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } 
.board-out { position: absolute !important; left: -9999px; top: -9999px; } 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.l_con { width: 964px; margin: 0 auto;overflow:hidden;} 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.box-content{width:1024px; margin:0 auto;position:relative;background:#fff;} 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.mail_1 { position: absolute; right: 174px; bottom: 357px; font-size: 15px; text-decoration: underline;} 
.btn_download { position: absolute; bottom: 295px; left: 250px; } 
.mail_2 { font-size: 15px; text-decoration: underline; position: absolute; bottom: 140px; left: 220px; } 

.pro-content .cont_txt{ text-align: left; font-family: "나눔 고딕", "Nanum-Gotic"; position: relative; color: #202020; margin-bottom: 30px;}
.pro-content .cont_txt strong{ font-size: 17px; font-style: italic; }
.pro-content .cont_txt01{ padding: 30px 16px 30px; line-height: 27px; font-size: 15px; letter-spacing: -1px; }
.pro-content .cont_txt02{ background-color: #ebebeb; padding: 43px 63px 43px; font-size: 14px; line-height: 22px; letter-spacing: -1px; }
.pro-content .cont_txt03{ font-size: 16px; background-color: #f4d9e5; border-top: 5px solid #e4a5c1; padding: 58px 40px 58px; position: relative; line-height: 22px; letter-spacing: -1px; }
.pro-content .cont_txt03 a{text-decoration: underline; }
.pro-content .cont_txt03 .downlode_btn{ position: absolute; right: 300px; top:145px;   }
.pro-content .cont_txt03 .bold{ font-weight: bold; color: #3a3638; }        

.pro-content .cont_txt{ text-align: left; font-family: "나눔 고딕", "Nanum-Gotic"; position: relative; color: #202020; margin-bottom: 30px;}
.pro-content .cont_txt strong{ font-size: 17px; font-style: italic; }
.pro-content .cont_txt01{ padding: 30px 16px 30px; line-height: 27px; font-size: 14px; letter-spacing: -1px; }
.pro-content .cont_txt02{ background-color: #ebebeb; padding: 43px 63px 43px; font-size: 14px; line-height: 22px; letter-spacing: -1px; }
.pro-content .cont_txt03{ font-size: 16px; background-color: #f4d9e5; border-top: 5px solid #e4a5c1; padding: 58px 40px 58px; position: relative; line-height: 22px; letter-spacing: -1px; }
.pro-content .cont_txt03 a{text-decoration: underline; }
.pro-content .cont_txt03 .downlode_btn{ position: absolute; right: 300px; top:145px;   }
.pro-content .cont_txt03 .bold{ font-weight: bold; color: #3a3638; }
.box-player-preview {
    display: none;
}

#bg_layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .70;
    filter: alpha(opacity=70);
    /*IE 5-7*/
    z-index: 10;
}

.vic-layout {
    width: 931px;
    height:574px;
    display: none;
    position: absolute;
    left: 25%;
    bottom: 31px;
    z-index: 999;
}

.vic-layout .btn-close {
    position:absolute;
    right:-25px;
    top:0px;
    width: 25px;
    height: 25px;
    background:#000 url('http://img.imbc.com/broad/tv/culture/peoplegood/images/btn-close.png') no-repeat 0 0;
    text-indent: -9999px;
    z-index:9999;
}

.vod_wrap {
    clear: both;
    width:931px;
    height: 574px;
    overflow: hidden;
    z-index: 999;
}

.btn-t {
    display: inline-block;
    *display: inline;
    padding: 0 15px;
}
.vod_wrap iframe {border:0 none;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 1200px;
    height:650px;
    display: block;
}

.bx-wrapper .bx-viewport {
    overflow:visible;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    top: 600px;
    width: 100%;
    text-align: center;
    z-index:999
}
.bx-controls-direction{
    width: 120px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
}
.bx-wrapper .bx-pager {
    text-align: center;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 10px;
    border: 0;
    background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/img-dot.png') no-repeat top center;
    cursor: pointer;
    font-size:0;
    text-indent:-9999px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    height: 16px;
    background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/img-dot.png') no-repeat top center;
    background-position: 0 -16px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: 46px;
    top:9px;
    padding: 0;
    border: 0;
    display: block;
    z-index: 200;
    width: 22px;
    height: 22px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    background-image: url("http://img.imbc.com/broad/tv/drama/again/img/btn-play-stop.png");
    background-repeat: no-repeat;
    background-color: transparent;
}

.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: 0 -22px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: 46px;
    padding: 0;
    border: 0;
    top:9px;
    display: block;
    z-index: 200;
    width: 22px;
    height: 22px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    background-image: url("http://img.imbc.com/broad/tv/drama/again/img/btn-play-stop.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 -22px;
}

.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: 0 -22px;
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #6669;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
.bx-wrapper {
    margin:0 auto;
}
.bx-start{
    display:none;
}
.bx-stop{
    display:none;
}
.slider.opacity{
    opacity:0.4;
}
.article {float:left;margin-bottom:10px;width:500px;height:250px;}
.article .img {position:relative;overflow:hidden;float:left;width:250px;height:250px;}
.article .img img {position:absolute;left:-100%;right:-100%;margin:auto;min-width:100%;height:100%;}
.article .txt {position:relative;float:left;padding:30px 22px;width:206px;height:190px;letter-spacing:-1px;background:#fff;}
.article .txt .title {display:block;margin-bottom:15px;padding-bottom:15px;line-height:24px;border-bottom:1px solid #ccc;font-size:20px;color:#000;}
.article .txt .summary {overflow:hidden;max-height:80px;line-height:20px;font-size:14px;color:#606060;}
.article .txt .date {position:absolute;left:25px;bottom:20px;line-height:1.4;font-size:14px;color:#606060;}
.bg-arr { background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/bg-vod-img.png') no-repeat right center; display: inline-block; width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: 111;}
.content04 { background-color: #1b1d27; padding-bottom: 31px;}
.content04 .cont-title { width: 250px; height: 250px; background: #1e427b; font-size: 22px; }
.content04 .cont-title { padding-top: 100px; height: 150px; }
.content04 .cont-title  strong {line-height:1; font-weight: normal; color:#f5f8fc;}
.content04 button {border: none; background: none; }
.content04 button:hover{ cursor: pointer; }
.content04 .clip { margin-left: 12px; width: 500px; height: 250px; overflow: hidden; }
.content04 .clip ul {float: left;}
.content04 .clip ul li { width: 500px; height: 250px; }
.content04 .sns{ margin-left: 12px; }

/* 제보 */
.jebo .program-title { font-family:"Nanum Gothic Bold", "맑은 고딕", dotum, sans-serif; font-size:17px; color:#555; letter-spacing:-1px; }
.jebo .section { font-family:"Nanum Gothic", "맑은 고딕", dotum, sans-serif; }
.detail-box { padding:85px 55px 0; text-align:left; box-sizing:border-box; letter-spacing:-2px; background:url(http://img.imbc.com/broad/tv/culture/mbcspecial/img/jebo-top-bg.jpg) no-repeat center top; height:219px; font-size: 16px;color:#313131;line-height: 30px; margin-bottom:6px; }
.detail-box ul li { letter-spacing:-1px; padding-left:9px; background:url(http://img.imbc.com/broad/tv/culture/mbcspecial/img/list-style.jpg) no-repeat left 12px; }
.detail-box ul li strong {font-family:"Nanum Gothic Bold", "맑은 고딕", dotum, sans-serif; font-weight:normal; }

.jebo-wrap { border:1px solid #c3dfe2; background-color:#edf1f3; padding:27px 30px; margin-bottom:50px; }
.jebo form table { text-align:left; }
.jebo form table caption{text-indent: -9999em;font-size:0px;overflow:hidden;}
.jebo table tr{  }
.jebo table th{ font-weight:normal; display:block;width: 62px;font-size:16px;color:#7d7d7d;line-height: 46px;text-align:left;vertical-align: top;}
.jebo table td{padding: 5px 0 5px 0;width: 100%;}
.jebo table td input{width: 100%; height:36px; padding:0 20px; border:1px solid #ccc;border-radius: 2px;font-family:inherit;font-size:14px;color:#656565; box-sizing: border-box; }
.jebo table td textarea{width: 100%;height: 175px;padding:8px 20px 10px;box-sizing:border-box; border:1px solid #ccc;border-radius: 2px;font-family:inherit;font-size:14px;color:#656565;line-height: 20px;resize: none;}
.jebo .attach-box{position: relative; margin: 7px 0 11px;}
.jebo .attach-box input{color:#757575; background-color:#fff; letter-spacing: inherit;}
.attach-box input[type="file"] { position: absolute; width: 0px; height:1px; padding: 0; margin: -1px; clip:rect(250,250,250,0); border: 0;overflow: hidden;} 
.attach-box input#upName { width:488px; }
.attach-box label { position:absolute; right:0; top:0; width:77px; height:36px; line-height:36px; display: inline-block; background: #5e776f; border-radius: 2px;font-size: 14px; color:#fff;text-align:center;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none; appearance: none;cursor: pointer;}
.attach-box label.upName{text-indent: -9999em;overflow: hidden;}

.agr-wrap{margin-top: 40px; text-align:left;}
.agr-area{padding:32px 28px;background: #fff;border-radius:2px; letter-spacing:-0.1em;}
.agr-area .agr-txt { margin-bottom:18px; }
.agr-area h3{ display:inline-block;padding:8px 0 10px;margin-bottom: 9px;font-size:18px;color:#483626;line-height: 1;font-family: 'Nanum Gothic Bold';}
.agr-area dd, .agr-area dt { display:inline; color:#434343; }
.agr-area dl{margin-bottom: 2px;font-size:13px;line-height: 18px; }
.agr-area dl.last { margin-top:28px; }
.agr-area dt{font-family: 'Nanum Gothic Bold'; }
.agr-area dd{  }
.check-wrap{ overflow: hidden;}
.check-wrap .check-area{position: relative;display: block;width: 100%;height: 25px; letter-spacing:-0.1em; }
.check-wrap .check-area input{position: absolute;width: 14px;height: 14px;}
.check-wrap .check-area label{position: absolute;height: 14px;padding-left: 20px;background:#fff url('http://img.imbc.com/broad/tv/culture/document48/images/checkbox-v2.png') no-repeat;background-position: 0 0; background-size:14px; font-size:14px; color:#374742; font-family: 'Nanum Gothic Bold'; }
.check-wrap input[type="checkbox"]:checked + label {background:#fff url('http://img.imbc.com/broad/tv/culture/document48/images/checkbox-v2.png') no-repeat;background-position:0 -14px; background-size:14px;}

.btn-wrap{margin:25px 0 33px;text-align: center;}
.btn-wrap button{width: 159px;height: 47px;margin-left: -5px;background: #5e776f;border-radius: 2px;border:0;font-family:inherit;font-size:18px;color:#fff;font-family:'Nanum Gothic Bold';line-height: 47px;cursor: pointer;}