/* common */
body, td, div, fieldset, legend, p, span, input, textarea, select, option {
	font-size: 12px;
	color: #555;
	font-family: tahoma, sans-serif, 굴림;
}
fieldset {
	border: #ddd 1px solid;
	padding: 5px;
	text-align: left;
}
form {
	margin: 0;
	padding: 0;
}
legend {
	font-weight: bold;
	color:#263D90;
}
img { border: 0 none; vertical-align: middle; }
input { vertical-align: middle; }
body {
	margin: 0;
}
a:link, a:active, a:visited { color:#296d98; text-decoration:none; }
a.page:link, a.page:active, a.page:visited { color: #666; font-size: 11px; text-decoration: none; }
a.page:hover { color: #000; font-size: 11px; text-decoration:none; background-color: transparent; }
a.normal:link, a.normal:active, a.normal:visited { color: #666; font-size: 12px; text-decoration:none; }
a.normal:hover { color: #000; font-size: 12px; text-decoration: none; background-color: transparent; }

/* define style */
.fieldset {
	border: #ddd 1px solid;
	padding: 5px;
	height: 150px;
	overflow: auto;
	background: url(image/install/license_background.gif) repeat-x bottom;
	text-align: left;
}

.legend {
	font-weight: bold;
	color: #1f6088;
}

.bigTitle {
	font-weight: bold;
	font-size: 22pt;
	padding: 15px;
	color: #1f6088;
}

.input {
	border-width: 0px;
	border-bottom: #ddd 1px solid;
	background-color: transparent;
	font-family: verdana,굴림;
	font-size: 12px;
}

.textarea {
	border: #ddd 1px solid;
	background-color: transparent;
	padding: 3px;
	overflow: auto;
}

.boxInput {
	border: #ddd 1px solid;
	background-color: transparent;
	width: 300px;
}

/* Button style by Wordpress.org */
.submit, .goBack {
	background-color: #eff5f9;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	vertical-align: middle;
}

.errorBox {
	border: #ddd 1px solid;
	padding: 5px;
	text-align: left;
}

.tableLeft {
	background: url(image/admin/pattern.dot.gif);
	padding: 7px 0 0 5px;
	text-align: center;
	width: 150px;
	float: left;
	height: 28px;
	cursor: help;
	color: #999;
	margin-left: 5px;
}

.tableLeft:hover {
	background: none;
	background-color: #5e5e5e;
	color: #eee;
}

.tableRight {
	padding: 7px 0px 5px 5px;
	float: left;
	line-height: 170%;
}

.tableRight:hover {
	background-color: #f5f5f5;
	border: #aaa 2px solid;
	padding: 3px;
}

#scrapBox .tableRight {
	float: left;
	padding: 0 0 5px 5px;
	text-align: left;
	line-height: 145%;
}

#scrapBox .tableRight div {
	padding-top: 5px;
}

#scrapBox .tableRight textarea {
	width: 390px; 
	border: #ddd 1px solid; 
	padding: 3px
}

#scrapBox .tableRight textarea:focus {
	border: #aaa 2px solid;
}

.tableRight li {
	padding-top: 5px;
}

.divLeft {
	background-color: #eff5f9;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	width: 80px;
	float: left;
}

.divRight {
	padding: 5px 0px 5px 5px;
	float: left;
}

.tableListLine {
	padding-bottom: 3px;
}

.miniBold {
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
}

.titleBar {
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	background-color: #ffffef;
	font-size: 12px;
	height: 34px;
	text-align: center;
}

.loginBar {
	background: url(image/admin/bar_back2.gif) repeat-x bottom;
	font-size: 12px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	cursor: move;
}

.titleBack {
	background-color: #3e3e3e;
	color: #fff;
	font-size:12px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.boardList {
	font-size: 11px;
	text-align: center;
	height: 32px;
}

.mvBack tr:hover {
	background: url(image/admin/hover_bg.gif) repeat-x bottom;
}

.smallEng {
	font-size: 10px;
	color:#888;
}

.filterForm {
	border: #ddd 1px solid;
	background-color: #eff5f9;
	width: 680px;
	overflow: auto;
}

.paging { 
	border: #ccc 2px solid;
	background-color: #fafafa;
	text-align: center;
	padding: 7px;
}

.sameBox {
	border: #eee 1px solid;
	background-color: #fafafa;
	font-family: Dotum, 돋움, sans-serif;
	font-size: 11px;
	color: #777;
	cursor: help;
}

.loginBottom {
	padding: 5px;
	text-align: right;
}

.admSubmitBox { padding: 10px; text-align: center; }
.admSubmitBox input { vertical-align: middle; }
.mouseHelp { font-size: 11px; cursor: help; }
.loginBottom input { vertical-align: middle; }
.loginBottom img { cursor: pointer; }
.clear { clear: both; }
.vSpace { height: 10px; }
.admBoardBottom { text-align: right; padding: 10px; }
.codePreview { border: #cfddf0 2px solid; padding: 10px; margin: 10px; background-color: #f3f7fc; }

/* special ID */
#installBox, #scrapBox { text-align: center; }
#installBox .sizeFix { width: 975px; margin: auto; }
#scrollBox { border: #ddd 1px solid; padding: 5px; text-align: left; height: 300px; }
#scrollBox .over { overflow: auto; }
#memberInfo { width: 95%; margin: auto; }
#msgBox { margin: auto; width: 400px; padding-top: 50px; }
#categoryModify { padding: 5px 5px 5px 125px; }
#joinBox { width: 99%; margin: auto; }
#joinAgreement { overflow: auto; height: 120px; padding-top: 10px; }
#joinOK { border-top: #ddd 1px solid; padding-top: 10px; text-align: right; }
#findIDResult { border: #eee 5px solid; width: 320px; padding: 5px; line-height: 160%; }
#findIDResult ol { margin: 0; padding: 0 5px 5px 25px; }
#grboardHelpBox { 
	margin-bottom: 10px;
	margin-left: 1px;
	margin-right: 2px;
	padding: 5px;
	text-align: left; 
	border-top: #ddd 2px solid;
	border-left: #ddd 2px solid;
	border-right: #ccc 2px solid;
	border-bottom: #ccc 2px solid;
	background: url(image/admin/help_back.gif);
	cursor: move;
}
#helpBox {
	padding-top: 20px;
	line-height: 160%;
}
#helpMe { 
	padding-top: 10px; 
	border-top: #ddd 1px dotted; 
	line-height: 160%; 
	margin-top: 10px; 
}
#admMenuTable {
	float: left;
	width: 170px; 
	background: url(image/admin/mv_top.gif) repeat-x top; 
	color: #777; 
	text-align: center;
}
#admMenuTable div { color: #666; }
#admMenuTable div.comment { 
	font-weight: normal; 
	text-align: left; 
	padding: 5px; 
	line-height: 160%; 
	color: #666; 
}
#admMenuTable .menu,
#admMenuTable .menuView {
	padding: 7px;
	font-weight: normal;
	text-align: left;
	border-bottom: #ddd 1px dotted;
}
#admMenuTable .menu:hover {
	background: url(image/admin/hover_bg.gif) repeat-x bottom;
}
#admMenuTable .menuView { background-color: #ffffef; }
#admMenuTable .menu img { vertical-align: middle; }
#admMenuTable .menu a:hover { background-color: transparent; color: #104769; }
#admMenuTable .menuView a { font-weight: bold; }
#admMenuTable .menuView a:hover { background-color: transparent; color: #104769; }
#admBody { 
	float: left; 
	width: 795px;
	padding-left: 5px;
}
#admMemberWork {
	border: #ccc 1px solid;
	background-color: #f9f9f9; 
	padding: 5px;
	margin-top: 10px;
	text-align: left;
}
#admMemberWork ul {
	margin: 5px;
	padding: 10px 10px 10px 20px;
	line-height: 160%;
}
#inputFields { color: #777; }
#inputFields input, .i { border: #ddd 1px solid; background-color: #f8f8f8; width: 420px; vertical-align: middle; }
#autosaveHelp { margin: 5px; padding: 5px; border: #eee 3px solid; text-align: left; line-height: 170%; color: #1e4484; }
#insertCSS { font-weight: bold; }
div.extendFieldsManage { width: 580px; padding: 5px; }
div.extendFieldsManage th { border-top: #aaa 3px solid; border-bottom: #ccc 1px solid; height: 35px; text-align: center; }
div.extendFieldsManage td { text-align: center; height: 28px; border-bottom: #eee 1px solid; }
div.extendFieldsManage td strong { font-size: 14px; }
div.extendFieldsManage td span { cursor: help; }
div.extendFieldsManage td img { cursor: pointer; }

/* Upgrade CSS usage */
div.bigTitle span { color: #888; }
div.tableListLine div.tableLeft span { color: red; }

/* for Movable Target */
.mv {
	height: 30px; 
	background: url(image/admin/mv_top.gif) repeat-x; 
	color: #777; 
	padding-top: 8px;
	text-align: center;
}
.mvLoginBack {
	width:300px; 
	background-color:#fff; 
	text-align:left;
}
.mvBack { 
	margin: auto;
	width: 790px; 
	background-color: #fff; 
	text-align: left;
	line-height: 160%;
}
.fieldMove {
	position: relative;
	border:#ddd 1px solid;
	text-align: left;
}
.bar { background: url(image/poll_mv_top.gif); padding: 3px; margin: 3px 5px 8px 0px; font-size: 10px; text-align: right; color: #fff; }
/* focus, hover Event and etc. */
.textarea:focus { background-color: #f3f9fd;}
.hover:hover { background-color: #f7f7f7; }
.grayBox { border: #ddd 1px solid; background-color: #f7f7f7; padding: 5px; line-height: 160%; }
.caution { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: #888; padding-top: 5px; }
.goodStatus { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: green; }
.badStatus { font-size: 11px; font-family: Dotum, 돋움, sans-serif; color: red; }
.halfBox { float: left; width: 380px; height: 300px; overflow: auto; margin-left: 10px; line-height: 160%; }
.halfBox ul, .cate { margin: 5px; padding: 5px; }
.halfBox ul li, .cate li { list-style: none; background: url(image/admin/mid_arrow.gif) no-repeat left; padding-left: 16px; }
.cate li { cursor: pointer; }
.cate li:hover { font-weight: bold; color: #000; }
.expertBox { border: #ddd 2px solid; background-color: #ffffea; padding: 5px; line-height: 160%; margin: 10px 0 5px 0; }
.center { text-align: center; }

/* for lightbox plus */
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(../../image/lightbox/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(../../image/lightbox/overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(../../image/lightbox/blank.gif);
	filter: Alpha(opacity=50);
}