@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{font-family:'Nanum Gothic';letter-spacing: -1px;}

/* »ó´Ü */
.visual-top {position:relative;overflow:hidden;height:390px;background:url("http://img.imbc.com/broad/tv/culture/doctorgo/images/bg-main.jpg") no-repeat 50% 0; }
.visual-top h1.tit-logo  {position:absolute;left:50%;z-index:100;}
.visual-top h1.tit-logo {margin-left:-455px; top:103px;}

.broad-info {position:absolute;top: 54px;left: 50%;margin-left: -513px;font-size:16px;letter-spacing:-1px;line-height: 45px;color:#575656;background: url('http://img.imbc.com/broad/tv/culture/doctorgo/images/masthead.png') no-repeat center;width: 259px;height: 44px;}
.broad-title {margin-left:25px;margin-right:20px;}

.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;right:50%;z-index:100;margin-right:-505px;}

/* nav */
.nav {position: relative;margin: 0 auto;background:#1B252F;font-family:'Nanum Gothic';text-align:center;z-index: 150;box-shadow:0px 5px 12px rgba(0,0,0,0.2); }
.sub .nav{box-shadow:none;}
.nav ul {overflow:hidden;margin:0 auto;text-align:center;  *margin-right: 39px;}
.nav ul li {display:inline;height:60px;line-height:60px;text-align:center;}
.nav ul li a {background:url("http://img.imbc.com/broad/tv/culture/doctorgo/images/nav-bar.png") no-repeat left center;}
.nav ul li a {padding: 0 28px;font-size:18px;color:#fff;letter-spacing:-1px;}
.nav ul li.first-item a {background:none;}


.main .section1 {background: #D9D0D3;}
.main .section2 {background: #F0F0F0;height: 493px;border-bottom:1px solid #ccc;}
.main .section3 {background: #353535;height: 614px;}


.section{overflow:hidden;}
.main .tit-content {position:absolute;top:0;left:50%;margin-left: -76px;width: 0;border:76px solid transparent;text-align:center;font-size:22px;color:#313131;z-index: 110;}
.main .section1 .tit-content{border-top:76px solid #E7E7E7;}
.main .section2 .tit-content{border-top:76px solid #AC1727;}
.main .section3 .tit-content{border-top:76px solid #AC1727;}
.main .tit-content a{display:block;position:relative;margin-left: -76px;margin-top: -76px;width: 152px;height: 76px;text-align: center;}

.main .tit-content a h2.section-name{position:absolute;top: 19px;left: 0;display: inline-block;width: 152px;font-size:14px;letter-spacing: -1px;}
.main .section1 .tit-content a h2.section-name{color:#363636;}
.main .section2 .tit-content a h2.section-name{color:#fff;}
.main .section3 .tit-content a h2.section-name{color:#fff;}

.main .img-more{opacity: 0.5;margin-top: 46px;}
.main .sectiion1.tit-content a .img-more{display: none;}

.main .con-inner {position:relative;margin:0 auto;width:1200px;padding:50px 24px 45px 24px;overflow: hidden;}
.main .section1 .con-inner{background: #fff;}


/* .section1 */
.main .preview{width: 900px;height: 507px;padding-left: 24px;border-right:1px solid #DADADA;float: left;position: relative;;}
.main .preview .pre-panel{position: absolute;top: 0;left:0;width: 900px;height: 506px;z-index: 100;}
.main .preview .article .img{position:absolute;top: 0;left: 0;width: 900px;height: 506px;}
.main .preview .article .img img{width: 900px;height: 506px;}
.main .preview .article .txt{position: absolute;top: 353px;left: 0;width: 805px;height: 130px;}
.main .preview .article .txt .txt-bg{position: absolute;top: 0px;left: 0;width: 805px;height: 130px;background:#000;opacity: 0.6;}
.main .preview .article .txt .txt-wrap{position:absolute;z-index: 110;padding: 17px 95px 24px 46px;letter-spacing: -1px;}
.main .preview .article .txt .txt-wrap .ContentNumber{font-size:13px;color: #fff;margin-right: 7px;}
.main .preview .article .txt .txt-wrap .BroadDate{font-size:13px;color: #fff;}
.main .preview .article .txt .txt-wrap .title {display:block;margin-top: 12px;margin-bottom: 10px;font-size:20px;color:#fff;line-height: 33px;}
.main .preview .article .txt .summary {overflow: hidden; max-height: 33px; line-height: 1.5; font-size: 12px; color: #fff;}
.main .ad-rectangle {float:right;width: 250px;height: 250px;margin-top: 1px;margin-right: 1px;margin-bottom: 8px;}
.main .banner{float: right;margin-right: 1px;}

/* section2 */
.main .vod-list{width: 100%;height: 399px;overflow: hidden;}
.main .vod-list li{float: left;width: 25%;height: 397px;}
.main .vod-list li .img {overflow:hidden;width:300px;height:169px;}
.main .vod-list li .img img{width: 300px;height: 169px;}
.main .vod-list li .txt {padding:22px 26px 26px 22px;width:250px;height:182px;letter-spacing:-1px;background:#fff;border-left:1px solid #EDEDED;border-right:1px solid #EDEDED;border-bottom:1px solid #EDEDED;letter-spacing: -1px;}
.main .vod-list li .txt .ContentNumber{font-size:13px;color: #363636;margin-right: 7px;}
.main .vod-list li .txt .BroadDate{font-size:13px;color: #363636;}
.main .vod-list li .txt .title {display:inline-block;width: 100%;min-height:75px;margin-top: 12px;font-size:18px;color:#363636;font-weight:bold;line-height: 24px;letter-spacing: -1px;}
.main .vod-list li .txt .summary {overflow: hidden; max-height: 80px; line-height: 24px; font-size: 12px; color: #363636;}
.main .vod-list li .txt .summary>em{font-size: 12px;color:#363636;line-height: 1.4;}

/* pre- section2 */
.main .news{width: 100%;height: 399px;overflow: hidden;}
.main .news li{float: left;width: 20%;height: 397px;}
.main .news li .img {overflow:hidden;}
/* .main .news li .img img{width: 300px;height: 169px;} */
.main .news li .txt {padding:22px 26px 26px 22px;width:190px;height:182px;letter-spacing:-1px;background:#fff;border-left:1px solid #EDEDED;border-right:1px solid #EDEDED;border-bottom:1px solid #EDEDED;letter-spacing: -1px;}
.main .news li .txt .ContentNumber{font-size:13px;color: #363636;margin-right: 7px;}
.main .news li .txt .date{font-size:13px;color: #363636;}
.main .news li .txt .title {display:inline-block;width: 100%;min-height:65px;margin-top: 12px;font-size:18px;color:#363636;font-weight:bold;line-height: 24px;}
.main .news li .txt .summary {overflow: hidden; max-height: 80px; line-height: 24px; font-size: 12px; color: #363636;}
.main .news li .txt .summary>em{font-size: 12px;color:#363636;line-height: 1.4;}

/* section3 */
.main .clip{width: 100%;height: 507px;overflow: hidden;}
.main .clip li{float:left;width: 50%;height: 169px;}
.main .clip li .img{float:left;width: 50%;height: 100%;}
.main .clip li .img img{width: 100%;height: 100%;}
.main .clip li .txt{float:left;position:relative;width: 39%;height: 99px;padding: 35px 33px;line-height: 1;}
.main .clip li .txt .date{font-size:12px;}
.main .clip li .txt .title{font-size: 15px;display:inline-block;width: 100%;min-height: 37px;margin-top: 6px;margin-bottom: 4px;font-weight: bold;line-height: 22px;}
.main .clip li .txt .summary{font-size: 11px;max-height:35px;line-height: 20px;}
.main .clip li .txt .bg-arr{position:absolute;left: -21px;top: 46%;border:11px solid transparent;}

.main .clip li:nth-child(3) .txt, .section3 .clip li:nth-child(4) .txt{margin-left: -100%;}
.main .clip li:nth-child(3) .img, .section3 .clip li:nth-child(4) .img{margin-left: 50%;}
.main .clip li:nth-child(3) .txt .bg-arr, .section3 .clip li:nth-child(4) .txt .bg-arr{left: 100%;border:11px solid transparent;}

.main .clip li .txt{color:#fff;}
.main .clip li:nth-child(1) .txt{background:#515560;}
.main .clip li:nth-child(2) .txt{background:#3A4360;}
.main .clip li:nth-child(3) .txt{background:#756C64;}
.main .clip li:nth-child(4) .txt{background:#fff;color:#464646;}
.main .clip li:nth-child(5) .txt{background:#25262A;}
.main .clip li:nth-child(6) .txt{background:#484546;}

.main .clip li:nth-child(1) .txt .bg-arr{border-right:10px solid #515560;}
.main .clip li:nth-child(2) .txt .bg-arr{border-right:10px solid #3A4360;}
.main .clip li:nth-child(3) .txt .bg-arr{border-left:10px solid #756C64;}
.main .clip li:nth-child(4) .txt .bg-arr{border-left:10px solid #fff;}
.main .clip li:nth-child(5) .txt .bg-arr{border-right:10px solid #25262A;}
.main .clip li:nth-child(6) .txt .bg-arr{border-right:10px solid #484546;}


/* culturelist */
.section-common {position:relative;margin:0 auto;margin-top: -49px;margin-bottom: 48px;padding-top:22px;padding-bottom:22px;width:1200px;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;z-index: 200}
.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:30px; margin: 0 auto; color: #fff; padding-top: 9px; }


/* program style */
#footer {height: 269px;padding-top:49px;letter-spacing: 0;color:#6D7071;background-color:#EEF3F6;}
.sub-footer{padding:49px 0;letter-spacing: 0;color:#6D7071;background-color:#EEF3F6;}
.l-copyright{margin-bottom: 8px;}


/* sub */
.container-sub {width:100%;background:#BACDCE;background-image:linear-gradient(to bottom, rgba(0,0,0,0.7), #BACDCE 4.8%);background-image: -webkit- linear-gradient(to bottom, rgba(0,0,0,0.7), #BACDCE 4.8%);padding-top: 1px;}
.content-sub { z-index: 200; width: 988px; *width: 1028px; padding: 0 20px;padding-bottom: 186px;background: #fff; margin: 0px auto;margin-top: 1px;overflow: hidden; text-align: center; }
.content-sub .header { height: 34px; *height: 60px;padding-left: 13px;padding-top: 21px; margin-bottom: 22px; border-bottom: 1px solid #DADADA; text-align: left;font-size:18px;font-weight: bold;color:#363636;}

.content-sub .cont { overflow: hidden; position: relative; float: left; overflow: hidden}
.content-sub .cont-left { width: 700px;padding-left: 10px;padding-right: 10px;padding-bottom: 20px;float:left;text-align: left;}

/* program */
.program .program-wrap{padding: 24px 53px 0 58px;}
.program .pro-detail{margin-top: 36px;}
.program .pro-detail .depth01{font-size:18px;color:#555;font-weight: bold;line-height: 34px;letter-spacing: -0.5px;padding-left: 6px;}
.program .pro-detail .depth01 .mt18{margin-top: 18px;}
.program .pro-detail .depth02{margin-top: 50px;font-size:16px;color:#555;letter-spacing: -0.5px;line-height: 28px;padding-left: 6px;}
.program .pro-detail .depth02 .mt15{margin-top: 15px;}

/* news */
.cont-left iframe #news_article_wrap .top{height: 34px! important;}

/* member */
.member .member-wrap{margin-top: 25px;margin-bottom:35px;color:#555;}
.member .mc-wrap{height: 237px;padding:0 20px;margin-bottom: 22px;}
.member .mc-wrap .intro-img{float:left;width: 208px;height: 238px;margin-right: 39px;}
.member .mc-wrap .intro-con{float:left;position: relative;letter-spacing: 0;}
.member .mc-wrap .intro-con .intro-name{display:inline-block;width: 403px;height: 64px;border-bottom:1px solid #D7D7D7;font-size:26px;font-weight: bold;line-height: 64px;letter-spacing: 4px;}
.member .mc-wrap .intro-con .intro-name .txt-mc{font-size:20px;letter-spacing: -1px;margin-right: 12px;padding-left: 3px;}
.member .mc-wrap .intro-con .mc-bar{position: absolute;top: 55px;left: -61px;width: 207px;height: 10px;background: #B2C7C9;}
.member .mc-wrap .intro-con .intro-detail{margin-top: 21px;padding-left: 2px;font-size: 14px;line-height: 21px;}

.member .member-wrap.panel {padding: 0 20px;}
.member .member-wrap.panel .panel-title{display:inline-block;width: 637px;height: 37px;border-bottom:1px solid #D7D7D7;margin-left: 7px;padding-left: 6px;font-size: 24px;font-weight: bold;}
.member .member-wrap .panel-wrap{padding: 0 2px;margin-top: 21px;overflow: hidden;}
.member .member-wrap .panel-wrap li{float:left;width: 204px;height: 331px;}
.member .member-wrap .panel-wrap li:nth-child(2), .member .member-wrap .panel-wrap li:nth-child(5){margin:0 18px;}
.member .member-wrap .panel-wrap li .intro-img{width: 204px;height: 204px;margin-bottom: 17px;}
.member .member-wrap .panel-wrap li .intro-con{padding: 0 10px;}
.member .member-wrap .panel-wrap li .intro-con .intro-name{font-size: 20px;font-weight:bold;margin-bottom: 11px;}
.member .member-wrap .panel-wrap li .intro-con .intro-detail{font-size: 14px;line-height: 23px;}