@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body { text-align: center; background-color: #efefef; }
.wrapper {overflow: hidden; min-width:1024px;font-family:'Nanum Gothic','나눔 고딕',dotum,'돋움';} 
.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;right:50%;z-index:100;margin-right:-505px; z-index: 999;}
.ad-rectangle{ position:absolute;right:0;top: 0; }
.ad { position:absolute;right:0;top: 0; }

/* 메뉴, 좋아요버튼 */
.nav {text-align:center; width: 100%;  background: #39404f; height: 60px; }
.nav ul {overflow:hidden;margin:0 auto;text-align:center;}
.nav ul li {display:inline;line-height:57px;text-align:center;  background:url("http://img.imbc.com/broad/tv/drama/stealer/img/nav-vertical-bar-v2.jpg") no-repeat left center;}
.nav ul li:hover {text-decoration: underline;}
.nav ul li a {padding:0 12px;font-size:16px;color:#fff;font-weight: bold;letter-spacing:-0.075em;}
.nav ul li a:hover { text-decoration: underline;}
.nav ul li.first-item {background:none;}
/* 방송정보 */
.main .broad-info {position:absolute;left:50%;font-size:14px;letter-spacing:-0.075em;top: 17px;margin-left: -525px;color:#fff;z-index: 1000;} 
.main .broad-info li {float:left;margin-right: 14px;padding-left: 12px;background:url("http://img.imbc.com/broad/tv/drama/stealer/img/broad-vertical-bar-v2.png") no-repeat left center;}
.main .broad-info li.first-item{ background: none; }
.main .broad-info li span {padding-right: 11px;color: #fff;}
.main .broad-info li a .txt .title { color: #000; font-size: 20px; line-height: 29px; letter-spacing: -1px; padding-bottom: 12px; border-bottom: 1px solid #ccc; }
.main .tit-content {padding:47px 0;height:22px;line-height:25px;text-align:center;font-family:Myriad Pro,Helvetica;font-size:22px;color:#313131;}
.main .tit-content span {font-weight:normal;}

/* 아티클 */
.content .con-inner {position:relative;overflow:hidden;margin:0 auto;width:1024px;}
.content .article {float:left;margin-bottom:10px;width:500px;height:250px;}
.content .list-last{ width: 512px; margin-left: 12px;}
.content .list-last a .txt { background: #fff; width: 205px; *width: 262px; height: 210px; *height: 250px; padding: 30px 26px 11px 31px; }
.content .article .img {position:relative;overflow:hidden;float:left;width:250px;height:250px;}
.content .article img {position:absolute;left:-100%;right:-100%;margin:auto;min-width:100%;height:100%;}
.content .enews .article img {position:static;margin:0;}
.content .article .txt {position:relative;float:left;padding:30px 22px;width:206px;height:190px;letter-spacing:-1px;background:#fff;}
.content .article .txt .title {display:block;margin-bottom:15px;padding-bottom:15px;line-height:24px;border-bottom:1px solid #ccc;font-size:20px;color:#000;}
.content .article .txt .summary {overflow:hidden;max-height:80px;line-height:20px;font-size:14px;color:#606060;}
.content .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;}
.section .section-banner {float:left;margin-left:12px;width: 250px;height: 250px;position: absolute;right: 0;}
.section .box-square {position:relative;overflow:hidden;float:left;padding:22px 16px;width:216px;height:204px;border:1px solid #e6e6e6;color:#4f4f4f;letter-spacing:-1px;background-color:#fff;}
.top-contents { position:relative ;z-index:2;margin:298px auto 0;padding-top:22px;padding-left:42px;width:972px;height:78px;text-align:left;color:#3f3f3f; letter-spacing:-1px;background:url(http://img.imbc.com/broad/tv/drama/include/img/bg-op4-w.png) repeat-x;}
.top-contents a {display:block;max-width:840px;}
.top-contents .date {font-size:16px;}
.top-contents .title {padding-top:12px;font-weight:600;font-size:24px;}
.top-contents .article {display:none;}
.top-contents .article:first-child {display:block;}

.article.last-item {margin-left:12px;width:512px;}
.article.last-item .txt {padding:30px 31px;width:200px;*width:262px;}
.article.last-item .txt .date {left:31px;}
.article.article-multi {position:relative;padding:0 24px;width:712px;height:248px;border:1px solid #e6e6e6;background-color:#fff;}
.article.article-multi .img {display:none;position:absolute;left:-1px;top:-1px;}
.article.article-multi .title {margin-left:250px;height:42px;line-height:40px;border-top:1px solid #e6e6e6;font-size:18px;color:#3a3a3a;letter-spacing:-1px;}
.article.article-multi a.over .img {display:block;}
.article.article-multi a.over .title {color:#c44456;}
.article.article-multi a:first-child .title {margin-top:18px;border-top:0 none;}
.article.article-multi .bg-arr {left:234px;}
.box-square .title {padding-bottom:12px;font-weight:400;font-size:18px;color:#c44456;}
.box-square .img {display:block;overflow:hidden;width:216px;height:122px;}
.box-square .img img {width:216px;}
.box-square .txt {padding-top:6px;line-height:1.4;font-size:16px;color:#040404;}
.box-title {position:relative;float:left;margin-right:12px;width:250px;height:250px;line-height:1;text-align:center;font-size:24px;color:#fff;}
.box-title strong {line-height:244px;font-weight:bold; color:#fff; }
.box-title .btn-more-01 {position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/tv/drama/carrier/img/news-more-02.png) no-repeat;}
.box-title .btn-more-02{position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/tv/drama/carrier/img/news-more-01.png) no-repeat;}
/*=======================================================================================================================================================================================================*/

/*메인공통*/
.main { min-width: 1024px; }
.main #container {  position: relative; text-align: left; }
.main .content-inner {overflow:hidden;margin:0 auto;width:1024px;}
.main #footer {padding:30px 0 30px;color:#333;background-color:#adb3c0;}

/* 티저 메인 이미지 */
/*.main .visual-top {position:relative; overflow:hidden; height:300px; background: #eeeeee url('http://img.imbc.com/broad/tv/drama/stealer/img/bg-main-stealer-v2.jpg') no-repeat top center; }
.main .visual-top .tit-logo-main {position:absolute;left:50%;z-index:100;} 
.main .visual-top h1 {margin-left: -103px;top: 64px;} */

/* 공홈 - 이미지슬라이드 */
.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;} 
.roll-controll-btn { position: absolute; bottom: 15px; left: 50%; width: 165px; margin-left: -83px; text-align: center;  height: 16px; z-index: 9999; }
.roll-ban-event li { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; -ms-filter: "alpha(opacity=0)"; height: 580px; }
.roll-ban-event li:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.btn-front { position: absolute; overflow: hidden; left: 50%; bottom: 10px; margin-left: 80px; padding: 0; border: 0; display: block; z-index: 1000; 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 0; }
.btn-stop { background-position: 0 -25px; }

/* 공홈 - 이미지슬라이드 텍스트 */
.visual-txt-box  { z-index: 800; color: #fff; font-size: 30px; width: 930px; text-align: left; height: 89px; padding-top: 30px; margin: 0 auto; background: url('http://img.imbc.com/broad/tv/culture/peoplegood/images/bg-visual-text.png') repeat-x top left; position: absolute; bottom: 15px; left: 50%; margin-left: -465px;}
.visual-txt-box .visual-day{ font-size:16px; letter-spacing: 0; font-weight: normal;}
.visual-txt-box .visual-title { padding-top: 5px; }
.visual-txt-box a{ color:#fff; font-size:30px; font-weight: bold; letter-spacing: -3px; }
.btn-preview{ position:absolute; bottom: 20px; border:0; background:none; right:50%; margin-right:-470px;  z-index:100; cursor:pointer;}
.btn-t{display: inline-block; padding: 0 15px;}

/*메인 예고보기 */
.stealer_vod { float: left; overflow: hidden;}
.preview_box { width: 250px; height: 250px; position: relative; overflow: hidden;  padding-left: 10px; margin-top: 261px; }
.preview_box .txt{ background: #fff; width: 212px; height: 186px; padding: 28px 13px 20px 25px; text-align: left; }
.preview_box .txt .broad-num { color: #5e6c82; font-size: 14px; line-height: 29px; letter-spacing: -1px; }
.preview_box .txt .broad-day { color: #5e5e5e; font-size: 14px; line-height: 20px; letter-spacing: -1px; padding-top: 15px;}
.preview_box .txt .broad-txt{ color: #000; font-size: 20px; line-height: 28px; letter-spacing: -1px; padding-top: 15px;}
.preview_box i{ text-indent: -9999px; font-size: 0; background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/contents_add.png") no-repeat; position: absolute; top: 178px; left: 213px; width: 25px; height: 25px;}

/* 예고영상 */
.content .section1 {background-color:#1f1f1f;padding-bottom: 47px;}

/* special contents 포토&메이킹 */
.content .section2 {background-color:#444b5b;padding-bottom: 47px;}
.content .section2 .box-title {background:#fff; padding-top: 110px; height: 140px;}
.content .section2 .box-title span{ color:#566472; }

/* 뉴스 */
.content .section3 {background-color:#7c8394; padding-bottom: 47px;  }
.content .section3 .box-title {background-color: #adb3c0; padding-top: 110px; height: 140px; color:#566472;}
.content .section3 .box-title span{line-height:1;color:#39404f;}

/*화제의1분*/
.content .section4 {background-color:#adb3c0; padding-bottom: 47px;  }
.content .section4 .box-title {background-color: #444b5b; padding-top: 110px; height: 140px; color:#566472;}
.content .section4 .box-title span{line-height:1;color:#fff;}

.content .section4 .clip {  overflow: hidden; float:left; position: relative; width: 500px; height: 250px; margin-right: 12px; margin: 0 auto; }
.content .section4 .clip ul { overflow: hidden; position: absolute; left: 0; }
.content .section4 .clip ul li.article { display: block;  float: left;}

.content .section4 .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; border: 0; }
.content .section4 .btn-prev { background-position: 0 0; left: 169px; }
.content .section4 .btn-next { background-position: -43px 0; left: 210px; }


.event-box img{ margin-left:  12px;}
/* 예고보기 - 텍스트 */
.preview_box {width: 250px;height: 250px;position: relative;overflow: hidden;padding-left: 10px;margin-top: 261px;}
.txt { background: #fff; width: 212px; height: 186px; padding: 28px 13px 20px 25px; text-align: left;}
.txt .broad-num {font-size: 16px; letter-spacing: 0; font-weight: normal; }
.txt .broad-title { color: #000; font-size: 20px; line-height: 29px; letter-spacing: -1px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.txt .broad-txt { color: #000; font-size: 20px; line-height: 28px; letter-spacing: -1px; padding-top: 15px; }
.txt .broad-day { color: #5e5e5e; font-size: 14px; line-height: 20px; letter-spacing: -1px; padding-top: 15px; }
.txt i {text-indent: -9999px; font-size: 0; background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/contents_add.png") no-repeat; position: absolute; top: 178px; left: 213px; width: 25px; height: 25px;}

/* 주요등장인물 슬라이드(메인) */
.main .box-control {position:absolute;right:28px;bottom:18px;}
.main .box-control button {width:19px;height:27px;line-height:0;font-size:0;color:transparent;}
.content .cast-slider { width: 250px; height: 250px; margin: 0 auto; position: relative; overflow: hidden }
.content .cast-slider ul { list-style: none; width: 250px; margin: 0 auto; }
.content .cast-slider ul li { display: inline-block; }
.content .cast-slider ul li .slide-vod { float: left; position: relative; }
.content .cast-slider ul li .slide-vod h3 { position: absolute; top: -11px; left: -4px; }
.slide-contents .slide-1, .slide-3, .slide-5,.slide-7 {  margin-bottom: 20px;}
.slide-contents .slide-item { float: left; overflow: hidden; position: relative; width: 250px; height: 250px; background: #e3f1ff; }
.cast-slider .slide-leftbtn { position: absolute; top: 200px; left: 170px; z-index: 50 }
.cast-slider .slide-rightbtn { position: absolute; top: 200px; right: 22px; z-index: 50 }
.cast-slider .slide-activebtn ul li { padding-top: 11px; }
.slide_container { position: absolute; top: 0; right: 0; }
.cast_intro { /*padding-left: 23px; padding-top: 6px*/; }
.cast_relationship { padding-top: 23px; padding-left: 147px; }
button { display: inline-block; margin: 0; padding: 0; border: none;  background: none; cursor: pointer; }
.box-control .btn-before {margin-right:24px;background:url(http://img.imbc.com/broad/radio/include/img/btn-before-w.png) no-repeat;}
.box-control .btn-after {background:url(http://img.imbc.com/broad/radio/include/img/btn-after-w.png) no-repeat;}
/*=======================================================================================================================================================================================================*/
/*서브*/
.sub { min-width: 1024px; position: relative; font-family:'Nanum Gothic','나눔 고딕',dotum,'돋움';}
.sub .visual-top {position:relative; overflow:hidden; height:300px; background: #eeeeee url('http://img.imbc.com/broad/tv/drama/stealer/img/bg-main-stealer-v3.jpg') no-repeat top center; }
.sub .visual-top .tit-logo-sub {position:absolute;left:50%;z-index:100;} 
.sub .visual-top .tit-logo-sub a {display: block; width: 390px; height: 250px; }
.sub .visual-top .tit-logo-sub a img{display: none;}
.sub .visual-top h1 {margin-left: -210px;top: 22px;} 

.sub .nav{background: #39404f}
.sub .nav ul li a{color:#fff; font-weight: bold; font-size: 16px;}

.sub #footer {padding:30px 0 30px;color:#040404; background-color:#efefef; color: #333;}
.sub #container { position: relative; text-align: center; background-color: #efefef;}
.sub .con-inner {overflow:hidden;margin:0 auto;width:1024px;}

.sect-auto { overflow-y: auto; overflow-x: hidden; min-height: 1200px; }

/* 방송정보 */
.sub .broad-info {position:absolute;left:50%; *font-weight:normal;font-size:14px;letter-spacing:-1px;top: 16px;margin-left: -525px;color:#fff;z-index: 1000;} 
.sub .broad-info li {float:left;margin-right: 12px;padding-left: 13px;background:url("http://img.imbc.com/broad/tv/drama/stealer/img/broad-vertical-bar.jpg") no-repeat left center;color: #fff;}
.sub .broad-info li.first-item{ background: none; }
.sub .broad-info li span {padding-right: 10px;color: #fff;}
.sub .broad-info li a .txt .title { color: #221914; font-size: 20px; line-height: 29px; letter-spacing: -1px; padding-bottom: 12px; border-bottom: 1px solid #ccc; }
.sub .content h2.tit-content { margin-bottom: 22px; border-bottom: 2px solid #ddd; }
.sub .content h2.tit-content img{margin-bottom:10px; *margin-bottom: 2px; *vertical-align: text-bottom; }
.sub .content h2.tit-content span.tit-info { display: inline-block; margin: 0 0 15px 5px; font-size: 14px; letter-spacing: -0.05em; color: #555; line-height: 10px; *line-height: 1.4;}
.sub .content { width: 964px; *width:1024px; margin: 0 auto; background: #fff; padding: 20px 30px 40px; text-align: left; overflow: hidden; }
.sub .content .section-left { margin-right: 21px; width: 693px; float: left; }
.sub .content .section-right { float: left;}
/* 제작진소개 */
.sect-staff {position: relative; }
.staff_left, .staff_right{font-family: dotum,'돋움';position:absolute;top: 391px;display:block;}
.staff_left{left: 91px;} 
.staff_right{ left:386px;}
.staff_v{line-height: 20px;font-size: 12px;color:#010101;}
.staff_left .staff_v .txt-bold, .staff_right .staff_v .txt-bold{font-weight:bold; background: none; color: #e4076a; margin-right: 10px; font-size: 12px; display: inline-block!important;}
/* 등장인물 - 상세페이지 */
.cast-bt { position: absolute; right: 24px; top: 415px; float: left; overflow: hidden; width: 346px;}
.cast-bt-01, .cast-bt-02 { width: 170px; display: inline; float: left; }
.cast-bt-01 { margin-right: 6px;  }
/* 등장인물 슬라이드 */
.ui-dividing-cast-main { overflow: hidden; position: relative; overflow: hidden;}
.ui-dividing-cast-main .image { overflow: hidden; position: relative; width: 300px; height: 450px; margin: 0 0 10px;  float: left; margin-right: 22px; }
.ui-dividing-cast-main .header { height: 53px; padding: 0 0 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; font-size: 14px; font-weight: bold; color: #737270; line-height: 53px; float: left; width: 340px; *width: 360px; }
.ui-dividing-cast-main .header .extra { margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.ui-dividing-cast-main .description {margin: 0 0 16px; padding: 20px 25px; line-height: 1.5; border-bottom: 2px solid #e0e8e8; width: 310px; *width: 360px; height: auto; *height: auto; float: left; }
.ui-dividing-cast-main .description .meta { margin-top: 5px; font-weight: bold;}
.ui-dividing-cast-child { overflow: hidden; position: relative; }
.ui-dividing-cast-child .item { overflow: hidden; position: relative; float: left; width: 200px; height: 206px; margin: 0 5px 0 0; }
.ui-dividing-cast-child .item .image { overflow: hidden; position: relative; width: 200px; height: 150px; margin: 0 0 1px;}
.ui-dividing-cast-child .item .header { height: 53px; padding: 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; font-size: 14px; font-weight: bold; color: #737270; line-height: 53px; }
.ui-dividing-cast-child .item .header .extra { margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.ui-button-cast-main { display: block;
    position: absolute;
    right: 20px;
    top: 2px;
    height: 53px;
    padding: 0 9px 0 0;
    line-height: 53px;
    color: #3c7a72;
    text-decoration: underline;
    background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/icon-arrow-right.png") no-repeat right center;
}
.ui-button-cast-main strong { font-weight: bold; }
.ui-button-cast-side { display: block; position: absolute; right: 13px; top: 2px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72;  text-decoration: underline; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/icon-arrow-right.png") no-repeat right center; }
.ui-dividing-cast-side { overflow: hidden; position: relative; padding: 76px 0 0; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-header.png") repeat-x top; }
.ui-dividing-cast-side .category { display: block; position: absolute; left: 13px; top: 2px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72; }
.ui-button-cast-side strong { font-weight: bold; }
.ui-list-cast-side { overflow: hidden; position: relative; }
.ui-list-cast-side .item { position: relative; width: 475px; *width:669px;min-height: 140px; margin-bottom: 20px; *margin-bottom: 45px; padding: 10px 0 0 218px; }
.ui-list-cast-side .item.item_m { margin: 0; } 
.ui-list-cast-side .item .image { overflow: hidden; position: absolute; left: 0; top: 0; width: 200px; height: 150px; }
.ui-list-cast-side .item .image img { width: 200px; *margin-top:-20px; }
.ui-list-cast-side .item .header { margin: 0 0 15px; font-size: 14px; color: #777574;}
.ui-list-cast-side .item .header .extra { margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.ui-list-cast-side .item .meta { margin: 0 0 15px; color: #44403e; line-height: 18px; }
.ui-list-cast-side .item .description { color: #44403e; line-height: 1.5; }
.ui-dividing-cast-slide { overflow: hidden; position: relative; width: 693px; margin: 0 0 15px; text-align: center; }
.ui-dividing-cast-slide .ui-button-prev, .ui-dividing-cast-slide .ui-button-next { display: none;/*주요인물만있어서 버튼 none*/ position: absolute; top: 17px; width: 15px; height: 26px; padding: 0; border: 0; cursor: pointer; }
.ui-dividing-cast-slide .ui-button-prev { left: 10px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/btn-cast-prev.png") no-repeat; }
.ui-dividing-cast-slide .ui-button-next { right: 10px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/btn-cast-next.png") no-repeat; }
.ui-dividing-cast-slide .ui-dividing-slide { overflow: hidden; position: relative; width: 693px; margin: 0 auto; }
.ui-list-cast-slide { overflow: hidden; position: relative; /*width: 2000px;*/ }
.ui-list-cast-slide .item, .ui-list-cast-slide .item-first { overflow: hidden; position: relative; float: left; width: 135px; height: 60px; margin: 0 0 0 -1px; border: 1px solid #e3e3e3; }
.ui-list-cast-slide .item-first { margin: 0;}
.ui-list-cast-slide .item a, .ui-list-cast-slide .item-first a { display: table-cell; width: 150px; height: 60px; color: #333; vertical-align: middle; text-align: center; *padding-top:20px;}
.ui-list-cast-slide li.active { z-index: 20; border: 1px solid #F2A77A; }
.ui-list-cast-slide li.active a { text-decoration: underline; }
.visual {position: absolute;; height: 580px; overflow: hidden; z-index: 10; left: 50%; top: 0; margin-left: -960px; width: 1920px; }
.box-visual {position: relative;height: 580px;overflow: hidden;z-index: 100;width: 1920px;left: 50%;margin-left: -960px;}
.roll-ban-event { position: absolute; top: 0; left: 0; height: 580px;  width: 100%; z-index: -1; }
/*등장인물*/
.main-cast , .sub-cast {display: block;}

/* 이벤트 */
.event-section {padding-bottom:10px; border-top:1px solid #e0e8e8; border-bottom:2px solid #e0e8e8; font-size:12px; line-height:18px; letter-spacing:-0.5px;}
.sec-common {border-bottom:2px solid #e0e8e8; }
.event-tab {margin-bottom:30px; border-top:1px solid #e0e8e8; border-bottom:1px solid #e0e8e8;}
.event-tab ul {overflow:hidden; width:100%; padding:11px 0; background:#f3f6f6; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.event-tab li {float:left; padding:4px 30px; border-left:1px solid #e0e8e8; line-height:1;}
.event-tab li.none-border {border-left:0 none;}
.event-tab li a {color:#2a7171;}
.event-tab li a.tab-on {font-weight:bold;}
.event-summary {position:relative; padding-bottom:56px; width:100%; *zoom:1;}
.event-summary:after {content:""; display:block; visibility:hidden; clear:both; font-size:0; height:0; line-height:0;}
.event-summary span {float:left; display:block; margin-left:30px;}
.event-summary span img {width:196px; height:196px;}
.event-summary div {float:right; width:415px; margin:0 30px 0 21px;}
.event-summary div strong {font-size:14px; line-height:34px; font-weight:bold; color:#333;}
.event-summary div p {color:#333; font-size:12px; line-height:20px;}
.event-summary div ul {padding-top:23px;}
.event-summary div ul li {padding-left:7px; background:url('http://img.imbc.com/broad/tv/drama/springday/images/list-style01.gif') no-repeat 0 6px; font-size:12px; line-height:18px; color:#2a7171;}
.event-join {position:absolute; top:201px; left:30px; clear:both; z-index:10;}
.event-join a {display:block; width:194px; padding:9px 0; border:1px solid #ccd7d7; background:#d7e1e1; font-weight:bold; text-align:center; line-height:1; color:#333;}
.btn-eveMore {position:absolute; top:0; right:0; display:block; width:176px; padding:28px 0 25px 0; border:2px solid #d2d2d2; background:#fff url('http://img.imbc.com/broad/tv/drama/springday/images/event-go.gif') no-repeat 130px 20px; font-size:14px; font-weight:bold; color:#232323; text-indent:15px; line-height:1; letter-spacing:-0.5px;}
.event-none {padding:174px 0; font-size:14px; color:#666; text-decoration:underline; text-align:center; letter-spacing:-0.5px;}
.event-title {display:block; padding:15px 0; font-size:12px; color:#2a7171; text-indent:30px; letter-spacing:-0.5px; border-top:2px solid #e0e8e8;}
.event-top {margin-bottom:20px;}
#float_stamp_ad{top:53px! important}