@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");

/* base */
body		{text-align:center}
#wrap 		{z-index:10; width:100%;}
#header		{z-index:30; position:relative; 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:10; position:relative; width:990px; margin:0 auto; text-align:left}
#content	{z-index:30; position:relative;}
#f_copyright{z-index:10; clear:both; width:100%; text-align:center;}
#Adcode		{display:none !important;}
#footer		{width:990px; margin:0 auto; text-align:center; height:50px; margin-top:30px; color:#7a766f !important; clear:both; color:#326c7a; padding-top:30px; *padding-top:0;}

#f_copyright{color:#7a766f !important;}

/* layout */
#wrap{background:#181818 url(http://img.imbc.com/broad/tv/drama/drjin/images/bg_m.jpg) no-repeat center top; background-size:1920px 1470px; position:relative;}
#container{position:relative;}
#front {height:469px}
/* flash */
#flashAni {position:absolute; top:150px; left:0; width:100%; overflow:hidden; z-index:50;}
.drjin_logo{position:absolute; left:203px; top:0;}
/* nav */
.d_day{background:url(http://img.imbc.com/broad/tv/drama/drjin/images/bg_d.png) no-repeat; width:290px; height:91px; z-index:500; position:absolute; top:360px; margin-left:350px;}
.nav_jin{overflow:hidden; z-index:5000;}
.nav_jin li{float:left;}
/* content layout */
#content{width:967px; *width:990px; height:759px; *height:796px; background:url(http://img.imbc.com/broad/tv/drama/drjin/images/bg_m_con_v2.png) no-repeat; position:relative; *top:-5px; padding:37px 0 0 23px; color:#b09e78; z-index:-10;}
#content a{color:#b09e78;}
.ml_con{overflow:hidden; width:287px; height:301px; float:left; margin-right:5px;}
.m_c_week{height:126px; margin-bottom:23px;}
.m_c_new{width:287px; float:left;}

.m_c_photo {overflow:hidden; width:967px; height:210px; margin-bottom:15px}

.drj_info{text-align:right; position:absolute; top:10px; right:20px; line-height:1.3; color:#fcfcfc; font-size:11px;}
.drj_info2{font-weight:bold; color:#d7c07f;}

#banner{ position:absolute; top:69px; right:30px; *position:relative; *top:33px; *left:78px; width:250px; height:250px;}

/* ±ÝÁÖ¹æ¼Û */
.m_c_week dl{margin:7px 0 0 8px;}
.m_c_week dt{font-size:11px; margin-bottom:5px;}
.m_c_week dd{line-height:1.5; width:250px; letter-spacing:-1; text-align:justify;}

/* À̺¥Æ® */
.m_c_event{height:117px; margin-bottom:35px; position:relative;}
.m_c_event h2{margin-bottom:18px;}
.m_c_event .events {position:relative; margin-left:9px; width:270px; height:65px; overflow:hidden;}
.m_c_event .events li {position:absolute; width:270px; height:65px; left:100%; top:0}
.m_c_event .events li img {width:270px; height:65px}
.m_c_event .eventControl {position:absolute; top:40px; float:right; right:14px; height:10px}
.m_c_event .eventControl a {float:left; display:inline; line-height:10px; width:10px; height:10px; margin:0 0 0 1px; background:url(http://img.imbc.com/broad/tv/drama/drjin/images/bullet.jpg) no-repeat 0 0; text-indent:-5000em}

/* »õ¼Ò½Ä */
.m_c_new ul {padding-left:5px; margin-top:9px;}
.m_c_new ul li {clear:both; min-height:75px; height:auto !important; height:75px; margin-bottom:2px; *margin-bottom:7px;}
.m_c_new ul li img {float:left; width:108px; height:68px; border:1px solid #000; margin-right:9px;}
.m_c_new ul li p {padding-top:10px}
.m_c_new ul li p span {display:block; font-weight:bold; margin-bottom:5px}
.m_c_new ul li p a {color:#b09e78; line-height:1.2; font-size:12px;}

/* Æ÷Åä, ¿µ»ó */
.m_c_photo h2 {overflow:hidden; margin-bottom:18px}
.m_c_photo ul {overflow:hidden; width:963px; *width:967px; padding-left:4px; background:url("http://img.imbc.com/broad/tv/drama/drjin/images/bg_photo_div.png") no-repeat 618px 0}
.m_c_photo li {position:relative; float:left; width:143px; margin-right:10px; overflow:hidden;}
.m_c_photo li.division {margin-right:25px}
.m_c_photo li a {font-size:12px; color:#b09e78}
.m_c_photo li a.photo_vod_imgWrap {overflow:hidden; display:block; width:143px; padding-top:1px; height:94px; *height:95px; text-align:center !important; background-color:#000; margin-bottom:17px;}
.m_c_photo li img {height:93px;}
.m_c_photo li img.videothumb {width:141px; height:93px; border:1px solid #000; margin-bottom:17px}
.m_c_photo li p {padding:0 5px; text-align:left; line-height:1.3}


/* sitemap */
#sitemap{width:960px; *width:990px; height:181px; background:url(http://img.imbc.com/broad/tv/drama/drjin/images/bg_m_bo_menu.png) no-repeat; font-size:11px; margin-top:25px; *margin-top:22px; padding-left:30px;}
#sitemap .menuGroup {float:left; margin:17px 0 10px 17px; padding:8px 17px 0 0; border-right:1px solid #29140d; height:155px !important;}
#sitemap .menuGroup p {font-size:11px; color:#deb96b; font-weight:bold; margin-bottom:15px; position:relative}
#sitemap .menuGroup p span {margin-right:5px}
#sitemap .menuGroup p.m_event{margin-top:-7px;}
#sitemap .menuGroup li {margin-bottom:5px;}
#sitemap .menuGroup li a {color:#f0e6d1}
#sitemap .menuGroup .event_more{position:relative; top:-3px; left:5px;}
#sitemap .menuGroup .m_supporter_list{position:relative; top:-1px; *top:-5px;}
#sitemap .menuGroup .m_event_list{position:relative; top:-5px; *top:-7px;}

/* d-day */
#count_first{position:absolute; top:17px; left:145px; background:no-repeat 100% 0; width:46px; height:58px;}
#count_second{position:absolute; top:17px; left:190px; background:no-repeat 100% 0; width:46px; height:58px;}

#teaser_view{width:860px; height:546px; background:#000; z-index:5000; position:absolute; top:180px; left:50%; text-align:center; margin-left:-430px;}
#t_frame {width:744px; height:420px; margin:70px auto 0;}
#teaser_view button {text-indent:-5000em; position:absolute; top:10px; left:818px; width:32px; height:32px; background:url(http://img.imbc.com/broad/tv/drama/drjin/images/X_btn.png) no-repeat 0 0; cursor:pointer}

/* m supporters */
#m_supporters {position:relative; overflow:hidden; width:954px; margin:0 0 20px 0}
#m_supporters h2 {height:34px; margin-bottom:20px}	
#m_supporters h3 {position:absolute; top:13px; color:#c1a762; line-height:1.3; cursor:pointer; letter-spacing:-1px; font-weight:normal}
#m_supporters h3.on {font-weight:bold}
#m_supporters h3 span {font-weight:normal}
#h3_update {left:260px; width:64px; *width:78px; padding-left:13px; }
#h3_update.on {border-right:1px solid #c1a762; background:url("http://img.imbc.com/broad/tv/drama/drjin/images/bg_supp_on.png") no-repeat left 3px}
#h3_cnt {left:338px; width:73px; *width:78px; padding-left:5px}
#h3_cnt.on {width:68px; *width:84px; padding-left:18px; border-left:1px solid #c1a762; background:url("http://img.imbc.com/broad/tv/drama/drjin/images/bg_supp_on.png") no-repeat 5px 3px}
#m_supporters ul {overflow:hidden; width:949px; *width:954px; padding-left:5px}
#m_supporters ul li {overflow:hidden; position:relative; float:left; width:143px; margin-right:13px}
#m_supporters .img {display:block; width:141px; *width:143px; height:93px *height:95px; margin-bottom:17px; text-align:center; background:none}
#m_supporters .img img {height:93px; vertical-align:top}
#m_supporters .txt {display:block; padding:0 5px; text-align:left; line-height:1.3; color:#b09e78; letter-spacing:-1px}
#m_supporters .btn {display:block; position:absolute; left:865px; top:16px; width:57px; height:17px}