@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011.css");
@import url("http://www.imbc.com/common/css/style2005.css");
/* Aside AD Banner Hide */
#Adcode{display:none !important;}
/* Default Selectors */
.hide {position:absolute; left:-2000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.HideText {text-indent:-5000em;}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle;}
.checkbox {width:13px; height:13px; vertical-align:middle}
.skip_navi {display:none;}
/* ºí·¯ ¾ø¾Ö±â (ÅÇÅ°°¡ ÀÛµ¿ÇÏÁö ¾ÊÀ¸¹Ç·Î °¡±ÞÀû »ç¿ëÇÏÁö ¾Êµµ·Ï ±ÇÀå) */
/* a, img, label, input{selector-dummy:expression(this.hideFocus=true);} */
/* Default Layout */
body		{text-align:center; font-size:75%;}
#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;}
#right_common {float:left;}
#f_copyright {overflow:hidden; width:990px; padding:20px 0 27px 0; color:#57412d;}

/* OWN Style (SUB) */
#wrap {overflow:hidden; width:100%; text-align:center; background:#eddfaf url(http://img.imbc.com/broad/tv/drama/dinner/images/bg_sub.jpg) no-repeat 50% 150px; -webkit-background-size:1920px 1450px;}
#content {z-index:10; position:relative; overflow:hidden; float:left; margin-right:5px; width:735px;}
#spot {overflow:hidden; position:relative; float:left; width:735px; height:250px;}
#spot a {display:block; width:735px; height:250px; text-indent:-5000;}
#spot .staff_wrap {position:absolute; left:0; bottom:5px; text-align:left; font-size:11px; color:#322821; line-height:1.4em; letter-spacing:-1px;}
.colgroup {position:relative; float:left; width:735px; text-align:left; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/bg_colgroup.jpg) repeat-y 0 0;}
.top_bar {overflow:hidden; width:735px; height:51px;}
.top_bar .nav_top_ul {overflow:hidden; float:left; width:130px; height:51px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/bg_nav_sub.jpg) no-repeat 0 0;}
.top_bar .nav_top_ul li {height:25px;}
.top_bar .nav_top_ul li a {display:block; height:25px; text-indent:-5000;}
.newsBarWrapper {position:relative; float:left; width:605px; height:51px; overflow:hidden; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/bg_top_bar.jpg) no-repeat 0 0;}
#newsBar {position:relative; float:left; width:100%; height:50px; overflow:hidden;}
#newsBar .items {position:absolute; left:0px; top:45px; height:50px;}
#newsBar .items a {display:block; color:#fff; float:left; height:50px; padding:20px 0 0 20px; font-weight:bold}
.section {float:left; width:605px; padding:0 0 20px 0;}
.section h2 {height:35px; *height:57px; padding:22px 8px 0 2px; margin:0 0 0 10px; font-size:1.5em; color:#343434;}
.section h2.h2Float {float:left;}
.pageDes {height:29px; *height:57px; padding:28px 0 0 0;}
.nav_wrap {overflow:hidden; float:left; width:130px; padding-bottom:20px;}
.menuGroup {margin:13px 10px 0; padding:0 0 7px 4px; border-bottom:1px solid #f5ebbd;}
.menuGroup p {font-weight:bold; color:#343434}
.menuGroup ul {margin-top:5px;}
.menuGroup ul li {}
.menuGroup ul li a {line-height:1.5em; color:#343434; letter-spacing:-1px;}
.menuGroup ul li a.on,
.menuGroup ul li a:hover {color:#d4794d; text-decoration:underline; padding-left:8px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/icon_arrow.gif) 0 3px no-repeat}
.menuGroup ul li a.on span, 
.menuGroup ul li a:hover span {padding-left:8px}
.menuGroup .btn_eventMore img{vertical-align:top; margin-left:10px}
.menuBanner {margin:13px 10px 0; padding:0 0 7px 0;}
.menuBanner ul {margin-top:5px;}
.menuBanner ul li {overflow:hidden; width:110px; height:25px; background:red;}
.menuBanner ul li img {width:110px; height:25px;}
.context {margin:0 0 0 10px; width:585px;}

.upper_concept {margin-left:10px; width:585px; height:880px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_concept.jpg) no-repeat 0 0;}
.upper_staff {margin-left:10px; width:585px; height:600px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_staff.jpg) no-repeat 0 0;}
.upper_msupporter {position:relative; margin:0 0 10px 10px; width:585px; height:815px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_msupporters.jpg) no-repeat 0 0;}
.upper_msupporter .ModifyMemberCheck {position:absolute; left:418px; top:586px; width:82px; height:17px; text-indent:-5000;}
.upper_event_fighting {position:relative; margin:0 0 10px 10px; width:585px; height:850px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_event_fighting.jpg) no-repeat 0 0;}
.event_fighting_vod {position:absolute; left:42px; top:250px; width:500px; height:297px; background:#000;}
.event_fighting_ul {position:absolute; left:42px; top:570px; width:479px; *width:500px; padding-left:21px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/event_fighting_vod_list.jpg) repeat 0 0;}
.event_fighting_ul li {overflow:hidden; float:left; margin:0 12px 0 0; width:145px; height:165px;}
.event_fighting_ul li .event_fighting_ul_img {overflow:hidden; margin:15px 0 0 0; width:145px; height:100px; background:#000; cursor:pointer;}
.event_fighting_ul li .event_fighting_ul_img img {width:145px; height:100px;}
.event_fighting_ul li .event_fighting_ul_txt {overflow:hidden; margin-top:10px; width:145px; height:27px; color:#fff; text-align:center; cursor:pointer;}
.btn_snsWrap {position:absolute; left:42px;; top:225px; width:500px; height:20px;}
.snsTwitter, .snsFacebook {float:right; margin-right:5px;}
.upper_tv {margin:0 0 10px 10px; width:585px; height:67px; background:url(http://img.imbc.com/broad/tv/drama/royalfamily/images/tv_banner.jpg) no-repeat 0 0;}
.upper_ucc {margin:0 0 10px 10px; width:585px; height:200px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_ucc.jpg) no-repeat 0 0;}
.upper_arirang {position:relative; margin:0 0 10px 10px; width:585px; height:210px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_arirang.jpg) no-repeat 0 0;}
.koreancuisine {display:block; position:absolute; left:25px; top:135px; width:290px; height:18px; text-indent:-5000;}
.smkf {display:block; position:absolute; left:25px; top:161px; width:156px; height:18px; text-indent:-5000;}
.upper_sanarae {position:relative; margin:0 0 10px 10px; width:585px; height:210px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_sanarae.jpg) no-repeat 0 0;}
.upper_cooking {position:relative; margin:0 0 10px 10px; width:585px; height:60px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_cooking.jpg) no-repeat 0 0;}
.upper_menu {position:relative; margin:0 0 10px 10px; width:585px; height:60px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_menu.jpg) no-repeat 0 0;}
.upper_sketch {position:relative; margin:0 0 10px 10px; width:585px; height:39px; background:url(http://img.imbc.com/broad/tv/drama/lichtundschatten/images/sketch_top.jpg) no-repeat 0 0;}
.upper_sketch a {display:block; position:absolute; right:20px; top:0; width:120px; height:39px; text-indent:-5000em}
.upper_photo {position:relative; margin:0 0 10px 10px; width:585px; height:39px; background:url(http://img.imbc.com/broad/tv/drama/lichtundschatten/images/photo_top.jpg) no-repeat 0 0;}
.upper_photo a {display:block; position:absolute; right:20px; top:0; width:120px; height:39px; text-indent:-5000em}
.upper_whatis {position:relative; margin:0 0 10px 10px; width:585px; height:675px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_whatis.jpg) no-repeat 0 0;}
.upper_whatis .link_v2 {position:absolute; left:478px; top:271px; width:83px; height:12px; display:block; text-indent:-5000;}
.upper_bestofbest {position:relative; margin:0 0 10px 10px; width:585px; height:780px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_bestofbest.jpg) no-repeat 0 0;}

/* µîÀåÀι° */
#cast_nav{background-color:#f1f1f1; padding:9px 15px 3px; margin-bottom:20px; float:left; width:555px; *width:585px;  overflow:hidden;}
#cast_nav span.arrow{padding:20px 0;float:left; width:8px; cursor:pointer}
#cast_nav span#arrow_left{padding-right:7px; cursor:pointer}
#cast_nav span#arrow_right{padding-left:7px; cursor:pointer}
#cast_nav span.arrow img{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
#cast_nav ul, #cast_nav ul li{float:left;}
#cast_nav .cast_nav_ul_wrap{overflow:hidden; float:left; width:524px;}
#cast_nav ul{width:2000000px; position:relative;left:0;}
#cast_nav ul li{padding-right:10px; *padding-right:8px;}
#cast_nav ul li dl dt img{border:1px solid #cdcdcd; width:76px; *width:78px; height:51px; *height:53px; cursor:pointer}
#cast_nav ul li dl dd{text-align:center; width:78px; margin-top:5px;color:#555;letter-spacing:-2px;line-height:15px;font-size:11px; cursor:pointer}
.none{display:none;}

.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;}
.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 0 50%; padding-left:11px; margin-left:10px; vertical-align:middle}

