@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body { text-align: center;  background-color: #eff2f6; }
.wrapper {min-width:1024px;font-family:'Nanum Gothic','나눔 고딕',dotum,'돋움';} 
.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;left:50%;z-index:100;margin-left:-505px; z-index: 999;}
.ad-rectangle{ position:absolute;right:0;top: 0; }
.ad { position:absolute;right:0;top: 0; }

/* 메뉴, 좋아요버튼 */
.main .nav {text-align:center; width: 100%; height: 47px; background: #5253cd; border-top:1px solid #7758ff; border-bottom:1px solid #7758ff; }
.main .nav ul {overflow:hidden; width: 1024px;  margin:0 auto;text-align:center; position: absolute; top:477px;left: 50%; margin-left: -505px; }
.main .nav ul li {display:inline;line-height:47px;text-align:center;}
.main .nav ul li:hover {text-decoration: underline;}
.main .nav ul li a {padding:0 68px; font-size:18px;color:#fff;letter-spacing:-1px;}
.main .nav ul li a:hover { text-decoration: underline;}
/* 방송정보 */
.broad-info {position:absolute; left:50%; font-weight:600; font-size:14px; letter-spacing:-1px; top:21px; margin-left:343px; color:#333; z-index: 1000; font-weight:normal;} 
.broad-info li {float:left;margin-right:10px; padding-left: 13px;  background:url("http://img.imbc.com/broad/tv/drama/carrier/img/vertical_bar2.png") no-repeat left center; }
.broad-info li.first-item{ background: none;  color: #1b1b1b; opacity:0.7;}
.broad-info li span {padding-right:7px; color: #1b1b1b; font-weight:bold;}
.tit-content {padding:44px 0;height:22px;line-height:25px;text-align:center;font-family:Myriad Pro,Helvetica;font-size:22px;color:#313131;}
.tit-content span {font-weight:normal;}
/* 아티클 */
.content .con-inner {position:relative;overflow:hidden;margin:0 auto;width:1024px;}
.content .article {float:left;margin-bottom:10px;width:500px;height:250px;}
.content .list-last{ width: 512px; margin-left: 12px;}
.content .list-last a .txt { background: #fff; width: 205px; *width: 262px; height: 210px; *height: 250px; padding: 20px 26px 20px 31px; }
.content .article .img {position:relative;overflow:hidden;float:left;width:250px;height:250px;}
.content .article img {position:absolute;left:-100%;right:-100%;margin:auto;min-width:100%;height:100%;}
.content .article .txt {position:relative;float:left;padding:30px 22px;width:206px;height:190px;letter-spacing:-1px;background:#fff;}
.content .article .txt .title {display:block;margin:15px 0 15px 0;padding-bottom:10px;line-height:24px;border-bottom:1px solid #ccc;font-size:20px;color:#000;}
.content .article .txt .summary {overflow:hidden;max-height:80px;line-height:20px;font-size:14px;color:#606060;}
.content .article .txt .date {position:absolute;left:25px;bottom:20px;line-height:1.4;font-size:14px;color:#606060;}
.bg-arr { background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/bg-vod-img.png') no-repeat right center; display: inline-block; width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: 111;}
.top-contents { position:relative ;z-index:2;margin:298px auto 0;padding-top:22px;padding-left:42px;width:972px;height:78px;text-align:left;color:#3f3f3f; letter-spacing:-1px;background:url(http://img.imbc.com/broad/tv/drama/include/img/bg-op4-w.png) repeat-x;}
.top-contents a {display:block;max-width:840px;}
.top-contents .date {font-size:16px;}
.top-contents .title {padding-top:12px;font-weight:600;font-size:24px;}
.top-contents .article {display:none;}
.top-contents .article:first-child {display:block;}
.article.last-item {margin-left:12px;width:512px;}
.article.last-item .txt {padding:30px 31px;width:200px;*width:262px;}
.article.last-item .txt .date {left:31px;}
.box-square .title {padding-bottom:12px;font-weight:400;font-size:18px;color:#c44456;}
.box-square .img {display:block;overflow:hidden;width:216px;height:122px;}
.box-square .img img {width:216px;}
.box-square .txt {padding-top:6px;line-height:1.4;font-size:16px;color:#040404;}
.box-title {position:relative;float:left;margin-right:12px;width:250px;height:250px;line-height:1;text-align:center;font-size:24px;color:#fff;}
.box-title strong {line-height:244px;font-weight:bold; color:#fff; }
.box-title .btn-more1 {position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/tv/drama/carrier/img/news-more-02.png) no-repeat;}
.box-title .btn-more2{position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/tv/drama/carrier/img/news-more-01.png) no-repeat;}
.section2 .article .txt .ContentNumber, 
.section2 .article .txt .Title {display:block;margin-bottom:15px;padding-bottom:15px;line-height:24px;border-bottom:1px solid #ccc;font-size:20px;color:#000;}
.content .article .txt .date{}
/*===================================================================================================================================================================================================*/
/*메인공통*/
.main { min-width: 1024px; }
.main #container {  position: relative; text-align: left;  background-color:#c6d8f4;}
.main .content-inner {overflow:hidden;margin:0 auto;width:1024px;}
.main #footer {padding:30px 0 30px;color:#555;background-color:#c6d8f4;}
/* 티저 메인 이미지 */
.main .visual-top {position:relative; overflow:hidden; height:476px; background:url(http://img.imbc.com/broad/tv/culture/dreamjr/img/dreamjr-main-topbg-v3.jpg) no-repeat 50% 0;}
.main .visual-top h1 {margin-left:-200px; top:35px;} 
.main .visual-top .tit-logo-main {position:absolute;left:50%;z-index:100;} 

.main .content .section1 .article .txt {padding:30px 22px;height:190px;}
.main .content .section1 .article .txt .ContentNumber { font-size: 14px;  }
.main .content .section1 .article .txt .Title {display:block;margin-bottom:15px;padding-bottom:15px;line-height:24px;border-bottom:1px solid #ccc;font-size:20px;color:#000;}
.main .content .section1 {background-color:#eff2f6; padding: 47px 0 37px;}
.main .content .section1 .box-title { background:#2e307b; }
.main .content .section1 .box-title strong{ color:#fff; }

.main .content .section2 {background-color:#c6d8f4; padding-bottom: 30px;  height: 635px; }
.main .content .section2 .box-title { background:#2e307b; }
.main .content .section2 .box-title strong{ color:#fff; }
.main .content .section2 .vod .article { height: 520px;}
.main .content .section2 .vod .article ul {width: 1024px; overflow: hidden;}
.main .content .section2 .vod .article ul li { width: 500px; float: left; margin: 0 24px 13px 0; position: relative}
.main .content .section2 .vod .article ul li.none-item{margin:0; margin-bottom:24px;}
.main .content .section3 {background-color:#c6d8f4; }

.section-common {position:relative;margin:0 auto;padding-top:22px;padding-bottom:22px;width:1024px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:right;background-color:#fff;}
.section-common .btn-culture-all {margin-right:22px;}
.culture-all {display:none;overflow:hidden;position:absolute;right:0;bottom:58px;padding:28px 22px 37px 40px;width:450px;background-color:#fff;}
.culture-all li {float:left;width:223px;line-height:28px;text-align:left;}
.culture-all .btn-list-close {position:absolute;right:20px;bottom:12px;width:18px;height:18px;line-height:0;font-size:0;color:transparent;background:url("http://img.imbc.com/broad/radio/include/img/btn-list-close.png") no-repeat 50%;}


.top_btn{width: 60px;height: 58px;background: #7e7e7e;position: absolute;bottom: 0;right: -80px;}
.top_btn img { padding-top: 15px; width: 11px; margin: 0 auto; display: block; }
.top_btn span{ display: block; width:20px; margin: 0 auto; color: #fff; padding-top: 9px; letter-spacing: -1px; }
.sub { background-color: #eff2f6; font-family:'Nanum Gothic','나눔 고딕',dotum,'돋움'; position: relative; min-width: 1024px; }
.sub #footer {padding:30px 0 30px;color:#040404; background-color:#eff2f6; color: #555;}
.sub #container { position: relative; text-align: center; }
.sub .con-inner {overflow:hidden;margin:0 auto;width:1024px; text-align: left}
.sub .nav {text-align:center; width: 100%; height: 47px; background: #5253cd; border-top:1px solid #7758ff; border-bottom:1px solid #7758ff; }
.sub .nav ul {overflow:hidden; width: 1024px;  margin:0 auto;text-align:center; position: absolute; top:310px;left: 50%; margin-left: -505px; }
.sub .nav ul li {display:inline;line-height:47px;text-align:center;}
.sub .nav ul li:hover {text-decoration: underline;}
.sub .nav ul li a {padding:0 68px; font-size:18px;color:#fff;letter-spacing:-1px;}
.sub .nav ul li a:hover { text-decoration: underline;}
.sub .visual-top {position:relative; overflow:hidden; height:310px; background: #81bfe4 url("http://img.imbc.com/broad/tv/culture/dreamjr/img/dreamjr-sub-topbg-v3.jpg") no-repeat 50% 0;}
.sub .visual-top h1 {margin-left:-186px; top:2px; } 
.sub .visual-top .tit-logo-sub {position:absolute; left: 50%; z-index:100;} 
.sub .content h2.tit-content { margin-bottom: 22px; border-bottom: 2px solid #ddd; line-height: 30px;  padding: 0; padding-bottom: 5px; text-align: left;}
.sub .content { width: 964px; *width:1024px; margin: 0 auto; background: #fff; padding: 20px 30px 40px; text-align: left; overflow: hidden; }
.sub .content .sect-left { margin-right: 21px; width: 693px; float: left; }
.sub .content .sect-right { float: left;}