@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 */
#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}
#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;}

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 45px 0; color:#fff;}
#wrap {overflow:hidden; width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/bg_main_re.jpg) repeat-x 0 150px;}
#visualSec {z-index:100; position:relative; width:100%; height:411px; text-align:center; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/bg_main_v2.jpg) no-repeat 50% 0;}
#visualSec .visual {z-index:100; position:relative; width:990px; height:411px; 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:84px; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/nav_main.jpg) no-repeat 0 0;}
#visualSec .visual ul.navCom li.navBoard a {width:96px; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/nav_main.jpg) no-repeat -84px 0;}
#visualSec .visual .staff {position:absolute; right:20px; bottom:8px; text-align:right; font-size:11px; color:#f3f5f6; letter-spacing:-1px;}
#visualSec .visual .noticeTable {overflow:hidden; position:absolute; left:23px; top:0; width:406px; height:312px; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/notice_table.png) no-repeat 0 0;}
#visualSec .visual .noticeTable .btn_newinfo {position:absolute; left:52px; top:240px;}
#visualSec .visual .noticeTable .btn_jebo {position:absolute; left:218px; top:240px;}
#visualSec .visual .noticeTable .rollTable {overflow:hidden; position:absolute; left:0; bottom:0; width:360px; *width:390px; height:25px; padding:0 15px; text-align:left;}
#visualSec .visual .noticeTable .rollTable ul {overflow:hidden; width:500%;}
#visualSec .visual .noticeTable .rollTable ul li {float:left; margin-right:10px; color:#fff; font-weight:800; line-height:25px;}
#visualSec .visual .noticeTable .rollTable ul li a {color:#ffd505;}
#visualSec .visual .noticeTable .rollTable ul li .info a {color:#fff; font-weight:400;}
#visualSec .visual .noticeTable .rollTable ul li .infoTit {color:#ffd505; font-weight:800;}

#container {position:relative; width:100%; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/bg_main_re2.jpg) repeat-x 0 0;}
#container #content {overflow:hidden; position:relative; width:990px; margin:0 auto; padding-bottom:50px; border-bottom:1px dashed #9a9a9a; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/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; font-weight:800;}
.section .navMain ul li.viewStr a {font-size:14px; color:#b9394f;}
.section .broadSec {float:left; position:relative; width:772px; *width:788px; padding:19px 0 0 16px;}
.section .broadSec .more {position:absolute; right:0; top:3px; color:#969696; font-weight:800; letter-spacing:-1px;}
.section .broadSec .recentlyVod {float:left; position:relative; width:510px; height:249px; margin-right:11px; border-bottom:1px dashed #9a9a9a;}
.section .broadSec .content {overflow:hidden; position:relative; width:100%; height:196px; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/bg_today_main2.jpg) no-repeat 0 0;}
.recentlyVod .content .img {display:block; float:left; overflow:hidden; width:228px; height:170px; margin:14px 10px 0 12px;}
.recentlyVod .content .img img {display:block; width:228px; height:170px;}
.recentlyVod .content .text {display:block; float:left; overflow:hidden; width:260px; margin-top:25px;}
.recentlyVod .content .text .clip {color:#000; font-size:14px; color:#686868; font-weight:800;}
.recentlyVod .content .text .date {color:#000; font-size:14px; color:#686868; font-weight:800;}
.recentlyVod .content .text .des {display:block; overflow:hidden; padding:10px 0 0 0; color:#686868;}
.recentlyVod .content .text .des a {font-size:12px; line-height:1.4em; font-weight:800; color:#686868;}

#rectangle_banner {overflow:hidden; float:left; margin:0 0 0 0; width:250px; height:250px;}

.rollNotice_v2 {float:left; overflow:hidden; position:relative; width:736px; *width:772px; height:34px; margin-top:14px; padding:0 18px; line-height:34px; background:#919191;}
.rollNotice_v2 ul {overflow:hidden;}
.rollNotice_v2 ul li {overflow:hidden; color:#fff; font-weight:800; height:34px; line-height:35px;}
.rollNotice_v2 ul li a {color:#ffd505;}
.rollNotice_v2 ul li .info a {color:#fff; font-weight:400;}
.rollNotice_v2 ul li .infoTit {color:#ffd505; font-weight:800;}

.clipMain {float:left; position:relative; width:236px; *width:241px; margin:24px 5px 0 0; padding-left:5px;}
.clipMain .img {display:block; overflow:hidden; width:108px; height:78px;}
.clipMain .img img {display:block; width:108px; height:78px;}
.clipMain .title {display:block; overflow:hidden; width:108px; height:26px; margin-top:8px; color:#686868; font-size:11px; font-weight:800;  text-align:center;}
.clipMain .title a {color:#686868; font-size:11px; font-weight:800; text-align:center;}
.clipMain .des {display:block; overflow:hidden; width:108px; height:14px; margin-top:1px; color:#686868; font-size:11px; text-align:center;}
.clipMain .des a {color:#686868; font-size:11px; text-align:center;}
.clipMain ul {overflow:hidden;}
.clipMain ul li {float:left; margin-right:10px;}

.broadInfo {float:left; position:relative; width:265px; *width:270px; margin:24px 0 0 0; padding-left:5px;}
.broadInfo ul {overflow:hidden;}
.broadInfo ul li {overflow:hidden; width:100%; height:16px; line-height:16px;}
.broadInfo ul li a {display:block; padding-left:12px; background:url(http://img.imbc.com/broad/tv/culture/choi4men/images4/icon_list_dot.jpg) no-repeat 0 6px;}


.floating-panel {z-index:200; position:absolute; left:180px; top:389px; width:474px; height:242px;}
.floating-heading {z-index:220; position:relative}
.floating-body {z-index:210; position:relative; left:0; top:-25px; width:474px; height:227px}
.screen-out {overflow:hidden; position:absolute; height:0; padding:1px 0 0 0}
.screen-out-txt {display:block; position:relative; z-index:-1px; padding:8px 0; visibility:hidden; text-align:center; background:#f1f3ff; border:1px solid #bcc1ec}
.btn-default {padding:0; border:0; background:none; cursor:pointer}
.floating-panel button {z-index:300; display:block; position:absolute; right:14px; top:8px; width:78px; height:22px}
.btn-open {background:url("http://img.imbc.com/broad/tv/culture/choi4men/images4/btn-open.png") no-repeat}
.btn-close {background:url("http://img.imbc.com/broad/tv/culture/choi4men/images4/btn-close.png") no-repeat}