@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");
/* Aside AD Banner Hide */
#Adcode{display:none !important;}
body {margin:0; padding:0; border:none; color:#000; font-size:12px; font-family:"µ¸¿ò", dotum, sans-serif;}
form, p, div, table, tr, th, td, input, a, caption, fieldset, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
input, textarea, file, select {vertical-align:middle}
a {text-decoration:none}
a:hover, a:active, a:focus {text-decoration:none;}
a:active {outline: none}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0; border:0}
hr, caption {display:none}
table {border-collapse:collapse; border:0}
img, fieldset {border:0}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.text_over_wrap {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ellip {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
button {border:none; padding:0; background:none; cursor:pointer;}
/* firefox ¿¡¼­ ³»ºÎ ¿©¹é ¾ø¾Ö±â */
button::-moz-focus-inner {padding:0; border:0;}
/* skip */ 
.skip, hr, legend, caption{position:absolute; visibility:hidden; width:0; height:0; font-size:0; line-height:0; left:-500000px; overflow:hidden;}
#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}
/* Default Layout */
body		{text-align:center; font-size:75%; background:#ebeae6;}
#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;}
#f_copyright {overflow:hidden; width:990px; padding:20px 0 60px 0; margin:0 auto; color:#953a11; text-align:left; text-indent:220px;}

/* OWN Style (SUB) */
#wrap {width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/bg_sub_v3.jpg) no-repeat 50% 150px;}
#wrap #container {z-index:20; position:relative; width:990px; margin:0 auto;}
#wrap #container #content {z-index:30; position:relative;}

#spot {overflow:hidden; position:relative; float:left; width:735px; height:301px;}
#spot a {display:block; width:735px; height:250px; text-indent:-5000;}
#spot .topBar {overflow:hidden; position:relative; width:735px; height:51px;}
#spot .topBar ul.navCom {overflow:hidden; position:absolute; left:0; top:0; width:130px; height:51px;}
#spot .topBar ul.navCom li {position:relative; width:130px;}
#spot .topBar ul.navCom li a {display:block; width:130px;}
#spot .topBar ul.navCom li.navVod {height:23px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/nav_sub.jpg) no-repeat 0 0;}
#spot .topBar ul.navCom li.navVod a {height:23px;}
#spot .topBar ul.navCom li.navBoard {height:23px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/nav_sub.jpg) no-repeat 0 -23px;}
#spot .topBar ul.navCom li.navBoard a {height:28px;}
#spot .topBar .staff {position:absolute; right:15px; bottom:19px;}
.colgroup {position:relative; float:left; width:735px; border-bottom:1px solid #fabf1b; text-align:left; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/bg_cont_sub.jpg) repeat-y 0 0;}
.navSub {float:left; position:relative; width:115px; *width:130px; padding:18px 7px 0 8px;}
.navSub ul {overflow:hidden; width:115px; border-top:1px dotted #d4d4d4;}
.navSub ul li {position:relative; width:100%; border-bottom:1px dotted #d4d4d4;}
.navSub ul li a {display:block; width:106px; *width:115px; padding:8px 0 5px 9px; line-height:1.1em; color:#616161; letter-spacing:-1px; font-weight:800;}

.section {float:left; width:605px; padding:0 0 100px 0;}
.section h2 {width:585px; height:25px; *height:47px; padding:18px 0 11px 0; margin:0 0 16px 10px; border-bottom:1px dotted #d4d4d4; text-indent:7px; font-size:1.6em; color:#000; font-weight:800;}
.section .context {position:relative; width:585px; margin:0 0 0 10px;}
#right_common {position:absolute; right:0; top:0; width:250px !important;}

/* ÇÁ·Î±×·¥ ¼Ò°³ */
.contPrg {height:428px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/txt_prg.jpg) no-repeat 0 0;}

/* ÁøÇàÀÚ ¼Ò°³ */
.mcCom {overflow:hidden; position:relative; width:545px; *width:585px; margin-top:22px; padding:20px; padding-bottom:30px; border-bottom:1px dashed #dfdfdf;}
.mcCom .img {display:block; float:left; width:168px; height:135px; margin-right:22px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/bg_img.jpg) no-repeat 0 0;}
.mcCom .img img {display:block; width:148px; height:117px; margin:9px 0 0 10px;}
.mcCom .text {display:block; float:left; overflow:hidden; position:relative; width:348px;}
.mcCom .text .name {display:block; color:#393939; font-size:18px; font-weight:700; padding:5px 0 14px 0;}
.mcCom .text .title {display:block; margin-bottom:6px; color:#767676; font-weight:800; letter-spacing:-1px;}
.mcCom .text .desList {float:left; overflow:hidden; width:348px; margin-bottom:15px; line-height:1.2em; color:#767676;}