@charset "euc-kr";
/* layout */
.wrapper {width:100%; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/bg.jpg) no-repeat center 150px}
.header {width:100%; height:150px}
.header .gnb {width:990px; margin:0 auto; text-align:left}
.container {position:relative; width:990px; margin:0 auto; text-align:left}
.footer {clear:both; width:990px; margin:0 auto; padding:50px 0; text-align:center; font:12px dotum; color:#055a0d}
body {background:#fff9ef; text-align:center}




/* container */
.visual {height:410px}
.visual h1 {width:279px; height:210px; padding:99px 0 0 473px}


.nav {float:left; width:188px}
.nav li a {display:block}
.menu-popular {height:40px}
.menu-popular li {overflow:hidden; float:left; width:94px; height:40px}
.menu-popular .nav-vod a {background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/nav_vod.gif) no-repeat; font-size:0; line-height:100px}
.menu-popular .nav-board a {background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/nav_board.gif) no-repeat; font-size:0; line-height:100px}
.menu-popular .nav-vod a:hover, 
.menu-popular .nav-board a:hover {background-position-y:-40px}
.menu {width:161px; *width:188px; height:413px; *height:434px; padding:21px 14px 0 13px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/bg_nav.gif) no-repeat 0 6px}
.menu .nav-ticket a {overflow:hidden; width:161px; height:48px; margin-bottom:17px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/nav_ticket.jpg) no-repeat; font-size:0; line-height:100px}
.menu .icon-m {width:124px; *width:161px; height:34px; *height:30px; padding-left:37px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/icon_nav.gif) no-repeat 5px 2px}
.menu .icon-m a {font:bold 12px dotum; color:#2e3726; letter-spacing:-0.5px}
.menu .icon-m a:hover {text-decoration:underline}


.content {position:relative; float:right; width:785px}
.staff {width:764px; *width:785px; height:27px; *height:40px; padding:13px 21px 0 0; font:12px dotum; color:#0f110f; letter-spacing:-0.7px; text-align:right}
.section {padding-top:27px}
.latest-broad {overflow:hidden; position:relative; width:493px; margin-bottom:28px}
.latest-broad h2 {height:25px; padding-left:3px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/line_h2.gif) no-repeat left bottom}
.latest-broad .vod {padding-top:19px}
.latest-broad .vod .obj {overflow:hidden; float:left; width:227px; height:158px; margin-left:8px; border:1px solid #5a5a5a;}
.latest-broad .vod a {display:block; float:left; width:224px; margin-left:16px; font:12px dotum; letter-spacing:-0.5px}
.latest-broad .vod .con-tit {color:#2e3726; line-height:28px}
.latest-broad .vod .con-text {display:block; padding-top:3px; color:#444; line-height:16px}
.latest-broad .btn-more {position:absolute; top:0; right:8px; width:47px; height:21px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/btn_more.gif) no-repeat}
.clip {overflow:hidden; position:relative; width:493px}
.clip h2 {height:25px; padding-left:3px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/line_h2.gif) no-repeat left bottom}
.clip ul {padding:10px 0 0 4px}
.clip ul li {float:left; width:114px; margin-right:7px}
.clip ul li a {display:block; font:11px dotum; color:#444; line-height:14px; letter-spacing:-0.8px;}
.clip ul li a .img-wrap {overflow:hidden; display:block; width:112px; height:73px; margin-bottom:7px; border:1px solid #5a5a5a; background:#fff; text-align:center}
.clip ul li a .img-wrap img {width:100%; height:100%;}
.clip .btn-more {position:absolute; top:0; right:8px; width:47px; height:21px; background:url(http://img.imbc.com/broad/tv/ent/comedyroad/images/btn_more.gif) no-repeat}
.ad250 {position:absolute; top:79px; right:20px}