@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* 'http://img.imbc.com/broad/tv/drama/goodperson */
/************************
**********공통 **********
************************/
		
		body {
			font-family: "나눔고딕", 'Nanum-Gothic';
			font-size: 12px;
			position: relative;
		}
		
		.container {
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		
		#footer {
			padding: 57px 0;
			background: #e5ffff;
			font-size: 12px;
			color: #040404;
		}
		
		#footer .l-copyright {
			color: #504f48;
		}
		/************************
**********sub**********
************************/
		
		.content-sub h2 {
			width: 100%;
			height: 42px;
			margin-bottom: 22px;
			border-bottom: 2px solid #e2e2e2;
			font: 600 18px/42px 'Nanum Gothic', dotum, '돋움';
			text-indent: 7px;
		}
		
		.good-sub .footer {
			padding: 20px 0 50px;
			color: #040404;
		}
		
		.good-sub .good article {
			width: 1024px;
			margin: 0 auto;
		}
		
		.good-sub .good .container a:hover,
		.good-sub .good .container a:focus {
			text-decoration: underline;
		}
		
		.good-sub .good .container nav ul {
			overflow: hidden;
			width: 100%;
		}
		
		.good-sub .good .container nav li {
			float: left;
			padding: 0 12px;
			height: 59px;
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/bg-bar-02.gif") no-repeat left 19px;
		}
		
		.logo-area {
			position: relative;
			z-index: 50;
		}
		
		.logo-area ul {
			position: absolute;
			left: 20px;
			top: 14px;
		}
		
		.logo-area li {
			font-size: 14px;
			color: #3f3f3c;
			line-height: 1.6;
			font-family: 'Nanum Gothic', dotum, '돋움';
		}
		
		.logo-area li.first {
			/* float: left; */
			margin-right: 5px;
			padding-right: 6px;
			/* background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/bg-bar-01.gif") no-repeat right 6px; */
		}
		
		.good-sub {
			background: #f6f4f7 url("http://img.imbc.com/broad/tv/drama/goodperson/img/bg-sub-v1.jpg") no-repeat center 120px;
		}
		
		.good-sub .container {
			width: 100%;
			text-align: center;
		}
		
		.good-sub .container .nav-popular-vod {
			margin-left: 52px;
			background: none;
		}
		
		.good-sub .logo-sub {
			width: 1024px;
			height: 298px;
			margin: 0 auto;
			text-align: left;
		}
		
		.good-sub .logo-sub {
			width: 1024px;
			height: 298px;
			margin: 0 auto;
			text-align: left;
			font-size: 16px;
			line-height: 24px;
			color: #3f3f3c;
			letter-spacing: -0.5px;
		}
		
		.good-sub .logo-sub h1 {
			position: absolute;
			top: 47px;
			left: 332px;
		}
		
		.good-sub .content-sub {
			width: 1024px;
			*width: 1024px;
			padding: 30px 30px;
			text-align: left;
			overflow: hidden;
			background-color: #fff;
			margin: 0 auto;
		}
		
		.good-sub .content-sub h2 {
			width: 100%;
			margin-bottom: 15px;
			border-bottom: 2px solid #e2e2e2;
		}
		
		.good-sub .content-sub h2 img {
			padding: 0 0 8px 2px;
		}
		
		.good-sub .sub-c-layer {
			float: left;
			width: 692px;
			min-height: 800px;
			height: auto !important;
			height: 800px;
			margin-right: 22px;
		}
		
		.good-sub .content-sub .cast-control,
		.good-sub .content-sub .cast-control-hero {
			position: relative;
			overflow: hidden;
			width: 692px;
			height: 62px;
			margin-bottom: 20px;
		}
		
		.good-sub .content-sub .cast-control button,
		.good-sub .content-sub .cast-control-hero button {
			position: absolute;
			top: 0;
			height: 62px;
			text-indent: -9999px;
			cursor: pointer;
			background: url('http://img.imbc.com/broad/tv/drama/yaya/images/btn_cast.png') no-repeat;
			z-index: 10;
			border: 0;
		}
		
		.good-sub #cast_prev {
			left: 0;
			width: 41px;
			background-position: 9px 17px;
		}
		
		.good-sub #cast_next {
			width: 41px;
			right: 0;
			background-position: -21px 17px;
		}
		
		.good-sub .cast-box {
			position: relative;
			width: 642px;
			height: 100%;
			margin-left: 27px;
			overflow: hidden;
		}
		
		.good-sub .cast-box li {
			display: table;
			float: left;
			width: 107px;
			height: 50px;
		}
		
		.good-sub .cast-box li a {
			display: table-cell;
			width: 100%;
			height: 100%;
			font-size: 12px;
			letter-spacing: -1px;
			color: #44403e;
			background: url('http://img.imbc.com/broad/tv/drama/kmhm/images/cast-nav-off.gif') no-repeat;
			vertical-align: middle;
			text-align: center;
			line-height: 16px;
		}
		
		.good-sub .cast-box li a:hover,
		.good-sub .cast-box li a:focus {
			background: url('http://img.imbc.com/broad/tv/drama/kmhm/images/cast-nav-on.gif') no-repeat;
			text-decoration: none;
		}
		
		.good-sub .cast-box .cast-chart {
			display: block;
		}
		
		.good-sub .cast-box .cast-chart a {
			display: block;
			text-align: left;
		}
		
		.cast-box .cast-chart span {
			display: table;
			width: 100%;
			height: 100%;
			background: url('http://img.imbc.com/broad/tv/drama/kmhm/images/ico-cast.png') no-repeat 59px 12px;
		}
		
		.good-sub .cast-box .cast-chart strong {
			display: block;
			padding: 8px 0 0 31px;
		}
		
		.good-sub .cast-data {
			position: relative;
			margin-bottom: 20px;
			border-bottom: 2px solid #e5ecec;
		}
		
		.good-sub .cast-data .cast-main-name {
			height: 35px;
			*height: 54px;
			padding: 18px 0 0 21px;
			background: #f2f5f5;
			font-weight: bold;
			color: #737270;
			font-size: 14px;
		}
		
		.good-sub .cast-data .img {
			display: block;
			margin-bottom: 1px;
			padding-bottom: 9px;
			border-bottom: 2px solid #e5ecec;
		}
		
		.good-sub .cast-data .img img {
			width: 692px;
			height: 250px;
		}
		
		.good-sub .cast-main-txt {
			padding: 19px 22px;
			line-height: 20px
		}
		
		.good-sub .cast-main-txt strong {
			display: block;
			margin-bottom: 10px;
			font-size: 14px;
			font-weight: bold;
		}
		
		.cast-other {}
		
		.good-sub .cast-other dl {
			position: relative;
			min-height: 150px;
			*height: 150px;
			margin-bottom: 15px;
			padding: 20px 0 0 215px;
			letter-spacing: -1px;
		}
		
		.good-sub .cast-other .img {
			position: absolute;
			top: 0;
			left: 0;
			width: 200px;
			height: 150px;
			background: #ebebeb;
		}
		
		.good-sub .cast-other .img img {
			width: 100%;
			height: 100%;
		}
		
		.good-sub .cast-other .cast-name {
			padding: 0 0 13px;
			font-weight: bold;
			color: #737270;
			font-size: 14px;
		}
		
		.good-sub .cast-other .cast-name span {
			font-weight: normal;
		}
		
		.good-sub .cast-other .cast-txt {
			line-height: 18px;
		}
		
		.good-sub .cast-data a {
			display: block;
			position: absolute;
			top: 280px;
			right: 9px;
			width: 160px;
			overflow: hidden;
			color: #3c7a72;
			line-height: 21px;
		}
		
		.good-sub .cast-control-hero .cast-box {
			width: 100%;
			margin: 0;
		}
		
		.good-sub .cast-control-hero .cast-box ul {
			position: absolute;
			top: 0;
			left: 80px;
			width: 110%;
			overflow: hidden;
		}
		
		.good-sub .cast-control-hero .cast-box li {
			width: 104px;
			margin-left: -2px;
		}
		
		.good-sub .cast-control-hero .view-relation {
			float: left;
			display: block;
			width: 66px;
			height: 50px;
		}
		/* staff */
		
		.good-sub .staff-all {
			position: relative;
			width: 100%;
			height: 1289px;
			overflow: hidden;
			background: url('http://img.imbc.com/broad/tv/drama/kmhm/images/staff2.jpg') no-repeat;
		}
		
		.good-sub .staff-all p {
			width: 610px;
			margin: 570px 0 0 53px;
			line-height: 25px;
			color: #000;
			font-size: 13px;
			letter-spacing: -2px;
		}
		
		.good-sub .staff-all strong {
			padding: 0 3px;
		}
		
		.good-sub .btn-like-program-wrap {
			position: absolute;
			top: 10px;
			right: 10px;
			z-index: 999;
		}
		
		.good-sub .cast-other {
			margin-top: -20px;
		}
		
		.good-sub .cast-other .relation {
			display: block;
			margin: 20px 0;
			padding-right: 10px;
			width: 682px;
			height: 51px;
			color: #3c7a72;
			line-height: 51px;
			text-align: right;
			background-color: #f2f5f5;
		}
		
		.good-sub .btn-front {
			padding: 0;
			border: 0;
			display: block;
			z-index: 100;
			position: absolute;
			right: 17px;
			top: 551px;
			overflow: hidden;
			width: 33px;
			height: 34px;
			text-indent: 100%;
			white-space: nowrap;
			cursor: pointer;
		}
		
		.good-sub .visual-top .btn-play {
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/btn_play.png") no-repeat;
		}
		
		.good-sub .visual-top .btn-stop {
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/btn_stop.png") no-repeat;
		}
		
		.good-sub .roll-ban-event {
			position: relative;
			margin-left: -228px;
			height: 600px;
		}
		
		.good-sub .roll-ban-event img {
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.good-sub .roll-controll-btn {
			position: absolute;
			bottom: 15px;
			left: 50%;
			width: 500px;
			margin-left: -260px;
			text-align: center;
		}
		
		.good-sub .roll-controll-btn .btn {
			width: 20px;
			height: 13px;
			margin-left: 5px;
			background: url('http://img.imbc.com/broad/tv/drama/wos/images/btn_p_roll_off.png') no-repeat 50% 0;
		}
		
		.good-sub .roll-controll-btn .btn.on {
			width: 20px;
			height: 13px;
			background: url('http://img.imbc.com/broad/tv/drama/wos/images/btn_p_roll_on.png') no-repeat 0 0;
		}
		
		.visual-txt-box {
			width: 930px;
			height: 124px;
			padding-top: 30px;
			margin: 0 auto;
			border-top: 1px solid #fff;
			z-index: 100;
			position: absolute;
			bottom: 30px;
			left: 50%;
			margin-left: -465px;
		}
		
		.visual-txt-box p {
			z-index: 100;
			color: #fff;
		}
		
		.visual-txt-box .visual-day {
			font-size: 14px;
		}
		
		.visual-txt-box .visual-title {
			font-size: 33px;
			padding-top: 25px;
		}
		
		.visual-txt-box .btn-preview {
			position: absolute;
			bottom: 50px;
			right: 50%;
			margin-right: -470px;
		}
		
		.logo-main {
			position: absolute;
			top: 50px;
			left: 50%;
			z-index: 100;
			margin-left: -155px;
		}
		
		.btn-like-program-wrap {
			display: inline-block;
			position: absolute;
			top: 12px;
			right: 50%;
			margin-right: -505px;
			z-index: 100;
		}
		
		.info {
			position: absolute;
			top: 16px;
			left: 50%;
			margin-left: -490px;
			font-size: 16px;
			color: #000;
			letter-spacing: -1px;
			z-index: 100;
			font-weight: normal;
			color: #3f3f3c;
		}
		
		.info_2 {
			position: absolute;
			top: 38px;
			left: 50%;
			margin-left: -490px;
			font-size: 16px;
			color: #000;
			letter-spacing: -1px;
			z-index: 100;
			font-weight: normal;
			color: #3f3f3c;
		}
		
		.content-inner {
			width: 1040px;
			margin: 0 auto;
			overflow: hidden;
			padding-left: 16px;
		}
		
		.preview_area .content-header {
			text-align: center;
			padding: 53px 0 41px;
		}
		
		.content-header {
			text-align: center;
			padding: 47px 0 47px;
		}
		
		.clip_area .content-header {
			text-align: center;
			padding: 46px 0 46px;
		}
		/* 지난방송 */
		
		.news_area {
			background: #f4c1d6;
			padding-bottom: 30px;
		}
		
		.box-vod {
			position: relative;
			width: 1024px;
			height: 510px;
		}
		
		.vod-list {
			position: absolute;
			overflow: hidden;
		}
		
		.vod-list li {
			width: 500px;
			height: 250px;
			float: left;
			margin-top: 10px;
		}
		
		.vod-list li.list-last {
			width: 512px;
			margin-left: 12px;
		}
		
		.vod-list li:first-child {
			width: 516px;
			margin: 0 263px 0 262px;
		}
		
		.vod-list li a {
			overflow: hidden;
		}
		
		.vod-list li a .img,
		.vod-list li a .txt {
			width: 250px;
			height: 250px;
			display: inline-block;
			float: left;
		}
		
		.vod-list li a .img {
			position: relative;
		}
		
		.vod-list li a .img img {
			position: absolute;
			top: 0;
			left: 0;
			max-width: 100%;
			height: 250px;
		}
		
		.vod-list li a .img .bg-box {
			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;
		}
		
		.vod-list li a .txt {
			background: #fff;
			width: 208px;
			*width: 250px;
			height: 193px;
			*height: 250px;
			padding: 37px 17px 20px 25px;
		}
		
		.vod-list li.list-last a .txt {
			background: #fff;
			width: 205px;
			*width: 262px;
			height: 210px;
			*height: 250px;
			padding: 20px 26px 20px 31px;
		}
		
		.vod-list li a .txt .broad-num {
			color: #5e6c82;
			font-size: 14px;
			line-height: 29px;
			letter-spacing: -1px;
		}
		
		.vod-list li a .txt .broad-title {
			color: #000;
			font-size: 20px;
			line-height: 29px;
			letter-spacing: -1px;
			padding-bottom: 15px;
			border-bottom: 1px solid #ccc;
		}
		
		.vod-list li a .txt .broad-txt {
			color: #606060;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 15px;
		}
		
		.vod-list li a .txt .broad-day {
			color: #5e5e5e;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 118px;
		}
		
		.news_area .btn-title {
			position: relative;
			width: 250px;
			height: 250px;
			background: #623648;
			z-index: 50;
		}
		
		.news_area .btn-more {
			position: absolute;
			top: 195px;
			left: 195px;
		}
		
		.preview_area .ad-box {
			margin-left: 10px;
			margin-bottom: 5px;
			position: absolute;
			top: 112px;
			right: 16px;
		}
		
		.preview_area {
			background: #f6f4f7;
			padding-bottom: 30px;
			height: 633px;
		}
		
		.preview_area .content-inner {
			position: relative;
		}
		
		.main-page-content .img {
			position: relative;
		}
		
		.main-page-content .img img {
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.main-page-content .img .bg-box {
			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;
		}
		
		.content-inner div {
			float: left;
		}
		
		.box-cont {
			margin: 0 12px;
		}
		
		.box-cont .img,
		.box-cont .txt {
			width: 250px;
			height: 250px;
		}
		
		.main-page-content .txt {
			background: #fff;
			width: 212px;
			height: 180px;
			padding: 33px 13px 20px 25px;
			text-align: left;
		}
		
		.main-page-content .txt .broad-num {
			color: #5e6c82;
			font-size: 14px;
			line-height: 29px;
			letter-spacing: -1px;
		}
		
		.main-page-content .txt .broad-title {
			color: #000;
			font-size: 20px;
			line-height: 29px;
			letter-spacing: -1px;
			padding-bottom: 15px;
			border-bottom: 1px solid #ccc;
		}
		
		.main-page-content .txt .broad-txt {
			color: #000;
			font-size: 20px;
			line-height: 28px;
			letter-spacing: -1px;
			padding-top: 15px;
		}
		
		.main-page-content .txt .broad-day {
			color: #5e5e5e;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 15px;
		}
		
		.preview_area .btn {
			position: absolute;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/btn-next-prev.png') no-repeat;
			bottom: 30px;
			display: inline-block;
			width: 15px;
			height: 27px;
		}
		
		.preview_area .btn-prev {
			background-position: 0 0;
			left: 169px;
		}
		
		.preview_area .btn-next {
			background-position: -43px 0;
			left: 210px;
		}
		
		.preview_area .sns {
			width: 250px;
			height: 250px;
			background: red;
		}
		
		.clip_area {
			background: #e5ffff;
			position: relative;
			overflow: hidden;
			text-align: center;
		}
		
		.clip_area .img .bg-box {
			display: inline-block;
			width: 250px;
			height: 250px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 111;
		}
		
		.clip_area .btn {
			position: absolute;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/btn-next-prev.png') no-repeat;
			bottom: 30px;
			display: inline-block;
			width: 15px;
			height: 27px;
		}
		
		.clip_area .btn-prev {
			background-position: 0 0;
			left: 169px;
		}
		
		.clip_area .btn-next {
			background-position: -43px 0;
			left: 210px;
		}
		
		.clip_area .link-box {
			width: 250px;
			height: 250px;
		}
		
		.clip_area .txt {
			background: #fff;
			width: 205px;
			*width: 250px;
			height: 169px;
			*height: 250px;
			padding: 61px 20px 20px 25px;
		}
		
		.clip_area .txt .broad-title {
			color: #404f27;
			font-size: 24px;
			line-height: 29px;
			letter-spacing: -1px;
			text-align: center;
			margin-top: 10px;
			border-bottom: 0;
			padding-bottom: 0;
		}
		
		.clip_area .txt .broad-link {
			color: #5e5e5e;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 15px;
		}
		
		.clip_area .txt {
			position: relative;
		}
		
		.clip_area .content-inner {
			position: relative;
		}
		
		.clip_area .txt .btn-more {
			position: absolute;
			display: inline-block;
			padding-right: 15px;
			text-decoration: underline;
			bottom: 30px;
			right: 20px;
			font-size: 16px;
			color: #32353d;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/btn-link.jpg') no-repeat right center;
		}
		
		.clip_area .btn {
			position: absolute;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/btn-next-prev.png') no-repeat;
			top: 300px;
			display: inline-block;
			width: 15px;
			height: 27px;
		}
		
		.clip_area .btn-prev {
			background-position: 0 0;
			left: 169px;
		}
		
		.clip_area .btn-next {
			background-position: -43px 0;
			left: 210px;
		}
		
		.main-page-container .goodperson_vod {
			width: 764px;
			height: 494px;
		}
		
		.main-page-container .preview_box {
			width: 250px;
			height: 250px;
			position: relative;
			overflow: hidden;
			padding-left: 10px;
			margin-top: 261px;
		}
		
		.preview_box i {
			text-indent: -9999px;
			font-size: 0;
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/contents_add.png") no-repeat;
			position: absolute;
			top: 438px;
			left: 213px;
			width: 25px;
			height: 25px;
		}
		
		.btn-title i {
			text-indent: -9999px;
			font-size: 0;
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/btn-more.png") no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			width: 25px;
			height: 25px;
		}
		
		.news_contents_title {
			font-size: 24px;
			color: #fff;
			padding-top: 114px;
			line-height: 24px;
		}
		
		.news_contents_title span {
			font-weight: bold;
		}
		/*cast slider*/
		
		.content .cast-slider {
			width: 250px;
			height: 250px;
			margin: 0 auto;
			position: relative;
			overflow: hidden
		}
		
		.content .cast-slider ul {
			list-style: none;
			width: 250px;
			margin: 0 auto;
		}
		
		.content .cast-slider ul li {
			display: inline-block;
		}
		
		.content .cast-slider ul li .slide-vod {
			float: left;
			position: relative;
		}
		
		.content .cast-slider ul li .slide-vod h3 {
			position: absolute;
			top: -11px;
			left: -4px;
		}
		
		.slide-contents .slide-1,
		.slide-3,
		.slide-5,
		.slide-7 {
			margin-bottom: 20px;
		}
		
		.slide-contents .slide-item {
			float: left;
			overflow: hidden;
			position: relative;
			width: 250px;
			height: 250px;
			background: #fae8e8;
		}
		
		.cast-slider .slide-leftbtn {
			position: absolute;
			top: 193px;
			left: 170px;
			z-index: 50
		}
		
		.cast-slider .slide-rightbtn {
			position: absolute;
			top: 193px;
			right: 22px;
			z-index: 50
		}
		
		.cast-slider .slide-activebtn ul li {
			padding-top: 11px;
		}
		
		.slide_container {
			position: absolute;
			top: 0;
			right: 0;
		}
		
		.cast_intro {
			padding-left: 23px;
			padding-top: 6px;
		}
		
		.cast_relationship {
			padding-top: 23px;
			padding-left: 147px;
		}
		
		button {
			display: inline-block;
			margin: 0;
			padding: 0;
			border: none;
			background: none;
			cursor: pointer;
		}
		
		.cont-title {
			width: 250px;
			height: 250px;
			background: #3c3f3f;
			position: relative;
		}
		
		.cont-title .clip_contents_title {
			font-size: 24px;
			line-height: 29px;
			color: #fff;
			padding-top: 106px;
		}
		
		.cont-title i {
			text-indent: -9999px;
			font-size: 0;
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/btn-more.png") no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			width: 25px;
			height: 25px;
		}
		
		.cont-title .btn-more {
			position: absolute;
			top: 195px;
			left: 195px;
		}
		
		.clip_img {
			width: 250px;
			height: 250px;
			position: relative;
			display: inline-block;
			float: left;
		}
		
		.clip_img img {
			max-width: 100%;
			height: 250px;
		}
		
		.clip_img .bg-box {
			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;
		}
		
		.clip_txt {
			background: #fff;
			width: 198px;
			height: 165px;
			padding: 65px 27px 20px 25px;
			position: relative;
		}
		
		.box-cont {
			position: relative;
		}
		
		.clip_txt i {
			text-indent: -9999px;
			font-size: 0;
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/clip_facebook_bg.png") no-repeat;
			position: absolute;
			top: 24px;
			left: 28px;
			width: 25px;
			height: 25px;
		}
		
		.clip_header {
			font-size: 20px;
			color: #000;
			letter-spacing: -1px;
			font-weight: normal;
			padding-bottom: 15px;
			border-bottom: 1px solid #ccc;
		}
		
		.documentation {
			color: #606060;
			line-height: 20px;
			font-size: 14px;
			padding-top: 20px;
			letter-spacing: -0.25px;
			text-align: left;
		}
		
		.day_date {
			color: #5e5e5e;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 12px;
		}
		
		.nav-container {
			background: #8ad6cd;
			height: 59px;
			width: 100%;
			overflow: hidden;
		}
		
		.nav-inner {
			width: 1024px;
			margin: 0 auto;
			overflow: hidden;
			text-align: center;
			height: 57px;
		}
		
		.nav-inner ul {
			display: inline-block;
		}
		
		.nav-inner ul li {
			height: 59px;
			line-height: 59px;
			float: left;
			text-align: center;
		}
		
		.nav-inner ul li:first-child a {
			background: none;
		}
		
		.nav-inner ul li a {
			display: block;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/nav-bar.png') no-repeat left 23px;
			color: #000;
			font-size: 18px;
			padding: 0 20px;
		}
		/*Main slider*/
		
		.main-page-container {
			position: relative;
			text-align: center;
		}
		
		.main-page-body .visual {
			width: 100%;
			height: 767px;
			position: relative;
			margin: 0 auto;
			overflow: hidden;
			z-index: 10;
			/* left: 50%; */
			/* top: 0; */
			/* margin-left: -960px; */
		}
		
		.roll-ban-event img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			opacity: 0;
			-ms-filter: "alpha(opacity=0)";
		}
		
		.main-page-body .visual .btn-front {
			position: absolute;
			overflow: hidden;
			left: 50%;
			bottom: 35px;
			margin-left: 430px;
			padding: 0;
			border: 0;
			display: block;
			z-index: 200;
			width: 25px;
			height: 25px;
			text-indent: 100%;
			white-space: nowrap;
			cursor: pointer;
			background-image: url('http://img.imbc.com/broad/tv/drama/goodperson/img/btn-play-stopV2.png');
			background-repeat: no-repeat;
			background-color: transparent;
			background-position: 0 -25px;
		}
		
		.main-page-body .visual .btn-stop {
			background-position: 0 0;
		}
		
		.roll-controll-btn {
			position: absolute;
			bottom: 40px;
			left: 50%;
			width: 140px;
			margin-left: -70px;
			text-align: center;
			z-index: 100;
			height: 16px;
		}
		
		.roll-controll-btn .btn {
			display: inline-block;
			width: 16px;
			height: 16px;
			padding: 0;
			margin-left: 15px;
			border: 0;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/img-dot.png') no-repeat top center;
			cursor: pointer;
		}
		
		.roll-controll-btn .btn.on {
			height: 16px;
			background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/img-dot.png') no-repeat;
			background-position: 0 -16px;
		}
		/*Main slider*/
		
		.main-page-content .logo-area ul {
			position: absolute;
			left: 20px;
			top: 14px;
			margin-left: 444px;
		}
		
		.roll-ban-event {
			z-index: 10;
			overflow: hidden;
			position: absolute;
			left: 50%;
			top: 0;
			margin-left: -960px;
			width: 1920px;
			height: 767px;
		}
		
		.preview_area .broad-num a {
			color: #5e6c82;
		}
		
		.preview_area .broad-day a {
			color: #5e5e5e;
		}
		
		.preview_area .broad-txt a {
			color: #000;
		}
		
		.vod-list li.list-last a .txt {
			background: #fff;
			width: 220px;
			height: 199px;
			padding: 31px 17px 20px 25px;
		}
		
		.vod-list li a .txt .broad-title {
			color: #000;
			font-size: 20px;
			line-height: 29px;
			letter-spacing: -1px;
			padding-bottom: 12px;
			border-bottom: 1px solid #ccc;
		}
		
		.vod-list li a .txt .broad-day {
			color: #5e5e5e;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 104px;
		}
		
		.vod-list li a .txt {
			background: #fff;
			width: 208px;
			height: 199px;
			padding: 31px 17px 20px 25px;
		}
		
		.main-page-container .goodperson_vod {
			width: 764px;
			height: 494px;
			overflow: hidden;
		}
		
		.preview_area {
			background: #f6f4f7;
			padding-bottom: 30px;
			height: 606px;
		}
		
		.preview_box i {
			text-indent: -9999px;
			font-size: 0;
			background: url("http://img.imbc.com/broad/tv/drama/goodperson/img/contents_add.png") no-repeat;
			position: absolute;
			top: 178px;
			left: 213px;
			width: 25px;
			height: 25px;
		}
		
		.main-page-content .txt {
			background: #fff;
			width: 212px;
			height: 186px;
			padding: 28px 13px 20px 25px;
			text-align: left;
		}
		
		.main-page-body .logo-area ul {
			position: absolute;
			left: 50%;
			top: 14px;
			margin-left: -491px;
			text-align: left;
		}
		/* CLIP */
		
		.content04 {
			background: #e5ffff;
			padding-bottom: 30px;
			position: relative;
			overflow: hidden;
			width: 100%;
		}
		
		.content04 .content-inner {
			position: relative;
			width: 1040px;
			margin: 0 auto;
		}
		
		.content04 .img {
			position: relative;
		}
		
		.content04 .img img {
			width: 460px;
			margin-left: -105px;
		}
		
		.content04 .img .bg-box {
			background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/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;
		}
		
		.content04 .content-inner div {
			float: left;
		}
		
		.content04 .box-cont {
			overflow: hidden;
			width: 500px;
			height: 250px;
			overflow: hidden;
		}
		
		.content04 .box-cont .img {
			width: 250px;
			height: 250px;
			overflow: hidden;
		}
		
		.content04 .txt {
			display: block;
			width: 200px;
			float: left;
			height: 190px;
			background: #fff;
			position: relative;
			padding: 30px 19px 30px 31px;
		}
		
		.content04 .txt .broad-num {
			color: #5e6c82;
			font-size: 14px;
			line-height: 29px;
			letter-spacing: -1px;
		}
		
		.content04 .txt .broad-title {
			color: #000;
			font-size: 20px;
			line-height: 29px;
			letter-spacing: -1px;
			padding-bottom: 15px;
			border-bottom: 1px solid #ccc;
		}
		
		.content04 .txt .broad-txt {
			color: #606060;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
			padding-top: 15px;
			margin-bottom: 15px;
		}
		
		.content04 .txt .broad-day {
			color: #5e5e5e;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -1px;
		}
		
		.content04 ul {
			overflow: hidden;
		}
		
		.content04 ul li {
			float: left;
			display: block;
		}
		
		.content04 .btn {
			position: absolute;
			background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/btn-next-prev.png') no-repeat;
			bottom: 30px;
			display: inline-block;
			width: 15px;
			height: 27px;
			border: 0;
			z-index: 10;
		}
		
		.content04 .btn-prev {
			background-position: 0 0;
			left: 169px;
		}
		
		.content04 .btn-next {
			background-position: -43px 0;
			left: 210px;
		}
		
		.content04 .sns {
			width: 250px;
			height: 250px;
		}
		
		.content04 .cont-title {
			background: #4c6075;
			width: 250px;
			height: 250px;
			z-index: 2;
		}
		
		.content04 .cont-title p {
			text-align: center;
			color: #fff;
			font-size: 24px;
			letter-spacing: -1.5px;
			line-height: 250px;
		}