@charset "euc-kr"; /* Layout */ #loved_main {background:#ecd4d0} #loved_home {background:#ecd4d0 url("http://img.imbc.com/broad/tv/drama/loved/images/bg_main.jpg") no-repeat center 150px} #loved_sub {background:#aee4ef} #m_wrap {overflow:hidden; width:100%; position:relative; text-align:center} #s_wrap {overflow:hidden; width:100%; position:relative; text-align:center} #header {z-index:30; position:relative; width:100%; height:150px; background:#fff; text-align:center} #header .gnb {z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}#sitemap ul li a {font-size:11px; color:#e8fff2; line-height:1.33} /* @ Accessibility */ #accessibility{position:relative; z-index:9999; text-align:left} #accessibility li {position:absolute;top:0;left:0; width:100%} #accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px} #accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px} /* Content */ #flash_area {overflow:hidden; position:relative; z-index:10; width:100%; height:674px} #container {overflow:hidden; z-index:20; position:relative; width:1270px; margin:0 auto} #spot {overflow:hidden; position:relative; width:1270px; height:300; margin:0 auto} #spot h1 {position:absolute; left:0; top:0; width:595px; height:261px} #info {position:absolute; left:156px; top:253px; color:#9d7979; line-height:1.55; text-align:left} #imbc_nav {overflow:hidden; z-index:30; position:relative; width:990px; height:62px; margin:0 auto; background:url("http://img.imbc.com/broad/tv/drama/loved/images/bg_nav.png") no-repeat bottom center} #imbc_nav ul {overflow:hidden; width:990px; height:62px} #imbc_nav ul li {float:left; overflow:hidden; height:44px} #imbc_nav ul li a.vod {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat 0 0} #imbc_nav ul li a.vod:hover, #imbc_nav ul li a.vod_on {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat 0 -50px} #imbc_nav ul li a.bbs {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -124px 0} #imbc_nav ul li a.bbs:hover, #imbc_nav ul li a.bbs_on {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -124px -50px} #imbc_nav ul li a.cast {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -248px 0} #imbc_nav ul li a.cast:hover, #imbc_nav ul li a.cast_on {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -248px -50px} #imbc_nav ul li a.concept {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -372px 0} #imbc_nav ul li a.concept:hover, #imbc_nav ul li a.concept_on {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -372px -50px} #imbc_nav ul li a.staff {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -496px 0} #imbc_nav ul li a.staff:hover, #imbc_nav ul li a.staff_on {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -496px -50px} #imbc_nav ul li a.preview {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -620px 0} #imbc_nav ul li a.preview:hover, #imbc_nav ul li a.preview_on {width:124px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -620px -50px} #imbc_nav ul li a.photo {width:123px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -744px 0} #imbc_nav ul li a.photo:hover, #imbc_nav ul li a.photo_on {width:123px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -744px -50px} #imbc_nav ul li a.event {width:123px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -867px 0} #imbc_nav ul li a.event:hover, #imbc_nav ul li a.event_on {width:123px; background:url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -867px -50px} #imbc_nav ul li a {display:block; height:44px; text-indent:-5000em} #loved_main #imbc_content {overflow:hidden; position:relative; width:970px; *width:990px; height:355px; *height:400px; margin:-18px auto 0; padding:44px 0 0 20px; border-bottom:1px solid #b0a3a3; background:url("http://img.imbc.com/broad/tv/drama/loved/images/bg_m_con.png") no-repeat; text-align:left} #m_pre {overflow:hidden; float:left; width:275px; margin-right:65px} #m_pre h2 {overflow:hidden; width:47px; height:13px; margin-bottom:14px; background: url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat 0 -100px; text-indent:-5000em} #m_pre .swf {display:block; overflow:hidden; width:275px; height:154px; margin-bottom:16px} #m_pre .swf img {width:275px; height:154px} #m_pre .rec {display:block; margin-bottom:3px; color:#6d5959; font-weight:bold; line-height:1.6} #m_pre .txt {display:block; overflow:hidden; width:275px} #m_pre .txt a {color:#827e7e; line-height:1.6} #col_wrap {overflow:hidden; float:left; width:296px} #m_photo {overflow:hidden; width:296px; height:179px} #m_photo h2 {overflow:hidden; width:47px; height:14px; margin-bottom:12px; background: url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -50px -100px; text-indent:-5000em} #m_photo ul {overflow:hidden; width:314px; height:153px} #m_photo ul li {float:left; overflow:hidden; width:138px; margin-right:19px; text-align:left} #m_photo ul li .img {display:block; overflow:hidden; width:138px; height:93px; margin-bottom:9px} #m_photo ul li .img img {width:138px} #m_photo ul li .txt {display:block; width:138px; color:#776060; line-height:1.5} #m_event {overflow:hidden; position:relative; width:296px} #m_event h2 {overflow:hidden; width:36px; height:13px; margin-bottom:14px; background: url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -100px -100px; text-indent:-5000em} #m_event .wrap {overflow:hidden; position:relative; width:296px; height:70px} #m_event ul {overflow:hidden; position:absolute; left:0; top:0; width:296px; height:70px; -webkit-animation-duration:500ms; -webkit-animation-fill-mode:both} #m_event ul li {float:left; overflow:hidden; width:296px; height:70px} #m_event .nav {overflow:hidden; position:absolute; right:0; top:0; height:14px; white-space:nowrap} #m_event .nav span {display:block; float:left; overflow:hidden; height:14px; margin-right:5px; font-weight:bold; color:#aaaaaa; line-height:1.4} #m_event .nav em {color:#676161} #m_event button {display:block; float:left; width:14px; height:14px; padding:0; border:0; cursor:pointer; text-indent:-5000em} #m_event .btn_pre {margin-right:1px; background: url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -140px -100px} #m_event .btn_next {background: url("http://img.imbc.com/broad/tv/drama/loved/images/sp_img.png") no-repeat -160px -100px} #m_event .img {display:block; width:295px; height:70px} #m_event .left0 {left:0; -webkit-animation-name:left0} @-webkit-keyframes left0 { 0% {left:-296px} 100% {left:0} } #m_event .left1 {left:296px; -webkit-animation-name:left1} @-webkit-keyframes left1 { 0% {left:0} 100% {left:296px} } #m_event .left2 {left:592px; -webkit-animation-name:left2} @-webkit-keyframes left2 { 0% {left:0} 100% {left:592px} } #m_event .right1 {left:-296px; -webkit-animation-name:right1} @-webkit-keyframes right1 { 0% {left:0} 100% {left:-296px} } #m_event .right2 {left:-592px; -webkit-animation-name:right2} @-webkit-keyframes right2 { 0% {left:-296} 100% {left:-592px} } #m_event .right3 {left:-592px; -webkit-animation-name:right3} @-webkit-keyframes right3 { 0% {left:-592} 100% {left:-888px} } #ad {overflow:hidden; position:absolute; right:20px; top:70px; width:250px; height:250px} #colgroup {overflow:hidden; z-index:10; position:relative; width:930px; *width:990px; margin:-18px auto 0; padding:35px 20px 0 40px; text-align:left; ; background:#fff url("http://img.imbc.com/broad/tv/drama/loved/images/bg_colgroup.jpg") no-repeat center top} #loved_home #imbc_content {float:left; overflow:hidden; width:660px; margin-right:20px} #loved_home #imbc_content h2 {height:35px; font-size:14px; color:#403f3f; line-height:35px; font-weight:bold} #right_common {float:left; overflow:hidden; width:250px; margin-top:35px} /* Footer */ #footer {overflow:hidden; width:990px; height:73px; margin:0 auto} #f_copyright {color:#696969; line-height:73px} /* 등장인물 */ #cast_wrap {overflow:hidden; width:660px} #nav_cast {overflow:hidden; width:638px; *width:660px; height:130px; *height:148px; margin-bottom:20px; padding:18px 0 0 22px; background:#f1f1f1} #nav_cast ul {overflow:hidden; width:660px; height:130px} #nav_cast ul li {overflow:hidden; float:left; width:80px; height:130px; margin-right:25px; color:#4d2d2c; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:1.33} #nav_cast ul li .img {display:block; overflow:hidden; width:80px; cursor:pointer} #nav_cast ul li img {display:block; margin-bottom:7px} #nav_cast ul li .txt {display:block; margin:4px auto 0; color:#999; font-size:11px; font-weight:normal; cursor:pointer} #cast_wrap .cast_con {display:none; overflow:hidden; position:relative; width:100%} #cast_wrap .cast_con h3 {overflow:hidden; width:100%; margin-bottom:11px; font-size:14px; color:#393939; line-height:1.55; font-weight:bold} #cast_wrap .cast_con h3 span {margin-left:8px; font-size:11px; font-weight:normal; color:#888} #cast_wrap .cast_con h3 a {margin-left:3px; color:#7f0000; text-decoration:underline; vertical-align:bottom; line-height:1.55} #cast_wrap .cast_con .img {display:block; overflow:hidden; margin-bottom:20px} #cast_wrap .cast_con .talk_frame {overflow:hidden; width:100%} #cast_wrap .etc {display:none; overflow:hidden; width:660px} #cast_wrap .etc li {position:relative; width:451px; *width:660px; min-height:139px; height:auto !important; height:139px; margin-bottom:10px; padding:0 0 0 209px} #cast_wrap .etc li img {position:absolute; left:0; top:0} #cast_wrap .etc li h3 {margin-bottom:5px; font-size:16px; font-weight:bold; line-height:1.33; letter-spacing:-1px} #cast_wrap .etc li h3 span {margin-left:15px; font-size:12px} #cast_wrap .etc li p {color:#777; line-height:1.55} #cast_wrap .cast_map {overflow:hidden; width:660px} /* 게시판 공통 Wrap */ #bbs_wrap {overflow:hidden; width:660px} /* 다시보기 & 예고보기 공통 Wrap */ #vod_wrap {overflow:hidden; width:660px} /* 이벤트 Wrap */ #event_wrap {overflow:hidden; width:660px} #cast_wrap .view {overflow:hidden; position:relative; width:660px; margin-bottom:30px; padding:41px 0 20px; background:#a1a09f; text-align:center} #cast_wrap .view img {width:660px} #cast_wrap .option_wallpaper {display:block; position:absolute; right:3px; top:10px} #cast_wrap .view .btn_1024 {display:block; float:left; width:79px; height:19px; ; margin-right:12px; padding:0; border:0; background:none; cursor:pointer} #cast_wrap .view .btn_1024 img {display:block; width:79px; height:19px} #cast_wrap .view .btn_1280 {display:block; float:left; width:80px; height:19px; padding:0; border:0; background:none; cursor:pointer} #cast_wrap .view .btn_1280 img {display:block; width:79px; height:19px}