@charset "euc-kr";
@import url("http://www.imbc.com/broad/tv/drama/css/default100421.css");
/* -------------------------------------------------------------
"2010 MBC 연기대상" 공식 홈페이지
SCREEN stylesheet
URL : http://www.imbc.com/broad/tv/ent/event/2010mbc
Filename : style.css
Copyright : (주)iMBC
Publisher : 김선필(beoreoji@gmail.com) [10.12. ]
------------------------------------------------------------- */
/***** iMBC 공식 스타일/레이아웃 (공통) *****/
/* Default Type Selector */
* {margin:0; padding:0;}
html,body{*width:100%; min-width:990px;}
body {border:none; font:12px/1.4 Dotum,"돋움"}
div,p,table,tr,td,th,ul,ol,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6,form,input,select,textarea,fieldset,legend, blockquote {color:#777; line-height:1.4;}
h1,h2,h3,h4,h5,h6 {color:#555; font-size:14px; font-weight:bold; letter-spacing:-1px;}
a, img, label, input {selector-dummy:expression(this.hideFocus=true);}
a {text-decoration:none; color:#777;}
a:hover {text-decoration:underline;}
table {border-collapse:collapse; text-align:left; word-break: break-all; table-layout:fixed;}
img, fieldset {border:none;}
hr, legend {display:none;}
li {list-style:none;}
input, select {vertical-align:middle;}
caption {text-align:left;}
em {font-style:normal;}
/* Layout */
body {text-align:center; font-size:75%}
#wrap {width:100%; background:url(http://img.imbc.com/commons/images/bg_footer.gif) repeat-x bottom; text-align:center}
#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; width:990px; margin:0 auto; text-align:left;}
#colgroup {z-index:10; width:990px; background:#fff;}
#content {z-index:10; float:left; width:720px; height:730px;}
#footer {z-index:10; clear:both; width:100%}
#Adcode {top:0 !important;}
/* Default Class Selector */
.png24 {tmp:expression(setPng24(this));}
.iframeForum {width:600px; overflow:hidden; border-top:1px solid rgb(230, 230, 230); padding-top:10px;} /* iframe Style */
#Adcode{z-index:30; width:160px;} /* Aside AD Banner */
/* Clearing */
.clear:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear {clear:both; min-height:1px; *height:1px;}
/* Class */
.skip_navi {display:none;}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle}
.checkbox {width:13px; height:13px; vertical-align:middle}
/***** 고유스타일 시작 *****/
body {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_global.jpg) no-repeat 50% 150px;}
#content {float:right; *display:inline; width:670px; height:752px; margin-right:160px; text-align:center;}
#titleArea {width:670px; height:497px;}
#titleArea h1,
#titleArea p {text-indent:-5000px; position:absolute;}
#featured {width:642px; margin:0 auto; *margin:0;}
#featured li {float:left; width:188px; height:103px; margin:0 13px; font-size:11px; text-align:left;}
#featured li h2 {height:21px; *height:22px; border-bottom:1px solid #992f27; text-indent:-5000px; background:no-repeat; margin-bottom:10px;}
#featured li a {font-size:11px; color:#7e7e7e;}
#featured li img {width:78px; height:58px; border:1px solid #992f27; float:left; margin-right:10px;}
#featured li p {font-size:11px;}
#featured li ul li {float:none; height:auto; margin:0;}
#featured .hotnew h2 {background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/title_hotnew.png);}
#featured .couple h2 {background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/title_couple.png);}
#featured .popular h2 {background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/title_popular.png);}
#featured .drama h2 {background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/title_drama.png);}
#sidebar {width:160px; float:left; *display:inline; text-align:center; min-height:761px; height:auto !important; height:761px;}
#sidebar .program {position:relative; width:160px; height:150px;}
#sidebar .program h3 {position:absolute; top:30px; left:12px;}
#sidebar .program h3 a {float:left; width:126px; height:64px; text-indent:-5000px;}
#sidebar .program dl {position:absolute; text-indent:-5000px;}
#nav {float:left; *display:inline; margin:0 25px 50px 15px; width:120px; border-top:1px solid #801813; border-bottom:1px solid #db5a4b;}
#nav li {float:left;}
#nav a {float:left; width:120px; background-repeat:no-repeat; background-position:left top; text-indent:-5000px;}
#nav a.btn_couple {height:58px; background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_couple.png);}
#nav a.btn_popular {height:57px; background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_popular.png);}
#nav a.btn_drama {height:57px; background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_drama.png);}
#nav a.btn_winner {height:42px; background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_winner.png);}
#nav a.btn_vod {height:57px; background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_vod.png);}
#nav a.btn_photo {height:42px; background-image:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_photo.png);}
#nav a:hover {background-position:left bottom;}
#sidebar .trophy {float:left; *display:inline; margin-left:15px; width:120px; height:233px;}
/** 서브페이지 **/
#subpage {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_yline.jpg) repeat-y 50% 150px;}
#subpage .outer {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_global_sub.jpg) no-repeat 50% 150px; width:100%;}
#subpage #content {padding-bottom:70px; height:auto;}
.sectionTitle h1,
.sectionTitle h2 {position:absolute; right:0px; text-indent:-9000em;}
.sectionTitle p {font-size:11px; font-weight:bold; color:#b83837;}
.sectionTitle span {font-size:11px; display:block; color:#b83837;}
.sectionTitle span.sort {text-align:right; color:#707070; padding-right:48px}
.wrapArticle {width:670px;}
#article {width:603px; *width:615px; border:6px solid #aa302a; border-top:0; margin-left:28px; float:left; *display:inline; text-align:center; background:#fff;}
#article ul {width:598px; margin:0 auto; *margin:0;}
#article li {position:relative; float:left; width:275px; height:240px; margin:0 12px;}
#article li input {position:absolute; left:0px; top:204px; *left:-1px; *top:200px;}
#article li label {position:absolute; text-indent:-5000px;}
#article #btn_vote {display:block; text-indent:-5000px; width:230px; height:70px; margin:20px auto 40px; *margin:20px 0 40px; border:0; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/btn_vote.png) no-repeat;}
#subpage .couple {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_couple.jpg) no-repeat left top;}
#subpage .drama {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_drama.jpg) no-repeat left top;}
#subpage .couple .sectionTitle,
#subpage .drama .sectionTitle {height:50px; *height:264px; padding-top:214px;}
#subpage .popular {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_popular.jpg) no-repeat left top;}
#subpage .popular .sectionTitle {height:75px; *height:289px; padding-top:214px;}
#subpage .popular #article .wrapper {width:258px; margin:0 20px; float:left;}
#subpage .popular #article .wrapper h3.man {float:left; *display:inline; width:175px; height:20px; text-indent:-3000px; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/title_popular_man.gif) no-repeat; margin-bottom:10px;}
#subpage .popular #article .wrapper h3.woman {float:left; *display:inline; width:175px; height:20px; text-indent:-3000px; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/title_popular_woman.gif) no-repeat; margin-bottom:10px;}
#subpage .popular #article ul {width:258px; margin:0}
#subpage .popular #article li {width:258px; margin:0}
#subpage .popular #article li input {position:absolute; left:185px; top:3px; *left:182px; *top:0px;}
#subpage .popular #article #btn_vote {margin-top:0px;}
#subpage .winner {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_winner.jpg) no-repeat left top;}
#subpage .vod {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_vod.jpg) no-repeat left top;}
#subpage .photo {background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/bg_photo.jpg) no-repeat left top;}
#subpage .winner .sectionTitle,
#subpage .vod .sectionTitle,
#subpage .photo .sectionTitle {height:35px; *height:249px; padding-top:214px;}
#nominee {border-collapse:separate; *border-collapse:collapse; width:583px; *width:585px; border:1px solid #7a1515; margin:0 auto 30px; *margin:0 0 30px; color:#fff; font-size:12px;}
#nominee #sec {width:43px;}
#nominee #men {width:269px;}
#nominee #women {width:270px; *width:271px;}
#nominee ul {float:left; width:250px; height:80px; margin-left:7px;}
#nominee li {float:left; *display:inline; width:48px; height:90px; text-align:center; margin:0 3px; color:#000;}
#nominee li img {width:46px; height:60px; border:1px solid #ddd; margin-bottom:10px;}
#nominee li span {display:block;}
#nominee ul.best {float:none; width:120px; height:90px; margin:0 auto; *margin:0; overflow:hidden;}
#nominee ul.best li {display:inline; width:48px; height:90px; text-align:center; margin:0 6px; color:#000;}
#nominee ul.best li img {width:46px; height:60px; border:1px solid #ddd; margin-bottom:10px;}
#nominee2 {border-collapse:separate; *border-collapse:collapse; width:583px; *width:585px; border:1px solid #7a1515; margin:0 auto 30px; *margin:0 0 30px; color:#fff; font-size:12px}
#nominee2 #awardtitle {width:129px;}
#nominee2 #awardtitlePart {width:131px;}
#nominee2 #awardwinner {width:260px;}
#nominee2 span {font-weight:normal;}
#nominee2 th,
#nominee2 td {width:313px; *width:323px; padding-left:10px; line-height:30px; color:#000; border-bottom:1px dotted #8f8f8f;}
#nominee2 th.part {background:#f0d2ce; width:240px *width:260px; padding-left:20px; font-weight:bold;}
#nominee2 th.partpack {width:109px; *width:129px; background:#f3dfdc; font-weight:bold; padding-left:20px;}
#nominee2 td.partdetail {width:106px; *width:131px; background:#f0d2ce; padding-left:25px; color:#812f00;}
.resultCouple {height:971px !important; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/onair_couple.jpg) no-repeat !important;}
.resultPopular {height:831px !important; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/onair_popular.jpg) no-repeat !important;}
.resultDrama {height:971px !important; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/onair_drama.jpg) no-repeat !important;}
.finishCouple {height:1291px !important; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/finish_couple.jpg) no-repeat !important;}
.finishPopular {height:1680px !important; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/finish_popular.jpg) no-repeat !important;}
.finishDrama {height:1291px !important; background:url(http://img.imbc.com/broad/tv/ent/event/2010mbc/images/finish_drama.jpg) no-repeat !important;}
.onair h1,
.onair h2,
.onair p {position:absolute; right:0px; text-indent:-4000em;}
.vodList {width:603px; *width:615px; border:6px solid #aa302a; border-top:0; margin-left:28px; float:left; *display:inline; text-align:center; background:#fff;}
.vodList .re_login {width:100%}