@charset "euc-kr";
/* IMBC Web Operation Division, Lee gil hwan */ 
@import url("http://www.imbc.com/broad/tv/drama/css/default100421.css");
/* Type */
h1 		{position:absolute; left:0; top:0;}
h1 a 	{display:block; width:180px; height:175px}
h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;}
hr 		{clear:both; display:none;}
em	 	{font-style:normal;}
label 	{position:relative; top:1px;}
caption {display:none;}
/* Layout */
body.sub	{background:url("http://img.imbc.com/broad/tv/ent/csi10/images/sub_bg_v1.jpg") no-repeat center 150px; text-align:center}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/ent/alllove/images/bg_footer.gif) repeat-x bottom; text-align:center;}
#header		{z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center;}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left;}
#container	{z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
#spot 		{z-index:10; position:relative; width:830px; height:33px; *height:208px; padding-top:175px}
#colgroup	{z-index:10; position:relative; overflow:hidden; width:818px; *width:820px; border:1px solid #404040; background:#404040;margin-bottom:150px;}
#snb		{z-index:10; float:left; overflow:hidden; width:178px; text-align:center;}
#main_content {z-index:10; position:relative; overflow:hidden; width:820px; padding-top:480px; background:none; text-align:left;}
#sub_content {z-index:10; position:relative; float:left; overflow:hidden; width:639px; *width:640px; border-left:1px solid #e6e6e6; text-align:center;padding:0 0 15px 0;background:#fff;}
#footer		{z-index:10; clear:both; width:100%;}
#Adcode		{top:0 !important;}
/* Class */
.skip_navi {display:none;}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle;}
.checkbox {width:13px; height:13px; vertical-align:middle;}
.display_none {display:none;}
/* --- main --- */
#top_bar {width:820px; height:33px}
#top_bar ul {float:left; width:180px; height:33px}
#top_bar ul li {float:left; height:33px}
#top_bar ul li a.vod {display:block; float:left; width:86px; height:33px; background:url("http://img.imbc.com/broad/tv/ent/csi10/images/top_bar_menu.jpg") no-repeat 0 0; text-indent:-5000em}
#top_bar ul li a.bbs {display:block; float:left; width:94px; height:33px; background:url("http://img.imbc.com/broad/tv/ent/csi10/images/top_bar_menu.jpg") no-repeat -86px 0; text-indent:-5000em}
.main_info {float:left; width:621px; *width:640px; height:22px; *height:33px; padding:11px 19px 0 0; text-align:right; letter-spacing:-1px; font-size:11px; color:#fff; background:#404040; line-height:1.335;font-weight:bold;}
.main_info strong {color:#402b18; font-size:11px}
.main_info em {font-size:11px; color:#af8a69}

/* --- layer_navi --- */
#layer_navi {position:absolute; right:10px; top:89px; width:65px; height:14px; font-size:11px; color:#9a9a9a; font-weight:bold}
#layer_navi .page {display:inline-block; float:left; height:14px; margin-right:7px; line-height:1.4; font-size:11px; color:#9a9a9a; font-weight:bold}
#layer_navi .page span {color:#737373}
#layer_navi .btn_pre {display:inline-block; float:left; width:14px; height:15x; background:url("http://img.imbc.com/broad/tv/ent/alllove/images/btn_layer_navi.gif") no-repeat 0 0; border:0; text-indent:-5000em; cursor:pointer}
#layer_navi .btn_next {display:inline-block; float:left; width:15px; height:15px; background:url("http://img.imbc.com/broad/tv/ent/alllove/images/btn_layer_navi.gif") no-repeat -14px 0; border:0; text-indent:-5000em; cursor:pointer}
/* --- sub --- */
.leftwrap {overflow:hidden; float:left; width:140px; padding:20px 0 0 0; margin-right:15px}
.main_menu {overflow:hidden; width:140px; padding-top:1px; margin:0 0 11px 20px; background:url("http://img.imbc.com/broad/tv/ent/csi10/images/icon_menu_dott.gif") repeat-x left top;text-align:left;}
.main_menu li {float:left; width:160px; height:25px; *height:26px; padding:0 0 0px 0; background:url("http://img.imbc.com/broad/tv/ent/csi10/images/icon_menu_dott.gif") repeat-x left bottom;letter-spacing:-1px;}
.main_menu li a {display:block; float:left; overflow:hidden; width:145px; *width:160px; height:18px; *height:25px; padding:6px 0 0 5px; color:#ededed !important;  font-size:12px}
.main_menu li a:hover { text-decoration:none}
.main_menu li strong{color:#ededed !important;}
.main_menu li span{color:#a5a5a5 !important; font-size:11px;font-weight:none;font-family:µ¸¿ò,Dotum}
.main_menu span a{color:#a5a5a5 !important; font-size:11px;font-weight:none;font-family:µ¸¿ò,Dotum}

#sub_content h3 {width:600px; height:40px; *height:58px; padding-top:17px; margin:0 auto 10px auto; border-bottom:1px solid #e6e6e6; text-align:left; font-weight:bold}
#sub_content h3 .s_menu {font-size:12px; color:#555; line-height:1.4}
#sub_content h3 .b_menu {font-size:18px; color:#402b18; line-height:1.43}
#sub_content .section {width:600px; min-height:800px; height:auto !important; height:800px; margin:0 auto; text-align:left;padding:0 0 15px 0;}

/* --- cast --- */
#cast_nav {float:left; overflow:hidden;  height:80px; *height:100px; padding:20px 34px 0 15px; background:#f1f1f1}
#cast_nav span.arrow {float:left; width:8px; *width:23px; padding:20px 0}
#cast_nav span#arrow_left {*width:23px; padding-right:15px}
#cast_nav span#arrow_right {*width:21px; padding-left:13px}
#cast_nav span.arrow img {filter:alpha(opacity=50); opacity: 0.5 -moz-opacity: 0.5}
#cast_nav ul, #cast_nav ul li{float:left}
#cast_nav .cast_nav_ul_wrap {float:left; overflow:hidden; width:505px}
#cast_nav ul {width:2000000px; position:relative; left:0}
#cast_nav ul li {padding-right:17px}
#cast_nav ul li dl dt img {width:68px;height:51px; border:1px solid #cdcdcd}
#cast_nav ul li dl dd {width:70px; margin-top:-1px; *margin-top:5px; text-align:center; color:#555; letter-spacing:-2px; line-height:15px; font-size:11px}
#cast_content {clear:both; float:left; overflow:hidden; width:600px; padding-top:20px; text-align:left}
/*#cast_content img.cast_main_pic {border:1px solid #eaeaea}*/
.cast_content_sub {float:left;width:600px; margin-top:20px}
.cast_content_sub_left {float:left; width:435px}
.left_full {width:auto}
.cast_content_sub span.name {font-size:16px; font-weight:bold; color:#000}
.cast_content_sub span.bar {color:#cbcbcb}
.cast_content_sub span.job {color:#d7426d}
.cast_content_sub span.age {color:#777}
.cast_content_sub div.explain {padding-top:6px; line-height:22px}
.cast_content_sub div.explain p {color:#777; line-height:22px; font-size:12px; letter-spacing:0}
.cast_content_sub_right {float:left;padding:23px 0 0 20px}
.cast_content_sub_right .cast_info_wrap {width:145px; font-size:11px}
.cast_content_sub_right .cast_info_pic {border:1px solid #eaeaea}
.cast_content_sub_right .title, .cast_content_sub_right .content {padding-left:11px}
.cast_content_sub_right .title {margin-top:15px; color:#000; background:url("http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif") no-repeat left top; line-height:8px}
.cast_content_sub_right .content {margin-top:5px; color:#777; line-height:15px}
.cast_content_sub_right .sub {padding-top:8px}
.cast_content_sub_right .sub span {display:block; padding-left:11px; margin-bottom:4px; background:url("http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif") no-repeat left}
.cast_content_sub_right .sub span a {color:#5574ca;text-decoration:underline}
.none {display:none}
.cast_content_sub dl, .cast_content_sub dl dt, .cast_content_sub dl dd {float:left}
.cast_content_sub dl {width:585px; padding-bottom:15px}
.cast_content_sub dl dt img {border:1px solid #ebebeb;width:193px;height:133px}
.cast_content_sub dl dd {width:376px; *width:390px; padding-left:14px}
.cast_content_sub dl dd span.job {font-weight:bold}
.cast_content_sub dl dd span.age {color:#777}
.cast_content_sub dl dd div.explain {padding-top:10px}
.cast_content_sub dl dd span.char_info a {padding-left:11px; margin-left:10px; color:#5574ca; text-decoration:underline; background:url("http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif") no-repeat left}


.style_content{margin-top:20px;}
.style_content p.question{color:#e36f8a;font-size:12px;font-weight:bold;margin-top:10px;}
.style_content p.answer{color:#777;font-size:12px;margin:11px 0 13px;letter-spacing:0px; line-height:17px;}


/* Á¦ÀÛÁø */
div.staff_wrap {float:left; }
div.staff_wrap dl {float:left; padding:22px 0 0px;width:600px;}
div.staff_wrap dl dt {float:left; width:183px;height:122px;overflow:hidden;border:1px solid #eaeaea;margin-right:15px;}
div.staff_wrap dl dt img{width:183px;height:122px;}
div.staff_wrap dl dd {float:left; width:400px;text-align:left;color:#777;font-size:12px;line-height:170%;}}
div.staff_wrap dl dd .name{font-weight:bold;color:#333;font-size:14px;}
