@charset "euc-kr";
@import url("http://font.imbc.com/noto/noto.css");
/* IMBC Web Operation Division, Lee gil hwan */ 

@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:#ebf7f6 url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_sub_x.jpg) repeat-x 0 88px; text-align:center; font-size:75%;}
#wrap_outer {width:100%; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_main_v5.jpg) no-repeat 50% 88px;}
#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:818px; *width:820px; background:#fff; margin-bottom:50px; border:1px solid #e6e6e6; border-top:0}
.snb		{z-index:10; float:left; overflow:hidden; width:178px; padding-top:20px; text-align:center;}
#imbc_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;}
#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}
/* program info */
.program_info_area {z-index:10; position:absolute; left:0; top:175px; width:820px; height:33px; background:#767cd0;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:186px; font-size:11px; color:#f2f2fa; letter-spacing:-1px; line-height:130%;}
.program_info strong {font-size:11px; color:#f2f2fa;}
.program_info em {color:#aaaffa; font-size:11px;}

/* 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 */
#imbc_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;}
#imbc_content .section {width:600px; min-height:600px; height:auto !important; height:600px; margin:0 auto 50px auto; padding-top:10px; text-align:center;}

/* menu */
.menu {overflow:hidden; width:140px; margin:0 auto 34px auto; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_dott.gif) repeat-x left top; text-align:left;}
.menu a, .menu p {display:block; width:135x; *width:140px; min-height:18px; height:auto !important; height:28px; padding:7px 0 4px 5px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none; line-height:130%; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_dott.gif) repeat-x left bottom;}
.menu a:hover {color:#333; text-decoration:none;}

.menu ul {overflow:hidden; width:140px; padding:10px 0 15px 0; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_dott.gif) repeat-x left bottom}
.menu ul li {float:left; width:140px; height:19px; *height:20px; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/icon_note.gif) no-repeat 5px 1px}
.menu ul li a {display:inline; height:10px; padding:0 0 0 20px; font-size:11px; color:#7d7d7d; letter-spacing:-1px; text-decoration:none; line-height:1.2; font-weight:normal; background:none;}
.menu ul li a:hover {color:#7d7d7d;}

/* staff */
.staff {overflow:hidden; width:140px; margin:0 auto; text-align:left;}
.staff p {font:11px/1.4 Dotum; color:#777; letter-spacing:-1px;}
.staff .indent {padding-left:27px;}
.staff .indent.pd {padding-left:70px;}

/* twitter section */
.twitter_section {overflow:hidden; position:relative; width:600px;}
.twitter_section .more {position:absolute; right:18px; top:16px; height:21px; *height:24px; padding-top:3px}
.twitter_section .more .btn {display:block; float:left}
.twitter_section .more .btn img {vertical-align:top;}
.twitter_section .more span {display:block; float:left; height:24px; margin-right:6px; font-size:11px; color:#717171; font-weight:bold; text-decoration:underline; line-height:1.9}

.twitter_section .twitter_wrap {overflow:hidden; width:600px; padding-top:50px;}
.twitter_section .twitter_wrap .img {float:left; width:75px; height:75px; margin-right:36px;}
.twitter_section .twitter_wrap .img img {border:1px solid #e6e6e6; vertical-align:top;}
.twitter_section .twitter_wrap .list {float:left; overflow:hidden; width:489px; text-align:left}
.twitter_section .twitter_wrap .list li {float:left; position:relative; width:489px; padding:20px 0 18px 0; font-size:12px; color:#525252; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_twitter.gif) repeat-x left top; line-height:1.5}
.twitter_section .twitter_wrap .list li a {color:#1e9bd1; text-decoration:none;}
.common_img {overflow:hidden; width:600px; margin-bottom:15px; text-align:center}

/* ȸ¿øÁ¤º¸ */
.warning{width:495px; *width:600px; background:url(http://img.imbc.com/broad/tv/culture/volunteer/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;}