/*******************************
   Import
*******************************/

@import url('http://www.imbc.com/commons/css/base.css');
/*******************************
	°øÅë
*******************************/

.item-first{background:none;margin:none;padding:none !important}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis}
.main-ui-body{/* background:#cbf2dc url('http://img.imbc.com/broad/tv/drama/mom/images/bg_main_v1.jpg') no-repeat center top; */text-align:center;position:relative}
.sub-ui-body{background:#fff url('http://img.imbc.com/broad/tv/drama/mom/images/bg_sub_v2.jpg') no-repeat center top;text-align:center}

.box-menu{z-index:200; overflow:hidden; position:relative; width:1024px;height:47px;background-color:#c8e0e0}
.ui-nav{position:relative; overflow:hidden;width:1024px; height:47px; font-size:0;}
.ui-nav li {display:inline-block; zoom:1; *display:inline; height:47px; padding:0 10px 0 9px; background:url('http://img.imbc.com/broad/tv/drama/mom/images/bg-top-verticalbar4.png') no-repeat 0 center}
.ui-nav li.item-first{background:none}
.ui-nav li a {color:#212329;font-size:15px;display:inline-block; height:47px; line-height:47px; vertical-align:top;}

/*******************************
	main
*******************************/
.main-ui-content a{color:#363636;}
.main-ui-container{width:1024px;margin:0 auto;overflow:hidden;font-family:³ª´®°íµñ,'Nanum Gothic';position:relative; padding-top:619px;}
.main-ui-container h1{z-index:100; position:absolute;left:400px;height:250px;width:433px;top:18px}
.main-ui-body .main-ui-container .meta {z-index:100; overflow:hidden; position:absolute; right:-25px; top:118px;}
.main-ui-container .meta ul {overflow:hidden;width:200px;}
.main-ui-container .meta ul li{float:left;color:#202e2b;font-size:11px;height:17px;font-family:µ¸¿ò,'dotum';line-height:17px}
.main-ui-container .meta ul li.item-var-bg{padding-left:15px;margin-left:14px;background:url('http://img.imbc.com/broad/tv/drama/mom/images/bg_top_verticalbar1.png') no-repeat 0 center;}
.main-ui-container .meta ul li .txt_bold{font-weight:bold;padding-left:8px;}
.main-ui-container .btn-like-program-wrap {display: inline-block; /* width: 200px; */font-family: 'Nanum Gothic';text-align: center !important;position: absolute;right: 0; top: 20px;}

.visual-top{position:absolute;width:100%;min-height:1630px;overflow:hidden}
.btn-play {background-position:0 -37px;}
.visual-top .btn-stop {background-position:0 0;}
.roll-ban-event {position:relative;}
.roll-ban-event img {position:absolute; top:0;left:50%;margin-left:-960px; z-index:-1;}
.roll-controll-btn {position:absolute; top:695px; left:50%; width:80px; margin-left:-25px; text-align:center; z-index:100;}
.roll-controll-btn .btn {display:inline-block; width:23px; height:22px; padding:0; margin:0; border:0; background: url('http://img.imbc.com/broad/tv/drama/mom/images/btn_roll_off.png') no-repeat top center; cursor:pointer;}
.roll-controll-btn .btn.on {width:50px; height:22px; background:url('http://img.imbc.com/broad/tv/drama/mom/images/btn_roll_on.png') no-repeat top center}
.btn-front {position:absolute; overflow:hidden; left:50%; top:685px; margin-left:430px; padding:0; border:0; display:block; z-index:200; width:40px;height:37px;text-indent:100%; white-space:nowrap; cursor:pointer; background-image: url('http://img.imbc.com/broad/tv/drama/mom/images/btn_roll_play.png'); background-repeat:no-repeat; background-color:transparent;}
/* content ½ÃÀÛ */
.main-ui-content{z-index:200; overflow:hidden; position:relative; width:1024px}
.main-ui-content .top-con-box{padding:32px 30px;background-color:#fff;overflow:hidden}
.main-ui-container .top-con-box > div{float:left;}
.main-ui-container .top-con-box h2{font-size:13px;color:#43544c;font-weight:bold;background-color:#daeaea;height:30px;line-height:30px;text-align:left;padding-left:10px}
.preview-box, .photo-box, .sketch-box{width:224px;height:230px;margin-bottom:20px}
.photo-box, .sketch-box{margin-left:14px;}
.ad-box, .slide-box, .board-box{width:250px;}
.news-box, .clip-box{width:700px;margin-bottom:20px}
.ad-box, .slide-box, .board-box{margin-left:14px}

.preview-box .con-preview > div{}
.preview-box .con-preview .img-preview {margin:10px 0;height:126px;}
.preview-box .con-preview .img-preview img {max-width:100%;}
.preview-box .con-preview .txt-preview {height:50px;font-size:13px;line-height:21px;color:#363636;text-align:left;font-weight:bold}
.preview-box .con-preview .txt-preview .meta {position:relative; top:0;right:0}
.preview-box .con-preview .txt-preview .meta em {margin-left:10px}
.preview-box .con-preview .txt-preview .title {overflow:hidden; width:224px; white-space:nowrap; text-overflow:ellipsis;}

.photo-box .con-photo > div{}
.photo-box .con-photo .img-photo{overflow:hidden; margin:10px 0;height:126px;}
.photo-box .con-photo .img-photo img {max-width:100%;}
.photo-box .con-photo .txt-photo{height:50px;font-size:13px;line-height:21px;color:#363636;text-align:left;font-weight:bold}

.sketch-box .con-sketch > div{}
.sketch-box .con-sketch .img-sketch{margin:10px 0;height:126px;overflow:hidden}
.sketch-box .con-sketch .img-sketch img{max-width:100%}
.sketch-box .con-sketch .txt-sketch{height:50px;font-size:13px;line-height:21px;color:#363636;text-align:left;font-weight:bold}



.news-box{height:266px;}
.news-box .con-news{overflow:hidden}
.news-box .con-news > div {width:223px;margin-left:15px;float:left;height:230px;margin-top:10px}
.news-box .con-news > div.item-first{margin-left:0px}
.news-box .con-news > div .img-news{width:223px;height:158px;; overflow:hidden;}
.news-box .con-news > div .img-news img {max-width:100%;}
.news-box .con-news > div .txt-news{width:223px;margin-top:10px;height:50px;;font-size:13px;line-height:21px;color:#363636;text-align:left;font-weight:bold}

.clip-box{height:266px;}
.clip-box .con-clip{overflow:hidden}
.clip-box .con-clip > div {width:224px;margin-left:14px;float:left;height:230px;margin-top:10px}
.clip-box .con-clip > div:first-child{margin-left:0px}
.clip-box .con-clip > div .img-clip{width:224px;height:126px;;overflow:hidden;background-color:#ddd}
.clip-box .con-clip > div .img-clip img{max-width:100%}
.clip-box .con-clip > div .img-clip a{display:block;position:relative}
.clip-box .con-clip > div .img-clip a .clip_play{position:absolute;z-index:10 ;bottom:5px;right:5px;}
.clip-box .con-clip > div .txt-clip{width:224px;margin-top:10px;height:50px;;font-size:13px;line-height:21px;color:#363636;text-align:left;font-weight:bold}

.con-board{height:240px}
.con-board ul{overflow:hidden;margin-top:10px}
.con-board ul li{float:left;margin-bottom:5px;border-bottom:1px solid #e8e8e8;height:25px;width:240px;font-size:13px;line-height:28px;letter-spacing:-1px;text-align:left;padding-left:10px;background:url('http://img.imbc/broad/tv/drama/mom/images/dot.jpg') no-repeat 5px center }
 

/*
.clip-box{height:266px;}
.clip-box .con-clip{overflow:hidden}
.clip-box .con-clip > div {width:223px;margin-right:10px;float:left;height:230px;margin-top:10px}
.clip-box .con-clip > div .img-clip{width:223px;height:167px;background-color:#ddd}

.clip-box .con-clip > div .txt-clip{width:223px;margin-top:10px;height:50px;font-size:13px;line-height:21px;color:#363636;text-align:left;font-weight:bold}

.con-board{height:240px}
.con-board ul{overflow:hidden;margin-top:10px}
.con-board ul li{float:left;margin-bottom:5px;border-bottom:1px solid #e8e8e8;height:25px;width:240px;font-size:13px;line-height:28px;letter-spacing:-1px;text-align:left;padding-left:10px;background:url('http://img.imbc.com/broad/tv/drama/mom/images/dot.jpg') no-repeat left center }
*/

.ad-box{height:250px;background-color:#d2d2d2}
.slide-box{width:250px;height:266px;margin-top:10px;overflow:hidden;position:relative}
.slide-box ul{overflow:hidden}
.slide-box ul li{float:left}
.slide-box .btns{text-align:right;position:absolute;bottom:5px;right:5px;overflow:hidden}
.slide-box .btns .btn_play_stop{display:inline-block;float:left} 
.slide-box .btns ul{float:left}
.slide-box .btns ul li{margin-right:5px;height:23px}
.slide-box .btns ul li a{line-height:23px;display:inline-block;height:23px}
.slide-box .btns ul li a img{vertical-align:middle}/*
.slide-box .btns .control button{display: block;overflow: hidden;line-height: 999px;width: 17px;height: 17px;padding: 0;margin: 0;border: 0;cursor: pointer;background-image: url('http://img.imbc.com/broad/tv/drama/mom/images/btn_ban_play.png');
    background-color: transparent;
    background-repeat: no-repeat;}
.slide-box .btns .control button.stop{background-position:0 0}}*/
.clip-box{height:235px}



.main-ui-container .bottom-con-box{width:964px;height:190px;overflow:hidden;margin-top:12px;background-color:#daeaea;padding:20px 30px;font-family:µ¸¿ò,'dotum'}
.main-ui-container .bottom-con-box > div{float:left}
.main-ui-container .bottom-con-box > div h2{text-align:left;font-size:12px;line-height:21px;font-weight:bold}
.main-ui-container .bottom-con-box .box-listmenu{width:475px;border-right:1px solid #c9d7d6;height:180px;background:url('http://img.imbc.com/broad/tv/drama/mom/images/bg_top_verticalbar5.jpg') no-repeat 175px center}
.box-listmenu{width:475px}
.box-listmenu ul{overflow:hidden;margin-top:10px}
.box-listmenu ul li{float:left;width:200px;height:20px;margin-right:30px}
.box-listmenu ul li a{font-size:12px;color:#313f37;line-height:21px;text-align:left;display:block}

.main-ui-container .bottom-con-box .box-drama{margin-left:30px;width:450px;;height:180px;background:url('http://img.imbc.com/broad/tv/drama/mom/images/bg_top_verticalbar5.jpg') no-repeat 175px center}
.box-drama ul{overflow:hidden;margin-top:10px}
.box-drama ul li{float:left;width:190px;height:20px;margin-right:30px;font-size:12px;color:#313f37;text-align:left;line-height:21px;}
/* content ³¡ */
/* footer ½ÃÀÛ */
.main-ui-footer{float:left}
/* footer ³¡ */


.slide-box {overflow:hidden; position:relative; width:250px; height:266px;}
.slide-box .list {overflow:hidden; position:relative; width:250px; height:266px;}
.slide-box .list li {overflow:hidden; position:absolute; width:250px; height:266px;}
.slide-box .btns {z-index:10; position:absolute; right:40px; top:240px; height:11px; font-size:0; text-align:right;}
.slide-box .btns button {display:inline-block; zoom:1; *display:inline; width:11px; height:11px; margin-left:6px; background:url('http://img.imbc.com/broad/tv/drama/mom/images/slide_dot_stop.png') no-repeat; padding:0; border:0; cursor:pointer}
.slide-box .btns button.on {width:23px;background:url('http://img.imbc.com/broad/tv/drama/mom/images/slide_dot_playing.png') no-repeat;}
.slide-box .btn-play,
.slide-box .btn-stop {display:block; position:absolute; right:10px; top:235px; width:23px; height:23px; background:none; padding:0; border:0; cursor:pointer}
.slide-box .btn-play {background:none;}


/*******************************
	sub
*******************************/

.sub-ui-container{width:1024px;margin:0 auto;/*overflow:hidden*/;font-family:³ª´®°íµñ,'Nanum Gothic';position:relative; padding-top:250px}
.sub-ui-container h1{z-index:100; position:absolute;left:290px;height:250px;width:433px;top:30px}
.sub-ui-body .sub-ui-container .meta {z-index:100; /*overflow:hidden;*/ position:absolute; right:0; top:22px;}
.sub-ui-container .meta ul {overflow:hidden}
.sub-ui-container .meta ul li{float:left;color:#4c2141;padding-left:20px;font-size:11px;height:17px;font-family:µ¸¿ò,'dotum';line-height:17px}
.sub-ui-container .meta ul li.item-var-bg{background:url('http://img.imbc.com/broad/tv/drama/mom/images/bg_top_verticalbar1.png') no-repeat 0 center;}
.sub-ui-container .meta ul li .txt_bold{font-weight:bold;letter-spacing:-1px;padding: 0 15px 0 10px;}
/* content ½ÃÀÛ */
.sub-ui-content{width:1024px;background-color:#fff; padding-bottom:40px;}

.sub-ui-container .con-box{z-index:200; padding:40px 28px 0 28px;overflow:hidden;position:relative;}
.sub-ui-container .top-con-box {height:25px;border-bottom:2px solid #d2d2d2;width:964px}
.sub-ui-container .top-con-box h2{text-align:left}
.sub-ui-container .bottom-con-box{overflow:hidden;margin-top:15px}
.sub-ui-container .con-con{overflow:hidden; position:relative; float:left;/* margin:15px 21px 0 0 */width:692px; margin-right:15px;font-size:12px}
.sub-ui-container .con-aside{float:left}



/* content ³¡ */
/* footer ½ÃÀÛ */



.main-ui-footer, .sub-ui-footer{float:left}
/* footer ³¡ */

/* cast ½ÃÀÛ */
.sub-ui-body .cast-nav{overflow:hidden}
.sub-ui-body .cast-nav li{float:left;border:1px solid #ddd;border-left:none;width:113px;height:60px;line-height:60px;font-size:12px;font-family:µ¸¿ò,'dotum'}
.sub-ui-body .cast-nav li.item-first{border-left:1px solid #ddd}
.sub-ui-body .cast-nav li a{color:#737270;font-weight:bold}
.sub-ui-body .cast-info a{color:#737270}
.sub-ui-body .cast-info h3{text-align:left;margin-top:20px;background-color:#f2f5f5;height:51px;line-height:51px;font-size:14px;color:#737270;padding-left:22px;font-weight:bold;font-family:µ¸¿ò, 'dotum';}
.sub-ui-body .cast-info img{text-align:right;margin-left:405px;vertical-align:middle}
.cast-info ul li{overflow:hidden;margin:20px 0;line-height:1.42857}
.cast-info ul li div{float:left}
.cast-info .img-cast{width:200px;height:150px;margin-right:20px}
.cast-info .txt-cast{width:400px;overflow:hidden}
.cast-info .txt-cast .title_cast{text-align:left;font-weight:bold;font-size:13px;margin-bottom:5px}
.cast-info .txt-cast h4{font-size:14px;color:#737270;font-weight:bold;text-align:left;margin-bottom:10px}
.cast-info .txt-cast h4 span{background:url('http://img.imbc.com/broad/tv/drama/mom/images/bg_top_verticalbar3.png') no-repeat 0 center; padding:0 10px}
.cast-info .txt-cast .txt_info{font-size:12px;color:#44403e;font-family:µ¸¿ò, 'dotum';text-align:left;letter-spacing:-1px}
.img-cast img{margin:0 !important}
/* cast ³¡ */
/* À̺¥Æ® ½ÃÀÛ */
.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;
}
/* À̺¥Æ® ³¡ */
/*******************************
	footer
*******************************/
.main-ui-footer, .sub-ui-footer{padding:20px 0;margin:0 auto;width:1024px;text-align:center;background: url('http://img.imbc.com/broad/tv/drama/mom/images/bg_footer.jpg') no-repeat;}
#f-copyright{font-size:12px;color:#303030}