.cast_intro_wrap {overflow:hidden; width:585px; float:left;}
.cast_intro_wrap .actorProfile {float:left; height:31px; line-height:1.45}
.cast_intro_wrap .actorProfile p {float:left;}
.cast_intro_wrap .actorProfile .name {float:left; font-size:16px; color:#000; font-weight:bold}
.cast_intro_wrap .actorProfile .actor_name {float:left; font-size:12px; color:#737373; margin-right:10px; padding-top:5px;}
.cast_intro_wrap .actorProfile .btn_starlounge {float:left; padding-top:5px; margin-right:7px}
.cast_intro_wrap .actorProfile .btn_starlounge a {float:left; width:150px; padding-left:0; height:18px; font-size:12px; color:#803c47; font-weight:bold; text-align:center; line-height:18px; background:url(http://img.imbc.com/commons/images/bullet_starlounge.gif) no-repeat 0 50%; text-decoration:underline}
.cast_intro_wrap .sns {float:right; height:31px}
.cast_intro_wrap .sns .snsFacebook {float:left; padding-right:10px; padding-top:5px;}
.cast_intro_wrap .sns .snsTwitter {float:left; padding-top:5px;}
.cast_intro_wrap .introduction {clear:both; position:relative; line-height:1.8; text-align:left}
.cast_intro_wrap .introduction .actorImage {width:585px}
.cast_intro_wrap .youthCast {position:relative; margin-top:5px; height:20px;}
.castFrame iframe {width:585px; height:1200px; margin:10px 0 0 0}

.sns_like {float:right; text-align:right}
.sns_icon {float:right;}
.sns_icon span {font-size:10px !important}

/*-- ¹æ¼ÛÁ¤º¸ÅǸ޴º --*/
.c_com_img {margin-bottom:15px;}
.context h5 {position:relative; float:left; height:47px; text-indent:-5000px; cursor:pointer;}
.context .h4_party1 {position:relative; display:inline; float:left; width:109px; height:29px; margin-left:0px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna.jpg) no-repeat 0px 0px; margin-right:2px;}
#h4_party2 {margin-right:200px;}
.context .h4_party1_on {position:relative; display:inline; float:left; width:109px; height:29px; margin-left:0px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna_over.jpg) no-repeat 0px 0px; margin-right:2px;}
.context .h4_party2 {position:relative; float:left; width:109px; height:29px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna.jpg) no-repeat -112px 0px;}
.context .h4_party2_on {position:relative; float:left; width:109px; height:29px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna_over.jpg) no-repeat -112px 0px;}
#party1_article {position:relative; float:left; display:block; border:0px;}
#party2_article {position:relative; float:left; display:none; border:0px;}
.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;}

