@charset "euc-kr";

/* IMBC Web Operation Division, Lee gil hwan */ 

@import url("http://www.imbc.com/commons/css/common2011v2.css");

/* Type */
#container h1 		{position:absolute; left:0; top:0;}
#container h1 a 	{display:block; width:; height:;}
#container h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;}
hr 		{clear:both; display:none;}
em	 	{font-style:normal;}
label 	{position:relative; top:1px;}
caption {display:none;}
#accessibility{position:relative; z-index:9999; text-align:left; 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}
/* Layout */
body		{text-align:center;border:0;padding:0;margin:0}
#body_outer {width:100%; background:url(http://img.imbc.com//broad/tv/culture/reader/images/bg_body_x.jpg) repeat-x center 150px;}
#wrap_outer	{width:100%; background:url(http://img.imbc.com/broad/tv/culture/sympathy1/images3/main_v3.jpg) no-repeat center 150px;}
#wrap 		{width:100%; background:url(http://img.imbc.com//broad/tv/culture/reader/images/bg_footer.gif) repeat-x bottom;}
#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;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#content	{z-index:10; position:relative; overflow:hidden; width:635px; padding-bottom:30px; background:none; text-align:left;}
#footer		{z-index:10; clear:both; width:100%;}
#Adcode		{top:0 !important;}

/* Class */
.skip_navi {display:none;}
.display_none {display:none;}

/* flash */
.flash {width:820px; height:420px;}

