html,
body {
  height: 100%;
}

body {
  text-align: center;
  background: #b4b4b4 url("http://img.imbc.com/broad/tv/drama/op/img/bg-body.jpg") no-repeat center 120px;
}

.op-main {
  background: #b4b4b4 url("http://img.imbc.com/broad/tv/drama/op/img/bg-body-main.jpg") no-repeat center 120px;
}

.wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.header .gnb {
  width: 990px;
  margin: 0 auto;
  text-align: left;
}

.container {
  overflow: hidden;
  position: relative;
  width: 1024px;
  margin: 0 auto;
  text-align: left;
}

.op-heading {
  position: relative;
  height: 180px;
}
.op-heading .logo {
  position: absolute;
  left: 50%;
  top: 32px;
  width: 388px;
  height: 152px;
  margin-left: -194px;
}
.op-heading .op-staff {
  position: absolute;
  right: 0;
  top: 16px;
  letter-spacing: -1px;
  text-align: right;
  line-height: 1.333;
}
.op-heading .op-staff span {
  margin-right: 11px;
  padding-right: 12px;
  font-size: 11px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon9.png") no-repeat right 1px;
}
.op-heading .op-staff .last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
}
.op-heading .op-staff .op-time {
  display: block;
  margin-top: 3px;
  background: none;
  margin-right: 0;
  padding-right: 0;
}
.op-heading .op-heading-list {
  overflow: hidden;
  position: relative;
  width: 1024px;
  height: 596px;
}
.op-heading .op-heading-list li {
  position: absolute;
  left: 0;
  top: 0;
}
.op-heading .ui.button {
  display: block;
  z-index: 10;
  position: absolute;
  top: 555px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.op-heading .ui.button.play {
  right: 42px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-slide-play.png") no-repeat;
}
.op-heading .ui.button.pause {
  right: 10px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-slide-pause.png") no-repeat;
}
.op-heading .ui.buttons {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 571px;
}
.op-heading .ui.buttons .ui.button {
  float: left;
  position: relative;
  top: 0;
  width: 16px;
  height: 16px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-indicator.png") no-repeat;
}
.op-heading .ui.buttons .ui.button.active {
  width: 20px;
  margin-right: 2px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-indicator-blank.png") no-repeat;
}

.op-heading-main {
  height: 596px;
}

.op-nav {
  overflow: hidden;
  position: relative;
  height: 50px;
  margin-bottom: 8px;
  background-color: #1a1e23;
}
.op-nav ul {
  overflow: hidden;
  height: 50px;
  padding-left: 40px;
}
.op-nav li {
  float: left;
  height: 50px;
  padding-right: 15px;
  margin-right: 15px;
  letter-spacing: -1px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon10.png") no-repeat right center;
}
.op-nav .last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
}
.op-nav a {
  float: left;
  display: block;
  height: 50px;
  line-height: 50px;
  color: #ece8f0;
  white-space: nowrap;
}
.op-nav .active {
  margin-right: 43px;
  background: none;
}
.op-nav .active a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
/*
.op-nav .active-last-child {
  margin-right: 70px;
}
*/
.op-list-group {
  overflow: hidden;
  position: relative;
  width: 1024px;
}

.op-banner {
  overflow: hidden;
  float: left;
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 8px 8px 0;
}

.op-timeline {
  overflow: hidden;
  float: left;
  position: relative;
  width: 248px;
  height: 248px;
  margin: 0 8px 8px 0;
  border: 1px solid #b6b3ae;
  letter-spacing: -1px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-timeline.jpg") no-repeat;
}
.op-timeline h2 {
  height: 36px;
  margin-bottom: 36px;
  padding-left: 35px;
  line-height: 36px;
  color: #fff;
  background: #383a3a url("http://img.imbc.com/broad/tv/drama/op/img/icon1.png") no-repeat 6px center;
  font-size: 12px;
  font-weight: normal;
}
.op-timeline .op-timeline-date {
  position: absolute;
  left: 37px;
  top: 52px;
  color: #000;
  background-color: #fffe09;
  letter-spacing: 0;
  line-height: 1.333;
  font-size: 11px;
}
.op-timeline .op-timeline-list {
  overflow: hidden;
  overflow-y: auto;
  width: 248px;
  height: 165px;
}
.op-timeline .op-timeline-list li {
  overflow: hidden;
  position: relative;
  padding: 0 15px 0 37px;
  margin-bottom: 5px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon13.png") no-repeat 8px 2px;
}
.op-timeline .op-timeline-list .active {
  padding-bottom: 110px;
}
.op-timeline .op-timeline-list .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  width: 169px;
  height: 103px;
}
.op-timeline .op-timeline-list .thumb img {
  width: 169px;
}
.op-timeline .op-timeline-list .icon.vod {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 38px;
  height: 39px;
  margin: -20px 0 0 -19px;
  text-indent: -9999px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-vod-play-v2.png") no-repeat;
}
.op-timeline .op-timeline-list .txt {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  line-height: 1.45;
  color: #606060;
  font-weight: bold;
}
.op-timeline .button-more {
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 56px;
  height: 20px;
  text-indent: -9999px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon8.png") no-repeat;
}

