/* 작성자 : 김선필 (iMBC 디자인팀) */ @charset "euc-kr"; @import url("http://www.imbc.com/commons/css/common2011v2.css"); 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:100%; text-align:center} #content {z-index:30; position:relative;} #f_copyright{z-index:10; clear:both; width:100%; text-align:center;} #Adcode {display:none !important;} body {background:#fcf5e4 url(http://img.imbc.com/broad/tv/drama/idoido/images/bg_pattern.png) repeat-x 0 150px} #wrap {text-align:center; background:url(http://img.imbc.com/broad/tv/drama/idoido/images/bg_home.jpg) no-repeat 50% 150px; background-size:1920px 470px} #flashShow {position:absolute; left:0; top:0; width:100%; overflow:hidden; z-index:100} #masthead {position:relative; margin:0 auto; width:990px; height:470px; overflow:hidden; z-index:99} .scheme {position:absolute; top:0; right:0; text-align:right; padding:5px; color:#fcf5e4; font-size:11px; line-height:1.6; letter-spacing:-1px} .scheme span {font-weight:bold} .banner_msupporter {position:absolute; top:404px; left:715px; width:245px; height:66px; background:url(http://img.imbc.com/broad/tv/drama/idoido/images/banner_msupporters.png) no-repeat 0 0;} .banner_msupporter a {float:left; height:100%; text-indent:-5000em} .banner_msupporter a.msupporter0 {width:39px} .banner_msupporter a.msupporter1 {width:100px; margin-right:3px} .banner_msupporter a.msupporter2 {width:100px} #frontWrapper {position:relative; width:990px; margin:0 auto; text-align:left} #nav {position:relative; width:100%; height:43px; overflow:hidden;} #nav ul {height:100%; background:url(http://img.imbc.com/broad/tv/drama/idoido/images/bg_nav.jpg) no-repeat 0 0} #nav ul li {float:left; height:100%;} #nav ul li a {display:block; height:100%; text-indent:-5000em; background:no-repeat 0 0; line-height:43px} #nav ul li.btn_vod {display:inline; margin-left:52px; width:108px; margin-right:27px;} #nav ul li.btn_vod a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_vod.png)} #nav ul li.btn_board {width:107px; margin-right:37px} #nav ul li.btn_board a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_board.png)} #nav ul li.btn_preview {width:101px; margin-right:10px} #nav ul li.btn_preview a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_preview.png)} #nav ul li.btn_cast {width:101px; margin-right:10px} #nav ul li.btn_cast a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_cast.png)} #nav ul li.btn_photo {width:100px; margin-right:16px} #nav ul li.btn_photo a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_photo.png)} #nav ul li.btn_sketch {width:101px; margin-right:28px} #nav ul li.btn_sketch a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_sketch.png)} #nav ul li.btn_idonews {width:100px} #nav ul li.btn_idonews a {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/btn_idonews.png)} #nav ul li a:hover {background-position:0 100%} #content {height:528px; *height:553px; padding:25px 0 0 30px} .section {position:relative; float:left; overflow:hidden} .section h2 {height:24px; *height:25px; text-indent:-5000em; background:0 0 no-repeat; border-bottom:1px dotted #000; margin-bottom:8px} /*-- 금주방송 & 이벤트 --*/ #thisweekEvent {float:left; width:270px; height:289px; margin-right:55px; overflow:hidden;} #thisweek {width:270px; height:150px} #thisweek h2 {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/text_title_thisweek.gif)} #airDate {position:absolute; top:3px; left:74px; height:15px; color:#000; font-size:11px} #airText {width:252px; *width:270px; height:84px; *height:87px; overflow:hidden; padding:3px 0 0 9px; text-align:left} #airText a {color:#3c3540; font-size:12px; line-height:1.2} #eventnow {position:relative; height:100px} #eventnow h2 {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/text_title_event.gif)} #eventnow .events {position:relative; width:270px; height:65px; overflow:hidden;} #eventnow .events li {position:absolute; width:270px; height:65px; left:100%; top:0} #eventnow .events li img {width:270px; height:65px} #eventnow .eventControl {position:absolute; top:5px; float:right; right:0; height:10px} #eventnow .eventControl a {float:left; display:inline; line-height:10px; width:10px; height:10px; margin:0 0 0 1px; background:url(http://img.imbc.com/broad/tv/drama/withoutyou/images/bullet_event.png) no-repeat 0 0; text-indent:-5000em} /*-- 새소식 --*/ #whatsnew {width:325px; height:274px; margin-right:30px} #whatsnew h2 {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/text_title_whatsnew.gif)} #whatsnew ul li {clear:both; min-height:72px; height:auto !important; height:72px;} #whatsnew ul li img {float:left; width:108px; height:68px; border:1px solid #6c5a56; margin-right:7px;} #whatsnew ul li p {padding-top:13px} #whatsnew ul li p span {display:block; font-weight:bold; margin-bottom:3px; color:#000} #whatsnew ul li p a {color:#000; line-height:1.2; font-size:12px;} /*-- 배너 --*/ .rectangle_banner {float:left; margin-top:24px} /*-- 포토,동영상 --*/ #photovideo {clear:both; float:none} #photovideo h2 {background-image:url(http://img.imbc.com/broad/tv/drama/idoido/images/text_title_photovideo.gif); margin-right:30px} #photovideo li {position:relative; float:left; width:145px; height:160px; margin:0 12px 0 0; overflow:hidden; text-align:center;} #photovideo li a {float:left; width:145px; height:95px; background:#bd5348; margin-bottom:8px; overflow:hidden;} #photovideo li a.photo_vod_imgWrap img {height:95px} #photovideo li img.videothumb {height:93px; *height:95px; border:1px solid #bd5348;} #photovideo li p {text-align:left; line-height:1.3} #photovideo li p a {float:none; font-size:12px; color:#000; background:none !important; margin:0} /*-- 사이트맵 --*/ #sitemap {position:relative; width:988px; *width:990px; margin:0 auto; min-height:140px; height:auto !important; height:140px; font-size:11px; background:#fff5dc; border:1px solid #e2dbcc; text-align:left} #sitemap .menuGroup {float:left; margin:24px 0 10px 16px; padding-right:17px; border-right:1px dotted #ccc4b0;} #sitemap .menuGroup p {font-size:11px; color:#000; font-weight:bold; margin-bottom:15px; position:relative} #sitemap .menuGroup p.msup {height:26px; width:60px; background:url(http://img.imbc.com/broad/tv/drama/drjin/images/icon_msupporter_sideNav.png) no-repeat 0 0; text-indent:-5000em; margin-top:-12px; margin-bottom:12px} #sitemap .menuGroup p span {margin-right:5px} #sitemap .menuGroup p a {background:#bd5348; font-size:11px; font-weight:normal; color:#efe6e2; line-height:1; padding:1px 3px; *padding:2px 3px 0;} #sitemap .menuGroup li {position:relative; margin-bottom:5px} #sitemap .menuGroup li a {color:#000} #sitemap .menuGroup li a:hover {color:#000; text-decoration:underline} #f_copyright {height:120px; *height:163px; padding-top:43px; color:#3a3732;}