@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2013v2.css");

/* lyaout */
body {background:#fff url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_body_s.jpg) repeat-x 0 88px;}
body.main {background:#fff url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_body.jpg) repeat-x 0 88px;}
#wrapper {position:relative;min-width:1024px;width:100%;*text-align:center;background:url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_wrapper_s.jpg) no-repeat center 88px;}
.main #wrapper {background:url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_wrapper.jpg) no-repeat center 88px;}
#header {position:relative;width:100%;}
#header .gnb {width:990px;margin:0 auto;}
#container {position:relative;width:1024px;margin:0 auto;}
#visual {position:relative;height:474px;}
#content {margin-top:8px;width:100%;}
#footer {clear:both;position:relative;padding:30px 0 110px;text-align:center;}

/* visual */
#visual h2 {margin-left:-46px;padding-top:12px;text-align:center;}
.broad-info {position:absolute;right:5px;top:19px;width:288px;}
.broad-info li {height:15px;line-height:18px;text-align:right;font-size:11px;color:#000;}
.broad-info li.time {margin-bottom:2px;font-weight:bold;}
.broad-info li.first-item {background:url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_bar01.gif) no-repeat 189px 2px;}
h2.sub-tit {margin-left:-24px;padding-top:8px;padding-bottom:1px;height:167px;text-align:center;}

/*nav*/
#nav {height:50px;/* background-color:#3d6e04;*/}
#nav ul {overflow:hidden;margin-left:70px;}
#nav ul li {float:left;padding:0 19px 0 20px;height:100%;line-height:51px;background:url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_bar02.gif) no-repeat left center;}
#nav ul li a {display:block;color:#fff;letter-spacing:-1px;}
#nav ul li a:hover {color:#fffbcf;}
#nav ul li.replay {padding:0 25px;background:none;}
#nav ul li.intro {padding-left:25px;}
#nav ul li.replay a {font-weight:bold;font-size:14px;letter-spacing:0px;}
#nav p {float:right;text-align:right;padding:7px 15px 0 0;font:11px dotum;color:#252525;line-height:16px;letter-spacing:-1;}

/* content */
#imbc_nav {float:left;width:154px;*width:180px;padding:0 13px;}
#imbc_content {position:relative;}
.preview, .photo, .ad250 {position:absolute;overflow:hidden;z-index:10;width:250px;height:250px;}
.preview {left:0;top:0;background-color:#c8e2a9;}
.preview h3 {float:left;margin-top:15px;margin-left:15px;padding:3px 0 0 29px;font:bold 14px dotum;color:#000;background:url(http://img.imbc.com/broad/tv/ent/strangers/images/icon_main.png) no-repeat 0 0;}
.preview .vod {clear:left;}
.preview .vod .date {position:absolute;left:107px;top:19px;}
.preview .vod .txt {display:block;padding:12px 13px 8px;line-height:1.5;letter-spacing:-1px;text-align:left;}
.preview.default {background:url(http://img.imbc.com/broad/tv/ent/strangers/images/img_default.jpg) no-repeat 0 0;}
.vod .ico-play {position:absolute;left:10px;bottom:13px;z-index:10;}
.vod .imgBox {position:absolute;left:0;bottom:0;z-index:3;overflow:hidden;width:250px;height:141px;}
.vod .imgBox img {width:100%;}
div.intro {position:absolute;left:0;top:257px;z-index:10;}
.news {margin-bottom:7px;height:507px;}
.newsBox {position:relative;overflow:hidden;margin-left:258px;width:774px;}
.newsBox li {float:left;overflow:hidden;margin:7px 8px 0 0;width:250px;height:250px;}
.newsBox li.default {margin-top:0;background:url(http://img.imbc.com/broad/tv/ent/strangers/images/img_default.jpg) no-repeat 0 0;}
.newsBox a {position:relative;display:block;overflow:hidden;text-align:left;background-color:#fff;}
.newsBox img {width:250px;}
.newsBox .news-hot {position:relative;margin-top:6px;width:509px;height:122px;background-color:#c8e2a9;}
.newsBox .news-hot a {position:relative;height:100%;display:inline-block;background:none;}
.newsBox .news-hot .txt-wrap {width:326px;*width:346px;height:122px;padding:0 10px;z-index:50;letter-spacing:-1px;}
.newsBox .news-hot .tit {display:block;margin-top:27px;width:100%;font-size:14px;color:#000;font-weight:bold;}
.newsBox .news-hot .summary {display:block;margin-top:14px;width:325px;font-size:12px;color:#434343;line-height:18px;letter-spacing:0;}
.newsBox .news-hot .img {overflow:hidden;width:162px;height:122px;}
.newsBox .news-hot .img img {width:100%;}
.link {display:block;height:250px;text-align:left;}
.link .n-tit {position:absolute;left:17px;bottom:15px;z-index:10;display:block;width:220px;font-size:14px;line-height:1.333;letter-spacing:-1px;color:#fffefe;cursor:pointer;}
.link .thumnail-grid {position:absolute;left:0;bottom:0;width:auto;height:auto;}
.photo {left:258px;top:257px;}
.hot ul {overflow:hidden;width:1032px;}
.hot ul li {position:relative;overflow:hidden;float:left;margin-right:8px;width:250px;height:250px;text-align:left;background-color:#c8e2a9;}
.hot ul li strong {display:block;margin:160px 15px 18px;font-size:14px;color:#000;letter-spacing:-1px;}
.hot ul li .ico-play {bottom:120px;}
.hot ul li .imgBox {top:0;}
.hot ul li .date {padding-left:15px;}
.ad250 {right:0;top:0;}


/* sub */
.content-wrap-sub {width:100%;text-align:left;background:#fff;}
.sub-content {position:relative;width:964px;margin-left:30px;text-align:left;overflow:hidden;}
.sub-content-title {width:100%;margin-bottom:22px;padding:32px 0 10px;border-bottom:2px solid #ddd;}
.sub-content-title img {vertical-align:middle;}
.sub-content-inner {float:left;width:692px;margin-right:22px;padding-bottom:30px;overflow:hidden;}
.sub-content-inner > p > img {vertical-align:middle;}
.sub-content-inner.program {background:url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_program.jpg) no-repeat;}
.sub-content-inner.program > p {margin-top:60px;text-align:center;text-indent:24px;}
.program h3 {margin-top:57px;margin-bottom:39px;padding-left:17px;height:15px;}
.program .cast {overflow:hidden;margin-left:10px;}
.program .cast li {overflow:hidden;float:left;margin-bottom:13px;width:340px;}
.program .cast li .name {display:inline-block;margin-top:10px;color:#2d2d2d;}
.program .cast li .name strong {font-size:15px;}
.program .cast li .name span {font-size:13px;}
.program .cast li .name img {margin-left:4px;vertical-align:-3px;}
.program .cast .imgBox {float:left;margin-right:5px;padding:2px;width:113px;height:132px;background:url(http://img.imbc.com/broad/tv/ent/strangers/images/bg_cast.png) no-repeat;}
.program .cast li p {margin-top:7px;line-height:1.5;letter-spacing:-0.8px;}
.sub-content-inner.apply > p {margin-left:2px;}
.sub-content-inner.apply .board {margin-top:32px;}
.right-common {float:left;}

/* like btn */
.btn-like-program-wrap{position:absolute; top:30px; left:20px; z-index:999;}