/* spot */
.spot {position:relative; width:798px; *width:820px; height:22px; *height:33px; padding:11px 22px 0 0px;text-align:right; background:#eabf30; margin:0;}
.spot p {font-size:11px; color:#825102; margin:0;padding:0}
.spot p em {color:#673950;}
.spot ul {float:left;position:absolute; left:0; top:0; width:182px; height:33px;margin:0;padding:0}
.spot ul li {float:left;list-style:none;}
.spot ul li img{border:0;}


/* article */
.article {overflow:hidden; width:799px; *width:820px; margin: 0 0 10 0; padding:0 0 0 19px; border:1px solid #e6e6e6;  background:#fff;}
.tvin_article {overflow:hidden; width:799px; *width:820px; margin: 0 0 50 0; padding:0 0 0 19px; border:1px solid #e6e6e6;  background:#fff;background:url("http://img.imbc.com/broad/tv/culture/sympathy1/images3/a_line.jpg") repeat-y 0 0;}

/* menu section */
.menu_section {float:left; overflow:hidden;width:140px; margin:19px 19px 0 0; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/womanwoman/images/bg_menu_dott.gif) repeat-x left top; text-align:left;}
.menu_section ul {overflow:hidden; width:140px; margin-bottom:14px;margin:0;padding:0;}
.menu_section ul li {float:left; width:135px; *width:140px; height:22px; *height:28px; padding:6px 0 0 5px; line-height:120%; background:url(http://img.imbc.com/broad/tv/culture/womanwoman/images/bg_menu_dott.gif) repeat-x left bottom; line-height:1em;}
.menu_section ul li img {position:relative; left:2px; top:1px}
.menu_section ul li a {font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none;list-style:none;}
.menu_section ul li a:hover {text-decoration:none;}

/* vod section */
.vod_section {float:left; overflow:hidden; width:610px; *width:625px; padding:20px 0 0px 20px; border-left:1px solid #e6e6e6;}
.vod_section h2 {height:21px; *height:27px;font-size:12px; color:#825102; font-weight:bold; letter-spacing:-1px;padding:0;margin:15px 0 3px 0 }
.vod_section .vod {float:left;height:150px;position:relative;left:0;top:0px;  padding:0;margin:0}
.vod_section .vod .img {position:relative;left:0;top:0px;float:left; width:192px; height:173px; margin-right:15px;border:0;padding:0;margin:0}
.vod_section .vod .text {position:absolute;left:200px;top:0px;float:left;overflow:hidden; overflow:hidden; padding-top:2px;margin:0;padding:0;width:500px;}
.vod_section .vod .text .title {font-size:12px; color:#3C111B; margin-bottom:3px;margin:0;padding:0}
.vod_section .vod .text .title a {font-size:12px; color:#3C111B;line-height:160%; text-decoration:none}
.vod_section .vod .text .date {color:#3c111b;font-size:14px;  font-weight:bold;margin:5px 0 3px 0;padding:0}
.vod_section .vod .text .date a {color:#3c111b;font-size:14px; text-decoration:none; font-weight:bold;}
.vod_section .vod .text .content {display:block; font-size:12px; color:#777; line-height:18px; text-decoration:none;}
.vod_section .vod .text .content a{display:block; font-size:12px; color:#777; line-height:18px; text-decoration:none}
.vod_section .main_right {margin-left:8px;width:170px;height:162px;float:left;position:relative;left:0;top:-27px;}
.vod_section .main_right h2 {float:left;height:21px; *height:27px;  font-size:12px; color:#3C111B; font-weight:bold; letter-spacing:-1px;padding:0;margin:0; }
.vod_section .main_right span {float:right; }
.vod_section .main_right img {border:0; }
.vod_section .main_right dl {float:left;width:85px;position:relative;left:0;top:0px;}
/*.vod_section .main_right dl dd {width:76px;border:1px solid #DEDEDE;position:absolute;left:-35px;top:0px;}*/
.vod_section .main_right dl dt {width:77px;border:1px solid #DEDEDE;text-align:center;}
.vod_section .main_right dl dd{color:#000;font-size:12px;margin:5px 0 0 3px;}
.vod_section .main_right dl dd a {color:#000;text-decoration:underline;font-size:12px;}

#vod {float:left; overflow:hidden; width:619px; *width:639px; padding:0 0 20px 20px; border-bottom:1px solid #e6e6e6}
#vod h2 {height:21px; *height:27px;font-size:12px; color:#825102; font-weight:bold; letter-spacing:-1px;padding:0;margin:15px 0 0px 0 }
#vod h4 {margin-bottom:10px; color:#235b73; font-weight:bold; line-height:1.4}
#vod dl {position:relative; width:388px; *width:619px; min-height:144px; height:auto !important; height:144px; padding:0 25px 0 206px}
#vod dl dt {padding-top:3px}
#vod dl dt a {font-size:14px; color:#333; font-weight:bold; line-height:1.4; text-decoration:none}
#vod dl dd .img {display:block; position:absolute; left:0; top:0; width:192px; height:144px}
#vod dl dd .img img {vertical-align:top; border:1px solid #e7e7e7}
#vod dl dd .w_time {display:block; margin-bottom:5px; color:#777; font-size:11px; line-height:1.335; text-decoration:none}
#vod dl dd .w_txt {color:#777; line-heigh:1.4; text-decoration:none}


div#book_content{float:left;}

.re_list_cmt3 {position:absolute; left:0; top:0;}


/* tvin section */
.tvin_section {float:left; overflow:hidden; width:569px; *width:569px; padding:20px 0 10px 20px; border-left:1px solid #e6e6e6;border:1px solid red;}
#tvinfo {position:relative; float:left; overflow:hidden; width:540px; *width:540px; padding:17px 0}
#tvinfo .btn_tvinfo {position:absolute; right:10px; top:22px; display:block; width:37px; height:9px; background:url("http://img.imbc.com/broad/tv/culture/sympathy1/images3/btn_more.gif") no-repeat; text-indent:-5000em; line-height:1%}
#tvinfo h4 {margin-bottom:9px; padding-bottom:5px; font-size:12px; color:#825102; font-weight:bold; background:url("http://img.imbc.com/broad/tv/ent/alllove/images/icon_dott.gif") repeat-x left bottom; line-height:1.4}
#tvinfo ul {float:left; overflow:hidden; width:560px}
#tvinfo ul li {position:relative; float:left; width:65px; *width:85px; min-height:73px; height:auto !important; height:73px; margin-right:14px; padding-left:100px}
#tvinfo ul li a.img {display:block; position:absolute; left:0; top:0; width:95px; height:73px}
#tvinfo ul li a.img img {width:93px; height:71px; vertical-align:top; border:1px solid #e6e6e6}
#tvinfo ul li a.txt {display:block; overflow:hidden; width:65px; padding-top:1px; color:#777; line-height:1.335; font-size:11px; letter-spacing:-1px; text-decoration:none}



.update_article {float:left; overflow:hidden; width:228px; margin-left:20px; padding:17px 0;}
.update_article h3 {margin-bottom:6px; padding-bottom:5px; font-size:12px; color:#825102; font-weight:bold; background:url("http://img.imbc.com/broad/tv/ent/alllove/images/icon_dott.gif") repeat-x left bottom; line-height:1.4}
.update_article ul {overflow:hidden; width:268px}
.update_article ul li {float:left; width:208px; *width:208px; margin-bottom:3px; padding-left:10px;line-height:1.4;background:url("http://img.imbc.com/broad/tv/culture/sympathy1/images3/i_g.gif") no-repeat 0 7px;}
.update_article ul li a {font-size:11px; color:#747474; letter-spacing:-1px; text-decoration:none}
.update_article .btn_tvinfo {position:absolute; right:10px; top:22px; display:block; width:37px; height:9px; background:url("http://img.imbc.com/broad/tv/culture/sympathy1/images3/btn_more.gif") no-repeat; text-indent:-5000em; line-height:1%}