@charset "utf-8";
/* common */
#viewIframe {padding-top:50px;}
#ifrcd_none {display:none; font-size:0; line-height:0;}

html {
	overflow: hidden;
}
body {
	margin:0;
	padding:0;
	overflow:hidden;
}
a {
	text-decoration:none;
}

/* capbar */
#capbar {
	position:relative;
	min-width:960px;
	width:expression(document.body.clientWidth < 962? "960px": "auto" );
	background:url(/images/cap/bg_bar.gif) repeat-x 0 100%;
	padding-top:5px;
	height:50px;
	overflow:hidden;
	font-family:AppleGothic, Dotum, '돋움', sans-serif;
	font-size:12px;
}

/* logo */
#logo {
	float:left;
	display:inline;
	width:126px;
	height:31px;
	padding-top:6px;
	padding-left:10px;
}
#logo a {
	display:block;
	width:126px;
	height:31px;
	overflow:hidden;
	background:url(/images/cap/logo.gif) no-repeat;
}
#logo strong {
	display:block;
	text-indent:-9999px;
}

/* widget */
#widget {
	position:absolute;
	top:7px;
	left:145px;
	width:520px;
}

#widget .cls-recommend {float:left; display:inline; padding-top:2px; margin-right:7px;}
#widget .cls-recommend .btn-recommend a {display:table; cursor:pointer;}
#widget .cls-recommend .btn-recommend a:hover {text-decoration:none;}
#widget .cls-recommend .btn-recommend a span.cls-left {float:left; background:url("/images/view/recon_left.gif") no-repeat 0 0; width:24px; height:36px;}
#widget .cls-recommend .btn-recommend a span.cls-center {float:left; background:url("/images/view/recon_center.gif") repeat-x 0 0;height:36px; text-align:center; padding-left:3px;  padding-right:3px;}
#widget .cls-recommend .btn-recommend a span.cls-center em.cls-count {color:#3981c0; font-family:tahoma; font-size:11px; line-height:11px; font-weight:bold; font-style:normal; display:block; padding-top:12px;}
#widget .cls-recommend .btn-recommend a span.cls-right {float:left; background:url("/images/view/recon_right02.gif") no-repeat 0 0; width:41px; height:36px;}
#widget .cls-recommend .btn-recommend a span.cls-right strong.cls-hidden {display:none;}


#widget .desc {
	padding:3px 0 0 47px;
	line-height:1.5;
}
#widget .widgetSubject strong a {
	letter-spacing:-1px;
	color:#575757;
	padding-right:3px;
}
#widget .widgetSubject strong a:hover {
	color:#333;
	text-decoration:underline;
}


#widget .widgetMeta {
	font-size:11px;
	letter-spacing:-1px;
	color:#757575;
}
#widget .widgetMeta .author a {
	color:#2672b5;
}
#widget .widgetMeta .author a:hover {
	color:#000;
}
#widget .widgetMeta .subscription_ok a {
	background-position:0 0;
}
#widget .widgetMeta .subscription_cancel a {
	background-position:0 -13px;
}
#widget .widgetMeta .subscribe a span {
	visibility:hidden;
}
#widget .widgetMeta .date, #widget .widgetMeta .count {
	letter-spacing:normal;
}
#widget .widgetMeta .date {
	padding-right:4px;
	margin-right:2px;
	border-right:1px solid #c9c9c9;
}

#widget .widgetMeta dfn {
	font-style:normal;
	letter-spacing:-1px;
	color:#888;
}

/* relate posts */
#relatePosts {
	position:absolute;
	right:40px;
	width:360px;
	padding-top:5px;
	overflow:hidden;
}

#relatePosts .title {
	float:left;
	width:48px;
	padding-top:1px;
	overflow:hidden;
	text-align:right;
}
#relatePosts .title strong {
	padding-right:7px;
	color:#5a5a5a;
}
#relatePosts .title strong a {
	color:#5a5a5a;
}
#relatePosts .title strong a:hover {
	text-decoration:underline;
}

#relatePosts .posts {
	float:left;
	display:inline;
	width:270px;
	border-left:1px solid #e3e3e3;
}
#relatePosts ul {
	list-style:none;
	padding:0;
	margin:0;
}
#relatePosts li {
	height:16px;
	overflow:hidden;
	color:#888;
	font-size:11px;
}
#relatePosts li.empty {
	padding:1px 0 1px 5px;
	letter-spacing:-1px;
}
#relatePosts li a {
	display:block;
	height:14px;
	padding:1px 0 1px 5px;
	color:#666;
	letter-spacing:-1px;
}
#relatePosts li a:hover {
	color:#333;
	text-decoration:underline;
}

#relatePosts .controller {
	padding-top:2px;
}

#relatePosts .controller a {
	display:block;
	width:13px;
	height:13px;
	background:url(/images/cap/rp_button.gif) no-repeat;
	overflow:hidden;
}

#relatePosts .controller a span {
	visibility:hidden;
}

#relatePosts .controller a.newstickerPrev {
	margin-bottom:2px;
}
#relatePosts .controller a.newstickerPrev:hover {
	background-position:-13px 0;
}
#relatePosts .controller a.newstickerNext {
	background-position:0 -13px;
}
#relatePosts .controller a.newstickerNext:hover {
	background-position:-13px -13px;
}

/* capbar close */
#close {
	position:absolute;
	top:10px;
	right:5px;
	width:17px;
	height:17px;
	padding:8px;
	background:url(/images/cap/close.gif) no-repeat 50% 50%;
}
#close span {
	visibility:hidden;
}

/* iframe --------------------- */
#iframe {
	overflow: hidden;
}
#iframe, iframe {
	width: 100%;
	height: 100%;
}