@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2013v2.css");
img{vertical-align:top;}
/* @ lyaout */
body{text-align:center; font-family:dotum; background:#c1eaf1;}
#wrapper{position:relative; width:100%; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/bg.jpg) no-repeat center 150px;}
#header{position:relative; width:100%;}
#header .gnb{width:990px; margin:0 auto; text-align:left; font:12px dotum;}
#container-wrap{z-index:10; position:relative; width:1090px; margin:0 auto;}
#container{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#footer{z-index:30; clear:both; padding:20px 0 40px 0; font:bold 12px dotum; color:#33322f; letter-spacing:-1;}

/* container-wrap */
.visual{position:relative; width:1090px; height:466px;}
.visual_img{display:none; position:absolute; top:0px; left:0px; z-index:10; width:1090px; height:907px;}
.trans{overflow:hidden; width:1040px; *width:1090px; height:907px; padding-left:50px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/bg_visual2.jpg) no-repeat;}
.trans li{z-index:50; position:relative; float:left; height:907px; cursor:pointer;}
.trans li .over{display:none; z-index:60; position:absolute; top:0; left:0;}
.odd{position:relative; top:-907px;}
.even{position:relative; top:907px;}
.spot{z-index:100; position:absolute; top:10px; right:61px; font:11px dotum; color:#2c2f37; letter-spacing:-1px;}
.spot span{font-weight:bold;}

/* nav */
.nav{width:990px; height:41px; *height:54px; padding-top:13px; margin-bottom:1px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/bg_bar2.png) no-repeat;}
.spot_menu, .menu{float:left;}
.spot_menu{width:331px;}
.menu{width:601px; *width:659px; padding-left:58px;}
.spot_menu li, .menu li{overflow:hidden; float:left; text-indent:-9999px;}
.menu li{margin-right:54px;}
.spot_menu li a, .menu li a{display:block; height:27px;}
.m_vod{width:64px; height:27px; margin:0 75px 0 62px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_vod.png) no-repeat;}
.m_board{width:81px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_board.png) no-repeat;}
.m_preview{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_preview.png) no-repeat;}
.m_cast{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_cast.png) no-repeat;}
.m_photo{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_photo.png) no-repeat;}
.m_sketch{width:58px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_sketch.png) no-repeat;}
.m_news{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_news.png) no-repeat;}
.m_vod a:hover{width:64px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_vod_on.png) no-repeat;}
.m_board a:hover{width:81px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_board_on.png) no-repeat;}
.m_preview a:hover{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_preview_on.png) no-repeat;}
.m_cast a:hover{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_cast_on.png) no-repeat;}
.m_photo a:hover{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_photo_on.png) no-repeat;}
.m_sketch a:hover{width:58px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_sketch_on.png) no-repeat;}
.m_news a:hover{width:47px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/m_news_on.png) no-repeat;}


