@charset "euc-kr";
/* IMBC Web Operation Division */ 
@import url("http://www.imbc.com/broad/css/broad_default.css");
/* --- default --- */
h2 		{position:absolute; left:246px; top:37px}
h2 a 	{display:block; width:270px; height:180px; background:url("http://img.imbc.com/broad/images/blank.gif"); text-indent:-5000em}
hr 		{clear:both; display:none}
em	 	{font-style:normal}
label 	{position:relative; top:1px}
caption {display:none}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.d_none {display:none}
.btn_radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle}
.btn_chkbox {width:13px; height:13px; vertical-align:middle}
/* --- layout --- */
body.main	{background:#a1d845 url("http://img.imbc.com/broad/tv/drama/shining/images/bg_main_v2.jpg") no-repeat center 150px; text-align:center}
body.sub	{background:#a1d845 url("http://img.imbc.com/broad/tv/drama/shining/images/bg_sub_v2.jpg") no-repeat center 150px; text-align:center}
#wrap 		{width:100%; background:url("http://img.imbc.com/broad/tv/drama/shining/images/bg_footer.gif") repeat-x bottom; 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}
#main_container	{z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
#sub_container {z-index:20; position:relative; width:990px; min-height:500px; height:auto !important; height:500px; margin:0 auto; text-align:left}
#colgroup	{position:relative; float:left; overflow:hidden; width:735px; border-bottom:1px solid #ebebeb; margin:0 5px 20px 0}
#spot 		{position:relative; overflow:hidden; width:735px; height:250px}
#main_content {overflow:hidden; width:941px; *width:990px; height:377px; *height:410px; padding:33px 0 0 49px; text-align:left; background:#ebf6f1}
.main_section {float:left; overflow:hidden; width:613px; margin-right:32px}
#sub_content {overflow:hidden; width:735px; background:#fff url("http://img.imbc.com/broad/tv/drama/shining/images/bg_colgroup.gif") repeat-y 0 0}
#snb		{position:relative; z-index:20; float:left; width:110px; *width:129px; text-align:center; padding:76px 9px 0 10px}
.sub_section {position:relative; z-index:10; float:left; overflow:hidden; width:604px; *width:606px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; text-align:center}
#m_footer {overflow:hidden; width:990px; text-align:center}
#s_footer {clear:both; overflow:hidden; width:735px; text-align:center}
#f_copyright {height:82px; *height:100px; padding-top:18px; font-size:12px; color:#6c4b00; line-height:1.4}
/* --- main_visual --- */
#main_visual {overflow:hidden; width:990px; height:450px}
/* --- main_menu --- */
#main_container #main_menu {overflow:hidden; width:866px; *width:990px; height:45px; padding-left:124px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_off_v2.jpg") no-repeat 0 0}
#main_container #main_menu li {float:left; overflow:hidden; height:45px}
#main_container #main_menu li a {display:block; overflow:hidden; height:45px; text-indent:-5000em}

#main_container #main_menu li a.bbs {width:76px; margin-right:28px}
#main_container #main_menu li a.vod {width:61px; margin-right:62px}
#main_container #main_menu li a.preview {width:58px; margin-right:54px}
#main_container #main_menu li a.photo {width:58px; margin-right:53px}
#main_container #main_menu li a.sketch {width:71px; margin-right:54px}

#main_container #main_menu li a.news {width:58px; margin-right:53px}
#main_container #main_menu li a.info {width:58px}

#main_container #main_menu li a.bbs:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -124px 0}
#main_container #main_menu li a.vod:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -228px 0}
#main_container #main_menu li a.preview:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -351px 0}
#main_container #main_menu li a.photo:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -463px 0}
#main_container #main_menu li a.sketch:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -574px 0}

#main_container #main_menu li a.news:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -699px 0}
#main_container #main_menu li a.info:hover {background:url("http://img.imbc.com/broad/tv/drama/shining/images/main_menu_on_v2.jpg") no-repeat -810px 0}
/* --- rectangle_banner --- */
#main_container #rectangle_banner {float:left; width:250px; height:250px}
/* --- section --- */
#m_week {float:left; overflow:hidden; width:312px; height:210px; margin:0 31px 15px 0}
#m_week h3 {height:20px; font-size:12px; color:#0c486c; font-weight:normal}
#m_week h3 img {margin-right:5px; vertical-align:top}
#m_week p {position:relative; overflow:hidden; width:272px; *width:312px; height:173px; *height:190px; padding:15px 19px 0 19px; border:1px solid #eee; background:#fff}
#m_week p a {font-size:12px; line-height:1.48; text-decoration:none}
#m_week .more {display:block; position:absolute; right:20px; bottom:9px; width:41px; height:!5px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/btn_more.gif") no-repeat; text-indent:-5000em}
#m_notice {float:left; overflow:hidden; width:270px; height:103px; margin-bottom:18px}
#m_notice h3 {height:19px; *height:20px; margin-bottom:9px; border-bottom:1px solid #eee}
#m_notice ul {overflow:hidden; width:270px}
#m_notice ul li {overflow:hidden; width:258px; *width:270px; height:20px; *height:25px; padding:4px 0 0 12px; border-bottom:1px dotted #c0c0c0; vertical-align:top; background:url("http://img.imbc.com/broad/tv/drama/shining/images/icon_arrow.gif") no-repeat 0 9px;  letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; -moz-binding: url('../js/ellipsis.xml#ellipsis')}
#m_notice ul li a {display:block; overflow:hidden; width:258px; font-size:12px; color:#3c3540; line-height:1.4; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
#m_notice ul li a:hover {text-decoration:none}
#m_photo {float:left; overflow:hidden; width:610px}
#m_photo h3 {height:20px}
#m_photo h3 img {vertical-align:top}
#m_photo ul {overflow:hidden; width:635px}
#m_photo ul li {position:relative; float:left; overflow:hidden; width:110px; margin-right:15px}
#m_photo ul li a {display:block; width:108px; font-size:12px; color:#555; line-height:1.335}
#m_photo ul li img {display:block; width:108px; height:70px; margin-bottom:3px; border:1px solid #eee; vertical-align:top}
/* --- sub_menu --- */
#snb #main_menu {position:absolute; left:0; top:0; overflow:hidden; width:130px; height:51px; margin-bottom:25px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/bg_main_menu.jpg") no-repeat}
#snb #main_menu li {float:left; width:114px; *width:130px; height:20px; *height:25px; padding:5px 0 0 16px; text-align:left}
#snb #main_menu li a {font-size:12px; color:#fff; font-weight:bold; line-height:1.4; text-decoration:none}
#snb #main_menu li a:hover {text-decoration:none}
#snb h3 {margin-bottom:3px; padding:13px 4px 0 4px; font-size:12px; color:#000; font-weight:bold; line-height:1.4; text-align:left; border-top:1px solid #eee}
#snb h3 a {font-size:12px; color:#000; font-weight:bold; line-height:1.4}
#snb h3.top {padding-top:0; border-top:0}
#snb .sub_menu {overflow:hidden; width:110px; margin-bottom:6px}
#snb .sub_menu li {width:102px; *width:110px; margin-bottom:3px; padding:0 4px; vertical-align:top; text-align:left}
#snb .sub_menu li a {font-size:12px; color:#666; line-height:1.4; text-decoration:none}
#snb .sub_menu li a:hover, #snb .sub_menu li a.on {padding-left:7px; color:#b6002f; text-decoration:underline; background:url("http://img.imbc.com/broad/tv/drama/shining/images/icon_sub_arrow.gif") no-repeat 0 3px}
/* --- p_date --- */
#p_date {float:left; overflow:hidden; width:586px; *width:606px; height:33px; *height:51px; padding:18px 0 0 20px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/bg_notice.jpg") repeat-x 0 0; text-align:left}
#p_date a {font-size:12px; color:#fff; font-family:Gulim; line-height:1.4}
/* --- p_info --- */
#main_container .p_info {position:absolute; left:10px; top:29px; overflow:hidden; width:200px; text-align:left}
#main_container .p_info p {font-size:11px; color:#003e55; line-height:1.3}
#spot .p_info {position:absolute; right:12px; top:50px; overflow:hidden; width:200px; text-align:right}
#spot .p_info p {font-size:11px; color:#003e55; line-height:1.3}
/* --- sub_section --- */
.sub_section h4 {width:579px; *width:585px; height:34px; *height:50px; padding:16px 0 0 6px; margin:0 auto 20px auto; font-size:18px; color:#393939; font-weight:bold; text-align:left; line-height:1.335; letter-spacing:-1px}
.sub_section h4 span {margin-left:5px; font-size:11px; color:#164700; font-weight:normal}
.section {position:relative; width:585px; min-height:570px; height:auto !important; height:600px; margin:0 auto; padding-bottom:30px}
/* --- bg --- */
.random1 {position:absolute; left:-148px; top:23px; width:435px; height:527px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/random_bg1.png") no-repeat}
.random2 {position:absolute; left:-154px; top:18px; width:435px; height:527px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/random_bg2.png") no-repeat}
/* --- sub --- */
.staff_wrap {overflow:hidden; width:521px; *width:585px; height:724px; *height:749px; padding:25px 30px 0 34px; background:url("http://img.imbc.com/broad/tv/drama/shining/images/bg_staff.jpg") no-repeat; text-align:left}
.staff_wrap dt {margin-top:16px; font-size:14px; color:#164700; font-weight:bold; line-height:1.335}
.staff_wrap dd {margin-top:1px; font-size:11px; color:#000; line-height:1.65}
.top_img {overflow:hidden; width:585px; margin-bottom:15px}
.wallpaper_wrap {overflow:hidden; width:585px; padding-top:20px; background:#eee}
.wallpaper_wrap h5 {float:left; overflow:hidden; width:86px; *width:108px; height:13px; margin-bottom:20px; padding-left:22px; text-align:left}
.wallpaper_wrap ol {float:left; overflow:hidden; width:475px; height:13px; margin-bottom:20px}
.wallpaper_wrap ol li {float:left; overflow:hidden; width:13px; height:13px; margin-right:17px; font-size:11px; color:#777; letter-spacing:-1px; line-height:1.335; cursor:pointer}
.wallpaper_wrap ol li.on {background:#164700; color:#fff}
#wallpaper_view {position:relative; overflow:hidden; width:585px; padding:43px 0 4px 0; background:#a1a09f; text-align:center}
#wallpaper_view .wall_1280 {display:block; position:absolute; right:99px; top:10px; overflow:hidden; width:80px; height:19px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/drama/shining/images/btn_1280.jpg") no-repeat; text-indent:-5000em; cursor:pointer}
#wallpaper_view .wall_1024 {display:block; position:absolute; right:8px; top:10px; overflow:hidden; width:79px; height:19px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/drama/shining/images/btn_1024.jpg") no-repeat; text-indent:-5000em; cursor:pointer}
#poster_view {display:none; position:relative; overflow:hidden; width:585px; padding:43px 0 4px 0; background:#a1a09f; text-align:center}
#poster_view .btn_download {display:block; position:absolute; right:8px; top:10px; overflow:hidden; width:80px; height:19px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/drama/shining/images/btn_download.jpg") no-repeat; text-indent:-5000em; cursor:pointer}
.img_view {overflow:hidden; width:570px; margin:0 auto; background:#000}
.img_view img {display:none; width:570px}

/* cast */
#cast_nav {float:left; width:585px; height:92px; background-color:#f1f1f1; margin-bottom:20px}
#cast_nav span.arrow{padding:36px 0; float:left; margin-left:5px; width:8px; *width:23px; }
#cast_nav span#arrow_left{padding-right:5px; *width:23px; cursor:pointer}
#cast_nav span#arrow_right{*width:21px; padding-left:0px; 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; margin-top:12px; float:left;overflow:hidden;}
#cast_nav ul{width:2000000px;position:relative;left:0;}
#cast_nav ul li{padding-right:8px;}
#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:80px; 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;}
img#relation {margin-top:15px;}


#cast_content{clear:both;padding-top:20px;float:left;width:585px; text-align:left}
#cast_content img.cast_main_pic{border:1px solid #eaeaea;}
.cast_content_sub {position:relative; margin-top:20px; float:left;width:585px; padding-top:30px;}
.cast_content_sub .sns {position:absolute; right:0; top:0; overflow:hidden}
.cast_content_sub_left{overflow:hidden; width:420px;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:#d7426d;}
.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; width:143px; *width:165px; overflow:hidden; padding-left:22px}
.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 a {font-size:11px}
.cast_content_sub_right .sub a:hover {text-decoration:underline}
.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;}
/* --- event --- */
#list_event{float:left; width:585px; height:54px; padding:4px 0 0 8px; margin-bottom:15px; background:url(http://img.imbc.com/broad/tv/drama/images/event_bg.jpg) no-repeat;}
#list_event a{display:block; width:91px; height:27px; font:0/0 Sans-serif; text-indent:-2000px}
#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:585px; margin-left:auto; margin-right:auto; text-align:center;}
/* hot corner */
#hot_corner {position:relative; float:left; overflow:hidden; width:252px;  height:89px}
#hot_corner .navi {display:block; position:absolute; right:0; top:0; padding-right:21px; font-size:12px; color:#0c486c; line-height:1.335}
#hot_corner .navi .btn_next {dispaly:inline-block; position:absolute; right:0; top:0; width:16px; height:14px; margin-left:4px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/drama/shining/images/btn_next.gif") no-repeat; text-indent:-5000em; cursor:pointer}
#hot_corner h3 {margin-bottom:8px}
#hot_corner h3 img {vertical-align:top}
#hot_corner ul {overflow:hidden; width:252px; height:67px}
#hot_corner ul li {width:252px; height:67px; vertical-align:top}
#hot_corner ul li img {border:1px solid #dadcdb; vertical-align:top}