/*

     _          
    | |         
 ___| |__   ___ 
/ __| '_ \ / _ \
\__ \ | | |  __/
|___/_| |_|\___|


Publisher : perinion <perinion@imbc.co.kr>

*/
@import "http://www.imbc.com/commons/css/base.css";
.she-page {
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: center;
}

.she-template {
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: center;
  font-family: 'Dotum';
}
.she-template .masthead {
  z-index: 10;
  overflow: hidden;
  position: relative;
}
.she-template .masthead .metas {
  z-index: 20;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 16px;
  margin-left: -497px;
  font-size: 0;
}
.she-template .masthead .metas .meta {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 4px;
  color: #333;
  margin-left: -1px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-meta-verticalbar.png") no-repeat left 3px;
  line-height: 1.42857;
  font-size: 12px;
  font-family: 'Nanum Gothic';
}
.she-template .nav {
  z-index: 30;
  position: relative;
  overflow: hidden;
  width: 1047px;
  height: 77px;
  margin: 0 auto;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-nav.png") no-repeat;
}
.she-template .nav ul {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 0;
}
.she-template .nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 7px 0 7px;
  height: 50px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-nav-verticalbar.png") no-repeat right 18px;
}
.she-template .nav li a {
  display: inline-block;
  height: 33px;
  *height: 50px;
  padding-top: 16px;
  color: #fefff8;
  font-size: 14px;
}
.she-template .nav .last {
  background: none;
}
.she-template .documentation {
  z-index: 40;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

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

.she-template-main .masthead {
  overflow: visible;
  width: 100%;
  height: 600px;
}
.she-template-main .masthead .logo {
  z-index: 20;
  position: absolute;
  left: 50%;
  top: 294px;
  margin-left: -101px;
}
.she-template-main .masthead .slide {
  z-index: 10;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  width: 1920px;
  height: 1608px;
}
.she-template-main .masthead .slide li {
  position: absolute;
  left: 0;
  top: -120px;
  width: 100%;
  filter: alpha(opacity=0);
  /*opacity: 0;*/
}

.she-template-main .masthead .buttons {
  z-index: 30;
  position: absolute;
  right: 50%;
  top: 553px;
  margin-right: -502px;
  font-size: 0;
}
.she-template-main .masthead .buttons button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 33px;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.she-template-main .masthead .buttons .btn-play {
  width: 32px;
  margin-right: 3px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/btn-play.png") no-repeat;
}
.she-template-main .masthead .buttons .btn-pause {
  width: 33px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/btn-pause.png") no-repeat;
}
.she-template-main .masthead .dotts {
  z-index: 20;
  position: absolute;
  left: 50%;
  top: 563px;
  width: 1024px;
  margin-left: -512px;
  text-align: center;
  font-size: 0;
}
.she-template-main .masthead .dotts button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 13px;
  height: 13px;
  border: 0;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-dott.png") no-repeat;
}
.she-template-main .masthead .dotts .active {
  width: 20px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-dott-active.png") no-repeat;
}
.she-template-main .btn-like-program-wrap {
  z-index: 20;
  position: absolute;
  right: 50%;
  margin-right: -492px;
  top: 20px;
}
.she-template-main .documentation-main {
  width: 994px;
  margin: -27px auto 10px;
  padding: 16px 0 0 30px;
  text-align: left;
}
.she-template-main .documentation-main .container {
  overflow: hidden;
  position: relative;
  margin-bottom: 22px;
}
.she-template-main .documentation-main .preview {
  float: left;
  overflow: hidden;
  position: relative;
  width: 190px;
  height: 182px;
  padding: 17px 17px 0;
  margin-right: 16px;
  background-color: #eee;
  line-height: 1.42857;
  font-size: 12px;
}
.she-template-main .documentation-main .preview .header {
  margin-bottom: 15px;
  color: #000;
  font-weight: bolder;
}
.she-template-main .documentation-main .preview .description {
  color: #424242;
}
.she-template-main .documentation-main .preview .description strong {
  display: block;
  margin-bottom: 15px;
}
.she-template-main .documentation-main .photo {
  float: left;
  overflow: hidden;
  position: relative;
  width: 224px;
  height: 199px;
  margin-right: 16px;
}
.she-template-main .documentation-main .photo .header {
  height: 29px;
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 29px;
  background-color: #eee;
  color: #000;
  font-size: 12px;
}
.she-template-main .documentation-main .photo a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 225px;
}
.she-template-main .documentation-main .photo .image {
  overflow: hidden;
  position: relative;
  width: 225px;
  height: 127px;
  margin-bottom: 5px;
  background-color: #eee;
}
.she-template-main .documentation-main .photo .image img {
  max-width: 100%;
}
.she-template-main .documentation-main .photo .description {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.42857;
  color: #333;
  font-size: 12px;
}
.she-template-main .documentation-main .enews {
  overflow: hidden;
  position: relative;
  width: 698px;
}
.she-template-main .documentation-main .enews .header {
  height: 29px;
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 29px;
  background-color: #eee;
  color: #000;
  font-size: 12px;
}
.she-template-main .documentation-main .enews ul {
  overflow: hidden;
  position: relative;
  padding-bottom: 34px;
}
.she-template-main .documentation-main .enews li {
  width: 224px;
  height: 29px;
  border-bottom: 1px solid #e5e5e5;
}
.she-template-main .documentation-main .enews li a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 29px;
  line-height: 29px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
