@charset "euc-kr";

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

@import url("http://www.imbc.com/broad/css/default.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;}
#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 */
div, p, table, tr, td, th, ul, ol, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, form, input, select, textarea, fieldset, legend, blockquote{font-family: '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun', 'Nanum Gothic';letter-spacing: -1.2px;}
body		{background:#ebf7f6 url(http://img.imbc.com/broad/tv/culture/volunteer/images/bg_main_x.jpg) repeat-x 0 88px; text-align:center}
#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; overflow:hidden; width:990px; margin:0 auto; padding-top:175px; text-align:left;}
.spot 		{z-index:10; position:relative; width:820px; height:33px;}
#content	{z-index:10; position:relative; overflow:hidden; width:820px; margin-bottom:50px; background:none; text-align:left;}
#footer		{z-index:10; clear:both; width:100%; margin-bottom:50px; }
#Adcode		{top:0 !important; position:absolute; right:0; }

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

/* program info */
.program_info_area {z-index:10; position:absolute; left:0; top:0; width:820px; height:33px; background:#767cd0;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:11px; 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:0; width:180px; height:33px;}
.spot_menu a {display:inline-block; height:33px;}
.spot_menu a img {vertical-align:top;}

/* content section */
.content_section {overflow:hidden; width:799px; *width:820px; margin-bottom:10px; padding:0 0 0 19px; border:1px solid #e7e6e6; background:#fff; text-align:left;}

/* menu section */
.menu_section {float:left; width:140px; min-height:330px; height:auto !important; height:330px; margin:19px 19px 0 0;}

.menu {overflow:hidden; width:140px; margin-bottom:34px; 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 {float:left; overflow:hidden; width:140px;}
.staff p {font:11px/1.4 Dotum; color:#777; letter-spacing:-1px;}
.staff .indent {padding-left:27px;}
.staff .indent.pd {padding-left:70px;}

/* vod section */
.vod_section h2 {color:#5056ad; letter-spacing:-1px; padding-top:6px; padding-bottom:6px; font-size:12px; font-weight:bold;}
.vod_section {float:left; overflow:hidden; width:607px;padding:11px 12px 24px 20px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.vod_section .preVod{overflow:hidden; position:relative; width:607px;}
.vod_section .preVod .article{float:left;display:inline-block;width: 308px;height: 200px;overflow: hidden;}
.vod_section .preVod .article img{height: 100%}
.vod_section .preVod iframe{width: 100%;height: 100%;}
.vod_section .preVod .txt-wrap{position:absolute;float:left;display:inline-block;width:298px;height:200px;box-sizing:border-box;padding:15px;color: #1a1a1a;border: 1px solid #e5e5e5;background: #f8f8f8;}
.vod_section .preVod .txt-wrap a{display: block;width: 100%;height: 100%;}
.vod_section .preVod .txt-wrap .tit-name{font-size:12px;font-weight: bold;color:#222222;}
.vod_section .preVod .txt-wrap .title {max-height:152px;margin-top: 14px;font-size:18px;line-height: 24px;overflow: hidden;}
.vod_section .preVod .txt-wrap .date{position:absolute;bottom: 18px;left: 20px;font-size:12px;color: #757575;letter-spacing: 0;}
.vod_section .preVod .txt-wrap .num{margin-left: 10px;}

/* twitter section */
.twitter_section {float:left; overflow:hidden; position:relative; width:599px; *width:640px; padding:13px 18px 30px 21px; border-left:1px solid #e6e6e6; }
.twitter_section h2 {position:relative; height:20px; *height:24px; padding:4px 0 0 34px; font-size:12px; color:#1f9bd1; font-weight:bold; letter-spacing:-1px; line-height:1.55; background:url(http://img.imbc.com/broad/tv/culture/volunteer/images/icon_twitter.gif) no-repeat;}
.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:599px; padding-top:19px;}
.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:488px;}
.twitter_section .twitter_wrap .list li {float:left; position:relative; width:488px; 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;}

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


.fund_section {position:relative; float:left; overflow:hidden; width:517px; *width:640px; height:244px; *height:306px; padding:32px 18px 30px 103px; border-left:1px solid #e6e6e6; background:url("http://img.imbc.com/broad/tv/culture/volunteer/images/bg_fund.jpg") no-repeat 21px 13px}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.fund_section h2 {margin-bottom:7px; color:#dc3c3e; line-height:1.335; font-weight:bold}
.fund_section ul {overflow:hidden; padding-left:8px}
.fund_section ul li {margin-bottom:2px; padding-left:13px; color:#373636; line-height:1.335; vertical-align:top; background:url("http://img.imbc.com/broad/tv/culture/volunteer/images/icon_fund_dott.gif") no-repeat 0 6px}
.fund_section .link {display:block; position:absolute; left:467px; top:124px; width:120px; height:29px; text-indent:-5000em; background:url("http://img.imbc.com/broad/tv/culture/volunteer/images/bg_blank.gif")}

.lastVodWrap {float:left; width:614px; *width:635px; height:200px; padding-left:20px; border-left:1px solid #e6e6e6;}
.btn-like-program-wrap {position:absolute; top:10px; right:170px; z-index:999;}