@charset 'UTF-8';
/**
 * mediaplayer
 * /publish/css/layout.css
 *
 * 페이지 레이아웃을 위한 스타일시트
 *
 * Created By WebPDP on 2015. 8. 31.
 * Copyright (c) 2015 IMGTech. All right reserved.
 */

/* Basic Element
 ---------------------------------------------------------------------------- */
body {
	background-color:#EFEFEF;
	cursor:default;
}

p {
	font:normal 12px/1.6em 'Malgun Gothic', 'Trebuchet MS', 'Helvetica';
}

/* Header
 ---------------------------------------------------------------------------- */
.header {
	background-color:#343434;
	color:#787878;
	font-family:'Century Gothic', 'Trebuchet MS', 'Helvetica';
	left:0;
	padding:10px 20px;
	position:fixed;
	right:0;
	top:0;
	z-index:3;
}

.header h1 {
	color:#CDCDCD;
	font-size:10pt;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	padding:0;
	white-space:nowrap;
}

.header h1 em {
	color:#6699CC;
	font-size:12pt;
	font-style:normal;
}

/* Footer
 ---------------------------------------------------------------------------- */
.footer {
	background-color:#343434;
	bottom:0;
	color:#787878;
	font-family:'Tahoma', 'Helvetica';
	font-size:8pt;
	left:0;
	line-height:1.1em;
	padding:8px 12px;
	position:fixed;
	right:0;
	word-spacing:0.2em;
	z-index:1;
}

.footer a, .footer a:link {
	color:#9A9A9A;
	text-decoration:none;
}

.footer a:visited, .footer a:active {
	color:#9A9A9A;
}

.footer a:hover {
	border-bottom:1px dotted #EFEFEF;
	color:#EFEFEF;
}

/* Content
 ---------------------------------------------------------------------------- */
.content {
	color:#4B4B4B;
	font:normal 12px/1.2em 'Verdana', 'Tahoma', 'Helvetica';
	padding:30px 20px;
	z-index:1;
}

.content h1 {
	color:#121212;
	font:bold 16px/1.6em 'Malgun Gothic', 'Trebuchet MS', 'Helvetica';
	margin:20px 0;
}

.content dl, dt, dd, ol, ul, li {
	margin:0;
	padding:0;
}

.content dl {
	margin:20px 0;
}

.content dt {
	color:#2C2C2C;
	font-weight:bold;
}

.content li {
	margin:10px 20px;
}

.content li.download {
	margin:20px 20px 10px 20px;
}

.content hr {
	background-color:#CDCDCD;
	border-width:0;
	display:block;
	height:1px;
	margin:50px 0;
}

.content ul hr {
	background-color:#DEDEDE;
	border-width:0;
	display:block;
	height:1px;
	margin:20px 0 10px 0;
}

.content a:link {
	border-bottom:1px dotted #0066CC;
	color:#0066CC;
	text-decoration:none;
}

.content a:hover {
}

.content a:visited {
	color:#0066CC;
}

/* Guide
 ---------------------------------------------------------------------------- */
.list {
	font:12px/1.5em 'Malgun Gothic', 'Helvetica';
}

.list .c1 {
	font-weight:bold;
	list-style:upper-roman;
}

.guide {
	font:12px/1.5em 'Malgun Gothic', 'Helvetica';
}

.guide h2 {
	font:bold 12px/1.5em 'Consolas', 'Helvetica';
	margin:10px 0 0 0;
}

.guide .c1 {
	font-size:14px;
	font-weight:bold;
	list-style:upper-roman;
}

.guide a.aname {
	display:block;
	margin:20px 0 10px 0;
}

.guide .c1 hr {
	background-color:#DEDEDE;
	border-width:0;
	display:block;
	height:1px;
	margin:20px 0 10px 0;
}

.guide dl {
	font-size:12px;
	margin:0;
	padding:10px 0;
}

.guide dt {
	font-weight:bold;
}

.guide dd {
	font-weight:normal;
}

.guide p {
	font-size:12px;
	font-weight:normal;
	line-height:1.6em;
	margin:0;
	padding:0;
}

/* Demo
 ---------------------------------------------------------------------------- */
.demo h1 {
	font:bold 12px/1.5em 'Malgun Gothic', 'Helvetica';
	margin:20px 0 0 0;
}

.demo h2 {
	font:normal 12px/1.5em 'Consolas', 'Helvetica';
	margin:10px 0 0 0;
}

.demo hr {
}

/* Common
 ---------------------------------------------------------------------------- */
.cr {
	color:#FF0000;
}

.cb {
	color:#0000FF;
}

.cg {
	color:#BCBCBC;
}

.fb {
	font-weight:bold;
}

.ul {
	text-decoration:underline;
}

.tl {
	text-decoration:line-through
}

.fs0 {
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	width:0;
}

.readonly {
	font-size:0;
	height:0;
	left:0;
	line-height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	visibility:hidden;
	width:0;
}