@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 */
.blind {position:absolute; left:-5000em; 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);} */
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;}
#f_copyright {overflow:hidden; width:990px; margin:0 auto; padding:20px 0 27px 0; color:#fff;}

#wrap {overflow:hidden; width:100%; text-align:center; background:#060709 url(http://img.imbc.com/broad/tv/drama/arang4to/images/bg_index.jpg) no-repeat center 150px; -webkit-background-size:1920px 1650px;}
#BgFlashWrap {z-index:1; overflow:hidden;position:absolute; left:0; top:150px; width:100%; height:1120px;}
#BgFlash {text-align:center;}
#BgFlash img {margin:0 auto;}
#vodView {position:absolute; left:50%; top:40px; margin-left:-375px;}
.vodTSclose {display:none;z-index:200; position:absolute; left:50%; top:160px; margin-left:-410px; cursor:pointer;}
#visual {overflow:hidden; position:relative; margin:0 auto; width:990px; height:470px;}
.staff_wrap {z-index:2; position:absolute; left:50%; top:160px; margin-left:300px; text-align:right; font-size:0.9em; color:#fff; line-height:1.4em; letter-spacing:-1px;}
#container {z-index:2; position:relative; width:100%; margin:0 auto; padding-top:0px; *padding-top:470px; margin-top:470px; *margin-top:0;}
#rectangle_banner {overflow:hidden; float:left; margin:20px 0 0 0; width:250px; height:250px;}
#content {position:relative; overflow:hidden; margin:0 auto; width:990px;}
.section {position:relative; display:inline; float:left; width:960px; *width:990px; padding:25px 0 30px 30px; text-align:left; background:url(http://img.imbc.com/broad/tv/drama/arang4to/images/bg_content_index.png) no-repeat 0 0;}
.bar_top {position:relative; overflow:hidden; width:100%; height:43px; background:#060606 url(http://img.imbc.com/broad/tv/drama/arang4to/images/bg_nav_index.jpg) no-repeat 50% 0; -webkit-background-size:1920px 43px; text-align:center;}
.bar_top .nav_top_ul {position:relative; overflow:hidden; width:990px; height:43px; margin:0 auto; *margin-left:0;}
.bar_top .nav_top_ul li {height:43px;}
.bar_top .nav_top_ul li a {display:block; height:17px; margin-top:15px; background-image:url(http://img.imbc.com/broad/tv/drama/arang4to/images/txt_nav.gif); background-repeat:no-repeat; text-indent:-5000em;}
.bar_top .nav_top_ul li.n_vod {position:absolute; left:80px; top:0; width:56px;}
.bar_top .nav_top_ul li.n_vod a {width:56px; background-position:0 0;}
.bar_top .nav_top_ul li.n_vod a:hover {width:56px; background-position:0 -17px;}
.bar_top .nav_top_ul li.n_board {position:absolute; left:204px; top:0; width:71px;}
.bar_top .nav_top_ul li.n_board a {width:71px; background-position:-56px 0;}
.bar_top .nav_top_ul li.n_board a:hover {width:71px; background-position:-56px -17px;}
.bar_top .nav_top_ul li.n_preview {position:absolute; left:387px; top:0; width:47px;}
.bar_top .nav_top_ul li.n_preview a {width:47px; background-position:-127px 0;}
.bar_top .nav_top_ul li.n_preview a:hover {width:47px; background-position:-127px -17px;}
.bar_top .nav_top_ul li.n_cast {position:absolute; left:495px; top:0; width:47px;}
.bar_top .nav_top_ul li.n_cast a {width:47px; background-position:-174px 0;}
.bar_top .nav_top_ul li.n_cast a:hover {width:47px; background-position:-174px -17px;}
.bar_top .nav_top_ul li.n_photo {position:absolute; left:602px; top:0; width:48px;}
.bar_top .nav_top_ul li.n_photo a {width:48px; background-position:-221px 0;}
.bar_top .nav_top_ul li.n_photo a:hover {width:48px; background-position:-221px -17px;}
.bar_top .nav_top_ul li.n_sketch {position:absolute; left:710px; top:0; width:59px;}
.bar_top .nav_top_ul li.n_sketch a {width:59px; background-position:-269px 0;}
.bar_top .nav_top_ul li.n_sketch a:hover {width:59px; background-position:-269px -17px;}
.bar_top .nav_top_ul li.n_news {position:absolute; left:829px; top:0; width:74px;}
.bar_top .nav_top_ul li.n_news a {width:74px; background-position:-328px 0;}
.bar_top .nav_top_ul li.n_news a:hover {width:74px; background-position:-328px -17px;}

/*-- ¼­Æ÷ÅÍÁî --*/
.m_supporters {display:none; margin:0 0 0 34px;}
.supporters_bar {position:relative; z-index:20; overflow:hidden; width:922px; height:45px; background:url(http://img.imbc.com/broad/tv/drama/lichtundschatten/images/supporters_bar.png) no-repeat center bottom;}
.supporters_bar .btn_open {display:block; position:absolute; right:11px; top:17px; width:32px; height:12px; padding:0; border:0; background:url(http://img.imbc.com/broad/tv/drama/lichtundschatten/images/bg_layer_open.png) no-repeat; text-indent:-5000em; cursor:pointer}
.supporters_bar .btn_close {display:block; position:absolute; right:11px; top:17px; width:32px; height:12px; padding:0; border:0; background:url(http://img.imbc.com/broad/tv/drama/lichtundschatten/images/bg_layer_close.png) no-repeat; text-indent:-5000em; cursor:pointer}
.supporters_container {display:block; position:relative; overflow:hidden; width:922px; height:156px;}
.supporters_list {z-index:10; position:absolute; top:0; left:0; overflow:hidden; width:922px; height:156px; background:url(http://img.imbc.com/broad/tv/drama/lichtundschatten/images/bg_supporters.png) no-repeat left top; text-align:center}
.supporters_list ul {margin:15px 0 0 95px;}
.supporters_list ul li {float:left; overflow:hidden; width:150px; margin-right:40px; letter-spacing:-1px; text-align:center;}
.supporters_list ul li .img{display:block; text-align:center; border:1px solid #eaeaea; margin-bottom:9px; width:148px; *width:150px; overflow:hidden;}
.supporters_list ul li .img img {display:block; height:95px; margin:0 auto;}
.supporters_list ul li .txt {display:block; padding:0 3px; font-size:11px; color:#fff; line-height:1.2em;}

/* ±ÝÁÖ ¹æ¼Û,ÁøÇàÁßÀÎ À̺¥Æ® */
.area {overflow:hidden; _display:inline; float:left; width:270px; height:274px; margin:0 55px 0 0;}

/*-- ±ÝÁÖ¹æ¼Û --*/
#recentVOD {position:relative; overflow:hidden; float:left; width:270px; height:177px;}
#recentVOD h2 {width:100%; height:24px; *height:25px; border-bottom:1px dotted #fff;}
#recentVOD p#VOD_text {overflow:hidden; width:270px; height:97px; *height:112px; padding:15px 0 0 0; border-top:none; color:#e8e8e8; text-align:left; font-size:0.96em;  letter-spacing:-1px; cursor:pointer;}
#recentVOD p#VOD_text a {font-size:0.96em;  letter-spacing:-1px; line-height:1.3; color:#e8e8e8}
#recentVOD .airdate {position:absolute; left:62px; top:6px; color:#fff; font-size:0.96em; font-weight:200}

/*-- ÁøÇàÀ̺¥Æ® --*/
#eventnow {overflow:hidden; position:relative; float:left; width:270px; height:105px; text-align:left; }
#eventnow h2 {width:100%; height:24px; *height:25px; border-bottom:1px dotted #fff;}
#eventnow .banner {margin:0 auto; margin-top:7px; width:270px; height:65px;}
#eventnow .banner ul {overflow:hidden; width:2700px;}
#eventnow .banner ul li {float:left;}
#eventnow .banner ul li img {margin:1px 1px 0 1px; width:268px; height:63px;}
#eventnow .banner ul li a {position:relative; display:block;}
#eventnow .eventControl {position:absolute; top:4px; right:0; color:#fff; padding:2px 2px 0 0;}
#eventnow .counter {margin-right:5px; float:left;}
#eventnow .event_hy {float:left;}
#eventnow .total {float:left; margin-right:8px; color:#e8e8e8;}
#eventnow .current {font-weight:bold; float:left; color:#e8e8e8;}
#eventnow button {display:block; width:16px; height:14px; padding:0; background:none; border:none;}
#eventnow #event_prev {float:left; cursor:pointer; width:16px; margin-top:-1px;}
#eventnow #event_next {float:left; cursor:pointer; width:16px; margin-top:-1px;}

/*-- »õ¼Ò½Ä --*/
#whatsnew {overflow:hidden; position:relative; float:left; width:300px; height:274px; margin:0 55px 0 0;}
#whatsnew h2 {width:100%; height:24px; *height:25px; border-bottom:1px dotted #fff;}
#whatsnew ul {margin-top:8px}
#whatsnew ul li {overflow:hidden; clear:both; height:70px; margin-bottom:16px;}
#whatsnew ul li a.img_wnews {overflow:hidden; float:left; width:108px; *width:110px; height:68px; *height:70px; border:1px solid #171717; text-align:center; margin-right:7px;}
#whatsnew ul li a.img_wnews img {height:68px; margin:0 auto;}
#whatsnew ul li p {padding-top:8px}
#whatsnew ul li p span {display:block; font-weight:bold; padding-bottom:5px;}
#whatsnew ul li p a {color:#e8e8e8; line-height:1.1em; font-size:0.96em;}

/*-- Æ÷Åä,µ¿¿µ»ó --*/
#photovideo {overflow:hidden; clear:both; width:930px; position:relative; _display:inline; float:left; margin:15px 0 0 0;}
#photovideo h2 {width:100%; height:24px; *height:25px; border-bottom:1px dotted #fff;}
#photovideo ul {float:left; width:1450px; padding:20px 0 20px 0;}
#photovideo li {position:relative; float:left; width:145px; margin-right:12px; overflow:hidden; text-align:center !important;}
#photovideo li .li_photo_img {overflow:hidden; width:145px; height:95px; margin-bottom:7px;}
#photovideo li .li_photo_img a{overflow:hidden; display:block; width:143px; *width:145px; height:93px; *height:95px; border:1px solid #171717;}
#photovideo li .li_photo_img a img {margin:0 auto; height:93px;}
#photovideo li .li_photo_txt {text-align:left; line-height:1.2em;}
#photovideo li .li_photo_txt a {font-size:12px; color:#e8e8e8;}
.icon_vod_play {position:absolute; right:10px; top:72px; width:19px; height:21px; border:0px;}

/*-- »çÀÌÆ®¸Ê --*/
#sitemap {float:left; position:relative; margin-top:30px; width:974px; *width:990px; padding:0 0 20px 14px; font-size:11px; background:url(http://img.imbc.com/broad/tv/drama/arang4to/images/bg_content_index.png) repeat 0 0; text-align:left;}
#sitemap .menuGroup {position:relative; float:left; margin:25px 0 0 15px; padding-right:13px;}
#sitemap .menuGroup p {font-size:0.96em; color:#e8e8e8; font-weight:bold; margin-bottom:15px}
#sitemap .menuGroup p.title_m_supporters {position:absolute; left:0; top:-10px;}
#sitemap .menuGroup ul.list_m_supporters {margin-top:29px;}
#sitemap .menuGroup li {margin-bottom:5px}
#sitemap .menuGroup li a {color:#e8e8e8; letter-spacing:-1px;}
#sitemap .menuGroup .btn_eventMore img{vertical-align:top; margin-left:10px}