@charset "euc-kr";
	/*******************************
		Import
	*******************************/
		@import url('http://www.imbc.com/commons/css/base.css');
	/*******************************
		include
	*******************************/
		body{
			font-family:"µ¸¿ò", 'Doutm';
		}
		.secret-template .nav {
			position: relative;
			overflow: hidden;
		}
		
		.secret-template .nav ul {
			list-style: none;
		}
		.secret-template .nav ul li {
			display: inline-block;
			height: 50px;
			line-height: 50px;
			float: left;
			background: url('http://img.imbc.com/broad/tv/drama/secret/img/nav_bar.png') no-repeat center right;
		}
		.secret-template .nav ul li a {
			color: #000;
			font-size: 14px;
			display: block;
			padding: 0 22px;
			line-height: 50px;
			letter-spacing: -1px;
			font-family: "µ¸¿ò", 'Dotum';
		}
		.secret-template .nav ul li a:hover{
			text-decoration:underline;
		}

		.secret-template .nav .nav-vogue {
			background: none;
		}
		
		.secret-template .nav .nav-vogue a {
			font-weight: bold;
			color: #392b0b;
			font-size: 14px;
			margin: 0;
			padding: 0 12px;
		}
		
		.secret-template .nav .nav-vod {
			padding-left: 17px;
		}
		
		.secret-template .nav .nav-board {
			margin-left: 5px;
			margin-right: 3px;
		}
		
		.secret-template .nav .last {
			background: none;
		}
		
		.secret-tamplate-main .btn-like-program-wrap {
			position: absolute;
			top: 10px;
			right: 6px;
			z-index: 100;
		}
		.site-footer{
			font-size:12px;
			color:#fdf2d7;
			font-family:"µ¸¿ò",'Dotum';
			padding:20px 0;
		}
	/*******************************
		main
	*******************************/
		.secret-main-wrap {
			background: url("http://img.imbc.com/broad/tv/drama/secret/img/secret_main_bg_v2.jpg")#000 no-repeat 50% 0;
			position: relative;
			width: 100%;
			text-align: center;
		}
		
		.secret-tamplate-main {
			position: relative;
			overflow: hidden;
			width: 100%;
			text-align: center;
			font-family: "µ¸¿ò", 'Dotum';
		}
		
		.secret-tamplate-main .secret-top {
			width: 1024px;
			height:602px;
			margin: 0 auto;
			position: relative;
			z-index: 20;
		}
		
		.secret-tamplate-main .secret-top .logo {
			position: absolute;
			top: 368px;
			left: 303px;
		}
		
		.secret-tamplate-main .secret-top .metas {
			z-index: 20;
			overflow: hidden;
			position: absolute;
			left: 50%;
			top: 566px;
			margin-left: -483px;
		}
		
		.secret-tamplate-main .secret-top .metas .meta {
			display: inline-block;
			zoom: 1;
			*display: inline;
			color: #fff8e8;
			background: url('http://img.imbc.com/broad/tv/drama/secret/img/meta_bar.png') no-repeat left 3px;
			line-height: 1.42857;
			padding: 0 6px;
			font-size: 12px;
			letter-spacing: -1px;
		}
		
		.secret-tamplate-main .secret-top .metas .meta:first-child {
			background: none;
			font-weight: bold;
		}
		
		.secret-tamplate-main .nav-container {
			position: relative;
			width: 1024px;
			height: 50px;
			margin: 0 auto;
			background: url('http://img.imbc.com/broad/tv/drama/secret/img/nav_bg.jpg')no-repeat center top;
		}

		.secret-tamplate-main .secret-contents {
			position: relative;
			overflow: hidden;
			width: 964px;
			margin: 0 auto;
			background: #fff;
			z-index: 40px;
			margin-bottom:14px;
			padding:26px 30px 10px 30px;
		}
		
		.secret-tamplate-main .area-preview {
			float: left;
			overflow: hidden;
			position: relative;
			width: 225px;
			height: 250px;
			margin-right: 16px;
			line-height: 1.42857;
			font-size: 12px;
			background: #ededed;
			text-align:left;
		}
		
		.secret-tamplate-main .area-preview .header {
			padding-top:12px;
			margin-bottom: 15px;
			color: #000;
			font-weight: bolder;
			padding-left:17px;
		}
		
		.secret-tamplate-main .area-preview .description {
			color: #424242;
			padding:0 17px;
		}
		
		.secret-tamplate-main .area-preview .description strong {
			display: block;
			margin-bottom: 15px;
			color: #392b0b;
		}
		
		.secret-tamplate-main .area-news {
			float: left;
			overflow: hidden;
			position: relative;
			width: 224px;
			height: 210px;
			margin-right: 10px;
		}
		
		.secret-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;
			font-weight: bold;
		}
		
		.secret-tamplate-main .area-news .image {
			overflow: hidden;
			position: relative;
			width: 225px;
			height: 126px;
			margin-bottom: 5px;
		}
		
		.secret-tamplate-main .area-news .image img {
			width: 100%;
			height: 100%;
		}
		
		.secret-tamplate-main .area-news .description {
			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;
		}
		
		.secret-tamplate-main .area-photo {
			float: left;
			overflow: hidden;
			position: relative;
			width: 224px;
			height: 210px;
			margin-right: 10px;
		}
		
		.secret-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;
			font-weight: bold;
		}
		
		.secret-tamplate-main .area-photo .image {
			overflow: hidden;
			position: relative;
			width: 225px;
			height: 126px;
			margin-bottom: 5px;
		}
		
		.secret-tamplate-main .area-photo .image img {
			width: 100%;
			height: 100%;
		}
		
		.secret-tamplate-main .area-photo .description {
			display: block;
			overflow: hidden;
			line-height: 1.42857;
			color: #333;
			font-size: 14px;
			font-weight:bold;
			text-align:left;
		}
		.secret-tamplate-main .area-nihao {
			float: left;
			overflow: hidden;
			position: relative;
			width: 224px;
			height: 210px;
			margin-right: 13px;
		}
		
		.secret-tamplate-main .area-nihao .header {
			height: 29px;
			margin-bottom: 10px;
			padding-left: 10px;
			line-height: 29px;
			background: #ededed;
			color: #392b0b;
			font-size: 12px;
			text-align: left;
			font-weight: bold;
		}
		
		.secret-tamplate-main .area-nihao .image {
			overflow: hidden;
			position: relative;
			width: 225px;
			height: 126px;
			margin-bottom: 5px;
		}
		
		.secret-tamplate-main .area-nihao .image img {
			width: 100%;
			height: 100%;
		}
		
		.secret-tamplate-main .area-nihao .description {
			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;
		}

		.secret-tamplate-main .area-ad{
			width:250px;
			height:250px;
			overflow:hidden;
		}
		.secret-tamplate-main .secret_bottom_contents{
			margin-top:17px;
		}
		.secret-tamplate-main .area-clip {
			float: left;
			overflow: hidden;
			width: 723px;
			height: 257px;
		}
		
		.secret-tamplate-main .area-clip .header {
			float: left;
			text-align:left;
			overflow: hidden;
			position: relative;
			width: 724px;
			margin-right: 16px;
			margin-bottom: 13px;
			height: 29px;
			color: #392b0b;
			text-indent: 12px;
			line-height: 29px;
			font-size: 12px;
			font-weight: bold;
			background-color: #ededed;
		}
		
		.secret-tamplate-main .area-clip .img {
			overflow: hidden;
			position: relative;
			width: 224px;
			height: 126px;
			margin-bottom: 5px;
		}
		
		.secret-tamplate-main .area-clip .img img {
			width: 100%;
			height: 100%;
		}
		
		.secret-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;
		}
		.secret-tamplate-main .area-clip ul{
			overflow: hidden;
			 width: 757px;
		}
		.secret-tamplate-main .area-clip li{
			float: left;
			margin-right: 28px;
			width: 224px;
		}
		.secret-tamplate-main .footer-menu{
			z-index: 20;
			overflow: hidden;
			position: relative;
			width: 1024px;
			margin: 0 auto;
			padding: 23px 0 28px;
			text-align: left;
			background:#fff7e1 center bottom;
		}
		.secret-tamplate-main .footer-menu .list{
			float: left;
			overflow: hidden;
			width: 512px;
		}
		.secret-tamplate-main .footer-menu .header{
			margin: 0 0 12px;
			padding: 0 36px;
			line-height: 1.42857;
			font-size: 12px;
			font-weight: bolder;
		}
		.secret-tamplate-main .footer-menu ul li{
		    float: left;
			width: 184px;
			margin: 0 0 6px;
			padding: 0 36px;
		}
		.secret-tamplate-main .footer-menu ul li a{
			color: #333;
			line-height: 1.42857;
			font-size: 12px;
		}
		.secret-tamplate-main .footer-menu ul li a:hover{
			text-decoration:underline;
		}
	/*******************************
		sub
	*******************************/
		.secret-sub-wrap {
			text-align: center;
			background: #000 url("http://img.imbc.com/broad/tv/drama/secret/img/secret_sub_bg_v3.jpg") no-repeat 50% 0;
			width:100%;
		}
		.secret-template-sub{
			overflow:hidden;
			position:relative;
			width:1024px;
			margin:0 auto;
		}
		.secret-template-sub .secret-contents {
			z-index: 40;
			overflow: hidden;
			position: relative;
			background-color: #fff;
			width: 964px;
			margin: 0 auto;
			padding: 0 30px 30px 30px;
			text-align:left;
		}
		.secret-template-sub .secret-sub-contents h2.header{
			overflow: hidden;
			height: 27px;
			margin-bottom: 22px;
			margin-top: 26px;
			border-bottom: 2px solid #ddd;
			width:964px;
		}
		.secret-template-sub .secret-board{
			overflow: hidden;
			position: relative;
			float: left;
			width: 692px;
			margin-right: 22px;
			font-size: 12px;
		}
		.secret-template-sub .nav-container {
			position: relative;
			width: 1024px;
			height: 50px;
			margin: 0 auto;
			background: url('http://img.imbc.com/broad/tv/drama/secret/img/nav_bg.jpg') no-repeat center top;
		}
		.secret-template-sub .secret-top {
			width: 1024px;
			margin: 0 auto;
			position: relative;
			z-index: 20;
			height:249px;
		}
		
		.secret-template-sub .secret-top .logo {
			position: absolute;
			top: 0;
			left: 300px;
		}
		.secret-template-sub .btn-like-program-wrap {
			position: absolute;
			top: 160px;
			right:6px;
			z-index: 100;
		}
		
		.secret-template-sub .secret-top .metas {
			z-index: 20;
			overflow: hidden;
			position: absolute;
			left: 50%;
			top: 216px;
			margin-left: -483px;
		}
		
		.secret-template-sub .secret-top .metas .meta {
			display: inline-block;
			zoom: 1;
			*display: inline;
			color: #fff8e8;
			background: url('http://img.imbc.com/broad/tv/drama/secret/img/meta_bar.png') no-repeat left 3px;
			line-height: 1.42857;
			padding: 0 6px;
			font-size: 12px;
			letter-spacing: -1px;
		}
		
		.secret-template-sub .secret-top .metas .meta:first-child {
			background: none;
			font-weight: bold;
		}