/* ¿ùÆäÀÌÆÛ */
#wall_list_wrap {padding:17px 22px; text-align:left; background:#eee; height:140px;}
#wall_list_wrap .posterList {height:70px}
#wall_list_wrap .posterList ul {margin-left:23px;}
#wall_list_wrap .posterList img {clear:both; float:left; margin-top:2px; margin-right:15px;}
#wall_list_wrap .wallpaperList {height:70px}
#wall_list_wrap .wallpaperList img {float:left; margin-top:2px; margin-right:15px;}	
#wall_list_wrap ul {float:left;}
#wall_list_wrap ul li {float:left;}
#wall_list_wrap ul li.first{color:#ff70be;}
#wall_list_wrap ul span {cursor:pointer;}	
#zoom_img_wrap{padding:10px 3px 3px; *padding-bottom:0px; background-color:#a1a09f; text-align:center;}
#img_option{text-align:right; margin-bottom:10px}
#big_img{width:578px;}
img.clear{clear:both;}

/* È­Á¦ÀÇ 1ºÐ */
.clip_wrap {overflow:hidden; width:585px}
.clip_wrap .clip_best {overflow:hidden; width:559px; *width:585px; padding:21px 0 21px 24px; border:1px solid #d9d9d9; background:#eee}
.clip_wrap .clip_best li {position:relative; float:left; overflow:hidden; width:126px; margin-right:10px}
.clip_wrap .clip_best li .img {display:block; width:120px; *width:126px; height:80px; *height:86px; margin-bottom:5px; border:3px solid #bfb7a6}
.clip_wrap .clip_best li .img img {vertical-align:top}
.clip_wrap .clip_best li .btn_play {position:absolute; right:2px; top:52px}
.clip_wrap .clip_best li .txt {display:block; color:#555; line-height:1.335; text-align:center}
.clip_wrap .clip_list {position:relative; overflow:hidden; width:557px; *width:585px; height:23px; *height:34px; margin-bottom:10px; padding:11px 0 0 28px; background:#a1a09f}
.clip_wrap .clip_list h5 {float:left; font-size:11px; color:#fff; letter-spacing:-1px}
.clip_wrap .clip_list ul li {float:left; padding:0 7px 0 8px; font-size:11px; letter-spacing:-1px; color:#fff ;line-height:1.335; background:url("http://img.imbc.com/broad/tv/drama/thousand/images/bg_clip.gif") no-repeat left 1px; cursor:pointer}
.clip_wrap .clip_list ul li.no_bdr {background:none}
.clip_wrap .clip_list ul li.on {color:#fffc00}
.clip_wrap .clip_list .btn_clip_pre {display:block; position:absolute; left:10px; top:12px; width:8px; height:12px; background:url("http://img.imbc.com/broad/tv/drama/thousand/images/btn_clip_pre.gif") no-repeat; padding:0; border:0; text-indent:-5000em; cursor:pointer}
.clip_wrap .clip_list .btn_clip_next {display:block; position:absolute; right:10px; top:12px; width:8px; height:12px; background:url("http://img.imbc.com/broad/tv/drama/thousand/images/btn_clip_next.gif") no-repeat; padding:0; border:0; text-indent:-5000em; cursor:pointer}
#list2, #list3, #btn_pre {display:none}
.clip_bbs {display:none}
#clip0 {display:block}

/* m ¼­Æ÷ÅÍÁî */
.supporterUnit {border-top:1px solid #ddd; padding:14px 10px 0; height:109px; *height:125px;}
.supporterUnit img {float:left; border:1px solid #474747; margin-right:12px;}
.supporterUnit dl {float:left; width:360px;}
.supporterUnit dl dt {float:left; color:#666; width:65px; font-weight:bold; line-height:1.6}
.supporterUnit dl dd {padding-left:65px; line-height:1.6; *text-indent:-3px}

/* Ä¿ÇÃÀ̺¥Æ® */
.upper_couple {position:relative; margin:0 0 10px 10px; width:585px; height:800px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_event_couple.jpg) no-repeat 0 0;}
#couple_v1 {position:absolute; left:90px; top:470px;}
#couple_v2 {position:absolute; left:221px; top:470px;}
#couple_v3 {position:absolute; left:353px; top:470px;}
#couple_v4 {position:absolute; left:484px; top:470px;}
.btn_more_product_v2 {display:block; position:absolute; left:325px; top:653px; width:65px; height:15px; text-indent:-5000;}
.btn_more_product {overflow:hidden; display:block; position:absolute; left:345px; top:628px; width:95px; height:18px;}
.btn_more_product img {width:95px; height:18px;}
.btn_poll_couple {position:absolute; left:240px; top:513px; width:119px; height:27px;}
.btn_poll_result {display:none; position:absolute; left:312px; top:513px; width:119px; height:27px; cursor:pointer;}

.ifrm_poll_wrap {display:none; position:absolute; left:0; top:150px; width:585px; height:350px;}
#btn_close {z-index:50; position:absolute; right:50px; bottom:20px;}

.upper_scrap {position:relative; margin:0 0 30px 10px; width:585px; height:1403px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/upper_scrap.jpg) no-repeat 0 0;}
.event_scrap_btn {display:block; position:absolute; left:53px;; top:617px; width:213px; height:43px; text-indent:-5000;}
.event_scrap_fla {position:absolute; left:17px; top:968px; width:556px;}

/* ½ÃûÀÚÀÇ°ß(ÀÎÅͺ俵»ó¿µ¿ª) */
.interviewVod {overflow:hidden; width:585px; margin:0 0 15px 10px;}
.interviewVod h3 {text-indent:-5000em; width:585px; height:52px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/title_interview_vod.jpg) no-repeat 0 0;}
.interviewVod ul {overflow:hidden; width:574px; *width:585px; height:120px; *height:132px; padding:12px 0 0 11px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/menu_cast_list.jpg) no-repeat 0 0;}
.interviewVod ul li {float:left; width:137px; height:109px; margin-right:5px;}
.interviewVod ul li a {display:block; width:137px; height:109px; text-indent:-5000em;}
.interviewVod ul li.cast_ser a:hover {width:137px; height:109px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/menu_cast_list.jpg) no-repeat -11px -144px;}
.interviewVod ul li.cast_jso a:hover {width:137px; height:109px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/menu_cast_list.jpg) no-repeat -153px -144px;}
.interviewVod ul li.cast_lsw a:hover {width:137px; height:109px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/menu_cast_list.jpg) no-repeat -295px -144px;}
.interviewVod ul li.cast_shj a:hover {width:137px; height:109px; background:url(http://img.imbc.com/broad/tv/drama/dinner/images/menu_cast_list.jpg) no-repeat -437px -144px;}