.op-preview {
  overflow: hidden;
  float: left;
  position: relative;
  width: 248px;
  height: 248px;
  margin: 0 400px 8px 0;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
}
.op-preview .op-preview-link {
  display: block;
  position: relative;
  width: 248px;
  height: 248px;
}
.op-preview .op-preview-date {
  display: block;
  padding: 0 13px;
  margin: 10px 0;
  color: #393939;
  line-height: 1.333;
  font-size: 14px;
  font-weight: bold;
}
.op-preview .op-preview-txt {
  padding: 0 13px;
  color: #686868;
  line-height: 1.45;
  letter-spacing: -1px;
}
.op-preview .op-preview-img {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  width: 248px;
  height: 138px;
}
.op-preview .op-preview-img img {
  width: 248px;
}

.op-photo {
  z-index: 10;
  position: absolute;
  left: 516px;
  top: 0;
  width: 248px;
  height: 505px;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  letter-spacing: -1px;
}
.op-photo h2 {
  height: 50px;
  margin-bottom: 13px;
  padding-left: 50px;
  line-height: 50px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon2.png") no-repeat 16px center;
  font-size: 11px;
}
.op-photo ul {
  overflow: hidden;
}
.op-photo li {
  clear: both;
  width: 216px;
  margin-bottom: 7px;
  padding: 0 10px 0 22px;
  line-height: 1.333;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-dott.jpg") no-repeat 14px 6px;
}
.op-photo li a {
  display: block;
  overflow: hidden;
  width: 216px;
  color: #686868;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.op-photo .active {
  position: relative;
  width: 248px;
  padding: 0;
  margin-bottom: 20px;
  background: none;
}
.op-photo .active a {
  width: 248px;
  white-space: normal;
}
.op-photo .active .txt {
  display: block;
  width: 228px;
  margin-bottom: 260px;
  padding: 0 10px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.op-photo .img {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 248px;
  height: 248px;
}
.op-photo .img img {
  height: 248px;
}

.op-sketch {
  z-index: 10;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 258px;
  width: 250px;
  height: 250px;
  background-color: #f5f5f5;
  letter-spacing: -1px;
}
.op-sketch h2 {
  height: 50px;
  margin-bottom: 13px;
  padding-left: 50px;
  line-height: 50px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon3.png") no-repeat 16px center;
  font-size: 11px;
}
.op-sketch .op-preview-link {
  display: block;
  position: relative;
  width: 250px;
  height: 200px;
}
.op-sketch .op-photo-txt {
  padding: 0 13px;
  color: #686868;
  line-height: 1.333;
  font-size: 14px;
  font-weight: bold;
}
.op-sketch .op-photo-img {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  width: 250px;
  height: 140px;
}
.op-sketch .op-photo-img img {
  width: 250px;
}
.op-sketch .badge {
  z-index: 10;
  position: absolute;
  left: 11px;
  bottom: 9px;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon5.png") no-repeat;
}

.op-enews {
  position: relative;
  overflow: hidden;
  width: 1024px;
}
.op-enews ul {
  width: 1032px;
  overflow: hidden;
}
.op-enews li {
  float: left;
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 8px 8px 0;
  background-color: #f5f5f5;
}
.op-enews .first {
  margin: 0 600px 8px 258px;
}
.op-enews .txt {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 220px;
  height: 50px;
  padding: 90px 15px 0;
  color: #fff;
  line-height: 1.333;
  font-size: 14px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-enews.png") no-repeat;
}
.op-enews .button-more {
  display: block;
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 250px;
  height: 250px;
  background: #623572 url("http://img.imbc.com/broad/tv/drama/op/img/icon11.png") no-repeat center;
}

.op-steps {
  z-index: 10;
  position: absolute;
  right: 0;
  top: 257px;
  width: 248px;
  height: 119px;
  border: 1px solid #b6b3ae;
  background-color: #f5f5f5;
  letter-spacing: -1px;
}
.op-steps h2 {
  height: 36px;
  padding-left: 15px;
  margin-bottom: 20px;
  line-height: 36px;
  color: #fff;
  background-color: #2c2c2d;
  font-size: 12px;
  font-weight: normal;
}
.op-steps .progress {
  overflow: hidden;
  height: 63px;
  padding: 0 12px;
}
.op-steps .bar {
  position: relative;
}
.op-steps .bar .txt {
  display: inline-block;
  position: absolute;
  top: 19px;
  line-height: 30px;
  white-space: nowrap;
  font-size: 11px;
}
.op-steps .sky {
  float: left;
  height: 19px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/sky.png") no-repeat;
}
.op-steps .sky .txt {
  left: 0;
  padding-right: 23px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon6.png") no-repeat right center;
}
.op-steps .pink {
  float: right;
  height: 19px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/pink.png") no-repeat;
}
.op-steps .pink .txt {
  right: 0;
  padding-left: 15px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon7.png") no-repeat left center;
}

.op-clip {
  z-index: 10;
  position: absolute;
  right: 128px;
  top: 385px;
  width: 122px;
  height: 122px;
  text-align: center;
  letter-spacing: -1px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-clip.jpg") no-repeat;
}
.op-clip a {
  display: block;
  width: 122px;
  height: 82px;
  padding-top: 40px;
  color: #fffe09;
  line-height: 1.333;
  font-size: 14px;
  font-weight: bold;
}
.op-clip em {
  display: block;
  margin-top: 3px;
  color: #fffee1;
  text-decoration: underline;
  font-weight: normal;
}

.op-event {
  z-index: 10;
  position: absolute;
  right: 0;
  top: 385px;
  width: 122px;
  height: 122px;
  letter-spacing: -1px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-event-v3.jpg") no-repeat;
}
.op-event a {
  display: block;
  width: 107px;
  height: 82px;
  padding: 40px 0 0 15px;
  color: #000;
  line-height: 1.333;
}
.op-event em {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  font-weight: bold;
}

.op-ad250 {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 250px;
  height: 250px;
  background-color: #f5f5f5;
}

.op-sitemap {
  overflow: hidden;
  width: 1032px;
  height: 280px;
}
.op-sitemap .op-sitemap-grid {
  overflow: hidden;
  float: left;
  width: 508px;
  height: 280px;
  margin-right: 8px;
  background-color: #dfd5e7;
}
.op-sitemap ul {
  overflow: hidden;
  padding-top: 35px;
}
.op-sitemap li {
  float: left;
  width: 254px;
  height: 30px;
}
.op-sitemap a {
  height: 30px;
  padding-left: 50px;
  line-height: 30px;
  color: #242424;
}

.op-body {
  overflow: hidden;
  position: relative;
  width: 964px;
  *width: 1024px;
  padding: 0 30px 30px;
  background-color: #fff;
}
.op-body .op-body-title {
  overflow: hidden;
  height: 27px;
  *height: 53px;
  padding: 26px 0 0 5px;
  margin-bottom: 22px;
  border-bottom: 2px solid #ddd;
}

.op-body-column {
  float: left;
  overflow: hidden;
}

.op-body-content {
  width: 692px;
  margin-right: 22px;
}

.op-body-common {
  width: 250px;
}

.dsc_concept {
  width: 619px;
  height: 872px;
  padding: 423px 0 0 73px;
  background: url("http://img.imbc.com/broad/tv/drama/springday/images/con_concept_v4.jpg") no-repeat 0 0;
}

.dsc_concept .staff-list {
  float: left;
  width: 304px;
  line-height: 20px;
  color: #2e2e2e;
}

.dsc_concept .staff-list em {
  margin-right: 3px;
  font-weight: bold;
}

.t-indent33 {
  padding-left: 33px;
  text-indent: -33px;
}

.t-indent40 {
  padding-left: 40px;
  text-indent: -40px;
}

.op-body-concept {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.op-body-staff {
  overflow: hidden;
  position: relative;
}
.op-body-staff .op-staff-list {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 300px;
}
.op-body-staff .op-staff-list li {
  position: relative;
  float: left;
  width: 256px;
  padding-left: 50px;
  margin-bottom: 10px;
  line-height: 1.333;
}
.op-body-staff .op-staff-list li strong {
  margin-right: 2px;
}
.op-body-staff .op-staff-list .indent {
  width: 296px;
}

.op-body-heading {
  overflow: hidden;
  margin-bottom: 15px;
}

.op-onair {
  overflow: hidden;
  padding-bottom: 70px;
  background-color: #000;
  text-align: center;
}
.op-onair .onair-player {
  overflow: hidden;
  width: 640px;
  height: 364px;
  margin: 0 auto 42px;
  border-top: 1px solid #828282;
  border-bottom: 1px solid #828282;
}
.op-onair .btn {
  padding-left: 101px;
  text-align: left;
}
.op-onair .btn a {
  display: block;
  float: left;
  width: 224px;
  height: 68px;
  margin-right: 47px;
}

.op-event-wrap {
  position: relative;
  overflow: hidden;
}

.ui.row.board {
  overflow: hidden;
  padding: 15px 0 0 0;
}

.op-body-content .op-timeline-list {
  overflow: hidden;
  width: 692px;
  text-align: center;
}
.op-body-content .op-timeline-list .item {
  position: relative;
}
.op-body-content .op-timeline-list .btn {
  display: inline-block;
  position: absolute;
  right: 23px;
  top: 0;
  height: 50px;
  padding-right: 30px;
  line-height: 50px;
  font-size: 13px;
  color: #6c7072;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-arrow-down.png") no-repeat right center;
}
.op-body-content .op-timeline-list .btn-open {
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-arrow-up.png") no-repeat right center;
}
.op-body-content .op-timeline-list .btn-active {
  color: #dc364e;
}
.op-body-content .op-timeline-list .title {
  display: block;
  width: 692px;
  height: 50px;
  line-height: 50px;
  color: #29303b;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #a7a7a7;
  font-size: 16px;
  font-weight: bold;
  font-family: '³ª´®°íµñ',NanumGothic,ng,'µ¸¿ò',dotum,Helvetica,sans-serif;
}
.op-body-content .op-timeline-list table {
  width: 692px;
  table-layout: fixed;
}
.op-body-content .op-timeline-list table th {
  height: 32px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e8e8e9;
  text-align: center;
  color: #3c4143;
  font-family: '³ª´®°íµñ',NanumGothic,ng,'µ¸¿ò',dotum,Helvetica,sans-serif;
}
.op-body-content .op-timeline-list table td {
  family: '³ª´®°íµñ',NanumGothic,ng,'µ¸¿ò',dotum,Helvetica,sans-serif;
  border-bottom: 1px solid #e8e8e9;
}
.op-body-content .op-timeline-list table td .date {
  display: block;
  height: 43px;
  line-height: 43px;
  text-align: center;
  letter-spacing: -1px;
}
.op-body-content .op-timeline-list table td ul {
  overflow: hidden;
  padding: 10px 0;
  text-align: left;
}
.op-body-content .op-timeline-list table td ul li {
  padding-left: 27px;
  font-size: 14px;
  color: #3c4143;
  line-height: 1.333;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/bg-timeline-list.png") no-repeat 14px 11px;
}
.op-body-content .op-timeline-list table td ul .thumb-list {
  overflow: hidden;
  width: 692px;
  padding: 15px 0;
}
.op-body-content .op-timeline-list table td ul .thumb-list .thumb {
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
  width: 169px;
  height: 103px;
  margin: 0 5px 0 0;
  background-color: #000;
}
.op-body-content .op-timeline-list table td ul .thumb-list .thumb img {
  width: 169px;
}
.op-body-content .op-timeline-list table td ul .icon.vod {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 38px;
  height: 39px;
  margin: -20px 0 0 -19px;
  text-indent: -9999px;
  background: url("http://img.imbc.com/broad/tv/drama/op/img/icon-vod-play-v2.png") no-repeat;
}
.op-body-content .op-timeline-list table td ul .txt {
  padding: 6px 0 5px 0;
  font-family: '³ª´®°íµñ',NanumGothic,ng,'µ¸¿ò',dotum,Helvetica,sans-serif;
}
.op-body-content .op-timeline-list table .td {
  border-right: 1px solid #e8e8e9;
}

.ui.event {
  overflow: hidden;
}
.ui.event .paper {
  overflow: hidden;
  position: relative;
  width: 692px;
  height: 1125px;
}
.ui.event .paper .btn-poll {
  display: block;
  position: absolute;
  left: 193px;
  top: 992px;
  width: 317px;
  height: 93px;
}
.ui.event .paper .box {
  z-index: 10;
  position: absolute;
}
.ui.event .paper .box p {
  clear: both;
  overflow: hidden;
  width: 100%;
}
.ui.event .paper .box ul {
  overflow: hidden;
  padding-top: 15px;
}
.ui.event .paper .box li {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 7px;
  font-size: 0;
}
.ui.event .paper .box input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 1px 5px 0;
}
.ui.event .paper .box img {
  float: left;
}
.ui.event .paper .box.segment1 {
  left: 40px;
  top: 270px;
}
.ui.event .paper .box.segment2 {
  left: 359px;
  top: 718px;
}
.ui.event .paper .box1 {
  left: 38px;
  top: 328px;
}
.ui.event .paper .box2 {
  left: 38px;
  top: 508px;
}
.ui.event .paper .box2 ul {
  width: 300px;
}
.ui.event .paper .box2 li {
  float: left;
  clear: none;
  padding-left: 0;
  margin: 0 30px 15px 0;
}
.ui.event .paper .box2 label {
  display: block;
  overflow: hidden;
}
.ui.event .paper .box2 input {
  float: none;
  display: block;
  margin: 5px 0 0 57px;
}
.ui.event .paper .box3 {
  left: 364px;
  top: 197px;
}
.ui.event .paper .box4 {
  left: 364px;
  top: 377px;
}
.ui.event .paper .box5 {
  left: 364px;
  top: 558px;
}

.footer {
  width: 1024px;
  height: 110px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  color: #000;
  line-height: 110px;
}

.button-default {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.screen-out-txt {
  display: block;
  position: relative;
  z-index: -1;
  padding: 8px 0;
  visibility: hidden;
  border: 1px solid #bcc1ec;
  background-color: #F1F3FF;
  text-align: center;
}

.screen-out {
  overflow: hidden;
  position: absolute;
  left: -1000px;
  height: 0;
  padding: 1px 0 0 0;
  line-height: 0;
  font-size: 0;
}

.cast-control {
  position: relative;
  overflow: hidden;
  width: 692px;
  height: 62px;
  margin-bottom: 20px;
  background: url("http://img.imbc.com/broad/tv/drama/yaya/images/bg_castbox_x.gif") repeat-x 0 0;
}

.cast-control button {
  position: absolute;
  top: 0;
  height: 62px;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #e3e3e3;
  text-indent: -9999px;
  cursor: pointer;
  background-color: #fff;
  background-image: url("http://img.imbc.com/broad/tv/drama/yaya/images/btn_cast.png");
  background-repeat: no-repeat;
  z-index: 10;
}

#cast_prev {
  left: 0;
  width: 41px;
  background-position: 9px 17px;
}

#cast_next {
  width: 41px;
  right: 0;
  background-position: -21px 17px;
}

