@charset "euc-kr";
/* IMBC Web Operation Division */ 
@import url("http://www.imbc.com/commons/css/common2011v2.css");
/* --- default --- */
h1 		{position:absolute; left:0; top:49px}
h1 a 	{display:block; width:290px; height:183px}
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;}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle;}
.checkbox {width:13px; height:13px; vertical-align:middle;}
/* --- layout --- */
body.main		{background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_main.jpg") no-repeat center 150px; text-align:center}
body.sub		{background:#33221b url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_sub.jpg") no-repeat center 150px; text-align:center}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/culture/thatday/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;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#spot 		{z-index:10; position:relative; width:830px; height:34px; *height:266px; padding-top:232px}
#colgroup	{z-index:10; position:relative; overflow:hidden; width:818px; *width:820px; margin-bottom:55px; border:1px solid #d6d6d6; border-top:0; background:#fff url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_colgroup.gif") repeat-y 0 0}
#snb		{z-index:10; float:left; overflow:hidden; width:140px; *width:178px; padding:20px 19px 0 19px}
#main_content	{z-index:10; position:relative; overflow:hidden; width:820px; padding-top:350px; text-align:left}
#sub_content	{z-index:10; position:relative; float:left; overflow:hidden; width:640px; text-align:center}
#footer		{z-index:10; clear:both; width:100%;}
#Adcode		{top:0 !important;}
/* --- main --- */
#top_bar {width:820px; height:33px}
#top_bar ul {float:left; width:180px; height:33px}
#top_bar ul li {float:left; height:33px}
#top_bar ul li a.vod {display:block; float:left; width:86px; height:33px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/menu_top_bar.jpg") no-repeat 0 0; text-indent:-5000em}
#top_bar ul li a.bbs {display:block; float:left; width:94px; height:33px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/menu_top_bar.jpg") no-repeat -86px 0; text-indent:-5000em}
#top_bar .info {float:left; width:621px; *width:640px; height:22px; *height:33px; padding:11px 19px 0 0; background:#b38c9b; color:#999; font-size:11px; line-height:1.335; letter-spacing:-1px; text-align:right; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_top_bar.gif") repeat-x}
#main_section {overflow:hidden; width:820px; height:254px; margin-bottom:85px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_main_content.gif") no-repeat}
#menu_section {float:left; overflow:hidden; width:140px; *width:180px; padding:20px 20px 0 20px; margin-right:19px}
#menu_section ul {overflow:hidden; width:140px; margin-bottom:11px; padding-top:1px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_main_dott.gif") repeat-x left top}
#menu_section ul li {float:left; width:140px; height:28px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_main_dott.gif") repeat-x left bottom}
#menu_section ul li a {display:block; height:22px; *height:28px; padding:6px 0 0 14px;font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:1.335; color:#333; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_main_note.gif") no-repeat 0 8px}
#menu_section ul li a:hover {text-decoration:none}
#menu_section dl {overflow:hidden; width:140px}
#menu_section dl dt {float:left; width:27px; *width:30px; padding-left:3px; line-height:1.76; letter-spacing:-1px; font-size:11px; color:#777}
#menu_section dl dd {float:left; width:110px; line-height:1.76; letter-spacing:-1px; font-size:11px; color:#777}
#menu_section dl dd.indent {float:left; width:105px; *width:140px; padding-left:35px; letter-spacing:-1px; font-size:11px; color:#777}
#vod_section {position:relative; float:left; overflow:hidden; width:385px; margin-right:28px; padding-top:53px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_h3_vod.gif") no-repeat 0 39px}
#vod_section h3 {position:absolute; left:0; top:18px; padding-left:9px; font-size:12px; color:#683312; font-weight:bold; line-height:1.4; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_h3_dott.gif") no-repeat 1px 7px}
#vod_section dl {position:relative; overflow:hidden; width:178px; *width:385px; padding:20px 0 0 207px; height:173px}
#vod_section dl dt {display:inline-block; position:absolute; left:207px; top:0; width:174px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#vod_section dl dt a {font-size:14px; color:#333; font-weight:bold; line-height:1.335; text-decoration:none}
#vod_section dl dd.img {position:absolute; left:0; top:0; display:block; float:left; width:195px; height:130px; margin-right:12px}
#vod_section dl dd.img img {vertical-align:top; border:1px solid #cecece}
#vod_section dl dd.date {width:178px; margin:0 0 7px 0}
#vod_section dl dd.date a {font-size:11px; color:#777; letter-spacing:-1px; line-height:1.4; text-decoration:none}
#vod_section dl dd.txt {width:178px}
#vod_section dl dd.txt a {font-size:11px; color:#777; letter-spacing:-1px; line-height:1.6; text-decoration:none}
#tip_section {position:relative; float:left; overflow:hidden; width:187px; padding-top:50px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_h3_tip.gif") no-repeat 0 39px}
#tip_section h3 {position:absolute; left:0; top:18px; padding-left:9px; font-size:12px; color:#683312; font-weight:bold; line-height:1.4; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_h3_dott.gif") no-repeat 1px 7px}
#tip_section .article {width:187px; min-height:135px; height:auto !important; height:135px; font-size:11px; color:#777; line-height:1.6; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_watch.gif") no-repeat 105px 43px}
#tip_section .article .btn_tip {display:block; width:80px; height:22px; margin-top:12px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/btn_tip.gif") no-repeat; text-indent:-5000em}
/* --- sub --- */
#spot #top_bar {width:820px; height:33px; *height:34px; padding-bottom:1px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_sub_bar.jpg") no-repeat left bottom}
#spot #top_bar ul {float:left; width:180px; height:33px}
#spot #top_bar ul li {float:left; height:33px}
#spot #top_bar ul li a.vod {display:block; float:left; width:86px; height:33px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/menu_top_bar.jpg") no-repeat 0 0; text-indent:-5000em}
#spot #top_bar ul li a.bbs {display:block; float:left; width:94px; height:33px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/menu_top_bar.jpg") no-repeat -86px 0; text-indent:-5000em}
#spot #top_bar .info {float:left; width:621px; *width:640px; height:22px; *height:33px; padding:11px 19px 0 0; background:#b38c9b; color:#999; font-size:11px; line-height:1.335; letter-spacing:-1px; text-align:right; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_top_bar.gif") repeat-x}
#snb ul {overflow:hidden; width:140px; margin-bottom:11px; padding-top:1px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_main_dott.gif") repeat-x left top}
#snb ul li {float:left; width:140px; height:28px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_main_dott.gif") repeat-x left bottom}
#snb ul li a {display:block; height:22px; *height:28px; padding:6px 0 0 14px;font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:1.335; color:#333; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_main_note.gif") no-repeat 0 8px}
#snb ul li a:hover {text-decoration:none}
#snb dl {overflow:hidden; width:140px}
#snb dl dt {float:left; width:27px; *width:30px; padding-left:3px; line-height:1.76; letter-spacing:-1px; font-size:11px !important; color:#777}
#snb dl dd {float:left; width:110px; line-height:1.76; letter-spacing:-1px; font-size:11px !important; color:#777}
#snb dl dd.indent {float:left; width:105px; *width:140px; padding-left:35px; letter-spacing:-1px; font-size:11px !important; color:#777}
#sub_content h3 {width:600px; height:37px; *height:55px; margin:0 auto 20px auto; padding-top:17px; margin-bottom:15px; font-size:16px; color:#333; font-weight:bold; line-height:1.335; text-align:left; border-bottom:1px solid #e6e6e6}
#sub_content .section {position:relative; width:600px; min-height:600px; height:auto !important; height:600px; margin:0 auto; text-align:left}
#sub_content .section .calendar td {min-height:90px; height:auto !important; height:100px; padding-bottom:10px}
.program {overflow:hidden; width:600px}
.program_tip {margin-bottom:44px}
.program dt {font-size:12px; color:#737373; letter-spacing:-1px; line-height:1.67; font-weight:bold}
.program dd {margin-bottom:44px; font-size:12px; color:#737373; letter-spacing:-1px; line-height:1.67}
.calendar_tip {margin-bottom:10px; font-size:11px; letter-spacing:-1px; color:#737373; line-height:1.4}
.btn_calendar {clear:both; position:relative; height:22px; width:600px; margin-bottom:20px}
.btn_calendar .write {display:block; float:left; width:100px; height:22px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/btn_calendar_w.gif") no-repeat; text-indent:-5000em}
.btn_calendar .c_icon {display:block; float:right; width:81px; height:20px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_calenda.gif") no-repeat; text-indent:-5000em; cursor:pointer}
.mini_calendar {display:none; position:absolute; right:0; top:22px; overflow:hidden; width:145px; height:145px; background:red}
#calendar_view table td {min-height:90px; height:auto !important; height:90px}
/* --- dokdo --- */
.dokdo_wrap {overflow:hidden; width:600px; padding-top:175px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_dokdo.jpg") no-repeat 0 0}
.dokdo_wrap .box {overflow:hidden; width:568px; *width:600px; height:99px; *height:124px; margin-bottom:15px; padding:23px 0 0 30px; border:1px solid #e2e5e8; background:#eaedf1}
.dokdo_wrap .date {float:left; overflow:hidden; width:236px; margin-right:35}
.dokdo_wrap .date h4 {margin-bottom:4px; font-size:12px; color:#737373; font-weight:bold; line-height:1.335}
.dokdo_wrap .warning {float:left; overflow:hidden; width:236px}
.dokdo_wrap .warning h4 {margin-bottom:3px; font-size:12px; color:#737373; font-weight:bold; line-height:1.335}
.dokdo_wrap .warning p {font-size:12px; color:#737373; line-height:1.65}
.dokdo_wrap .date ul {overflow:hidden}
.dokdo_wrap .date ul li {margin-bottom:3px; font-size:12px; color:#737373; letter-spacing:-1px; vertical-align:top}
/* dokdo ¸¶°¨°ü·Ã */
.dokdo_wrap_close {overflow:hidden; width:600px; padding-top:175px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_dokdo_close.jpg") no-repeat 0 0}
.dokdo_wrap_close .box {overflow:hidden; width:568px; *width:600px; height:99px; *height:124px; margin-bottom:15px; padding:23px 0 0 30px; border:1px solid #e2e5e8; background:#eaedf1}
.dokdo_wrap_close .date {float:left; overflow:hidden; width:236px; margin-right:15px;}
.dokdo_wrap_close .date h4 {margin-bottom:4px; font-size:12px; color:#737373; font-weight:bold; line-height:1.335}
.dokdo_wrap_close .date ul {overflow:hidden}
.dokdo_wrap_close .date ul li {margin-bottom:3px; font-size:12px; color:#737373; letter-spacing:-1px; vertical-align:top;}
.dokdo_wrap_close .warning {float:left; overflow:hidden; width:300px}
.dokdo_wrap_close .warning h4 {margin-bottom:3px; font-size:12px; color:#5991cc; font-weight:bold; line-height:1.335}
.dokdo_wrap_close .warning p {font-size:12px; color:#737373; line-height:1.65}
.dokdo_wrap_close .warning ul li {font-size:12px; color:#5991cc; letter-spacing:-1px; padding-left:10px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/icon_list_dot.jpg") 5px 5px no-repeat;}
.dokdo_wrap_close .warning ul li span {margin-left:33px; font-size:12px; color:#5991cc;}
.dokdo_wrap_close .warning .notice_warning {color:#969799; font-size:11px;}
/* --- floating --- */
.floating {position:absolute; right:30px; top:70px; overflow:hidden; width:241px; height:260px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/floating.jpg") no-repeat 0 0}
.floating .btn_close {display:block; position:absolute; overflow:hidden; right:20px; top:20px; width:13px; height:13px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_blank.gif"); cursor:pointer; text-indent:-5000em}
.floating .btn_link {position:absolute; overflow:hidden; right:24px; bottom:22px; width:74px; height:14px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_blank.gif"); text-indent:-5000em}
/* floation ¸¶°¨°ü·Ã */
.floating_v2 {position:absolute; right:30px; top:70px; overflow:hidden; width:241px; height:260px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/floating_v2.jpg") no-repeat 0 0}
.floating_v2 .btn_close {display:block; position:absolute; overflow:hidden; right:20px; top:20px; width:13px; height:13px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_blank.gif"); cursor:pointer; text-indent:-5000em}
.floating_v2 .btn_link {position:absolute; overflow:hidden; right:24px; bottom:22px; width:74px; height:14px; background:url("http://img.imbc.com/broad/tv/culture/thatday/images/bg_blank.gif"); text-indent:-5000em}


.warning{width:495px; *width:600px; background:url(http://img.imbc.com/broad/tv/culture/thatday/images/bg_600.jpg) no-repeat; position:relative; padding:14px 0 20px 0; margin-bottom:15px;}
.btn_warning{position:absolute; top:26px; right:31px;}
.war_dd, .warning dt{position:relative; left:-30px;}