.she-template-main .documentation-main .enews .item-image {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 225px;
  height: 220px;
  border-bottom: 0;
}
.she-template-main .documentation-main .enews .item-image .image {
  overflow: hidden;
  width: 225px;
  height: 168px;
  margin-bottom: 9px;
  background-color: #eee;
}
.she-template-main .documentation-main .enews .item-image .image img {
  max-width: 100%;
}
.she-template-main .documentation-main .enews .item-image .description {
  line-height: 1.42857;
  color: #333;
  font-size: 12px;
  font-weight: bolder;
  letter-spacing:-1px;
}
.she-template-main .documentation-main .enews .item-image a {
  height: 220px;
  white-space: normal;
}
.she-template-main .documentation-main .enews .image1 {
  left: 240px;
}
.she-template-main .documentation-main .enews .image2 {
  left: 473px;
}
.she-template-main .documentation-main .ad {
  position: absolute;
  right: 30px;
  top: 18px;
}
.she-template-main .documentation-main .banner {
  overflow: hidden;
  position: absolute;
  right: 30px;
  top: 276px;
}
.she-template-main .documentation-main .banner a {
  display: block;
  overflow: hidden;
  width: 250px;
  height: 110px;
  margin-bottom: 5px;
  background-color: #eee;
}
.she-template-main .documentation-main .banner img {
  vertical-align: top;
}
.she-template-main .documentation-main .area-clip .header {
  height: 29px;
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 29px;
  background-color: #eee;
  color: #000;
  font-size: 12px;
  width:955px
}
.she-template-main .documentation-main .area-clip {
  overflow:hidden;
   width:100%;
  height:257px;
}
.she-template-main .documentation-main .area-clip ul {
  width:977px;
}
.she-template-main .documentation-main .area-clip li {
  float:left; 
  margin-right:13px; 
  width:231px;
}
.she-template-main .documentation-main .area-clip .single .img {
  overflow:hidden; 
  width:231px; 
  height:126px;
  background:#eee;
}
.she-template-main .documentation-main .area-clip .single .img img{
  max-width:100%
}
.she-template-main .documentation-main .area-clip .single .tit{
  padding-top: 9px;
  font-size: 12px;
  line-height: 18px;
  color: #333;
}
.she-template-main .footer-menu {
  z-index: 20;
  overflow: hidden;
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding: 23px 0 28px;
  text-align: left;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-footer-menu.png") no-repeat center bottom;
}
.she-template-main .footer-menu .list {
  float: left;
  overflow: hidden;
  width: 512px;
  background: url("http://img.imbc.com/broad/tv/drama/sunbi/img/bg-footer-menu-line.png") repeat-y center right;
}
.she-template-main .footer-menu .list-drama {
  background: none;
}
.she-template-main .footer-menu .header {
  margin: 0 0 12px;
  padding: 0 36px;
  line-height: 1.42857;
  font-size: 12px;
  font-weight: bolder;
}
.she-template-main .footer-menu ul {
  overflow: hidden;
  background: url("http://img.imbc.com/broad/tv/drama/sunbi/img/bg-footer-menu-line.png") repeat-y center;
}
.she-template-main .footer-menu ul li {
  float: left;
  width: 184px;
  margin: 0 0 6px;
  padding: 0 36px;
}
.she-template-main .footer-menu ul a {
  color: #333;
  line-height: 1.42857;
  font-size: 12px;
}