/* sitemap */
.btn_sitemap{position:absolute; top:13px; right:12px;z-index:100; width:83px; height:27px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/btn_sitemap.png) no-repeat; text-indent:-9999px; cursor:pointer;}
.btn_sitemap.on{background-position:0 -27px;}
.sitemap{display:none; width:913px; *width:990px; height:191px; padding-left:77px; margin-bottom:1px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/bg_sitemap.gif) no-repeat;}
.sitemap a{font:11px dotum; color:#e7e7e7; line-height:18px; letter-spacing:-1px;}
.sitemap h3{padding:9px 0 17px 0; font:bold 12px dotum; color:#c92369; letter-spacing:-1.5px;}
.col{float:left; padding-right:48px;}
.event_m{position:relative;}
.btn_e_more{position:absolute; top:6px; left:45px;}
.sitemap .last{width:130px; padding-right:0;}

/* content */
.content{overflow:hidden; position:relative; width:966px; *width:990px; padding:6px 12px 16px 12px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/bg_content.png) repeat-y;}
.preview{width:684px; *width:712px; height:148px; *height:176px; padding:11px 15px 15px 11px; margin-bottom:4px; background:#fbfbfc; border:1px solid #d3d3d3;}
.preview h2{width:681px; *width:684px; height:19px; padding-left:3px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/line1.gif) no-repeat left bottom;}
.newWrap{position:relative; width:461px; *width:684px; height:108px; *height:129px; padding:21px 18px 0 205px;}
.newWrap h3{font:bold 11px dotum; color:#dc4175; letter-spacing:-1px;}
.newWrap h3 span{font:11px dotum;}
.newWrap .imgWrap{overflow:hidden; position:absolute; top:13px; left:18px; width:172px; *width:174px; height:114px; *height:116px; border:1px solid #aaa7a3; text-align:center;}
.newWrap .imgWrap img{width:172px;}
.newWrap p a{font:12px dotum; color:#6e6c6b; line-height:16px; letter-spacing:-1px;}
.newWrap p a strong{display:block; margin:9px 0 12px 0; font:bold 12px dotum; color:#50545e;}

/* ÃÖ½Å¹æ¼Û(µ¿¿µ»ó) 
.preview{position:relative; width:684px; *width:712px; height:148px; *height:176px; padding:11px 15px 15px 11px; margin-bottom:4px; background:#fbfbfc; border:1px solid #d3d3d3;}
.preview h2{width:681px; *width:684px; height:19px; padding-left:3px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/line1.gif) no-repeat left bottom;}
.preview dl{overflow:hidden; width:465px; *width:671px; height:108px; *height:129px; padding: 21px 0 0 206px;}
.preview .obj{position:absolute; top:44px; left:30px;}
.preview dt{padding:0; margin:0; font:bold 11px dotum; color:#dc4175; letter-spacing:-0.5px;}
.preview dd{padding:0; margin:0;}
.preview .date1{font:11px dotum;}
.preview .title{display:block; padding-top:9px; font:bold 12px dotum; color:#50545e;}
.preview .content{font:12px dotum; color:#6e6c6b;}
*/

.cast{position:relative; width:699px; *width:712px; height:175px; *height:188px; padding:11px 0 0 11px; margin-bottom:8px; background:#fbfbfc; border:1px solid #d3d3d3;}
.cast h2{width:681px; *width:684px; height:19px; padding-left:3px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/line1.gif) no-repeat left bottom;}
.cast ul{padding:13px 0 0 1px;}
.cast ul li{float:left; width:99px; height:130px; font:bold 12px dotum; color:#3b3d42; letter-spacing:-1px; text-align:center;}
.cast ul li a{display:block; width:99px; height:11px; *height:130px; padding-top:119px;}
.cast1{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast1.jpg) no-repeat;}
.cast2{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast2.jpg) no-repeat;}
.cast3{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast3.jpg) no-repeat;}
.cast4{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast4.jpg) no-repeat;}
.cast5{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast5.jpg) no-repeat;}
.cast6{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast6.jpg) no-repeat;}
.cast7{background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/cast7.jpg) no-repeat;}
.btn_cast_more{z-index:50; position:absolute; top:10px; right:18px; padding-left:7px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/icon_more.gif) no-repeat 0 3px;}
.btn_cast_more a{display:block; font:bold 12px dotum; color:#dc4175; letter-spacing:-1px;}

.banner{position:absolute; top:6px; right:12px;}
.event{position:absolute; top:260px; right:12px; width:238px; *width:250px; height:100px; *height:114px; padding:12px 5px 0 5px; background:#fff; border:1px solid #d3d3d3;}
.event h2{height:18px; padding-left:9px; background:url(http://img.imbc.com/broad/tv/drama/firejung/images2/line2.gif) no-repeat left bottom;}
.event_banner{overflow:hidden; width:222px; height:63px; margin:10px 0 0 8px;}
.event_banner li{float:left;}
.eventCtrl{position:absolute; top:9px; right:10px;}
.eventCtrl span{display:block; float:left; padding-top:2px; line-height:16px; font:12px dotum; color:#dc4175;}
.eventCtrl .current{font:bold 12px dotum;}
.eventCtrl .total{margin-right:5px;}
.eventCtrl button{float:left; width:16px; height:14px; background:none; border:none; cursor:pointer;}

/* some_wrap */
.some-wrap{clear:both; position:relative; width:960px; margin-left:3px;}
.some{float:left; position:relative; width:188px; *width:190px; height:202px; *height:204px; margin:0 2px 2px 0; border:1px solid #e5e5e5; background:#fbfbfc; cursor:pointer;}
.some .img_wrap{overflow:hidden; display:block; width:188px; height:135px; text-align:center; background:#000;}
.some .some_img{height:135px;}
.some .filter{position:absolute; top:0; left:0; z-index:100;}
.some dl{width:174px; height:51px; margin:8px 7px 7px 7px;}
.some dl dt{width:171px; *width:174px; height:15px; *height:16px; padding-left:3px; margin-bottom:8px; border-bottom:1px solid #dfdfe0;}
.some dl dd{font:11px dotum; color:#696969; letter-spacing:-1px; line-height:14px;}
.some .over_line{display:none; position:absolute; top:0px; left:0px; width:182px; *width:188px;  height:197px; *height:203px; border:3px solid #585858;}
.banner1{float:left; width:188px; *width:190px; height:202px; *height:204px; margin:0 2px 2px 0; border:1px solid #e5e5e5;}
.banner2{float:left; width:380px; *width:382px; height:202px; *height:204px; margin:0 2px 2px 0; border:1px solid #e5e5e5;}
.btn_more{float:left; width:190px; height:204px; margin:0 2px 2px 0; cursor:pointer;}