@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:830px; 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}
.display_none {display:none}
/* layout */
body.sub	{background:#193340 url("http://img.imbc.com/broad/tv/drama/storm/images/sub.jpg") no-repeat center 150px}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/drama/scarlet/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_wrap {z-index:20; position:relative; width:100%; height:732px}
#container	{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}
#sub_main   {position:relative; z-index:2; overflow:hidden; width:820px; padding:0 0 50px 0px; background:#fff url("http://img.imbc.com/broad/tv/drama/storm/images/bg_sub_left.jpg") repeat-y; clear:both}
#main_content {position:relative; width:830px; height:732px}
#content	{z-index:10; position:relative; float:left; width:820px; *height:600px; padding:0 0 70px; background:none; text-align:left}
#menu_bottom {border:1px solid #e6e6e6; background-color:#f6f3e7; clear:both; float:left; padding:19px; margin-top:10px}
#main_footer {position:relative; z-index:30; width:990px; height:163px; margin:0 auto}
#footer		{z-index:10; clear:both; width:100%}
#Adcode		{top:0 !important}
/* --- main ---*/
.into {display:block; position:absolute; z-index:1; left:232px; top:577px; overflow:hidden; width:155px; height:53px; background:url("http://img.imbc.com/broad/blank.gif"); text-indent:-5000em}
.teaser_vod {display:block; position:absolute; z-index:1; left:403px; top:577px; overflow:hidden; width:154px; height:53px; background:url("http://img.imbc.com/broad/blank.gif"); text-indent:-5000em}
#main_vod {display:none; position:absolute; z-index:40; left:74px; top:90px; width:640px; *width:680px; height:391px; *height:435px; padding:44px 0 0 40px; background:#000}
#main_vod .close {display:block; position:absolute; right:14px; top:13px; overflow:hidden; width:26px; height:24px; background:url("http://img.imbc.com/broad/tv/drama/mysweethome/images/btn_close.gif") no-repeat; cursor:pointer; text-indent:-5000em}
#alpha_area {display:none; position:absolute; z-index:20; left:0; top:0; width:100%; height:732px; background:#000}
/* --- spot --- */
#spot {position:relative; width:820px; height:175px}
#top {text-align:right;padding:5px 27px 0 0}
/* --- snb --- */
.snb_wrap{background:#000; filter:alpha(opacity=80);opacity: 0.8; -moz-opacity: .8; position:absolute; left:0; top:0; z-index:1; width:820px; height:175px; visibility:hidden}
#snb{padding:25px 0 0 180px;visibility:hidden;position:absolute;left:0;top:0;z-index:1}
#snb ul#layer_menu{float:left;height:150px;width:640px}
#snb ul#layer_menu li{float:left;border-left:1px solid #504844; padding:0 16px;min-height:126px;*height:126px}
#snb ul#layer_menu li.border_none{border-left:0}
#snb a.layer_btn_close{position:absolute;display:block;right: 5px; top: 5px;width:23px;height:24px}
#snb a.layer_btn_close img{width:23px;height:24px}
#snb ul#layer_menu li.last{border-left:0px none;padding:0 0 0 16px;text-align:right}
#snb ul#layer_menu li dl{width:81px}
#snb ul#layer_menu li dl dt{padding-bottom:7px; color:b43938; font-weight:bold; font-size:12px}
#snb ul#layer_menu li dl dd{line-height:17px;letter-spacing:-1px;color:#777; *padding-bottom:2px}
#snb ul#layer_menu li dl dd a{font-size:11px;color:#999}
#snb ul#layer_menu li dl dd a:hover{color:#999}
/* --- top_bar --- */
#top_bar {position:relative; z-index:2; width:820px; height:32px; background:#fff}
#top_bar a.btn {float:left}
.top_menu_wrap {float:left; width:640px; height:31px; *height:32px !important; border-bottom:1px solid #eaeaea; font-size:11px; letter-spacing:-1px}
#top_menu {float:left; width:625px; *width:640px; padding:0 8px 0 7px; margin-top:10px}
#top_menu li {background:url("http://img.imbc.com/broad/tv/drama/storm/images/icon_bar.jpg") no-repeat right 2px;float:left;padding:0 11px 0 12px}
#top_menu li.last {background:none}
#top_menu li.menu{float:right}
.top_menu_wrap ul li{float:left;height:17px;padding-right:2px}
.top_menu_wrap ul li a{color:#bb4c4c !important; font-size:11px !important}
.top_menu_wrap ul li.menu a#menu_btn{background:url("http://img.imbc.com/broad/tv/drama/storm/images/btn_menu_open.gif") no-repeat left top;padding:1px 0 0 17px}
.top_menu_wrap ul li.event{text-align:right;overflow:hidden}
.pointer{cursor:pointer}
/* --- sub_left --- */
#sub_left {float:left; overflow:hidden; width:141px; *width:180px; padding:20px 20px 0 19px; font-size:11px; letter-spacing:-1px}
#sub_left #program_info {width:141px; padding-bottom:9px; margin-bottom:13px; border-bottom:1px solid #c14746; line-height:15px; font-size:11px; color:#ffd6d6}
#sub_left #program_info b {font-size:11px; letter-spacing:-1px; color:#ffd6d6 !important}
#sub_left #keyword_wrap {overflow:hidden; width:141px; padding-bottom:10px; border-bottom:1px solid #c14746;margin-bottom:12px;}
#sub_left #keyword_wrap dl dt{overflow:hidden; width:141px; margin-bottom:5px; padding:0 0 0 10px; background:url("http://img.imbc.com/broad/tv/drama/mysweethome/images/arrow_keyword.gif") no-repeat left 4px; color:#fff !important; font-weight:bold; font-size:11px}
#sub_left #keyword_wrap dl dt strong{color:#fff !important;}
#sub_left #keyword_wrap dl dd {background:url("http://img.imbc.com/broad/tv/drama/mysweethome/images/icon_dott.gif") no-repeat 1px 7px; padding-left:11px}
#sub_left #keyword_wrap dl dd a{font-size:11px;letter-spacing:-1px; color:#ffd6d6}
#sub_left #keyword_wrap dl dd a:hover{color:#ffd6d6}
#sub_left #sns {overflow:hidden; width:141px; margin-bottom:16px; padding:8px 0 9px 0; text-align:justify; border-bottom:1px solid #b636aa}
#sub_left #sns .f_left {float:left}
#sub_left #sns .f_right {float:right}
#sub_left #update_info {overflow:hidden; width:141px;}
#sub_left #update_info dl, div#sub_main #sub_left #update_info dl dt, div#sub_main #sub_left #update_info dl dd {float:left}
#sub_left #update_info dl{overflow:hidden; width:141px; margin-bottom:15px}
#sub_left #update_info dl dt {overflow:hidden; width:60px; height:45px; margin-right:9px}
#sub_left #update_info dl dt img{width:58px; height:43px; border:1px solid #ccc; vertical-align:top}
#sub_left #update_info dl dd {width:71px; line-height:15px}
#sub_left #update_info dl dd a{font-size:11px;letter-spacing:-1px; color:#ffd6d6}
#sub_left .sub_issue {overflow:hidden; width:141px; margin-bottom:14px; padding-bottom:15px; line-height:15px; border-bottom:1px solid #c14746}
#sub_left .sub_issue h3 {padding-bottom:6px; font-size:11px; color:#fff}
#sub_left .sub_issue h3 a {font-size:11px; color:#fff; font-weight:bold}
#sub_left .sub_issue p {line-height:15px;font-size:11px;letter-spacing:-1px; color:#ffd6d6}
/* --- sub_right --- */
#sub_right {float:left; width:600px; *width:640px; padding:20px 20px 0 20px}
#sub_right .content_wrap {width:600px; min-height:600px; height:auto !important; height:600px; text-align:center}
#sub_right h2{font-size:18px; padding:2px 0 15px; margin-top:1px; color:#000; font-weight:bold;text-align:left;}
#sub_right h2 span{color:#a3a3a3;font-weight:normal;border-left:1px solid #ddd; margin-left:10px;padding-left:10px;font-size:11px}
#sub_right h2 span strong {color:#b83030}
/* --- menu_bottom --- */
.menu_bottom {overflow:hidden; width:782px; *width:820px; padding:19px; margin-top:10px; background:#fcf2f2}
.bottom_wrap {width:782px; float:left}
.menu_bottom ul#layer_menu, div.menu_bottom ul#layer_menu li {float:left}
.menu_bottom ul#layer_menu {}
.menu_bottom ul#layer_menu li {height:125px; padding:0 27px 0 17px; border-right:1px solid #e6e6e6}
.menu_bottom ul#layer_menu li dl {width:81px}
.menu_bottom ul#layer_menu li dl dt, ul#drama_link li.title {color:#999;padding-bottom:6px;font-size:11px;font-weight:bold}
.menu_bottom ul#layer_menu li dl dd, ul#drama_link li {line-height:17px}
.menu_bottom ul#layer_menu li dl dd a, ul#drama_link li a { font-size:11px;letter-spacing:-1px; color:#666}
#drama_link {float:left; overflow:hidden; height:124px; padding-left:20px}
#drama_link li a {color:#666}
/* --- staff --- */
.staff_wrap {overflow:hidden; wisth:600px; padding:0 10px; text-align:left}
.staff_wrap dl {overflow:hidden; width:580px; line-height:20px}
.staff_wrap dl dt {display:block; color:#b11b19; font-weight:bold}
.staff_wrap dl dd {display:block; margin-bottom:21px; color:#777;letter-spacing:-1px;}
.staff_wrap dl dd span {color:#3b3b3b}
.staff_wrap dl dt.publisher {margin-bottom:21px}
/* --- 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}
/* --- board --- */
.bbs_wrap {position:relative; overflow:hidden; width:600px}
/* --- vod --- */
.vod_wrap {position:relative; overflow:hidden; width:600px}
/* --- event --- */
#list_event{float:left; width:600px; height:54px; padding:4px 0 0 8px; margin-bottom:15px; background:url(http://img.imbc.com/broad/tv/drama/images/event_bg.jpg) no-repeat;}
#list_event a{display:block; width:91px; height:27px; font:0/0 Sans-serif; text-indent:-2000px}
#list_event li{float:left; margin-right:19px;}
#list_event li.eve_nav1 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu1_off.jpg) no-repeat;}
#list_event li.eve_nav2 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu2_off.jpg) no-repeat;}
#list_event li.eve_nav3 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu3_off.jpg) no-repeat;}
#list_event li.eve_nav1 a:hover, .eve_nav1_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu1_on.jpg) no-repeat;}
#list_event li.eve_nav2 a:hover, .eve_nav2_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu2_on.jpg) no-repeat;}
#list_event li.eve_nav3 a:hover, .eve_nav3_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu3_on.jpg) no-repeat;}
.event_bx{width:600px; margin-left:auto; margin-right:auto; text-align:center;}
.event_bx .pgnavi table {table-layout:auto !important}

.left_vod {overflow:hidden; width:160px; margin:0 auto 10px auto; text-align:left}
.left_vod h3 {margin-bottom:5px; padding-left:0px; font-size:12px; color:#fff; letter-spacing:-1px; font-weight:bold; line-height:1.4; }
.left_vod ul {overflow:hidden; width:150px}
.left_vod ul li {float:left; width:70px; line-height:15px; margin:0 5px 7px 0; text-align:center}
.left_vod ul li .img {float:left; width:60px; height:45px; margin-bottom:6px}
.left_vod ul li .img img {border:1px solid #ccc; vertical-align:top}
.left_vod ul li .detail {float:left; width:70px}
.left_vod ul li .detail a {font-size:11px; color:#ffd6d6; letter-spacing:-1px; text-decoration:none}