/* imbc.com | 개그쇼 난생처음 */ /* Last Update : 2010.11.2 */ /* 작성자 : 김선필(beoreoji@imbc.co.kr) */ @charset "utf-8"; @import url("http://www.imbc.com/broad/css/default.css"); body {text-align:center; background:#000 url(http://img.imbc.com/broad/tv/ent/first/images/background.jpg) center top no-repeat;} body#sub {background-image:url(http://img.imbc.com/broad/tv/ent/first/images/background_sub.jpg);} #wrap {width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/ent/first/images/bg_footer.gif) repeat-x bottom; } #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;} #container {z-index:20; position:relative; overflow:visible; width:990px; margin:0 auto; text-align:left;} #container_sub {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left; background:url(http://img.imbc.com/broad/tv/ent/first/images/submain.png) left top no-repeat; padding-top:175px;} .lnb {z-index:10;} .colgroup {z-index:10; position:relative; width:100%; background:none;} .snb {z-index:10;} #content {z-index:10; position:relative; left:-80px; width:830px; height:820px;} #sub #content {left:0px; height:auto; margin-bottom:20px;} #footer {z-index:10; clear:both; width:990px; margin:0 auto;} #Adcode {top:0 !important;} /* Type */ h1 {position:absolute; left:0; top:0;} h1 a {display:block; width:; height:;} h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;} hr {clear:both; display:none;} em {font-style:normal; text-decoration:underline;} /* Extra */ .clear {clear:both;} /* Info */ #info {width:300px; padding:0px 40px 20px; font-size:11px; color:#fff;} #info li {color:#fff; font-size:12px; font-weight:bold; text-align:left;} /* Navigation */ #nav {width:296px; *width:329px; height:441px; background:url(http://img.imbc.com/broad/tv/ent/first/images/nav_frame.png) no-repeat; margin-left:33px;} #nav ul {padding:77px 27px; width:170px; *width:224px;} #nav ul li {margin:12px 11px; float:left; display:inline;} #nav ul li a.vod {background:url(http://img.imbc.com/broad/tv/ent/first/images/buttons.png) 0 0;} #nav ul li a.board {background:url(http://img.imbc.com/broad/tv/ent/first/images/buttons.png) -63px 0;} #nav ul li a.photo {background:url(http://img.imbc.com/broad/tv/ent/first/images/buttons.png) -126px 0;} #nav ul li a.program {background:url(http://img.imbc.com/broad/tv/ent/first/images/buttons.png) -189px 0;} #nav ul li a.mc {background:url(http://img.imbc.com/broad/tv/ent/first/images/buttons.png) -252px 0;} #nav ul li a.staff {background:url(http://img.imbc.com/broad/tv/ent/first/images/buttons.png) -315px 0;} #nav ul li a {width:63px; height:64px; float:left; display:inline; text-indent:-3000px;} a:link, a:visited {text-decoration:none;} #nav ul li a:hover, #nav ul li a:active {color: #6101ab; background-image:url(http://img.imbc.com/broad/tv/ent/first/images/buttonsOver.png);} /* Feature */ #feature {width:356px; height:234px; position:absolute; top:560px; left:420px; background:url(http://img.imbc.com/broad/tv/ent/first/images/feature_frame.png) no-repeat;} #feature h2 {text-indent:-3000px;} #feature p {width:105; *width:115px; height:65px; float:left; display:inline; margin:96px 6px 0px 60px; padding:5px; text-align:center; color:#fff; font-size:16px; line-height:65px; font-weight:bold;} #feature img {float:left; display:inline; width:100px; margin-top:73px; height:100px; border:1px solid #676767;} /* Sub - Logo */ #sub #logo {position:relative; left:-50px;} /* Sub - Tab */ #sub #tab {background:#2b0946; margin-right:10px;} #sub #tab ul li {float:left; text-indent:-3000px; height:33px;} #sub #tab ul li#btn_vod {width:85px; background:url(http://img.imbc.com/broad/tv/ent/first/images/btn_sub_vod.jpg) no-repeat;} #sub #tab ul li#btn_board {width:95px; background:url(http://img.imbc.com/broad/tv/ent/first/images/btn_sub_board.jpg) no-repeat;} #sub #tab p {line-height:33px; color:#fff; font-weight:bold; font-size:11px; text-align:right; margin-right:20px;} /* Sub - Box */ #sub #box {background:#fff; margin-right:10px; border:1px solid #e6e6e6;} /* Sub - Nav */ #sub #subNav {float:left; display:inline; width:140px; margin:20px; border-top:#d4d4d4 1px dotted; letter-spacing:-1px; line-height:15px;} #sub #subNav a {font-weight:bold;} #sub #subNav li {float:left; display:inline; width:140px; border-bottom:#d4d4d4 1px dotted; padding:6px 0 3px; font-size:12px; color:#777; text-indent:15px;} #sub #subNav ul li a:hover, #sub #subNav ul li a:active {text-decoration:underline;} /* Sub - Article */ .article {padding:20px; margin-left:179px;} .article h2 {font: bold 18px/normal normal; margin-bottom:20px;} .article h3 {font: bold 15px/normal normal;} /* Sub - Article - 시청자의견 */ #sub #board p {height:110px; background:url(http://img.imbc.com/broad/tv/ent/first/images/forum_message.png) no-repeat; text-indent:-3000px; margin-top:15px; margin-bottom:20px;} /* Sub - Article - 프로그램소개 */ .article ul li {margin-top:33px;} .article ul li img {float:left; border:1px solid #e6e6e6; margin-right:15px;} .article ul li h3 {float:left; width:425px; margin-bottom:10px;} .article ul li ul {width:425px;; margin-top:2px; margin-left:170px;} .article ul li ul li {margin-top:5px;} /* 아티클로 할 경우 #sub #program p {height:170px; background:url(http://img.imbc.com/broad/tv/ent/first/images/program_message.png) no-repeat; text-indent:-3000px; margin-top:15px;} */ #sub #program p {margin-top:15px;} #sub #program ul {margin-bottom:50px;} #sub #program ul li ul {margin-bottom:0;} /* Sub - Article - 출연진소개, 제작진소개 */ #people ul {margin-bottom:30px;} #people ul li {margin-top:15px; margin-bottom:20px;} #people ul li h3 {width:350px;} #people ul li ul {width:350px; margin-left:200px;} #people ul li img {margin-bottom:20px;} #people .position {padding-left:10px; background:url(http://img.imbc.com/broad/tv/ent/first/images/sepline_vert.gif) no-repeat; color:#9000ff; font-size:12px;} #people ul li ul {margin-top:15px;} #people ul li ul li {margin-top:5px; margin-bottom:0px;}