@charset "euc-kr";

/* @ Lyaout */
body {text-align:center; background:url("http://img.imbc.com/broad/tv/drama/goldout/images/bg.jpg") no-repeat center 150px; background-size:1920 1510px;}
#wrapper {width:100%;}
#header {width:100%; height:150px;}
.gnb {width:990px; margin:0 auto; text-align:left;}
#container {position:relative; width:990px; margin:0 auto; text-align:left;}
#footer {width:990px; margin:0 auto; text-align:center; color:#d3d0ea; line-height:50px;}
#banner{position:absolute; top:33px; right:30px;}
/* @ Accessibility */
#accessibility{position:relative; z-index:9999; text-align:left}
#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}

#front{height:514px; overflow:hidden;}
#front h1{text-indent:-5000px; padding:58px 0 0 228px;}
#front h1 a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/logo.png") no-repeat; width:508px; height:354px; display:block;}
#front .scheme{color:#dbdbdb; text-align:right; line-height:17px; font-size:11px; position:absolute; top:7px; right:7px;}
#front .scheme .timeInfo{color:#f9f161; font-weight:bold;}
#imbc_nav{overflow:hidden;}
#imbc_nav li{float:left; height:44px; text-indent:-5000px;}
#imbc_nav li a{display:block; height:44px;}
#imbc_nav .vod a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_01.jpg") no-repeat; width:126px;}
#imbc_nav .board a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_02.jpg") no-repeat; width:125px;}
#imbc_nav .preview a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_03.jpg") no-repeat; width:151px;}
#imbc_nav .cast a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_04.jpg") no-repeat; width:135px;}
#imbc_nav .photo a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_05.jpg") no-repeat; width:135px;}
#imbc_nav .sketch a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_06.jpg") no-repeat; width:146px;}
#imbc_nav .goldNews a{background:url("http://img.imbc.com/broad/tv/drama/goldout/images/nav_07.jpg") no-repeat; width:172px;}
#imbc_nav li a:hover{background-position:0 -44px;}
#imbc_nav .vod a:hover, #imbc_nav .board a:hover{background-position:0 0;}

