@charset "euc-kr";
/* IMBC Web Operation Division */ 
@import url("http://www.imbc.com/broad/tv/drama/css/default100421.css");

/* --- default --- */
h1 		{position:absolute; left:0; top:0}
h1 a 	{display:block; width:280px; height:150px}
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}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.checkbox {width:13px; height:13px; margin-right:4px; vertical-align:top}

/* Default Layout */
body		{text-align:center; font-size:75%}
#wrap 		{width:100%; text-align:center; background:#c9ec7f;}
#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; width:990px; margin:0 auto; text-align:left;}
#content	{z-index:10; float:left; width:736px; background:#fff; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#f_copyright	{z-index:10; clear:both; width:100%; height:82px; color:#333333; padding-top:18px; text-align:center;}
#right_common {margin-left:3px; *margin-left:4px; margin-top:-250px;}

/** ±âŸ ±³Á¤ **/
#sym40 {position:static !important;}
#imgym40 {display:none !important;}

/*-- bg&spot --*/
#wrap_bg1 {width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/drama/myheart/images/bg_sub_top.jpg) no-repeat 50% 150px;}
#wrap_bg2 {width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/drama/myheart/images/bg_sub_bottom.jpg) no-repeat 50% 400px;}
.myheart_home {position:relative; left:0px; top:80px; width:300px; height:150px;}
.myheart_home a{display:block; float:left; width:300px; height:150px;}
#spot{position:relative; width:735px; height:250px;}
.staff_info {position:absolute; left:583px; top:20px;}
.staff_info p {font-size:11px; color:#f5f5f5; line-height:1.2em;}
.staff_info p.staff_info_blod {font-weight:bold;}

#left_bg {position:absolute; float:left; display:inline; z-index:10; width:700px; height:520px; text-indent:-5000em; margin-left:-960px;}

/*-- snb --*/
#snb{position:relative; float:left; width:130px;}
.btn_vod_board {float:left;}
.btn_vod_board ul{float:left;}
.btn_vod_board ul li{float:left;}
.btn_vod_board ul li img{float:left; width:130px; height:26px; margin:0px; margin-left:0px; *margin-left:-3px;}
.btn_vod_board ul li img.my_board{float:left; width:130px; height:25px; margin:0px; margin-left:0px; *margin-left:-3px;}
.menu_wrap {overflow:hidden; width:110px; *width:130px; padding:0 10px; margin-top:12px;}
#snb h3 {margin-top:-1px; padding:11px 0 3px 0; border-top:1px solid #e8e8e8; font-size:12px; color:#000; font-weight:bold; line-height:1.4}
#snb h3 a {font-size:12px; color:#000; font-weight:bold; line-height:1.4}
.s_menu {overflow:hidden; width:110px; margin-bottom:7px}
.s_menu li {height:20px; vertical-align:top}
.s_menu li a {font-size:12px; color:#666; line-height:1.4}
.s_menu li a.on, .s_menu li a:hover {padding-left:8px; color:#b6002f; text-decoration:underline; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/icon_s_menu.gif") no-repeat 0 3px}
.event_more{margin-left:5px;}
ul.sub_bannerWrap {display:inline; float:left; width:115px; margin-left:-2px; margin-top:1px;}
ul.sub_bannerWrap li {float:left; width:115px; height:40px;}
/*-- ¼­ºêÄÁÅÙÃ÷ŸÀÌƲ --*/
#p_info {position:relative; float:left; width:605px; height:51px; background:url(http://img.imbc.com/broad/tv/drama/myheart/images/bg_sub_title.gif) no-repeat 0px 0px; margin-left:0px; *margin-left:-3px;}

.roll_talk {position:absolute; float:left; left:0px; top:15px; width:455px; height:20px; overflow:hidden;}
.items {position:absolute; float:left; left:0px; top:25px; margin:4px; font-family:'Dotum'; font-size:12px; color:#fff; text-indent:20px;}
.items a {font-family:'Dotum'; font-size:12px; color:#fff; text-indent:20px;}
/*-- section_wrap --*/
#section_wrap{float:left; width:603px; *width:605px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin-left:0px; *margin-left:-3px; padding:18px 0px 100px 0px;}
#section_wrap h5{font-size:18px; margin-bottom:15px; margin-left:18px;}
h5 span {margin-left:10px; font-size:11px; color:#aaaaaa; font-weight:normal}
.section .content_concept {display:inline; float:left; margin-left:10px;}
.section .content_launch {margin-left:10px; margin-bottom:10px;}


/* µîÀåÀι° ÆäÀÌÁö Àü¿ë */
.cast_navi {width:584px; height:100px; margin-bottom:20px; background:#f1f1f1}
.cast_intro_wrap {overflow:hidden; width:584px}
.cast_intro_wrap .tit {float:left; height:31px; line-height:1.45}
.cast_intro_wrap .tit .name {float:left; font-size:16px; color:#000; font-weight:bold}
.cast_intro_wrap .tit .actor_name {float:left; font-size:12px; color:#737373; margin-right:10px; padding-top:5px;}
.cast_intro_wrap .tit .actor_name strong {color:#fe6268}
.cast_intro_wrap .tit .btn_starlounge {float:left;}
.cast_intro_wrap .tit .btn_starlounge a {float:left; padding-left:2px; padding-right:3px; line-height:22px; font-size:12px; color:#5ba4dc; font-weight:bold; margin-top:3px;}
.cast_intro_wrap .sns {float:right; height:31px}
.cast_intro_wrap .img {display:block; clear:both; margin-bottom:29px; border:1px solid #eaeaea}
.cast_intro_wrap .intro_left {float:left; overflow:hidden; width:440px; line-height:1.8; text-align:left}
.cast_intro_wrap .intro_left_no {float:left; overflow:hidden; width:5840px; line-height:1.8; text-align:left}
.cast_intro_wrap .intro_left p {font-size:12px; color:#777; line-height:1.8}
.cast_intro_wrap .intro_left_no p {font-size:12px; color:#777; line-height:1.8}
.cast_intro_wrap .intro_right {float:left; overflow:hidden; width:142px; *width:144px; padding-top:12px; text-align:center; background:#f1f1f1; border:1px solid #eaeaea;}
.cast_intro_wrap .intro_right .star_photo {color:#917141; font-weight:bold;}
.cast_intro_wrap .intro_right ul {padding-top:5px;}
.cast_intro_wrap .intro_right li {margin-bottom:5px;}
.cast_intro_wrap .intro_right li img {border:1px solid #ccc;}
.cast_intro_wrap .intro_right .like {height:22px; margin-bottom:15px}
.cast_intro_wrap .intro_right .like img {vertical-align:top}
.cast_intro_wrap .intro_right .like span {display:inline-block; height:19px; *height:22px; padding-top:3px; font-size:12px; font-family:Gulim; color:#474747}
.cast_intro_wrap .intro_right .actor_link {display:inline-block; width:78px; *width:90px; margin-bottom:3px; padding-left:12px; text-align:left; background:url("http://img.imbc.com/broad/tv/drama/kiss/images/icon_d_arrow.gif") no-repeat 0 4px}
.cast_intro_wrap .intro_right .actor_link a {font-size:11px; color:#c42d45; letter-spacing:-1px}
.cast_content_sub{margin-top:20px;float:left;width:584px;}
.cast_content_sub_left{width:435px;float:left;}
.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:#164700;}
.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:0px;}
.cast_content_sub_right{float:left;padding:23px 0 0 20px;}
.cast_content_sub_right .cast_info_wrap{width:145px;}
.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{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;margin-top:15px;}
.cast_content_sub_right .content{color:#777;line-height:15px;margin-top:5px;}
.cast_content_sub_right .sub{padding-top:8px;}
.cast_content_sub_right .sub span{display:block;background:url(http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif) no-repeat left;padding-left:11px;margin-bottom:4px;}
.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{padding-bottom:15px;width:585px;}
.cast_content_sub dl dt img{border:1px solid #ebebeb;width:193px;height:133px;}
.cast_content_sub dl dd{padding-left:14px;width: 376px;*width: 390px;}
.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{color:#5574ca;text-decoration:underline;background:url(http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif) no-repeat left;padding-left:11px;margin-left: 10px;}
.sns_like {float:right; text-align:right}
.sns_icon {float:right;}
.sns_icon span {font-size:10px !important}


/* ·¹À̾ƿô¿¡ µû¸¥ ÅÛÇø´Fix (¿À¹ö¶óÀ̵ù) */
#2008_vod_table {width:584px !important;}
.sns_icon {margin-bottom:10px;}
.sns_icon .twitter-share-button {float:right; margin-left:5px;}


#sroyal_tea02 {}
#imgroyal_tea02 img {width:275px !important; height:185px !important;}


/*-- ÅǸ޴º --*/
.tab_wrap {position:relative; z-index:60; width:584px; margin-bottom:10px; padding-top:48px; margin-left:10px}
.tab_wrap h2 {position:absolute; top:0; text-indent:-5000em; cursor:pointer}
.tab_wrap h2 a {display:block; height:48px; text-indent:-5000em; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_blank.gif")}
.tab_wrap .h2_party1 {left:3px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat 0 0}
.tab_wrap .h2_party1_on {z-index:20; left:3px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat 0 -48px}

.tab_wrap .h2_party2 {left:98px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -95px 0}
.tab_wrap .h2_party2_on {z-index:20; left:98px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -95px -48px}

.tab_wrap .h2_party3 {left:193px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -190px 0}
.tab_wrap .h2_party3_on {z-index:20; left:193px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -190px -48px}

.tab_wrap .h2_party4 {left:288px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -285px 0}
.tab_wrap .h2_party4_on {z-index:20; left:288px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -285px -48px}

.tab_wrap .h2_party5 {left:383px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -380px 0}
.tab_wrap .h2_party5_on {z-index:20; left:383px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -380px -48px}

.tab_wrap .h2_party6 {left:478px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -475px 0}
.tab_wrap .h2_party6_on {z-index:20; left:478px; width:96px; height:48px; background:url("http://img.imbc.com/broad/tv/drama/myheart/images/bg_twitter_v2.jpg") no-repeat -475px -48px}

#party1_article {position:relative; width:584px; height:500px; display:block; border-top:1px solid #dadcdc;}
#party2_article {position:relative; width:584px; height:500px; display:none; border-top:1px solid #dadcdc;}
.icon_tab_event1 img{position:absolute; float:left; width:26px; height:54px; z-index:100; left:84px; top:45px;}
.icon_tab_event2 img{position:absolute; float:left; width:26px; height:54px; z-index:100; left:558px; top:45px;}