@charset "euc-kr"; @import url("http://www.imbc.com/commons/css/common2011.css"); /* --- HTML Layout --- */ body {text-align:center; font-size:75%} body.main {background:#000 url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_main_v3.jpg") no-repeat center 150px} body.sub {background:#000 url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_sub.jpg") no-repeat center 150px} #wrap {position:relative; overflow:hidden; width:100%; 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} #bg_random {position:absolute; left:50%; top:220px; width:1350px; height:630px; *height:700px; margin-left:-675px; text-align:left} #container {z-index:20; position:relative; overflow:hidden; width:100%; text-align:center} body.sub #container {} #m_con {position:relative; z-index:10; overflow:hidden; width:960px; *width:990px; margin:-15px auto 15px auto; padding:27px 0 26px 30px; border-bottom:5px solid #1c1c1c; background:#000; text-align:left} #colgroup {overflow:hidden; width:990px; margin:0 auto; text-align:left} #l_con {position:relative; float:left; overflow:hidden; width:735px; margin-right:5px} #r_con {float:left; overflow:hidden; width:250px} #s_con {overflow:hidden; width:733px; *width:735px; border:1px solid #cfcfcf; background:#fff} #snb {float:left; overflow:hidden; width:110px; *width:128px; padding:29px 9px 0 9px} .section {float:left; overflow:hidden; width:585px; *width:605px; padding:0 9px 62px 10px; border-left:1px solid #ebebeb} #m_flash {position:relative; overflow:hidden; width:990px; height:455px; margin:0 auto} #f_copyright {overflow:hidden; width:990px; margin:0 auto; text-align:center; font-size:12px; color:#cfcfcf; } .footer{padding:20px 0;} body.sub #f_copyright {overflow:hidden; width:735px; height:40px; *height:60px; padding-top:20px; text-align:center; font-size:12px; color:#cfcfcf; line-height:1.335} /* --- Main Content --- */ #m_flash .staff {position:absolute; right:11px; top:11px; overflow:hidden} #m_flash .staff li {font-size:11px; color:#fff; letter-spacing:-1px; line-height:1.4; font-weight:bold; text-align:right; vertical-align:top} #m_menu {position:relative; z-index:20; overflow:hidden; width:887px; *width:990px; height:20px; * height:41px; margin:0 auto 10px auto; padding:21px 0 0 103px; text-align:left} #m_menu ul {overflow:hidden; width:887px; height:25px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_blank.gif")} #m_menu ul li {float:left; height:20px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_bar.gif") no-repeat right center} #m_menu ul li a {display:block; height:20px; text-indent:-5000em} #m_menu ul li.vod {width:60px; margin-right:56px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat 0 0} #m_menu ul li.bbs {width:81px; margin-right:75px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat -116px 0} #m_menu ul li.preview {width:92px; margin-right:27px} #m_menu ul li.preview a {width:61px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat -268px 1px} #m_menu ul li.preview a:hover {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_on_v4.png") no-repeat -268px 0} #m_menu ul li.photo {width:93px; margin-right:26px} #m_menu ul li.photo a {width:61px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat -387px 1px} #m_menu ul li.photo a:hover {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_on_v4.png") no-repeat -387px 0}} #m_menu ul li.sketch {width:104px; margin-right:27px} #m_menu ul li.sketch a {width:72px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat -506px 1px} #m_menu ul li.sketch a:hover {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_on_v4.png") no-repeat -506px 0} #m_menu ul li.cast {width:90px; margin-right:28px} #m_menu ul li.cast a {width:60px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat -637px 1px} #m_menu ul li.cast a:hover {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_on_v4.png") no-repeat -637px 0} #m_menu ul li.event {width:48px; background:none} #m_menu ul li.event a {width:48px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_off_v4.png") no-repeat -755px 1px} #m_menu ul li.event a:hover {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_m_menu_on_v4.png") no-repeat -755px 0} #m_today {float:left; overflow:hidden; width:315px; height:358px; margin:0 50px 20px 0} #m_today h2 {margin-bottom:6px; padding-left:8px; font-size:12px; color:#cfcfcf; line-height:1.335} #m_today h2 img {margin-right:8px; vertical-align:baseline} #m_today .vod {overflow:hidden; width:313px; *width:315px; height:329px; *height:331px; border:1px solid #474747; background:#1c1c1c; text-align:center} #m_today .preview {width:275px; height:185px; margin:10px auto; text-align:left} #m_today .btn {width:275px; margin:0 auto 9px auto; text-align:right} #m_today .txt {width:275px; margin:0 auto; font-size:12px; color:##cfcfcf; line-height:1.55; text-align:left} #m_notice {float:left; overflow:hidden; width:270px; margin-right:45px} #m_notice h2 {margin-bottom:3px; padding:0 0 6px 5px; border-bottom:1px solid #4a4849} #m_notice h2 img {vertical-align:top} #m_notice .list {overflow:hidden; width:270px; height:328px} #m_notice .list li {position:relative; width:150px; *width:270px; min-height:69px; height:auto !important; height:75px; padding:6px 0 0 120px; margin-top:7px} #m_notice .list li .subject {display:block; margin-bottom:2px; font-size:12px; color:#dea9a6; line-height:1.335; font-weight:bold} #m_notice .list li .txt {font-size:12px; color:#cfcfcf; line-height:1.335} #m_notice .list li .img {display:block; position:absolute; left:0; top:0; width:108px; *width:110px; height:73px; *height:75px; border:1px solid #4a4849} #m_notice .list li .img img {width:108px; height:73px; vertical-align:top} body.main #rectangle_banner {float:left; overflow:hidden; width:250px; height:250px; margin-bottom:18px} #m_event {position:relative; float:left; overflow:hidden; width:250px} #m_event h2 {margin-bottom:5px; font-size:12px; color:#cfcfcf; line-height:1.335; letter-spacing:-1px} #m_event .btn_pre {display:block; position:absolute; z-index:2; right:15px; top:2px; width:15px; height:15px; padding:0; border:0; text-indent:-5000em; cursor:pointer; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/btn_event.gif") no-repeat 0 0} #m_event .btn_next {display:block; position:absolute; z-index:1; right:0; top:2px; width:15px; height:15px; padding:0; border:0; text-indent:-5000em; cursor:pointer; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/btn_event.gif") no-repeat -15px 0} #m_event .list {overflow:hidden; width:250px; height:65px} #m_event .list li {display:none; vertical-align:top} #m_photo {float:left; overflow:hidden; width:930px} #m_photo h2 {margin-bottom:10px; padding:0 0 8px 8px; border-bottom:1px solid #4a4849; vertical-align:top} #m_photo h2 img {vertical-align:top} #m_photo .list {overflow:hidden; width:930px} #m_photo .list ul {overflow:hidden; width:942px} #m_photo .list ul li {position:relative; float:left; width:145px; margin-right:10px} #m_photo .list ul li .img {display:block; width:145px; height:95px; margin-bottom:9px; border:1px solid #474747; text-align:center} #m_photo .list ul li .img img {width:145px; height:95px; vertical-align:top} #m_photo .list ul li .txt {font-size:12px; color:#cfcfcf; line-height:1.335; text-align:center} #m_photo .list ul li .btn_play {position:absolute; right:5px; top:70px; border:0} #btm_menu {overflow:hidden; width:950px; *width:990px; margin:0 auto; padding:19px 0 24px 40px; border:1px solid #474747; background:#fff; text-align:left} #btm_menu h3 {margin-bottom:7px; font-size:11px; color:#555; line-height:1.55; letter-spacing:-1px} #btm_menu h3 img {position:relative; left:5px; vertical-align:top} #btm_menu .list {float:left; width:100px; *width:125px; min-height:126px; height:auto !important; height:126px; padding:0 5px 0 19px; border-right:1px solid #e6e6e6} #btm_menu .list ul {overflow:hidden} #btm_menu .list ul li {letter-spacing:-1px} #btm_menu .list ul li a {font-size:11px; color:#777; line-height:1.55} #btm_menu .list ul li img {margin-left:2px; vertical-align:middle} #btm_menu #type2 {float:left; width:106px; *width:131px; padding:0 5px 0 19px; border-right:0} /* --- Sub Content --- */ #spot {position:relative; width:735px; height:250px; margin-bottom:50px} #spot h1 {position:absolute; left:265px; top:132px; width:220px; height:118px} #spot h1 a {display:block; height:118px; text-indent:-5000em; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_blank.gif")} #spot .staff {position:absolute; right:4px; top:177px; overflow:hidden} #spot .staff li {font-size:11px; color:#fff; line-height:1.3; vertical-align:top; text-align:right; letter-spacing:-1px} #spot .staff li.date {font-weight:bold} .t_menu {position:absolute; left:0; top:250px; overflow:hidden; width:129px; height:51px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_t_menu.gif") no-repeat 0 0} .t_menu li {vertical-align:top; letter-spacing:-1px} .t_menu li a {display:block; height:20px; *height:25px; padding:5px 0 0 16px; font-size:12px; color:#cfcfcf; line-height:1.335; font-weight:bold} #s_notice {position:absolute; left:129px; top:250px; width:566px; *width:606px; height:32px; *height:51px; padding:19px 20px 0 20px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_s_notice.gif") repeat-x 0 0} #s_notice a {font-size:12px; color:#cfcfcf; line-height:1.335} #snb h3 {margin-bottom:4px; font-size:12px; color:#000; line-height:1.335} #snb h3 a {font-size:12px; color:#000; line-height:1.335} #snb h3 img {position:relative; left:5px; vertical-align:top} #snb .list {overflow:hidden; width:102px; *width:110px; margin-bottom:13px; padding:0 4px 5px 4px; border-bottom:1px solid #e8e8e8} #snb .list ul {overflow:hidden} #snb .list ul li {margin-bottom:4px; vertical-align:top} #snb .list ul li a {font-size:12px; color:#666; line-height:1.335; letter-spacing:-1px} #snb .list ul li a:hover, #snb .list ul li a.on {color:#b6002f; text-decoration:underline; padding-left:8px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/icon_menu_on.gif") no-repeat 0 4px} #snb .list ul li img {margin-left:2px; vertical-align:middle} .section h2 {height:44px; *height:62px; padding-top:18px; font-size:18px; color:#393939; letter-spacing:-1px; line-height:1.335; text-align:left} .section h2 span {font-weight:200; font-size:11px; color:#545454; padding-left:10px;} .section h2 span.fontColor {color:#ba102d;} #s_con .article {width:585px; min-height:600px; height:auto !important; height:600px; text-align:left} /* --- Sub Content : Concept --- */ .concept {width:585px; height:690px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/concept.jpg") no-repeat; text-indent:-5000em} .content_staff {width:585px; height:780px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/content_staff.jpg") no-repeat; text-indent:-5000em} /* --- Sub Content : Cast --- */ .cast_list {overflow:hidden; width:585px} .cast_list li {overflow:hidden; width:585px; height:400px; margin-bottom:5px; text-indent:-5000em} .cast_list li.cast1 {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/cast1.jpg") no-repeat} .cast_list li.cast2 {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/cast2.jpg") no-repeat} .cast_list li.cast3 {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/cast3.jpg") no-repeat} .cast_list li.cast4 {background:url("http://img.imbc.com/broad/tv/drama/ripley/images/cast4.jpg") no-repeat} /* --- Sub Content : Event --- */ .event_launch {position:relative; overflow:hidden; width:585px; height:600px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/event_launch.jpg") no-repeat; text-indent:-5000em} .event_launch .gift_link {display:block; position:absolute; right:143px; bottom:75px; width:77px; height:18px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_blank.gif")} .event_interview {position:relative; overflow:hidden; width:585px; height:500px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/event_interview.jpg") no-repeat; text-indent:-5000em} .event_loveName {position:relative; overflow:hidden; width:585px; height:615px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/event_5.jpg") 5px 0px no-repeat; text-indent:-5000em} .event_missr {position:relative; overflow:hidden; width:585px; height:586px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/event_6.jpg") 5px 0px no-repeat; text-indent:-5000em} #list_event{width:100%; height:54px; padding:4px 0 0 8px; background:url(http://img.imbc.com/broad/tv/drama/images/event_bg.jpg) no-repeat; text-align:center;} #list_event a{display:block; width:91px; height:27px; font:0/0 Sans-serif; text-indent:-5000em} #list_event li{float:left; margin-right:19px;} #list_event li.eve_nav1 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu1_off.jpg) no-repeat;} #list_event li.eve_nav2 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu2_off.jpg) no-repeat;} #list_event li.eve_nav3 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu3_off.jpg) no-repeat;} #list_event li.eve_nav1 a:hover, .eve_nav1_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu1_on.jpg) no-repeat;} #list_event li.eve_nav2 a:hover, .eve_nav2_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu2_on.jpg) no-repeat;} #list_event li.eve_nav3 a:hover, .eve_nav3_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu3_on.jpg) no-repeat;} .event_bx{width:100%; margin:0 auto; text-align:center;} /*-- 본방사수이벤트 --*/ .event_onair {position:relative; float:left; width:585px; height:418px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_event_onair.jpg") no-repeat; text-indent:-5000em} .event_onair_list {position:relative; float:left; width:585px; height:780px; background-color:#fffae3;} .event_onair_list ul.listUl {display:inline; float:left; margin-left:21px; width:549px;} .event_onair_list ul.listUl li {float:left; width:130px; height:180px; margin-right:7px; margin-bottom:7px;} .event_onair_list ul.listUl li p.p_onair {float:left; width:130px; color:#232323; text-align:center; margin-top:128px;} .event_onair_list ul.listUl li.onair_1 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_02.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_2 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_02.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_3 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_03.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_4 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_04.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_5 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_05.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_6 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_06.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_7 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_07.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_8 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_08.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_9 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_09.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_10 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_10.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_11 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_11.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_12 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_12.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_13 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_13.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_14 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_14.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_15 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_15.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_16 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_16.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li img.onair_img {display:none;} .event_onair_list ul.listUl li a.btn {display:none;} .event_onair_list ul.listUl li p.p_join_onair {float:left; width:130px; color:#232323; text-align:center; margin-top:62px;} .event_onair_list ul.listUl li.onair_join_1 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_01.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_2 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_02.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_3 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_03.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_4 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_04.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_5 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_05.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_6 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_06.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_7 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_07.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_8 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_08.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_9 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_09.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_10 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_10.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_11 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_11.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_12 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_12.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_13 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_13.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_14 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_14.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_15 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_15.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li.onair_join_16 {background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_join_16.jpg) 0px 0px no-repeat;} .event_onair_list ul.listUl li img.onair_join_img {display:inline; float:left; margin-left:13px; margin-top:4px; width:103px; height:68px; border:1px solid #fff1b8;} .event_onair_list ul.listUl li .btn_join {display:inline; float:left; width:85px; height:20px; margin-top:4px; margin-left:23px; background:url(http://img.imbc.com/broad/images/blank.gif) 0px 0px repeat; cursor:pointer} .btn_event_list{display:inline; float:left; margin-left:20px; cursor:pointer;} .quizWrap {display:none; float:left; width:585px;} .quizWrap p.quizLink a {display:inline; float:left; margin-left:262px; margin-top:153px; width:240px; height:22px; background:url(http://img.imbc.com/broad/images/blank.gif) 0px 0px repeat;} .bbsWrap {float:left; margin-top:30px;} .quiz_1 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title01.jpg) 21px 35px no-repeat;} .quiz_2 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title02.jpg) 21px 35px no-repeat;} .quiz_3 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title03.jpg) 21px 35px no-repeat;} .quiz_4 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title04.jpg) 21px 35px no-repeat;} .quiz_5 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title05.jpg) 21px 35px no-repeat;} .quiz_6 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title06.jpg) 21px 35px no-repeat;} .quiz_7 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title07.jpg) 21px 35px no-repeat;} .quiz_8 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title08.jpg) 21px 35px no-repeat;} .quiz_9 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title09.jpg) 21px 35px no-repeat;} .quiz_10 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title10.jpg) 21px 35px no-repeat;} .quiz_11 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title11.jpg) 21px 35px no-repeat;} .quiz_12 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title12.jpg) 21px 35px no-repeat;} .quiz_13 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title13.jpg) 21px 35px no-repeat;} .quiz_14 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title14.jpg) 21px 35px no-repeat;} .quiz_15 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title15.jpg) 21px 35px no-repeat;} .quiz_16 {float:left; margin-top:0px; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/quiz_title16.jpg) 21px 35px no-repeat;} .dis_none {display:none;} .dis_none_join {display:block;} a.btn_join {display:none; margin:0px !important; height:0px !important;} .imgOverWrap {position:absolute; left:161px; *left:31px; top:781px; *top:480px; display:block; z-index:100;} .imgOverWrap ul {float:left; width:130px; margin-right:7px; margin-bottom:7px; cursor:pointer;} .imgOverWrap ul.t {display:none;} .imgOverWrap ul.t_join {display:block;} .imgOverWrap ul li {float:left; width:130px; height:180px;} .imgOverWrap ul li.tt_join {display:block; background:url(http://img.imbc.com/broad/tv/drama/ripley/images/onair_stamp.png) 0px 0px no-repeat; width:130px; height:180px;} /*-- 말풍선을채워라 --*/ .event_balloon {position:relative; float:left; width:585px; height:733px; background:url("http://img.imbc.com/broad/tv/drama/ripley/images/bg_event_balloon.jpg") no-repeat; text-indent:-5000em} /* 화제의1분 */ #clip_wrap {width:584px; overflow:hidden;} .clipList {border:1px solid #d9d9d9;background-color:#eee; padding:21px 0 0 24px;width:558px; *width:584px; overflow:hidden;} .week_num {background-color:#a1a09f;clear:both;color:#fff;font-size:11px;height:24px;margin-bottom:10px;padding:11px 0 0 25px; text-align:left; width:553px; *width:584px; *padding-bottom:5px;} .week_1, .week_2{display:none;} .week_num strong{float:left;} .week_num a {background:url("http://img.imbc.com/broad/tv/drama/taste/images2/bg_week_num_line.gif") no-repeat scroll right;color:#fff;font-size:11px;letter-spacing:-1px;padding:0 7px;text-decoration:none;float:left;text-align:center;} .week_num a.arrow{padding:1px 10px 0 22px;*padding:1px 10px 0 15px;background:none;float:left; cursor:pointer;} .clipList ul {clear:both;overflow:hidden;width:555px;} .clipList ul li {float:left;margin-right:10px;overflow:hidden;position:relative;text-align:center;width:126px;} .clipList ul li a img {border:3px solid #BFB7A6;display:block;margin-bottom:5px; width:120px; height:80px;} .clipList ul li a.play_link {background:url("http://img.imbc.com/broad/tv/drama/hero2009/images2/btn_play.png") repeat scroll 0 0;cursor:pointer;display:block;height:33px;left:91px;position:absolute;top:52px;width:33px;margin:0;} #concept {background:url(http://img.imbc.com/broad/tv/drama/urpretty/images/content_concept.jpg) no-repeat left top; width:100%; height:457px} #concept p {text-indent:-5000em;} #staff {background:url(http://img.imbc.com/broad/tv/drama/urpretty/images/content_staff.jpg) no-repeat; width:100%; height:690px; overflow:hidden;} #staff dl {padding:210px 15px 0} #staff dt {font-weight:bold; text-align:left; line-height:1.7} #staff dd {margin-bottom:17px; line-height:1.5} /*-- 방송정보탭메뉴 --*/ .c_com_img {margin-bottom:15px;} .article h4 {position:relative; float:left; height:47px; text-indent:-5000px; cursor:pointer;} .article .h4_party1 {position:relative; display:inline; float:left; width:109px; height:29px; margin-left:0px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna.jpg) no-repeat 0px 0px; margin-right:2px;} #h4_party2 {margin-right:200px;} .article .h4_party1_on {position:relative; display:inline; float:left; width:109px; height:29px; margin-left:0px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna_over.jpg) no-repeat 0px 0px; margin-right:2px;} .article .h4_party2 {position:relative; float:left; width:109px; height:29px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna.jpg) no-repeat -112px 0px;} .article .h4_party2_on {position:relative; float:left; width:109px; height:29px; background:url(http://img.imbc.com/broad/tv/drama/gloria/images/tab_qna_over.jpg) no-repeat -112px 0px;} #party1_article {position:relative; float:left; display:block; border:0px;} #party2_article {position:relative; float:left; display:none; border:0px;} .icon_tab_event1 img{position:absolute; float:left; width:26px; height:54px; z-index:100; left:84px; top:45px;} .icon_tab_event2 img{position:absolute; float:left; width:26px; height:54px; z-index:100; left:558px; top:45px;} /*-- 월페이퍼포스터 --*/ #wall_list_wrap {padding:17px 22px; width:100%; text-align:left; background:#eee; height:42px; *height:76px;} #wall_list_wrap .posterList img {clear:both; float:left; margin-top:2px; margin-right:15px;} #wall_list_wrap .wallpaperList img {float:left; margin-top:2px; margin-right:15px;} #wall_list_wrap ul {float:left;} #wall_list_wrap ul li {float:left; width:30px;} #wall_list_wrap ul li.first{color:#ff70be;} #wall_list_wrap ul span {cursor:pointer;} .posterList ul {margin-left:23px;} div#zoom_img_wrap{padding:10px 3px 3px; *padding-bottom:0px; background-color:#a1a09f; text-align:center; width:100%;} /*div#wall_list_wrap{padding:13px 43px;text-align:left;float:left;}*/ #img_option{text-align:right; margin-bottom:10px} #big_img{width:578px;} img.clear{clear:both;} /*-- 등장인물 페이지 전용 --*/ .cast_navi {width:584px; height:100px; margin-bottom:20px; background:#f1f1f1} .cast_intro_wrap {overflow:hidden; width:584px; float:left;} .cast_intro_wrap .actorProfile {float:left; height:31px; line-height:1.45} .cast_intro_wrap .actorProfile p {float:left;} .cast_intro_wrap .actorProfile .name {float:left; font-size:16px; color:#000; font-weight:bold} .cast_intro_wrap .actorProfile .actor_name {float:left; font-size:12px; color:#737373; margin-right:10px; padding-top:5px;} .cast_intro_wrap .actorProfile .btn_starlounge {float:left; padding-top:5px;} .cast_intro_wrap .actorProfile .btn_starlounge a {float:left; font-size:12px; color:#5ba4dc; font-weight:bold;} .cast_intro_wrap .sns {float:right; height:31px} .cast_intro_wrap .sns.snsFacebook {float:left; padding-right:10px; padding-top:2px;} .cast_intro_wrap .sns.snsTwitter {float:left;} .cast_intro_wrap .actorImg {float:left; margin-bottom:30px; border:1px solid #eaeaea;} .cast_intro_wrap .actorImg .img {float:left; display:block; clear:both;} .cast_intro_wrap .intro_left {float:left; overflow:hidden; width:584px; line-height:1.8; text-align:left} .cast_intro_wrap .intro_left_no {float:left; overflow:hidden; width:5840px; line-height:1.8; text-align:left} .cast_intro_wrap .intro_left p {font-size:12px; color:#777; line-height:1.8} .cast_intro_wrap .intro_left_no p {font-size:12px; color:#777; line-height:1.8} .cast_intro_wrap .intro_right {float:left; overflow:hidden; width:142px; *width:144px; padding-top:12px; text-align:center; background:#f1f1f1; border:1px solid #eaeaea;} .cast_intro_wrap .intro_right .star_photo {color:#917141; font-weight:bold;} .cast_intro_wrap .intro_right ul {padding-top:5px;} .cast_intro_wrap .intro_right li {margin-bottom:5px;} .cast_intro_wrap .intro_right li img {border:1px solid #ccc;} .cast_intro_wrap .intro_right .like {height:22px; margin-bottom:15px} .cast_intro_wrap .intro_right .like img {vertical-align:top} .cast_intro_wrap .intro_right .like span {display:inline-block; height:19px; *height:22px; padding-top:3px; font-size:12px; font-family:Gulim; color:#474747} .cast_intro_wrap .intro_right .actor_link {display:inline-block; width:78px; *width:90px; margin-bottom:3px; padding-left:12px; text-align:left; background:url("http://img.imbc.com/broad/tv/drama/kiss/images/icon_d_arrow.gif") no-repeat 0 4px} .cast_intro_wrap .intro_right .actor_link a {font-size:11px; color:#c42d45; letter-spacing:-1px} .castFrame {float:left; width:584px; margin-top:10px;} .cast_content_sub{margin-top:20px;float:left;width:584px;} .cast_content_sub_left{width:435px;float:left;} .left_full{width:auto;} .cast_content_sub span.name{font-size:16px; font-weight:bold;color:#000;} .cast_content_sub span.bar{color:#cbcbcb;} .cast_content_sub span.job{color:#164700;} .cast_content_sub span.age{color:#777;} .cast_content_sub div.explain{padding-top:6px;line-height:22px;} .cast_content_sub div.explain p{color:#777;line-height:22px;font-size:12px;letter-spacing:0px;} .cast_content_sub_right{float:left;padding:23px 0 0 20px;} .cast_content_sub_right .cast_info_wrap{width:145px;} .cast_content_sub_right .cast_info_pic{border:1px solid #eaeaea;} .cast_content_sub_right .title, .cast_content_sub_right .content{padding-left:11px;} .cast_content_sub_right .title{color:#000;background:url(http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif) no-repeat left top;line-height:8px;margin-top:15px;} .cast_content_sub_right .content{color:#777;line-height:15px;margin-top:5px;} .cast_content_sub_right .sub{padding-top:8px;} .cast_content_sub_right .sub span{display:block;background:url(http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif) no-repeat left;padding-left:11px;margin-bottom:4px;} .cast_content_sub_right .sub span a{color:#5574ca;text-decoration:underline;} .none{display:none;} .cast_content_sub dl, .cast_content_sub dl dt, .cast_content_sub dl dd{float:left;} .cast_content_sub dl{padding-bottom:15px;width:585px;} .cast_content_sub dl dt img{border:1px solid #ebebeb;width:193px;height:133px;} .cast_content_sub dl dd{padding-left:14px;width: 376px;*width: 390px;} .cast_content_sub dl dd span.job{font-weight:bold;} .cast_content_sub dl dd span.age{color:#777;} .cast_content_sub dl dd div.explain{padding-top:10px;} .cast_content_sub dl dd span.char_info a{color:#5574ca;text-decoration:underline;background:url(http://img.imbc.com/broad/tv/drama/taste/images2/content_sub_right_arrow.gif) no-repeat left;padding-left:11px;margin-left: 10px;} .sns_like {float:right; text-align:right} .sns_icon {float:right;} .sns_icon span {font-size:10px !important} #cast_nav{background-color:#f1f1f1; padding:20px 15px 12px 15px; margin-bottom:20px; float:left; *height:120px; width:554px; *width:584px; overflow:hidden;} #cast_nav span.arrow{padding:20px 0;float:left; width:8px;} #cast_nav span#arrow_left{padding-right:7px; cursor:pointer} #cast_nav span#arrow_right{padding-left:7px; cursor:pointer} #cast_nav span.arrow img{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;} #cast_nav ul, #cast_nav ul li{float:left;} #cast_nav .cast_nav_ul_wrap{width:524px;float:left;overflow:hidden;} #cast_nav ul{width:2000000px;position:relative;left:0;} #cast_nav ul li{padding-right:20px;} #cast_nav ul li dl dt img{border:1px solid #cdcdcd; width:68px;height:51px; cursor:pointer; } #cast_nav ul li dl dd{text-align:center;width:70px;margin-top:-1px; *margin-top:5px;color:#555;letter-spacing:-2px;line-height:15px;font-size:11px; cursor:pointer} .none{display:none;} .pointer{cursor:pointer;}