@charset "euc-kr";

/* µîÀåÀι° */
.cast-data {overflow:hidden; margin-bottom:20px;} 
.cast-data .cast-main-name {height:35px; *height:54px; padding:18px 0 0 21px; background:#f5f2f2; font-weight:bold; color:#555; font-size:14px;}
.cast-data .img {float:left; display:block; padding-bottom:9px;}
.cast-data .img img {width:300px; height:450px;}
.cast-right {margin-left:320px; border-top:2px solid #e8e0e0;}
.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 {}
.cast-other dl {position:relative; min-height:150px; *height:150px; margin-bottom:15px; padding:20px 0 0 215px; letter-spacing:-1px;}
.cast-other .img {position:absolute; top:0; 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;}

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

/* µîÀåÀι° navi */
.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:none; 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; *width:610px; 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 .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; *width:122px !important; height:62px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; color:#44403e; text-align:center; line-height:62px;}
.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; *width:122px; height:60px; *height:62px; line-height:60px; margin-left:-1px; border:1px 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; *padding-right:4px; *padding-left:2px;}
.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-box li.p-end a:hover, .cast-box li.p-end a:focus, .cast-box .p-end.on a {margin-left:0; text-indent:-1px;}