@charset "euc-kr";

/* µîÀåÀι° 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;}