@charset "utf-8";
/*common*/
body {font-size:12px; letter-spacing:-1px; line-height:1.3;}
.main-ui {background:url(http://img.imbc.com/broad/tv/drama/man/images/main_bg_v3.jpg) no-repeat center 120px;}
.sub-ui {background:url(http://img.imbc.com/broad/tv/drama/man/images/sub_bg_v3.jpg) no-repeat center 120px;}
a {color:#333;}
.wrapper {width:100%; min-width:1024px; text-align:center;}
.container {position:relative; overflow:hidden; width:1024px; margin:0 auto; text-align:left;}
.footer {clear:both; padding:22px 0 28px; color:#555; text-align:center; font-size:12px; letter-spacing:0;}
.content-main .img, .content-main .tit, .content-main .date, .content-main .summary,.area-banner .banner-inner a, .area-preview a, .drama-bottom li a {display:block;}
.area-preview, .area-photo, .area-sketch, .area-news, .area-banner, .content-sub .content, .right-common, .aside-menu, .aside-drama, .drama-bottom li {float:left;}
.drama-gnb li a:hover, .drama-gnb li a:focus, .drama-gnb li a:active, 
.area-preview a:hover, .area-preview a:active, .single a:hover, .single a:active, .area-news .item-news a:hover, .area-news .item-news a:active,
.drama-bottom li a:hover, .drama-bottom li a:active, .cast-summary a:hover, .cast-summary a:active, .link-cast-tree:hover, .link-cast-tree:active {text-decoration:underline;}

/*main*/
.btn-like-program-wrap {position:absolute; top:10px; right:0; z-index:100;}
.drama-header {position:relative; overflow:hidden;}
.sub-ui .drama-header {height:270px;}
.main-ui .drama-header {height:470px;}

.main-ui .drama-header h1.logo {position:relative; top:84px; left:0; right:0; width:404px; height:220px; margin-left:298px;}
.visual-top {overflow:hidden; position:absolute; top:120px; left:0; right:0; width:100%; height:420px;}
.visual-top .list-img {position:relative; width:100%;}
.visual-top .list-img li {position:absolute; top:0; left:0; width:100%; height:420px; background-position:50% 0; background-repeat:no-repeat; text-indent:-9999px;}
.visual-top .area-paging {position:absolute; top:388px; left:0; width:100%; height:13px; text-align:center; z-index:50;}
.visual-top .area-paging button {overflow:hidden; width:20px; height:13px; background:url(http://img.imbc.com/broad/tv/drama/wos/images/btn_p_roll_off.png) no-repeat; line-height:100px; cursor:pointer; z-index:50;}
.visual-top .area-paging button.on {margin-right:5px; background:url(http://img.imbc.com/broad/tv/drama/wos/images/btn_p_roll_on.png) no-repeat;}
.drama-gnb {position:absolute; bottom:0; right:0; left:0; overflow:hidden; width:1024px; height:50px; background:#4d473b;}
.drama-gnb ul {width:100%;}
.drama-gnb li {height:100%; float:left;}
.drama-gnb li.fst {margin-left:30px;}
.drama-gnb li.fst a {padding-right:24px;}
.drama-gnb li.scd {margin-right:30px; background:url(http://img.imbc.com/broad/tv/drama/man/images/hit-nav-line.gif) no-repeat 0 18px;}
.drama-gnb li.scd a {padding-left:27px;}
.drama-gnb li.fst a,.drama-gnb li.scd a,.drama-gnb li.scd + li a {background:none;}
.drama-gnb li a {display:block; padding:0 10px; line-height:50px; color:#fff; letter-spacing:0; background:url(http://img.imbc.com/broad/tv/drama/man/images/nav-line_v2.gif) no-repeat 0 19px;}
.drama-gnb li.hot a {font-size:14px; font-weight:bold;}
.drama-info {position:absolute; overflow:hidden; width:100%; padding-top:14px;}
.sub-ui .drama-info {top:0; left:10px;}
.main-ui .drama-info {top:372px; left:10px;}
.drama-info dd {float:left; margin-right:7px; padding-left:7px; font-size:12px; color:#131254; background:url(http://img.imbc.com/broad/tv/drama/man/images/info-line.gif) no-repeat 0 1px;}
.drama-info dd.first {background:none; padding:0;}

.content-main {position:relative; overflow:hidden; *width:1024px; width:966px; padding:17px 29px; margin-bottom:8px; background:#fff;}
.content-main h3 {height:30px; padding-left:10px; margin-bottom:10px; line-height:30px; background:#eee; font-size:12px; font-weight:normal; color:#333;}
.single .img img, .area-preview .img img {width:100%;}
.single {width:224px; height:250px;}
.single .img {overflow:hidden; width:224px; height:126px; background:#eee;}
.single .tit {padding-top:7px; font-size:14px; font-weight:bold; color:#333;}
.area-preview {width:224px; height:250px; margin:0 15px 20px 0;} 
.area-preview a {position:relative; overflow:hidden; height:210px; background:#eee;}
.area-preview .img {position:absolute; top:0; left:0; right:0; overflow:hidden; width:100%; height:126px;}
.area-preview .date {display:block; margin-bottom:7px; padding:135px 17px 0; font-weight:bold;}
.area-preview .summary {line-height:1.5; padding:0 17px;}
.area-photo {margin:0 10px 24px 0;}
.area-sketch {margin:0 265px 24px 0;}
.area-news {overflow:hidden; width:698px; height:250px; margin-right:15px;}
.area-news ul {position:relative; padding-right:474px;}
.area-news .fst, .area-news .scd {position:absolute; top:0;}
.area-news .fst {right:234px;}
.area-news .scd {right:0;}
.area-news .single .img {overflow:hidden; width:224px; height:159px; background:#eee;}
/*.area-news .single .tit {padding-top:10px; font-size:14px;}*/
.area-news .item-news {overflow:hidden; width:224px; height:29px; border-bottom:1px solid #e5e5e5; text-indent:7px; line-height:29px; white-space:nowrap; text-overflow:ellipsis;}
.area-news li.item-news + li.item-news + li.item-news + li.item-news + li.item-news + li.item-news + li.item-news {border-bottom:0 none;}
.area-news .item-news a {font-size:11px;}
.area-banner {}
.area-banner > div {margin-bottom:10px;}
.area-banner .banner-article {position:relative; overflow:hidden; width:250px; height:110px;}
.area-banner .banner-inner {position:relative; width:250px;}
.area-banner .banner-inner a {position:absolute; top:0; left:100%; width:100%; height:110px; background:#e1e1e1;}
.area-banner .banner-inner a:first-child {left:0;}
.area-banner .btn-area {position:absolute; top:5px; right:9px; z-index:10;}
.area-banner .btn-area button {display:block;  float:left; overflow:hidden; width:15px; height:15px; background-repeat:no-repeat; background-position: 0 0; line-height:100px; font-size:0;}
.area-banner .prev-banner {background-image:url(http://img.imbc.com/broad/tv/drama/man/images/eventprev.gif); }
.area-banner .next-banner {background-image:url(http://img.imbc.com/broad/tv/drama/man/images/eventnext.gif); }
.area-clip {overflow:hidden; width:100%; height:257px;}
.area-clip ul {width:977px;}
.area-clip li {float:left; margin-right:13px; width:231px;}
.area-clip .single .img {overflow:hidden; width:231px; height:126px; background:#eee;}
.ad250{position:absolute; top:17px; right:29px; overflow:hidden; width:250px;}

.drama-bottom {overflow:hidden; width:100%; padding:28px 0; background:#fff;}
.aside-menu, .aside-drama {overflow:hidden; width: 512px;}
.drama-bottom h3{margin: 0 0 12px;  padding:0 36px;  font-weight:bold; font-size:12px;}
.aside-menu {overflow:hidden; width:512px; background: url('http://img.imbc.com/broad/tv/drama/women/img//bg-dott.png') repeat-y right;}
.drama-bottom ul {overflow:hidden; background: url('http://img.imbc.com/broad/tv/drama/women/img//bg-dott.png') repeat-y center;}
.drama-bottom li {width:184px; margin:0 0 6px; padding:0 36px; line-height:1.2;}
.drama-bottom li a {color:#333;}

/*sub*/
.sub-ui .drama-header h1.logo {width:404px; height:220px; margin-left:298px;}
.content-sub {position:relative; overflow:hidden; width:964px; *width:1024px; padding:30px 30px; background:#fff;}
.content-sub .content {width:693px; margin-right:21px;}
.tit-h2-sub {overflow:hidden; width:100%; height:27px; border-bottom:2px solid #e2e2e2; solid #ddd; margin-bottom:15px;	background:url(http://img.imbc.com/broad/tv/drama/man/images/man-title.png) no-repeat; white-space:nowrap; text-indent:100%;}
.tit-h2-sub.tit-vod {	background-position:5px 0;}
.tit-h2-sub.tit-board {background-position:5px -27px;}
.tit-h2-sub.tit-staff {background-position:5px -54px;}
.tit-h2-sub.tit-cast {background-position:5px -81px;}
.tit-h2-sub.tit-preview {background-position:5px -108px;}
.tit-h2-sub.tit-clip {background-position:5px -135px;}
.tit-h2-sub.tit-news {background-position:5px -162px;}
.tit-h2-sub.tit-sketch {background-position:5px -189px;}
.tit-h2-sub.tit-photo {background-position:5px -216px;}
.tit-h2-sub.tit-onair {background-position:5px -243px;}
.tit-h2-sub.tit-event {background-position:5px -270px;}
.tit-h2-sub.tit-tvinfo {background-position:5px -297px;}
.tit-h2-sub.tit-cook {background:url(http://img.imbc.com/broad/tv/drama/man/images/title-food.jpg) no-repeat 0 0;}
.tit-summ-cook {position:absolute; top:33px; left:115px;}
.right-common {width:250px;}

.cast-wrap {position:relative; width:100%;}
.cast-img-area {margin-bottom:11px;}
.cast-summary {position:relative; margin-bottom:20px; border-top:2px solid #e0e8e8; border-bottom:2px solid #e0e8e8; color:#3e4f4e; letter-spacing:-0.5px;}
.cast-summary h3 {overflow:hidden; width:100%; padding:19px 0 18px; background:#f2f5f5; font-size:14px; font-weight:bold; color:#737270;}
.cast-summary h3 span {display:block;float:left;line-height:16px;height:16px;}
.cast-summary h3 .drama-name {margin-left:21px; padding-right:14px;}
.cast-summary h3 .actor-name {padding-left:10px; background:url("http://img.imbc.com/broad/tv/drama/ggcs/img/cast-bg.gif") no-repeat 0 1px;}
.cast-summary p {padding:10px 0 15px; margin:0 25px; font-size:12px; line-height:20px; letter-spacing:-1px; color:#44403e;}
.cast-summary p strong {display:block; padding-bottom:8px; font-size:14px; line-height:30px; font-weight:normal; letter-spacing:-1px;}
.cast-summary a, .link-cast-tree {display:block; position:absolute; right:9px; width:160px; overflow:hidden; color:#3c7a72; line-height:21px;}
.cast-summary a {top:19px;}

.list-other {width:100%; padding-top:40px;}
.other-item {overflow:hidden; width:622px; margin:0 30px 0 40px; padding-bottom:20px;}
.other-item .other-img {overflow:hidden; width:200px; float:left;}
.other-item .other-img img {height:150px; }
.other-item p {padding-left:210px; font-size:12px; line-height:18px; letter-spacing:-1px; color:#44403e;}
.other-item p strong {overflow:hidden; display:block; width:400px; margin-bottom:16px; font-size:14px; color:#777574;}
.other-item p strong span {display:block; float:left;}
.other-item p strong .other-actor-name {margin-left:10px; padding-left:10px; background:url("http://img.imbc.com/broad/tv/drama/ggcs/img/cast-other-bg.gif") no-repeat 0 2px;}
.link-cast-tree {top:5px;}

.ui-dividing-presscon {overflow:hidden;position:relative;margin-bottom:20px;}
.ui-dividing-presscon .player {overflow:hidden;	z-index:10;position:absolute;left:28px;top:379px;width:638px;*width:640px;height:358px;*height:360px;border:1px solid #c595c9;background-color:#000;}
.ui-dividing-presscon .buttons {display:block; z-index:10;overflow:hidden;position:absolute;	left:0;	top:747px;	width:100%; text-align:center;	font-size:0;}
.ui-dividing-presscon .buttons a:first-child {margin-right:5px;}
.ui-dividing-presscon .button {display:inline-block;	position:relative;	vertical-align:top;	zoom:1;*display:inline;}