@charset "euc-kr";
/* base */
body		{text-align:center;background:#f5efeb;}
#wrapper		{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; overflow:hidden; text-align:left}
#imbc_content	{z-index:30; position:relative;}
#Adcode		{display:none !important;}
#footer		{width:990px; margin:0 auto; text-align:center; height:30px;  clear:both; color:#bbb;  }

#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}

#wrapper{background:url("http://img.imbc.com/broad/tv/drama/scd/images/bg-main.jpg") repeat-x center 150px;}

#spotShow{width:990px;}
.scheme{position:absolute; top:290px; left:50%; color:#999;font-size:11px;  letter-spacing:-1.2; word-spacing:-1.2; z-index:100; text-align:right; width:990px; margin-left:-495px; display:block;}
#content {width:990px; overflow:hidden;}
#imbc_nav {float:right; height:179px; width:250px; margin-bottom:5px; background:url("http://img.imbc.com/broad/tv/drama/scd/images/nav-main.jpg") no-repeat;}
#imbc_nav ul{height:179px; width:background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/bgMmenu.jpg") no-repeat;}
#imbc_nav li{float:left; text-indent:-5000px;width:122px; height:87px;}
#imbc_nav li a{display:block; width:122px; height:87px;}
#imbc_nav li.board {margin-bottom:5px;}
#imbc_nav li.vod { margin:0 0 5px 5px;}
#imbc_nav li.cast { margin-right:5px;}
#imbc_nav li.concept {}
#imbc_nav li.board a:hover{background:url("http://img.imbc.com/broad/tv/drama/scd/images/nav-main-over.jpg") no-repeat;}
#imbc_nav li.vod a:hover{background:url("http://img.imbc.com/broad/tv/drama/scd/images/nav-main-over.jpg") no-repeat right top;}
#imbc_nav li.cast a:hover{background:url("http://img.imbc.com/broad/tv/drama/scd/images/nav-main-over.jpg") no-repeat left bottom;}
#imbc_nav li.concept a:hover{background:url("http://img.imbc.com/broad/tv/drama/scd/images/nav-main-over.jpg") no-repeat right bottom;}

#imbc_content{position:relative; float:left; width:730px;  overflow:hidden; background:#0f0f0f; }

.first-content {float:left; width:242px; height:250px; overflow:hidden; margin:0 10px 9px 0;}
.main-preview {width:242px; height:141px; color:#bfbfbf;}
.previewTitle {padding:20px 10px 15px;}
.previewdesc {padding:10px; font-weight:bold; }
.previewdesc a { color:#fff; line-height:1.35;  letter-spacing:-1.1px; color: #bfbfbf;}
.main-preview span {font-weight:bold; color:#fff;}
.main-preview .context {padding:0 10px ; letter-spacing:-1.1px; line-height:1.35; }
.main-preview .context a {color:#bfbfbf;}
#event{overflow:hidden; position:relative; height:109px}
#event h2 {position:absolute; top:25px; left:17px; }
#event .eventList {width:242px; height:108px; background:url('http://img.imbc.com/broad/tv/drama/scd/images/event.jpg') no-repeat;}
#event ul{height:53px; *height:103px; padding:50px 20px 0 20px; overflow:hidden; }
#event li{ line-height:1.5;}
#event li a {color:#bfbfbf; font-size:11px; letter-spacing:-1.2px; word-spacing:-1.4px; }
.eventCtrl{width:60px; position:absolute; top:80px; left:10px; text-align:right;}
.eventCtrl button{padding:0; margin:0; background:none; border:none; *margin-top:-3px;}

.main-photo {float:left; position:relative; width:292px; height:250px; overflow:hidden; margin-bottom:9px; }
.h2-tit h2 {position:absolute; left:10px; font-size:14px; font-weight:bold; color:#fff; z-index:100; letter-spacing:-2px; word-spacing:-2px;}
.main-photo h2 {top:210px;}
.main-info h2, .main-act h2, #talk h2  {top:146px; letter-spacing:-1.7px; word-spacing:-2px;}
.main-photo p {position:relative; width:292px;height:250px; }
.main-photo p a {display:block; width:292px; height:250px; z-index:1000;}
.imgWrap {width:100%; text-align:center; overflow:hidden;}
.imgWrap img {width:100%; overflow:hidden; }
.txt {position:absolute; top:200px; left:0; height:20px; *height:50px; width:272px; *width:292px;  padding: 30px 10px 0 10px; color:#b2b2b2; font-size:11px; letter-spacing:-1.1px; word-spacing:-1.2px; background:url("http://img.imbc.com/broad/tv/drama/scd/images/bg-main-h2.png") repeat-x;}
.main-act .txt, .data-wrap .txt {position:absolute; top:140px !important; left:0; height:15px; *height:40px; width:272px; *width:292px;  padding: 25px 10px 0 10px; color:#b2b2b2; font-size:11px; letter-spacing:-1.1px; word-spacing:-1.2px; background:url("http://img.imbc.com/broad/tv/drama/scd/images/bg-main-h2.png") repeat-x;}
#talk .txt {position:absolute;  top:140px !important; left:0; height:15px; *height:40px; width:222px; *width:242px;  padding: 25px 10px 0 10px; color:#b2b2b2; font-size:11px; letter-spacing:-1.1px; word-spacing:-1.2px; background:url("http://img.imbc.com/broad/tv/drama/scd/images/bg-main-h2.png") repeat-x;}
.txt a {height:11px !important; color:#bfbfbf;}
.second-content {float:right; width:176px; height:250px; margin-bottom:9px;}
.main-sketch {position:relative; width:176px; height:120px; overflow:hidden; margin-bottom:10px;}

.main-sketch .txt ,.main-clip .txt{position:absolute; top:88px; left:0; height:10px; *height:30px; width:101px; *width:176px;  padding:12px 10px 10px 65px ; color:#b2b2b2; font-size:11px; letter-spacing:-1.1px; background:url("http://img.imbc.com/broad/tv/drama/scd/images/bg-main-h2.png") repeat-x;}

.main-clip {position:relative; width:176px; height:120px; overflow:hidden;  }
.main-clip h2 , .main-sketch h2 { top:98px; left: 9px; font-size:12px; letter-spacing:-2px; word-spacing:-2px;}

#talk {position:relative; float:left; width:242px; height:179px; margin-right: 9px; overflow:hidden;}

.main-act {position:relative; float:left; width:292px; height:179px; overflow:hidden; }
.main-info {position:relative; float:right; width:176px; height:179px; overflow:hidden; background:url("http://img.imbc.com/broad/tv/drama/scd/images/broad_v2.jpg") no-repeat 0 0;}

#siteMap{clear:both;  height:195px; width:990px; padding:47px 0px 23px; margin:30px 0 0; *margin:25px 0; font-size:11px; letter-spacing:-1.2; word-spacing:-1.2; background:url("http://img.imbc.com/broad/tv/drama/scd/images/bg_sitemap.jpg") no-repeat center 20px;}
#siteMap .menuGroup{float:left; width:117px; *width:137px; padding-left:20px;}
#siteMap .menuGroup ul {width:117px;}
.menuGroup p a{width:34px; height:14px; margin-left:3px; display:inline-block;  position:relative; *top:-3px; *left:2px; text-indent:-5000px; }
#siteMap p{color:#000; font-weight:bold; margin-bottom:15px; padding-top:2px;}
#siteMap a{color:#666; line-height:1.8; letter-spacing:-1.2px; word-spacing:-2px;}
.menuEvent{margin-top:-5px; *margin-top:-8px;}
#banner{float:right; width:250px; height:250px;}
