@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;}
#Adcode		{display:none !important;}
#footer		{width:990px; margin:0 auto; text-align:center; height:50px; margin-top:30px; clear:both; color:#b6af9c; padding-top:30px; *padding-top:0;}

#wrap{background:#150a10 url(http://img.imbc.com/broad/tv/ent/audition3/images/bg.jpg) no-repeat center 150px; background-size:1920px 1150px; overflow:hidden;}
.logo{text-indent:-5000px; width:397px; height:221px; position:absolute; top:0; left:0;}
.logo a{display:block; z-index:5000; width:397px; height:221px;}

#visual{width:990px; height:474px;  position:relative;}
#visual ul li{opacity:0; position:absolute; top:0; left:120px; filter:alpha(opacity=0);}
#visual ul li img{ -ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';/* IE 8 */      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE 6 & 7 */  
    clip:rect(0px 276px 267px 0px);  }
#btnCtrl{position:absolute; top:400px; right:16px; z-index:5000;}
#btnCtrl button{cursor:pointer; vertical-align:middle; padding:0; text-align:left; border:none; margin-left:13px; background:none;}

#nav {width:990px; position:relative; overflow:hidden;} 
#nav p{float:left; text-align:right; background:url(http://img.imbc.com/broad/tv/ent/audition3/images/bgNav.jpg) no-repeat; width:769px; *width:789px; padding:6px 20px 0 0; height:35px; *height:41px; color:#3c090f; line-height:16px;}
#nav ul{z-index:500; width:201px; float:left;}
#nav ul li{float:left;}
#nav ul li.vod{text-indent:-5000px; background:url(http://img.imbc.com/broad/tv/ent/audition3/images/btnVod.jpg) no-repeat; width:94px; height:41px;}
#nav ul li.board{text-indent:-5000px; background:url(http://img.imbc.com/broad/tv/ent/audition3/images/btnBoard.jpg) no-repeat; width:107px; height:41px;}
#nav ul li a{display:block; height:41px;}

#content{background:url(http://img.imbc.com/broad/tv/ent/audition3/images/bgContentM.png) no-repeat 0 41px; overflow:hidden; z-index:50; position:relative; margin-top:-24px; width:990px;}

#aside{clear:both; float:left; width:201px;}
#aside ul{margin-top:24px;}
#aside ul span{background:url(http://img.imbc.com/broad/tv/ent/audition3/images/bgMenuTit.jpg) no-repeat; color:#fff; font-weight:bold; display:block; height:35px; line-height:35px; padding-left:32px;}
#aside li ul{margin:11px 0 12px 31px;}
#aside li ul li{line-height:24px; background:url(http://img.imbc.com/broad/tv/ent/audition3/images/blick_01.png) no-repeat 0 2px; padding-left:22px; letter-spacing:-1px; fnot-size:11px;}
#aside li.top16 a, #aside li.ticket{height:24px;}
#aside li ul li.ticket a, #aside li ul li.ticket img, #aside li.top16 img{position:relative; *top:4px;}
#aside li ul li a{color:#c0beb8;}
#aside li ul li a:hover{color:#fac223;}
#aside li ul li img{position:relative; left:5px;}

#section{float:left; z-index:500; padding:23px 13px 0 16px; width:760px; *width:789px; position:relative;}
#section h2{color:#191919; height:35px; line-height:35px; padding-left:24px; font-weight:bold; margin-bottom:5px;}
#section a{color:#ababab;}
#section .more a{color:#9b0000; font-weight:bold; fnot-size:11px; letter-spacing:-1px; background:url(http://img.imbc.com/broad/tv/ent/audition3/images/moreBlick.png) no-repeat right 3px; padding-right:10px; position:absolute; top:13px; right:13px;}

#section .top16{width:485px; height:501px; float:left; overflow:hidden; position:relative;}
#section .top16 h2{background:url(http://img.imbc.com/broad/tv/ent/audition3/images/bgMainTit_03.jpg) no-repeat;}
#section .topGroup{overflow:hidden; clear:both; margin-bottom:3px; height:113px;}
#section .topGroup h3{float:left;}
#section .topGroup ul{float:left; overflow:hidden; width:372px;}
#section .topGroup li{float:left; height:113px; margin-left:1px;}
#section .hotNews{float:left; position:relative; width:372px; margin-top:38px;}
#section .clip{float:left; margin:38px 0 0 8px; position:relative; width:372px;}

#section .btnMusic, #section .photo{float:left; position:relative; width:250px; margin:340px 0 0 17px; overflow:hidden; height:160px;}
#section .photo h2{background:url(http://img.imbc.com/broad/tv/ent/audition3/images/bgMainTit_01.jpg) no-repeat;}
#section .clip h2, #section .hotNews h2{background:url(http://img.imbc.com/broad/tv/ent/audition3/images/bgTitPhoto.jpg) no-repeat;}

#section .photo li{float:left; width:120px; margin-right:9px; *margin-right:10px;}
#section .hotNews li, #section .clip li{float:left; width:120px; margin-right:6px;}

#section .clip li span, #section .hotNews li span, #section .photo li span{display:block;}
#section .clip li .img, #section .hotNews li .img, #section .photo li .img{display:block; border:1px solid #5d5c5c; width:118px; *width:120px; height:82px; overflow:hidden; text-align:center; background:#000;}
#section .clip li .img img, #section .hotNews li .img img, #section .photo li .img img{height:84px;}
#section .clip li .txt, #section .hotNews li .txt, #section .photo li .txt{display:block; line-height:15px; margin-top:7px; text-align:center;}

#section .last{margin-right:0 !important;}


#section .seasonList{position:absolute; overflow:hidden; top:279px; right:20px; display:block; clear:both;}
#section .seasonList li{float:left;}
#section .seasonList li.season01{margin:2px 6px 0 0;}

#banner{position:absolute; top:23px; right:20px; clear:both;}

#layerPop{position:absolute; left:0; top:168px; z-index:500;} 
#layerPop p{position:relative;}
#layerPop button{cursor:pointer; position:absolute; top:0; right:0; z-index:30; background:#fff; vertical-align:top; padding:0; border:none; width:28px; height:27px; background:none;}