.cast-box {
  position: relative;
  width: 608px;
  height: 100%;
  margin-left: 41px;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

.cast-box li {
  position: relative;
  float: left;
  width: 122px;
  height: 62px;
}

/*
.cast-box .cast1 {
	background-position:0 1px;
}
.cast-box .cast2 {
	background-position:0 -64px;
}
.cast-box .cast3 {
	background-position:0 -129px;
}
.cast-box .cast4 {
	background-position:0 -194px;
}
.cast-box .cast5 {
	background-position:0 -259px;
}
.cast-box .other {
	background-image:none;
}
*/
.cast-box .cast-tree {
  background: url("http://img.imbc.com/broad/tv/drama/yaya/images/cast_tree.gif") no-repeat 68px 20px;
}

.cast-box li a {
  display: block;
  height: 62px;
  border-right: 1px solid #e3e3e3;
  font-size: 11px;
  letter-spacing: -1px;
  color: #44403e;
}

.cast-box li a strong {
  position: relative;
  display: block;
  line-height: 1.3;
  font-size: 12px;
  font-weight: bold;
  z-index: 1;
}

.cast-box li a:hover, .cast-box li a:focus, .cast-box .on a {
  position: relative;
  height: 58px;
  margin-left: -1px;
  border: 2px solid #f2a77a;
  *text-indent: -1px;
}

.cast-box li a:hover strong, .cast-box li a:focus strong, .cast-box .on a strong {
  margin: -2px 0 0 0;
  *text-indent: -1px;
}

.cast-box .nor a {
  width: 106px;
  padding-left: 15px;
}

.cast-box .nor a strong {
  padding: 14px 0 5px;
}

.cast-box .nor a:hover, .cast-box .nor a:focus, .cast-box .on.nor a {
  width: 105px;
  padding-left: 14px;
}

.cast-box .other a {
  width: 117px;
  padding: 0 2px;
}

.cast-box .other a strong {
  padding: 24px 0 5px;
}

.cast-box .other a strong span {
  font-weight: normal;
}

.cast-box .other a strong {
  text-align: center;
}

.cast-box .other a:hover, .cast-box .other a:focus, .cast-box .on.other a {
  width: 116px;
  padding-right: 2px;
  padding-left: 1px;
}

.cast-box .other a:hover strong, .cast-box .other a:focus strong, .cast-box .on.other a strong {
  margin-left: 1px;
  *text-indent: 1px;
}

.cast-box li.p-end {
  margin: 0 1px 0 -1px;
}

.cast-data {
  margin-bottom: 20px;
  border-bottom: 2px solid #e5ecec;
}

.cast-data .cast-main-name {
  height: 35px;
  padding: 18px 0 0 21px;
  background: #f2f5f5;
  font-weight: bold;
  color: #737270;
  font-size: 14px;
}

.cast-data .img {
  display: block;
  margin-bottom: 1px;
  padding-bottom: 9px;
  border-bottom: 2px solid #e5ecec;
}

.cast-data .img img {
  width: 692px;
  height: 250px;
}

.cast-main-txt {
  padding: 19px 22px;
  line-height: 20px;
}

.cast-main-txt strong {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}

.cast-other dl {
  position: relative;
  min-height: 150px;
  margin-bottom: 15px;
  padding: 20px 0 0 215px;
  letter-spacing: -1px;
}

.cast-other .img {
  position: absolute;
  top: 17px;
  left: 0;
  width: 200px;
  height: 150px;
  background: #ebebeb;
}

.cast-other .img img {
  width: 100%;
  height: 100%;
}

.cast-other .cast-name {
  padding: 0 0 20px;
  font-weight: bold;
  color: #737270;
  font-size: 14px;
}

.cast-other .cast-name span {
  font-weight: normal;
}

.cast-other .cast-txt {
  line-height: 18px;
}
.cast-other .cast-txt strong {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.other-cast-more {
  display: block;
  float: right;
  width: 153px;
  margin: 20px 0 0 0;
  border: 1px solid #b5c9c9;
  line-height: 1;
  padding: 12px 0;
  *padding: 14px 0 13px;
  color: #3e4f4f;
  font-weight: bold;
  text-align: center;
  background: #c0d5d5;
}

.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/yaya/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;
}

.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;
}

.banner-top {
  position: relative;
  width: 100%;
  padding: 30px 0 28px;
  margin-bottom: 20px;
  text-indent: 40px;
  background: #ebebeb;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 1;
  color: #232323;
}

.banner-top a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 176px;
  padding: 28px 0 26px 0;
  border: 2px solid #d2d2d2;
  background: #fff url("http://img.imbc.com/broad/tv/drama/jangbori/images/btn_ban_more.gif") no-repeat 130px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #232323;
  text-indent: 15px;
  line-height: 1;
  letter-spacing: -0.5px;
}
.btn-like-program-wrap{position:absolute; top:20px; right:20px; margin-left:310px; z-index:999;}