.site-footer {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #332c26;
  font-size: 12px;
  font-family: 'Dotum';
}

.she-body-sub {
  background: #588d96 url("http://img.imbc.com/broad/tv/drama/she/img/bg-body-sub-y.jpg") repeat-y center;
}

.she-template-sub {
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-body-sub.jpg") no-repeat center top;
}
.she-template-sub .masthead {
  width: 1024px;
  height: 221px;
  margin: 0 auto;
}
.she-template-sub .masthead .logo {
  position: absolute;
  left: 434px;
  top: 33px;
  width: 157px;
  height: 169px;
}
.she-template-sub .documentation-sub {
  width: 964px;
  *width: 1024px;
  margin: -27px auto 0;
  padding: 0 30px 30px 30px;
  text-align: left;
}
.she-template-sub .documentation-sub h2.header {
  overflow: hidden;
  height: 27px;
  *height: 55px;
  margin-bottom: 22px;
  padding-top: 26px;
  border-bottom: 2px solid #ddd;
}
.she-template-sub .documentation-sub h2.header img {
  vertical-align: top;
}
.she-template-sub .documentation-sub h2.header .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/drama/she/img/bg-header-subtitle.png") no-repeat 0 2px;
  font-weight: normal;
  font-size: 12px;
}
.she-template-sub .documentation-sub .container {
  overflow: hidden;
  position: relative;
  float: left;
  width: 692px;
  margin-right: 22px;
  font-size: 12px;
}
.she-template-sub .documentation-sub .sidebar {
  overflow: hidden;
  position: relative;
  float: left;
  width: 250px;
}
.she-template-sub .cast-container {
  overflow: hidden;
  position: relative;
  width: 693px;
  font-size: 12px;
}
.she-template-sub .cast-container .image {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.she-template-sub .cast-container .image img {
  vertical-align: top;
}
.she-template-sub .cast-container .header {
  height: 53px;
  padding: 0 0 0 20px;
  background-color: #f2f5f5;
  border-top: 2px solid #e0e8e8;
  font-weight: bolder;
  font-size: 14px;
  color: #737270;
  line-height: 53px;
}
.she-template-sub .cast-container .header .actor {
  position: relative;
  margin: 0 0 0 13px;
  padding: 0 0 0 8px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-cast-header-verticalbar.png") no-repeat 0 1px;
}
.she-template-sub .cast-container .btn-cast {
  display: block;
  position: absolute;
  right: 13px;
  top: 888px;
  height: 53px;
  padding: 0 9px 0 0;
  line-height: 53px;
  color: #3c7a72;
  text-decoration: underline;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-cast-arrow.png") no-repeat right 22px;
}
.she-template-sub .cast-hero {
  font-size: 12px;
}
.she-template-sub .cast-hero .description {
  margin: 0 0 16px;
  padding: 20px 25px;
  line-height: 1.42857;
  border-bottom: 2px solid #e0e8e8;
}
.she-template-sub .cast-hero .description .description-header {
  margin-bottom: 15px;
}
.she-template-sub .cast-supporting .header {
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: normal;
}
.she-template-sub .cast-supporting ul {
  overflow: hidden;
  position: relative;
  width: 693px;
}
.she-template-sub .cast-supporting li {
  position: relative;
  width: 475px;
  min-height: 140px;
  margin-bottom: 20px;
  padding: 10px 0 0 218px;
}
.she-template-sub .cast-supporting .item-image {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 150px;
  background-color: #eee;
}
.she-template-sub .cast-supporting .item-image img {
  max-width: 100%;
}
.she-template-sub .cast-supporting .item-header {
  margin: 0 0 15px;
  color: #777574;
  font-size: 14px;
  font-weight: bolder;
}
.she-template-sub .cast-supporting .item-header .actor {
  position: relative;
  margin: 0 0 0 13px;
  padding: 0 0 0 8px;
  background: url("http://img.imbc.com/broad/tv/drama/she/img/bg-cast-header-verticalbar.png") no-repeat 0 1px;
}
.she-template-sub .cast-supporting .item-description {
  color: #44403e;
  line-height: 1.42857;
}
.she-template-sub .cast-supporting .item-description .item-description-header {
  margin-bottom: 15px;
}
.she-template-sub .cast-supporting .btn-cast {
  top: 0;
}
.she-template-sub .live-container {
  overflow: hidden;
  position: relative;
}
.she-template-sub .live-container img {
  vertical-align: top;
}
.she-template-sub .live-container .she-player {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  left: 26px;
  top: 602px;
  width: 640px;
  height: 360px;
}
.she-template-sub .live-container .buttons {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 990px;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.she-template-sub .live-container .buttons a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 204px;
  height: 56px;
  margin: 0 15px;
}

.btn-modify{ 
  text-indent:-999999px;  
  background-color:#fff;
  position:absolute;
  width:135px;
  height:31px;
  top:626px;
  right:202px;
  cursor:pointer;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.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;
}
/* À̺¥Æ® ½ÃÀÛ */
.img-event-cont{margin-bottom:14px}
.btn-event{display:block;background-color:#fff;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);width:167px;height:47px;position:absolute;bottom:93px;left:50%;margin-left:-75px;cursor:pointer}

.documentation-sub .container {
  overflow: hidden;
  position: relative;
  float: left;
  width: 693px;
  margin-right: 21px;
}
.container-event {
  overflow: hidden;
  position: relative;
  width: 693px;
}
.container-event .list {
  position: absolute;
  left: 0;
  top: 726px;
  width: 693px;
  text-align: center;
}
.container-event .list ul {
  width: 693px;
  margin-bottom: 17px;
  font-size: 0;
}
.container-event .list ul li {
  position: relative;
  overflow: hidden;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 3px;
  vertical-align: top;
}
.container-event .list ul li button {
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  vertical-align: top;
}
.container-event .list ul li input {
  position: absolute;
  left: 9px;
  top: 0;
  width: 13px;
  height: 13px;
}
.container-event .list .btn-event {
  display: block;
  width: 201px;
  height: 71px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
}
.container-event .dimd {
  display: none;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 693px;
  height: 1462px;
  background: url("http://img.imbc.com/broad/tv/drama/sunbi/img/bg-dimd.png");
}
.container-event .description {
  display: none;
  z-index: 20;
  position: absolute;
  left: 0;
  top: 678px;
  width: 693px;
}
.container-event .description .btn-close {
  z-index: 10;
  position: absolute;
  right: 16px;
  top: 0;
  width: 29px;
  height: 29px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: url("http://img.imbc.com/broad/tv/drama/sunbi/img/btn-description-close.png") no-repeat;
  text-indent: -9999px;
}
.container-event .description .mark {
  display: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 693px;
  padding-top: 37px;
  text-align: center;
}

.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%;
  text-align:left;
  *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;
}
.event-container {
  overflow:hidden;
  position:relative;
  margin-bottom:20px;
}
/* À̺¥Æ® ³¡ */