@charset "euc-kr"; @import url("http://www.imbc.com/commons/css/common2011v2.css"); /* ------------------------------------------------------------------------------------------------------------ MBC 월화 특별기획 "계백" 티져 홈페이지 | Screen Style Sheet | iMBC 디자인팀 퍼블리셔 김선필 [11.07.07] ------------------------------------------------------------------------------------------------------------ */ 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;} #f_copyright{z-index:10; clear:both; width:100%; text-align:center;} #Adcode {display:none !important;} body {background:#000} #wrap {width:100%; text-align:center; background:#000 url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_teaser.jpg) no-repeat 50% 150px;} #container {width:990px;} #front {position:relative; width:100%; height:273px; text-align:right} .scheme {padding-top:20px; padding-right:30px; color:#fff; font-size:11px; letter-spacing:0} .scheme li {line-height:1.4} #nav {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_nav.png) no-repeat; height:88px; z-index:99999} #nav ul {position:absolute; top:35px;} #nav ul.nav_intro {left:120px} #nav ul.nav_join {left:667px} #nav ul li {float:left; padding-right:26px; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/nav_seperate.gif) no-repeat right top} #nav ul li a {display:block; height:18px; text-indent:-5000em; background:no-repeat left top; cursor:pointer} #nav li.btn_concept a {width:58px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_concept.gif)} #nav li.btn_map a {width:70px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_map.gif)} #nav li.btn_gnews a {width:56px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_gnews.gif)} #nav li.btn_photo a {width:56px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_photo.gif)} #nav li.btn_sketch {background:none} #nav li.btn_sketch a {width:73px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_sketch.gif)} #nav li.btn_board a {width:74px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_board.gif)} #nav li.btn_supporter a {width:84px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_supporter.gif)} #nav li.btn_scrap a {width:45px; background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_scrap.gif)} #nav li a:hover, #nav li a.on {background-position:left bottom} #specialVideo {position:absolute; top:-40px; right:40px; width:151px; height:59px; z-index:999999;} #specialVideoMobile {position:absolute; top:-40px; right:40px; width:151px; height:59px; z-index:999999;} #content {padding-left:28px; top:-20px} .article h3 {width:196px; height:83px; margin-left:72px; text-indent:-5000em; background:no-repeat left bottom; margin-bottom:10px;} #content .iframe {padding:0 35px 20px; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums_close.gif) no-repeat left bottom; width:866px; *width:936px !important;} #concept {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_concept.jpg) no-repeat; height:659px;} #concept .conceptBook {padding-top:80px; overflow:hidden; width:927px; height:574px; *height:654px} #concept .conceptBook img {position:absolute; left:0; top:80px; display:none; margin-left:2px} #concept .navPage {position:absolute; left:756px; top:35px} #concept .navPage li {float:left; width:40px; height:35px; margin-right:10px; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/concept_bg_pagenum.png) no-repeat} #concept .navPage li a {display:block; margin-left:5px; height:19px; margin-top:10px; text-indent:-5000em; background:no-repeat center top; cursor:pointer} #concept .navPage li.page1 a {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_page1.gif)} #concept .navPage li.page2 a {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_page2.gif)} #concept .navPage li.page3 a {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_page3.gif)} #concept .navPage li.page4 a {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_page4.gif)} #concept .navPage li.page5 a {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_page5.gif)} #concept .navPage li a:hover, #concept .navPage li a.on {background-position:center bottom} #concept .movePage {position:absolute; width:932px; height:29px; left:0; bottom:30px; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_concept_nav.png) no-repeat 50% 0;} #concept .movePage a {position:absolute; width:70px; height:25px; text-indent:-5000em} #concept .movePage .prev {display:none; left:310px} #concept .movePage .next {left:550px} #map {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_map.jpg) no-repeat; height:852px;} #gnews,#board,#sketch,#photo {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums_repeatY.gif) repeat-y;} .article .frameOuter {background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums.jpg) no-repeat left top;} #gnews h3 {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/title_gnews.png)} #board h3 {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/title_board.png)} #photo h3 {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/title_photo.png)} #sketch h3 {background-image:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/title_sketch.png)} #supporter {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums_repeatY.gif) repeat-y;} #supporter .descript {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_supporter.jpg) no-repeat; height:749px} #supporter .descript * {position:absolute; left:-2000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden} #supporter .frameOuter {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums_repeatY.gif) repeat-y; padding-top:25px} #scrap {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums_repeatY.gif) repeat-y;} #scrap .descript {position:relative; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_scrap.jpg) no-repeat; height:750px;} #scrap .descript .selectTrailer {position:absolute; top:215px; left:518px; width:173px;} #scrap .descript .selectTrailer li {float:left; width:84px; height:31px;} #scrap .descript .selectTrailer li a {cursor:pointer} #scrap .descript .selectTrailer li#trailer1 a {display:block; height:31px; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_scrap_trailer1.png) no-repeat; text-indent:-5000em; margin-right:5px;} #scrap .descript .selectTrailer li#trailer2 a {display:block; height:31px; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/btn_scrap_trailer2.png) no-repeat; text-indent:-5000em} #scrap .descript .selectTrailer li a:hover, #scrap .descript .selectTrailer li.on a {background-position:left bottom !important} #scrap .descript .trailerContainer {position:absolute; right:272px; top:248px; width:456px; height:256px;} #scrap .frameOuter {position:relative; z-index:9999; background:url(http://img.imbc.com/broad/tv/drama/gyebaek/images/bg_forums_repeatY.gif) repeat-y; padding-top:25px} #f_copyright {height:60px; padding-top:40px; *height:100px; color:#cfcfcf;}