/*******************************
		Import
	*******************************/
	
	@import url('http://www.imbc.com/commons/css/base.css');
	/*******************************
		include
	*******************************/
	
	body {
		font-family: "µ¸¿ò", 'Doutm';
	}
	
	.contract-main-wrap {
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/contract_main_bgv2.jpg") #efd7d7 no-repeat 50% 0;
		position: relative;
		overflow: hidden;
		width: 100%;
		text-align: center;
	}
	
	.contract-tamplate-main {
		position: relative;
		overflow: hidden;
		width: 100%;
		text-align: center;
		font-family: "µ¸¿ò", 'Dotum';
	}
	
	.contract-tamplate-main .contract-top {
		width: 1024px;
		height: 568px;
		margin: 0 auto;
		position: relative;
		z-index: 20;
	}
	
	.contract-tamplate-main .contract-top .logo {
		position: absolute;
		top: 40px;
		left: 336px;
	}
	
	.contract-tamplate-main .contract-top .metas {
		z-index: 20;
		overflow: hidden;
		position: absolute;
		left: 50%;
		top: 17px;
		margin-left: -499px;
	}
	
	.contract-template .contract-top .metas .meta {
		display: inline-block;
		font-family: "³ª´®°íµñ", 'Nanum Gothic';
		zoom: 1;
		*display: inline;
		color: #333;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/meta-bar.png") no-repeat left 3px;
		line-height: 17px;
		padding: 0 6px;
		font-size: 12px;
	}
	
	.contract-tamplate-main .contract-top .metas .meta:first-child {
		background: none;
	}
	/*inlcude*/
	
	.contract-template .nav-container {
		position: relative;
		width: 1054px;
		height: 58px;
		margin: 0 auto;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/contract_nav_bg.png") no-repeat center top;
		overflow: hidden;
		z-index: 100;
	}
	
	.contract-template .nav {
		position: relative;
		overflow: hidden;
		height: 58px;
	}
	
	.contract-template .nav ul {
		list-style: none;
	}
	
	.contract-template .nav ul li {
		list-style: none;
		display: inline-block;
		float: left;
		height: 58px;
		line-height: 58px;
		zomm: 1;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/nav-bar.png") no-repeat right 21px;
	}
	
	.contract-template .nav ul li.first {
		padding-left: 58px;
	}
	
	.contract-template .nav ul li a {
		color: #fff;
		font-size: 14px;
		display: inline-block;
		padding: 0 12px;
		height: 58px;
		line-height: 58px;
		letter-spacing: -1px;
		font-family: "µ¸¿ò", 'Dotum';
	}
	
	.contract-template .nav ul li a:hover {
		text-decoration: underline;
	}
	
	.contract-template .nav .last {
		background: none;
	}
	
	.contract-tamplate-main .btn-like-program-wrap {
		position: absolute;
		top: 10px;
		right: 6px;
		z-index: 100;
	}
	
	.site-footer {
		font-size: 12px;
		color: #000;
		font-family: "µ¸¿ò", 'Dotum';
		padding: 20px 0;
	}
	/*main*/
	
	.contract-tamplate-main .contract-top .slide {
		z-index: 10;
		overflow: hidden;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -960px;
		width: 1920px;
		height: 1608px;
	}
	
	.contract-tamplate-main .contract-top .slide li {
		position: absolute;
		left: 0;
		top: -120px;
		width: 100%;
		filter: alpha(opacity=0);
		opacity: 0;
	}
	
	.contract-tamplate-main .contract-top .buttons {
		z-index: 30;
		position: absolute;
		right: 50%;
		top: 518px;
		margin-right: -502px;
		font-size: 0;
	}
	
	.contract-tamplate-main .contract-top .buttons button {
		display: inline-block;
		zoom: 1;
		*display: inline;
		height: 35px;
		border: 0;
		padding: 0;
		cursor: pointer;
	}
	
	.contract-tamplate-main .contract-top .buttons .btn-play {
		width: 35px;
		margin-right: 3px;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/btn-play.png") no-repeat;
	}
	
	.contract-tamplate-main .contract-top .buttons .btn-pause {
		width: 35px;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/btn-pause.png") no-repeat;
	}
	
	.contract-tamplate-main .contract-top .dotts {
		z-index: 20;
		position: absolute;
		left: 50%;
		top: 529px;
		width: 1024px;
		margin-left: -512px;
		text-align: center;
		font-size: 0;
	}
	
	.contract-tamplate-main .contract-top .dotts button {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 13px;
		height: 13px;
		border: 0;
		margin: 0 3px;
		padding: 0;
		cursor: pointer;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/bg-dott.png") no-repeat;
	}
	
	.contract-tamplate-main .contract-top .dotts .active {
		width: 20px;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/bg-dott-active.png") no-repeat;
	}
	
	.contract-tamplate-main .contract-contents {
		position: relative;
		overflow: hidden;
		width: 964px;
		margin: 0 auto;
		background: #fff;
		z-index: 40;
		margin-bottom: 14px;
		padding: 16px 30px 10px 30px;
	}
	
	.contract-tamplate-main .contract-contents .contract-contents_top {
		position: relative;
		overflow: hidden;
		width: 964px;
		height: 198px;
		margin-bottom: 22px;
	}
	
	.contract-tamplate-main .area-preview {
		float: left;
		overflow: hidden;
		position: relative;
		width: 225px;
		height: 200px;
		margin-right: 16px;
		line-height: 1.42857;
		font-size: 12px;
		background: #ededed;
		text-align: left;
	}
	
	.contract-tamplate-main .area-preview .header {
		padding-top: 12px;
		margin-bottom: 15px;
		color: #000;
		font-weight: bolder;
		padding-left: 17px;
	}
	
	.contract-tamplate-main .area-preview .description {
		color: #424242;
		padding: 0 17px;
	}
	
	.contract-tamplate-main .area-preview .description strong {
		display: block;
		margin-bottom: 15px;
		color: #392b0b;
	}
	
	.contract-tamplate-main .area-photo {
		float: left;
		overflow: hidden;
		position: relative;
		width: 224px;
		height: 200px;
		margin-right: 10px;
	}
	
	.contract-tamplate-main .area-photo .header {
		height: 29px;
		margin-bottom: 10px;
		padding-left: 10px;
		line-height: 29px;
		background: #ededed;
		color: #392b0b;
		font-size: 12px;
		text-align: left;
	}
	
	.contract-tamplate-main .area-photo .image {
		overflow: hidden;
		position: relative;
		width: 225px;
		height: 126px;
		margin-bottom: 5px;
	}
	
	.contract-tamplate-main .area-photo .image img {
		width: 100%;
	}
	
	.contract-tamplate-main .area-photo .description {
		display: block;
		text-align: left;
		font-weight: bold;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 1.42857;
		color: #333;
		font-size: 12px;
		letter-spacing: -1px;
	}
	
	.contract-tamplate-main .area-sketch {
		float: left;
		overflow: hidden;
		position: relative;
		width: 224px;
		height: 210px;
		margin-right: 10px;
	}
	
	.contract-tamplate-main .area-sketch .header {
		height: 29px;
		margin-bottom: 10px;
		padding-left: 10px;
		line-height: 29px;
		background: #ededed;
		color: #392b0b;
		font-size: 12px;
		text-align: left;
	}
	
	.contract-tamplate-main .area-sketch .image {
		overflow: hidden;
		position: relative;
		width: 225px;
		height: 126px;
		margin-bottom: 5px;
	}
	
	.contract-tamplate-main .area-sketch .image img {
		width: 100%;
	}
	
	.contract-tamplate-main .area-sketch .image i {
		text-indent: -9999px;
		font-size: 0;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/sketch_playbtn_v2.png") no-repeat;
		position: absolute;
		top: 40px;
		left: 90px;
		width: 48px;
		height: 48px;
	}
	
	.contract-tamplate-main .area-sketch .description {
		display: block;
		overflow: hidden;
		text-align: left;
		font-weight: bold;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 1.42857;
		color: #333;
		font-size: 12px;
	}
	
	.contract-tamplate-main .area-ad {
		position: absolute;
		top: 16px;
		right: 31px;
		width: 250px;
		height: 250px;
	}
	
	.contract-tamplate-main .area-news {
		float: left;
		overflow: hidden;
		position: relative;
		width: 698px;
		height: 260px;
		margin-right: 10px;
		margin-bottom: 17px;
	}
	
	.contract-tamplate-main .area-news ul {
		text-align: left;
	}
	
	.contract-tamplate-main .area-news ul li {
		width: 225px;
		height: 220px;
		display: inline-block;
		margin-left: 8px;
                overflow:hidden;
	}
	
	.contract-tamplate-main .area-news ul li:first-child {
		margin-left: 0;
	}
	
	.contract-tamplate-main .area-news .header {
		height: 29px;
		margin-bottom: 10px;
		padding-left: 10px;
		line-height: 29px;
		background: #ededed;
		color: #392b0b;
		font-size: 12px;
		text-align: left;
	}
	
	.contract-tamplate-main .area-news .image {
		overflow: hidden;
		position: relative;
		width: 225px;
		height: 126px;
		margin-bottom: 5px;
	}
	
	.contract-tamplate-main .area-news .image img {
		width: 100%;
	}
	
	.contract-tamplate-main .area-news .description {
		display: block;
		overflow: hidden;
		font-weight: bold;
		line-height: 1.42857;
		color: #333;
		font-size: 12px;
	}
	
	.contract-tamplate-main .contract_banner {
		position: absolute;
		top: 276px;
		right: 30px;
		width: 250px;
		height: 225px;
	}
	
	.contract-tamplate-main .area-clip {
		float: left;
		overflow: hidden;
		width: 964px;
		height: 257px;
	}
	
	.contract-tamplate-main .area-clip .header {
		float: left;
		text-align: left;
		overflow: hidden;
		position: relative;
		width: 964px;
		margin-right: 16px;
		margin-bottom: 13px;
		height: 29px;
		color: #392b0b;
		text-indent: 12px;
		line-height: 29px;
		font-size: 12px;
		background-color: #eee;
	}
	
	.contract-tamplate-main .area-clip .img {
		overflow: hidden;
		position: relative;
		width: 224px;
		height: 126px;
		margin-bottom: 5px;
	}
	
	.contract-tamplate-main .area-clip .img img {
		width: 100%;
		height: 100%;
	}
	
	.contract-tamplate-main .area-clip .tit {
		display: block;
		overflow: hidden;
		white-space: pre-wrap;
		text-overflow: ellipsis;
		line-height: 1.42857;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
		text-align: left;
	}
	
	.contract-tamplate-main .area-clip ul {
		overflow: hidden;
		width: 757px;
	}
	
	.contract-tamplate-main .area-clip li {
		float: left;
		margin-right: 28px;
		width: 224px;
	}
	
	.contract-tamplate-main .footer-menu {
		z-index: 20;
		overflow: hidden;
		position: relative;
		width: 1024px;
		margin: 0 auto;
		padding: 23px 0 28px;
		text-align: left;
		background: #fce9f1 center bottom;
	}
	
	.contract-tamplate-main .footer-menu .list {
		float: left;
		overflow: hidden;
		width: 512px;
	}
	
	.contract-tamplate-main .footer-menu .header {
		margin: 0 0 12px;
		padding: 0 36px;
		line-height: 1.42857;
		font-size: 12px;
		font-weight: bolder;
	}
	
	.contract-tamplate-main .footer-menu ul li {
		float: left;
		width: 184px;
		margin: 0 0 6px;
		padding: 0 36px;
	}
	
	.contract-tamplate-main .footer-menu ul li a {
		color: #333;
		line-height: 1.42857;
		font-size: 12px;
	}
	
	.contract-tamplate-main .footer-menu ul li a:hover {
		text-decoration: underline;
	}
	/*sub*/
	
	.contract-sub-wrap {
		text-align: center;
		background: #efd7d7 url("http://img.imbc.com/broad/tv/drama/contract/img/contract_sub_bg.jpg") no-repeat 50% 0;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.contract-template-sub {
		overflow: hidden;
		position: relative;
		width: 1054px;
		margin: 0 auto;
	}
	
	.contract-template-sub .contract-sub-contents {
		z-index: 40;
		overflow: hidden;
		position: relative;
		background-color: #fff;
		width: 964px;
		*width: 1024px;
		margin: 0 auto;
		padding: 0 30px 30px 30px;
		text-align: left;
	}
	
	.contract-template-sub .contract-sub-contents h2.header {
		overflow: hidden;
		height: 27px;
		margin-bottom: 22px;
		margin-top: 26px;
		border-bottom: 2px solid #ddd;
		width: 964px;
	}
	
	.contract-template-sub .contract-board {
		overflow: hidden;
		position: relative;
		float: left;
		width: 693px;
		margin-right: 21px;
		font-size: 12px;
	}
	
	.contract-template-sub .contract-top {
		position: relative;
	}
	
	.contract-template-sub .contract-top {
		width: 1024px;
		height: 250px;
		margin: 0 auto;
		position: relative;
		z-index: 20;
	}
	
	.contract-template-sub .contract-top .logo {
		position: absolute;
		top: 40px;
		left: 336px;
	}
	
	.contract-template-sub .contract-top .metas {
		z-index: 20;
		overflow: hidden;
		position: absolute;
		left: 50%;
		top: 17px;
		margin-left: -499px;
	}
	
	.contract-template-sub .contract-top .metas .meta {
		display: inline-block;
		font-family: "³ª´®°íµñ", 'Nanum Gothic';
		zoom: 1;
		*display: inline;
		color: #333;
		background: url("http://img.imbc.com/broad/tv/drama/contract/img/meta-bar.png") no-repeat left 3px;
		line-height: 1.42857;
		padding: 0 6px;
		font-size: 12px;
		letter-spacing: -1px;
	}
	
	.contract-template-sub .contract-top .metas .first {
		background: none;
	}