* { margin: 0; padding: 0; line-height: 1; }
body { top: 10px; left: 10px; background-color: #993300; color: #333; font-family: "나눔고딕", "Malgun Gothic", "Gulim"; font-size: 13px; }
/* Links */
	a { text-decoration: none; }
	a:link { color: #754C23; }
	a:visited { color: #C69C6D; }
	a:hover, a:active { color: #754C23; text-decoration: underline; }
a.lnk { font-family: "Courier New"; font-size: 12px; font-style: italic; }

/* 일반 태그 관련 */
h1 { font-size: 1.2em; }
h2 { font-weight: normal; }
h2, h3 { font-size: 1em; }
h1, h2 { text-align: center; }
h1, h2, h3 { line-height: 1.6 }
p { font-size: 1em; }
p.text { text-align: justify; line-height: 1.6; }

hr { clear: both; width: 90%; }

/* Float */
.fl { float: left; }

input, textarea { border: solid 1px #DEDBD4; border-left-color: #8F8C87; border-top-color: #8F8C87; font-size: 1em; padding: 2px; color: #333; }
input.bt { border: solid 1px #8F8C87; border-left-color: #DEDBD4; border-top-color: #DEDBD4; }
input.nb { border: none; }
textarea { line-height: 1.2; font-size: 12px; }
fieldset { margin: 20px 0; padding-bottom: 10px; border: solid 1px #B57D3D; }
legend { font-weight: bold; margin: 0 0 5px 10px; }

/* 정렬 관련 */
.alL, td.alL { text-align: left; }
.alC, td.alC { text-align: center; }
.alR, td.alR { text-align: right; }
.alJ { text-align: justify; }
.valT { vertical-align: top; }
.valM { vertical-align: middle; }
.valB { vertical-align: bottom; }

.nob { border: none; }
/* 목록 관련 */


/* 문서 관련 */
strong { color: #c60; }
.b, td.b { font-weight: bold; }

/* margin 관련 */
mt { margin-top: 10px; }
ml { margin-left: 10px; }
mr { margin-right: 10px; }
mb { margin-bottom: 10px; }

/* 박스 */
.btnBox { font: normal normal 9px/1 "Tahoma"; border-style: solid; border-width: 1px; padding: 0 2px; margin-left: 5px; }
.btnBlue { color: #999; background-color: #eee; border-color: #999; }
.btnRed { color: #d00; background-color: #fee; border-color: #c00; }
/* Layout */
#left { position: fixed; left: 10px; top: 10px; width: 110px; border: solid 2px #5e2000; border-left: none; border-top: none; }
#left div.bd { border: solid 2px #f3fffd; background-color: #e6d6b2; padding: 5px; }
#left div.con, #left div.login { background-color: #d85f06; padding: 5px; border: solid 1px #930; border-right: none; border-bottom: none; }
#left div.login { font-size: 0.83em; }
#wrap { width: 640px; margin-left: 130px; padding-top: 10px; }
#wrap_schGoogle { width: 820px; margin-left: 130px; padding-top: 10px; }

	.b1 { border: solid 2px #5e2000; border-left: none; border-top: none; }
	.b2 { border: solid 2px #f3fffd; background-color: #e6d6b2; padding: 10px; }
	.tt { background-color: #d85f06; padding: 10px; border: solid 1px #930; border-right: none; border-bottom: none; }
	.nt { width: 400px; background-color: #f7f7f7; padding: 5px; margin: 0 auto; border: solid 1px #fff; border-top-color: #b7b7b7; border-left-color: #b7b7b7; }
	.nt p { line-height: 1.4; font-size: 12px; color: #666666; }
#contents { text-align: justify; }
#contents ol, #contents ul { margin-left: 25px; }
#contents ol li { font-weight: bold; margin-top: 20px; font-size: 1.1em; }
#contents ol li p { font-weight: normal; line-height: 1.6; font-size: 0.9em; text-align: justify; margin-top: 8px; margin-left: -1em; }
#contents ol li p.idt { text-indent: 1em; }

#contents h3 { font-size: 14px; color: #993300; margin-top: 10px; margin-bottom: 5px; }

#nav { margin-top: 50px; margin-bottom: 8px; font-size: 12px; }
#nav a { text-decoration: none; padding: 2px 3px; border: solid 1px transparent; }
#nav a:hover { background-color: #EFE6D4; border-color: #c99; }

#footer .copy { font: italic bold 13px/1.2 "Palatino Linotype"; margin: 5px 0 30px 0; color: #C69C6D; }
#footer .copy, #footer .copy a, #footer .copy a:hover { color: #C69C6D; }

/* Left */
	#left a { text-decoration: none; }
	/* 로고 */
	#left .logo { font: bold italic 15px/1.2 "Palatino Linotype"; text-align: center; margin-bottom: 10px; }
	#left .logo a { color: #fff; text-decoration: none; border-bottom: solid 2px #e39819; }

	/* Login */
/*	#left .login { font-size: 12px; padding: 8px 0 3px 0; background-color: #89806D; border-top: solid 1px #948B7A; border-bottom: solid 1px #776f5f; } */
	#left .login p { text-align: center; margin-bottom: 5px; color: #4c422a; }
	#left .login p a { color: #4c422a; }
	.id_blur { background: #ededed url("./img/login_form_bg.gif") top left; }
	.pw_blur { background: #ededed url("./img/login_form_bg.gif") bottom left; }
	.id_focus, .pw_focus { background: #ededed; color: #060; }

	/* Menu */
	#left .con ul { list-style: none; font-size: 1.1em; }
	#left .con ul li { border-top: solid 1px #C25505; display: block; }
	#left .con ul li a { color: #811c10; display: block; padding: 3px; padding-left: 8px; line-height: 1.2; } /* line-height 는 IE때문에 */
	#left .con ul li:hover, #left .con ul li.here { background-color: #F7DFCD; border-top: solid 1px #C7B3A5; border-left: solid 1px #C7B3A5; }

.valid { font: normal normal 10px/1.2 "Tahoma"; margin-top: 10px; }
.valid a { background-color: #A67C51; padding: 1px 4px 2px 4px; color: #eec; border: solid 1px #664C32; border-top: none; border-left: none; }
.stat { font-family: "Tahoma"; font-size: 10px; color: #A67C51; line-height: 1.4; }

td.eng, th.eng, .eng { font-size: 0.85em; font-family: "Tahoma"; }
td.bg, th.bg, tr.bg { background-color: #EFE6D4; color: #666; }

.Err { margin: 50px auto; width: 450px; border: solid 1px #c00; background-color: #ffe; color: #c00; padding: 10px; }
.Err p { line-height: 1.6; }

/* Contents */
#wrap .box { border-top: solid 2px #c99; width: 450px; margin: 15px auto; background-color: #F4EEE3; padding: 10px; }
#wrap .box p { line-height: 1.4; }
#wrap .guide { color: #c96; }
#document p { line-height: 1.6; margin: 5px 0; }
#document p.code { font-size: 11px; font-family: "Courier New"; color: #00c; text-indent: 0; margin: 5px 0; padding: 5px; background-color: #F4EEE3; text-align: left; border: solid 1px #999; border-right-color: #f3f3f3; border-bottom-color: #f3f3f3; }

.elapsed { font-family: "Tahoma"; font-size: 10px; color: #988675; margin-top: 20px; }
.vspace { height: 50px; }

.cmtL { font-family: Tahoma; font-size: 10px; color: #060; margin-left: 5px; }
/* Paging */
p.paging { margin: 15px 0; text-align: center; }
p.paging a { font-family: Tahoma; font-size: 10px; margin-right: 3px; text-decoration: none; border: solid 1px transparent; padding: 2px 7px 2px 5px; }
p.paging a.here { color: #633; font-weight: bold; }
p.paging a.here, p.paging a:hover { background-color: #F0E6D1; border-color: #DDC29C; }
p.paging a:hover { text-decoration: none; }

/* index.php */
	.tb { width: 100%; border-top: solid 2px #c99; border-collapse: collapse; background-color: #F4EEE3; }
	.tb td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1DBCB; padding: 5px; line-height: 1; font-size: 12px; }
	.tb td.l { color: #B57D3D; background-color: #EFE6D4; }
	.tb td p.txt { line-height: 1.6; }
	#rslt { border-style: solid; border-width: 1px; padding: 8px; font-weight: bold; }
	#rslt.r { border-color: #999; background-color: #eee; color: #666; }
	#rslt.r1 { border-color: #696; background-color: #efe; color: #090; }
	#rslt.r0 { border-color: #966; background-color: #fee; color: #c00; }
	#contents div.row { clear: both; vertical-align: top; width: 100%; }
	#contents div.row div.l { margin-right: 14px; }
	#contents div.row div.l, #contents div.row div.r { width: 300px; float: left; }
	#contents table.br { width: 100%; border-collapse: collapse; background-color: #F4EEE3; margin: 5px 0; font-size: 11px; }
	#zsfTb, #gAmain { float: left; }
	#zsfTb { width: 400px; margin-right: 14px; }
	#gAmain { width: 200px; }
	#contents table.br th { font-size: 12px; border-top: solid 1px #c9b294; border-bottom: solid 1px #7d694f; padding: 5px; background-color: #b99c75; }
	#contents table.br th a { color: #4a3e2f; }
	#contents table.br th a.s { font-size: 11px; color: #EFE6D4; }
	#contents table.br td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1DBCB; padding: 5px; line-height: 1;}
	#contents table.br td.s { font-family: "Tahoma"; font-size: 10px; }
	#contents table.br td span.new { font-family: Tahoma; font-size: 10px; color: #f26522; margin-left: 5px; }
	#memoInp { width: 570px; margin: 10px 0; border-collapse: collapse; border: none; font-size: 12px; }
	#memoInp td { padding-top: 5px; vertical-align: bottom; color: #fffdf9; }
	#memoInp .eng { font-family: Tahoma; font-size: 11px; vertical-align: middle; font-weight: bold; }
	#memoInp input { padding: 1px 0 0 0; }

	#memoList { width: 570px; margin: 10px 0; border-collapse: collapse; border: none; font-size: 11px; background-color: #e6d6b2; border: solid 1px #EADDC0; border-left-color: #AA9F84; border-top-color: #AA9F84; }
	#memoList td { color: #630; text-align: left; vertical-align: top; padding: 3px; line-height: 1.4; border-bottom: solid 1px #c7b297; }
	#memoList td p {line-height: 1.4; }
	#memoList td.edit { font-family: Tahoma; text-align: right; font-size: 11px; }
	#memoList .num { font-family: Tahoma; font-size: 10px; text-align: center; }
	#memoList .t { margin-top: 3px; color: #a97; font-family: "Small Fonts"; font-size: 9px; text-align: right; }
	#memo_len { font-family: "Arial Black"; font-size: 20px; font-weight: normal; margin: 5px 0 0 10px; }


/* 색상 관련 */
.cGrayL { color: #ccc; }
.cGrayN { color: #999; }
.cGrayD { color: #666; }
.cBlue { color: #00c; }
.cRed { color: #d00; }

#document p.mt10 { margin-top: 10px; }
#document p.mt20 { margin-top: 20px; }

.pnt { cursor: pointer; }
/* for IE6 and previous ver. CSS Hack */
* html { overflow: hidden; }
* html body { height: 100%; overflow: auto; }
* html #left { position: absolute; }
/* * html #menu li a { height: 1px; } */
* html #left .con ul li { display: inline; }


/* for IE7 only CSS Hack */
/*
*:first-child+html #menu a { height: 1px; }
*/

/* for Print */
@media print {
body, #wrap, .b1, .b2 { border: none; }
#left, #nav, .vspace { display: none; }
#wrap { margin: 0; padding: 0; width: 640px; }
body, .b2 { background-color: #fff; }
strong, .b2 { color: #000; }
a:link, a:visited { color: #00c; text-decoration: underline; }
}