@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011.css");
@import url("http://www.imbc.com/common/css/style2005.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}
body {text-align:center; font-size:75%;}
#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; margin:0 auto; padding:35px 0 75px 0; color:#733a11;}
#wrap {overflow:hidden; width:100%; text-align:center;}
#visualSec {overflow:hidden; position:relative; width:100%; height:430px; text-align:center; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/bg_main_v3.jpg) no-repeat 50% 0;}
#visualSec .visual {position:relative; width:990px; height:430px; margin:0 auto;}
#visualSec .visual ul.navCom {overflow:hidden; position:absolute; left:0; bottom:0; width:180px; height:32px;}
#visualSec .visual ul.navCom li {float:left;}
#visualSec .visual ul.navCom li a {display:block; height:32px; text-indent:-5000em;}
#visualSec .visual ul.navCom li.navVod a {width:86px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/nav_main.jpg) no-repeat 0 0;}
#visualSec .visual ul.navCom li.navBoard a {width:94px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/nav_main.jpg) no-repeat -86px 0;}
#visualSec .visual .staff {position:absolute; right:20px; bottom:8px; text-align:right; font-size:11px; color:#733a11; letter-spacing:-1px;}
#container {position:relative; width:100%; background:#ebeae6;}
#container #content {overflow:hidden; position:relative; width:990px; margin:0 auto; padding-bottom:75px; border-bottom:1px solid #fabf1b; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/bg_cont_main.jpg) repeat-y 0 0;}
#container #content .section {position:relative; display:inline; float:left; width:990px; text-align:left;}

.section .navMain {float:left; position:relative; width:140px; *width:180px; padding:20px;}
.section .navMain ul {overflow:hidden; width:140px; border-top:1px dotted #d4d4d4;}
.section .navMain ul li {position:relative; width:100%; border-bottom:1px dotted #d4d4d4;}
.section .navMain ul li a {display:block; width:100%; padding:8px 0 5px 0; line-height:1.1em;}
.section .broadSec {float:left; position:relative; width:498px; *width:538px; padding:20px;}
.section .broadSec h2 {height:19px; *height:20px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.section .broadSec .more {position:absolute; right:0; top:3px; color:#969696; font-weight:800; letter-spacing:-1px;}
.section .broadSec .recentlyVod,
.section .broadSec .broadInfo {position:relative; width:100%; margin-bottom:20px;}
.section .broadSec .content {overflow:hidden; position:relative; width:100%;}
.recentlyVod .content .img {display:block; float:left; width:192px; height:192px; margin-right:20px;}
.recentlyVod .content .img img {display:block; width:192px; height:144px;}
.recentlyVod .content .text {display:block; float:left; width:285px; padding:15px 0 0 0;}
.recentlyVod .content .text .clip {color:#000; font-size:15px; font-weight:800;}
.recentlyVod .content .text .date {color:#000; font-size:12px; font-weight:400;}
.recentlyVod .content .text .des {display:block; overflow:hidden; width:260px; height:100px; *height:110px; padding:10px 0 0 0;}
.recentlyVod .content .text .des a {color:#686868;}
.broadInfo ul {overflow:hidden; width:498px;}
.broadInfo ul li {overflow:hidden; position:relative; width:486px; *width:498px; height:18px; padding-left:12px; line-height:18px; background:url(http://img.imbc.com/broad/tv/culture/wonderful/images/icon_list_dot.jpg) no-repeat 0 50%;}
.broadInfo ul li .title {margin-right:5px; color:#686868; font-weight:800;}
.broadInfo ul li .date {margin-right:5px; color:#686868; font-weight:400;}
.broadInfo ul li .des {color:#686868; font-weight:400;}

#rectangle_banner {overflow:hidden; float:left; margin:20px 0 0 0; width:250px; height:250px;}

/* popLayer */
.popLayer {z-index:100; position:absolute; left:0; top:150px; border:1px solid #e4e5e5; text-align:left;}
.popLayer .des {overflow:hidden; position:relative;}
.popLayer .chk {overflow:hidden; position:relative; height:20px; line-height:20px;}
.popLayer .chk label {display:block; float:left; margin-right:5px;}
.popLayer .chk input {display:block; float:left;}
.popLayer .close {position:absolute; right:5px; top:5px;}