@charset "euc-kr";

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

@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);
@import url("http://www.imbc.com/broad/css/default.css");

/* Type */
#spot h1 		{position:absolute; left:0; top:0;}
#spot h1 a 	{display:block; width:290px; height:175px;}
#spot h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;}
em	 	{font-style:normal;}
#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		{background:#d4f8fb url(http://img.imbc.com/broad/tv/culture/spdocu/images2/bg_sub.jpg) no-repeat center 88px; text-align:center}
#wrap 		{width:100%;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#spot 		{z-index:10; position:relative; width:820px; height:208px;}
.colgroup	{z-index:10; position:relative; overflow:hidden; width:820px; background:#fff; margin-bottom:50px}
.snb		{z-index:10; float:left; overflow:hidden; width:178px; padding-top:20px; text-align:center;}
#content	{z-index:10; position:relative; float:left; width:639px; *width:640px; min-height:600px; height:auto !important; height:600px; border-left:1px solid #e6e6e6; text-align:center;}
#footer		{z-index:10; clear:both; width:100%; margin-bottom:50px; }
#Adcode		{top:0 !important; position:absolute; right:0; }

/* 2018 sub ¹æ¼Û½Ã°£ Ãß°¡ */
.program-time { margin:7px 8px 8px 8px; border:1px solid #e6e6e6; }
.program-time ul li { font:normal 14px Nanum Gothic; line-height:21px; text-align:left; letter-spacing:-0.1em; padding:18px 9px; background:url(http://img.imbc.com/broad/tv/culture/spdocu/images2/bg_dott.gif) repeat-x center top; }
.program-time ul li:first-child { background:none; }
.program-time ul li strong { display:block; color:#008496; }

/* program info */
.program_info_area {z-index:10; position:absolute; left:0; top:175px; width:820px; height:33px; background:#fba94d;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:186px; font-size:11px; color:#fff; letter-spacing:-1px; line-height:130%;}
.program_info strong {font-size:11px; color:#fff;}

/* 2018 program info ¼öÁ¤ */
.program { letter-spacing:-0.1em; }
.program .program-intro { font:normal 17px Nanum Gothic; color:#000; padding:40px 30px; line-height:30px; margin-bottom:11px; background-color:#e4f1f3; border:13px solid #c0dee2; box-sizing:border-box; }
.program .program-wrap { padding:40px 28px; border-top:3px solid #10aec5; background-color:#e4f1f3; }
.program .program-wrap .program-info { font:normal 14px Nanum Gothic; overflow:hidden; text-align:left;}
.program .program-wrap .program-info h3 { font:bold 28px Nanum Gothic; color:#008496; margin-bottom:8px; }
.program .program-wrap .program-info img {float:left; display:inline; margin:5px 13px 7px 0; }
.program .program-wrap .program-info span { line-height:26px; word-break: keep-all; }
.program .program-wrap .program-info.program1 { margin-bottom:30px; padding-bottom:30px; background:url(http://img.imbc.com/broad/tv/culture/spdocu/images2/border-line.png) repeat-x center bottom; }

/* spot menu */
.spot_menu {z-index:20; position:absolute; left:0; top:175px; width:180px; height:33px;}
.spot_menu a {display:inline-block; height:33px;}
.spot_menu a img {vertical-align:top;}

/* section */
#content h2 {width:600px; height:37px; *height:54px; margin:0 auto; padding-top:16px; font-size:18px; font-weight:bold; color:#000; border-bottom:1px solid #e6e6e6;; text-align:left;}
#content .section {width:600px; min-height:600px; height:auto !important; height:600px; margin:0 auto 50px auto; padding-top:16px; text-align:center;}

/* menu section */
.menu_section 				{overflow:hidden; width:140px; margin:0 auto; padding-top:1px; ;text-align:left; }
.menu_section ul 			{overflow:hidden; width:140px; margin-bottom:14px;}
.menu_section ul li 		{float:left; width:135px; *width:140px; height:22px; *height:28px; padding:6px 0 0 5px; line-height:120%; line-height:1em;}
.menu_section ul li a 		{font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none;}
.menu_section ul li a:hover {text-decoration:none;}

.btn-like-program-wrap {position:absolute; top:10px; right:170px; z-index:999;}