@charset "utf-8";

/* 타임라인 */
.timelineSection .coverStory {
	margin-bottom: 0px;
	padding-bottom:0px; }
	.timelineSection .coverStory article {
		position:relative;
		color:#fff !important;
		*zoom:1;
		padding-left:458px;
		background:url('./images/coverstory_background.png') no-repeat right top;
		min-height:280px; }
		.timelineSection .coverStory article:after {
			content: ' ';
			display: block;
			clear: both; }
		.timelineSection .coverStory article p{ color:#fff; }			
		.timelineSection .coverStory article a {
			color:#fff;
			cursor:pointer; }
		.timelineSection .coverStory article .figure {
			position:absolute;
			z-index:2;
			left:0;
			right:0;
			width:444px;
			margin:0;
			padding:0; }
			.timelineSection .coverStory article .figure img {
				width:444px;
				height:280px;
				border:0; }
		.timelineSection .coverStory article h1 {
			font-size:23px;
			font-family:"NanumGothicWeb";
			font-weight:normal;
			margin:0 18px 0 0;
			padding:46px 0 24px 0;
			border-bottom:1px solid #D7EAF8; }
			.timelineSection .coverStory article h1 a {
				font-weight:bold;
				letter-spacing:-0.1em;
				text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				-text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				-webkit-text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				-moz-text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				-o-text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				-ms-text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				-khtml-text-shadow: -1px 0 #4872BE, 0 1px #4771B9, 1px 0 #4771B9, 0 -1px #4771B9;
				filter: progid:DXImageTransform.Microsoft.Chroma(Color=#fff) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#5288C8) progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color=#4771B9); }
			.timelineSection .coverStory article h1 span {
				letter-spacing:-0.05em;
				font-size:14px;
				padding-left:5px; }
		.timelineSection .coverStory article h2 {
			margin:0;
			padding:26px 18px 6px 0;
			letter-spacing:-0.1em;
			font-size:19px;
			font-family:"NanumGothicWeb"; }
		.timelineSection .coverStory article h3 {
			font-size:0.9em;
			font-weight:normal;
			letter-spacing:-0.1em;
			margin:0;
			padding:0 0 17px 0; }
		.timelineSection .coverStory article p.description {
			margin:0;
			padding:0 12px 10px 0;
			line-height:140%;
			letter-spacing:-0.075em;
			font-size:0.75em; }

#timeline_sns_share_widget {
	margin:0;
	padding:0; }
	#timeline_sns_share_widget ul {
		margin:0;
		padding:0;
		list-style:none; }
		#timeline_sns_share_widget ul li {
			padding:4px 0 0 0;
			vertical-align:top;
			display:inline-block; }
		#timeline_sns_share_widget ul li.fb {
			width:478px;
			border-right:3px solid #C4CCDF; }
		#timeline_sns_share_widget ul li.twitter {
			padding-left:259px;
			width:100px; }
			#timeline_sns_share_widget ul li.twitter iframe {
				width:100px !important; }
.fb_edge_widget_with_comment {
	z-index: 10000 !important;
}
.pluginLikeFlyout {
	z-index: 11000 !important;
}

.timelineSection #timeline_container_box {
	*zoom:1;
	padding-bottom:4px; }
	.timelineSection #timeline_container_box:after {
		content: ' ';
		display: block;
		clear: both; }
	.timelineSection #timeline_container_box .timeline_container { }
		.timelineSection #timeline_container_box .timeline_container .timeline {
			display:block;
			float:left;
			position:absolute;
			left:478px !important;
			width:3px;
			height:100%;
			margin:0 auto !important;
			background-color:#C4CCDF !important; }
		.timelineSection #timeline_container_box .timeline_container .timeline div.plus { }
	.timelineSection #timeline_container_box .item {
		float:left;
		padding:0;
		margin:16px 0 6px 0; }
		.timelineSection #timeline_container_box .item .shadowBoxWrap {
			position:relative;
			z-index:4;
			*zoom: 1;
			width:458px;
			padding:0;
			margin:0;
			background:#fff;
			letter-spacing:-0.1em;
			line-height:115%;
			-moz-box-shadow:    -3px 3px 3px 0 #f4f4f4;
			-webkit-box-shadow: -3px 3px 3px 0 #f4f4f4;
			box-shadow:         -3px 3px 3px 0 #f4f4f4; }
			.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox {
				background:#fff;
				position:relative;
				z-index:5;
				margin:0;
				padding:10px 12px 9px 12px;
				border:1px solid #E5E5E5;
				-moz-box-shadow:    inset 0 0 50px #eee;
				-webkit-box-shadow: inset 0 0 50px #eee;
				box-shadow:         inset 0 0 50px #eee; }
				.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox .ieInnerShadow { display:none; }
				.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article {
					position:relative;
					z-index:6;
					*zoom:1;
					min-height:76px;
					margin:0;
					padding:0; }
					.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article div.subject {
						display:table; }
					.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article:after {
						content: ' ';
						display: block;
						clear: both; }
					.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article .figure {
						display:table-cell;
						vertical-align:top;
						margin:2px 0 0 0;
						padding:0 7px 0 0;
						width:130px;
						height:76px; }
						.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article .figure img {
							width:128px;
							height:74px;
							border:1px solid #E5E5E5; }
					.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article hgroup {
						vertical-align:top;
						display:table-cell; }
						.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article h2.title {
							font-size:0.9em;
							font-weight:bold;
							margin:0 0 5px 0;
							padding:0; }
							.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article h2.title a { color:#333; }
						.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article h3.subtitle {
							font-size:0.75em;
							line-height:1.25em;
							font-weight:bold;
							margin:0;
							padding:0 0 5px 0; }
							.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article h3.subtitle a { color:#555; }
					.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article p.description {
						font-size:0.75em;
						line-height:140%;
						color:#555;
						margin:0;
						padding:0; }
					.timelineSection #timeline_container_box .item .shadowBoxWrap .shadowInnerBox article .pubdate {
						display:none; }
			.timelineSection #timeline_container_box .item .shadowBoxWrap .ieShadow{ display:none; }
	.timelineSection #timeline_container_box .item .timeArrow { }
	.timelineSection #timeline_container_box .item .leftCorner {
		position:absolute;
		z-index:10;
		display: block;
		width:25px !important;
		height:23px !important;
		margin-left:-25px !important;
		margin-top:16px;
		padding:0;
		vertical-align:top;
		background-image:url('./images/icon_left.png') !important; }
	.timelineSection #timeline_container_box .item .rightCorner {
		position:absolute;
		z-index:10;
		display: block;
		width:25px !important;
		height:23px !important;
		margin-left:459px !important;
		margin-top:16px;
		padding:0;
		vertical-align:top;
		background-image:url('./images/icon_right.png') !important; }
div.pubdateLabel {
	position:absolute;
	z-index:100000;
	font-size:0.75em;
	letter-spacing:-0.025em;
	color:#C30101;
	white-space:nowrap;
	padding:2px 7px;
	background:#fff;
	border:1px solid #E9E9E9; }
.timelineSection .timeline_more {
	position:absolute;
	z-index:100;
	left:445px !important;
	font-size:0.75em;
	letter-spacing:-0.1em;
	text-align:center; }
	.timelineSection .timeline_more a {
		display:inline-block;
		color:#fff;
		width:66px;
		padding:3px 3px 2px 4px;
		background:#C5CDE0; }
