@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:1000px; margin:0 auto; text-align:left}
#content	{z-index:30; position:relative;}
#Adcode		{display:none !important;}
#footer		{width:990px; margin:0 auto; text-align:center; padding:20px 0; clear:both; color:#c2af90;}

#accessibility{position:relative; z-index:9999; text-align:left}
#accessibility li {position:absolute;top:0;left:0; width:100%}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px}

#wrap{background:#faf2e5 url("http://img.imbc.com/broad/tv/drama/7th/images2/bg.jpg") no-repeat center 150px;}
#front{height:508px; overflow:hidden; background:url("http://img.imbc.com/broad/tv/drama/7th/images2/visual.png") no-repeat center top;}
#flashAni{width:1000px; text-align:center; height:508px; background-position:3px 0 !important; position:relative; left:-1px;}
#flashAni object{positoin:relative; left:-1px; *left:0;}
#spotShow{width:990px;}
.scheme{text-indent:-5000px; position:absolute; top:-5000px; left:-5000px;}

#nav ul{overflow:hidden;}
#nav li{float:left; text-indent:-5000px;}
#nav li a{display:block; height:44px;}
#nav li.vod{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_01.png") no-repeat; width:106px;}
#nav li.board{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_02.jpg") no-repeat; width:102px;}
#nav li.preview{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_03.jpg") no-repeat; width:175px;}
#nav li.cast{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_04.jpg") no-repeat; width:141px;}
#nav li.photo{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_05.jpg") no-repeat; width:139px;}
#nav li.sketch{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_06.jpg") no-repeat; width:151px;}
#nav li.news_7th{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/nav_07.png") no-repeat; width:184px;}

#content{background:url("http://img.imbc.com/broad/tv/drama/7th/images2/bgContent.png") no-repeat center top; overflow:hidden; height:915px; position:relative;}
#content a:hover{text-decoration:underline;}
#colGroup{float:left; margin:32px 18px 37px 35px; overflow:hidden; width:268px; height:262px;}
#week{height:126px; margin-bottom:32px;}
#week h2, #event h2{height:23px; marign-bottom:10px;}
#airDate{color:#756455; font-weight:bold; letter-spacing:-1px; line-height:24px;}
#airText{line-height:16px; letter-spacing:-1px;}
#airText a{color:#3a3429;}
#event{overflow:hidden; position:relative;}
#event ul{margin-top:10px; overflow:hidden}
#event li{width:266px; *width:268px; height:61px; *height:63px; border:1px solid #cdcac3; overflow:hidden; float:left;}
.eventCtrl{width:60px; position:absolute; top:1px; right:0; text-align:right;}
.eventCtrl button{padding:0; margin:0; background:none; border:none; *margin-top:-3px;}
#new{float:left; margin:32px 0 37px; height:262px; overflow:hidden;}
#new ul{margin-top:10px;}
#new li{overflow:hidden; clear:both; margin-bottom:5px;}
#new .imgWrap{width:108px; *width:110px; height:68px; *height:70px; border:1px solid #cdcac3; text-align:center; overflow:hidden; margin-right:10px;}
#new .imgWrap img{height:68px;}
#new a{color:#878480; float:left; letter-spacing:-1px; line-height:16px;}
#new a em{display:block; margin-top:10px; font-weight:bold;}
#photo, #clip{clear:both; margin:0 0 23px 31px; height:165px; *height:167px; overflow:hidden;}
#photo h2, #clip h2{height:24px; margin-bottom:10px;}
#photo ul, #clip ul{margin-left:14px;}
#photo li, #clip li{position:relative; float:left; margin-right:10px; width:143px; text-align:center;}
#photo li a, #clip li a{line-height:16px; display:block; color:#878480;}
#photo .imgWrap, #clip .imgWrap{width:141px; *width:143px; height:93px; *height:95px; border:1px solid #cdcac3; overflow:hidden; margin-bottom:5px;}
#photo .imgWrap img, #clip .imgWrap img{height:93px;}
#siteMap{background:#fdfaf5; border-top:1px solid #e7decf; height:181px; *height:201px; width:865px; *width:990px; padding:20px 0 0 125px; margin-left:5px; font-size:11px; letter-spacing:-1px;}
#siteMap .menuGroup{float:left; margin-right:35px;}
.menuGroup p a{width:31px; height:14px; color:#fff !important; font-weight:normal; background:#269649; margin-left:2px; display:inline-block; line-height:14px; position:relative; *top:-2px; *left:2px; text-decoration:none !important;}
#siteMap p{color:#907547; font-weight:bold; margin-bottom:15px;}
#siteMap a{color:#907547; line-height:18px;}
.menuEvent{margin-top:-5px; *margin-top:-8px;}
#banner{position:absolute; top:30px; right:25px; width:250px; height:250px;}

.bgLayer{width:990px; height:508px; background:#000; opacity:0.3; filter:alpha(opacity=30); position:absolute; top:0; left:50%; text-align:center; margin-left:-495px;}
#teaser_view{z-index:5000; widtH:635px; *width:670px; height:390px; position:absolute; top:60px; left:50%; margin-left:-335px; padding-left:35px;}
#t_frame{width:590px; height:390px; background:#000; text-align:center;}
#teaser_view button {z-index:5000; text-indent:-5000em; position:absolute; top:0; right:0; width:41px; height:41px; display:inline-block; background:url("http://img.imbc.com/broad/tv/drama/7th/images2/btnClose.png") no-repeat 0 0; cursor:pointer}
.reView{padding-left:30px; *padding-left:0;}