#imbc_content{width:960px; *width:990px; height:629px; *height:662px; position:relative; background:url("http://img.imbc.com/broad/tv/drama/goldout/images/bgContent.jpg") no-repeat; padding:33px 0 0 30px; overflow:hidden;}
.newBroad{background:#fff; width:650px; height:203px; margin-bottom:21px; overflow:hidden; position:relative;}
.newWrap{/*display:none;*/ width:648px; height:168px; margin:1px 0 0 1px; position:relative;}
.newWrap .imgWrap{width:160px; *width:162px; height:130px; *height:132px; overflow:hidden; border:1px solid #636363; text-align:center; position:absolute; top:18px; left:14px;}
.newWrap .imgWrap img{height:130px;}
.newBroad h3 {z-index:100; position:absolute; left:200px; top:61px; color:#4a4a4a; cursor:pointer; letter-spacing:-1px; /*background:url("http://img.imbc.com/broad/tv/drama/goldout/images/bgPrev.jpg") no-repeat right 1px; width:87px;*/ width:250px;}
.newBroad h3 a{color:#4a4a4a;}
.newBroad h3.p2 {left:292px}
.newBroad h3.p3 {left:382px}
.newBroad h3.p4 {left:470px}
.newBroad h3.p5 {left:560px}
.newBroad h3.on em {font-weight:bold}
.newBroad h3.last {background:none}
.newWrap p{width:435px; *width:633px; height:100px; *height:153px; /*height:70px; *height:123px;*/ overflow:hidden; line-height:16px; color:#6b6b6b; padding:53px 0 0 198px;}
.newWrap p a{color:#6b6b6b;}
.newWrap p em{font-weight:bold; color:#6823a4; font-style:normal; margin-bottom:5px; display:block;}
.newWrap .btnList{overflow:hidden; margin:12px 0 0 198px;}
.newWrap .btnList li{float:left; margin-right:4px;}

.castList{width:650px; height:170px; margin-bottom:21px; float:left; position:relative; overflow:hidden;}
.castList ul{overflow:hidden; margin:12px 0 0 15px;}
.castList li{float:left; margin-right:8px;}
.castList li a{display:block; overflow:hidden; text-align:center; color:#cbcbcb; position:relative;}
.castList li .imgWrap{display:block; margin-bottom:10px; border:1px solid #bdbdbd; width:80px; *width:82px; height:92px; *height:94px; overflow:hidden; text-align:center; position:relative;}
.castList li .imgWrap img{height:92px;}
.castList .castMore{line-height:34px; color:#fff647; font-size:11px; position:absolute; top:0; right:10px; background:url("http://img.imbc.com/broad/tv/drama/goldout/images/bgMore.png") no-repeat right 9px; padding:1px 3px 0 0;}
.castList .castMore em{fopnt-weight:bold; color:#f4f4f4; font-style:normal; font-size:12px; margin-right:2px; position:relative; top:-1px; *top:0;}

.event{float:left; margin:46px 0 0 30px; width:250px; height:115px; position:relative; overflow:hidden;}
.event ul{margin-top:10px; overflow:hidden;}
.event li{float:left;}
.event li img{border:1px solid #bdbdbd;}
.eventList{width:250px; height:72px; overflow:hidden;}
.eventCtrl{width:55px; *width:60px; position:absolute; top:8px; right:7px; text-align:right; color:#f6f6f6;}
.eventCtrl span{float:left; position:relative; top:1px; *top:3px;}
.eventCtrl button{padding:0; margin:0; background:none; border:none; cursor:pointer; float:left;}
.current{font-weight:bold;}
.total{margin-right:5px;}
.eventCtrl button.btnLeft{position:relative; *left:2px;}

.shootNews{width:650px; height:198px; float:left; margin-bottom:20px; overflow:hidden;}
.shootNews ul{overflow:hidden; margin:13px 0 0 15px; width:660px} 
.shootNews li{float:left; width:144px; margin-right:15px;}
.shootNews li a{display:block; overflow:hidden;}
.shootNews .last{margin-right:0;}
.shootNews .imgWrap{width:142px; *width:144px; height:100px; *height:102px; border:1px solid #bdbdbd; text-align:center; position:relative; overflow:hidden; display:block;} 
.shootNews .imgWrap img{height:100px;}
.shootNews .txt{letter-spacing:-1px; color:#cbcbcb; line-height:16px; padding-left:18px; width:108px; *width:126px; margin-top:5px; display:block;}

.m_info{float:left; width:250px; height:200px; margin:0 0 0 30px; overflow:hidden;}
.m_info ul{margin:13px 0 0 10px;}
.m_info li{overflow:hidden; margin-bottom:7px; clear:both;}
.m_info li a{display:block; overflow:hidden;}
.m_info .imgWrap{float:left; width:96px; *width:98px; height:69px; *height:71px; text-align:center; overflow:hidden; border:1px solid #dcdcdc;}
.m_info .data-wrap img{float:left; height:69px;}
.m_info .txt{float:left; width:120px; line-height:16px; color:#cbcbcb; margin:5px 0 0 10px;}

#siteMap{width:920px; *width:990px; height:174px; *height:186px; background:url("http://img.imbc.com/broad/tv/drama/goldout/images/bgSitemap.jpg") no-repeat; margin-top:4px; overflow:hidden; padding:12px 0 0 70px;}
#siteMap .menuGroup{float:left; margin-right:45px; position:relative;}
#siteMap h2{color:#fef75b; font-weight:bold; line-height:31px;}
#siteMap a{color:#dddddd; line-height:18px;}
#siteMap .eventMore{color:#fff647; font-size:11px; background:url("http://img.imbc.com/broad/tv/drama/goldout/images/bgMore.png") no-repeat; padding:1px 5px 0 4px; width:30px; *width:42px; letter-spacing:-1px; position:absolute; top:7px; left:43px; line-height:16px;}