/*
	제목 : 그룹웨어 공통 CSS
	작성자 : TESS개발팀 심향택
	최초작성일 : 2011년 1월 25일
	최종수정일 :
	수정사항 :
*/
html,body{width:100%;height:100%;padding:0;margin:0}
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, p, fieldset, form, a, span, table, th, td, address{padding:0;margin:0}
h1, h2, h3, h4, h5, h6, div, p, input, span, label, a, li, dl{font-size:12px; font-family:'굴림', 'Gulum'}
ul,li{list-style:none}
a{color:#666; text-decoration:none;font-family:'굴림', 'Gulum'}
a:hover{text-decoration:underline}
img, fieldset{border:none}
legend, caption{display:none}
table{border-collapse:collapse; text-align:center}

/* Common Class Define */
.blind{display:none !important}
.both{clear:both !important}
.debug{border:1px solid red !important	}
.fl{float:left !important}
.fr{float:right !important}
.center{text-align:center !important}
.left{text-align:left !important}
.right{text-align:right !important}

.vtop{vertical-align:top !important}
.vmiddle{vertical-align:middle !important}
.vbottom{vertical-align:bottom !important}
.strong{font-weight:bold !important}

.w160{width:160px !important}
.w250{width:250px !important}
.w390{width:390px !important}
.w470{width:470px !important}
.w70p{width:70% !important}
.w75p{width:75% !important}
.w80p{width:80% !important}
.w85p{width:85% !important}
.w90p{width:90% !important}
.w95p{width:95% !important}
.w100p{width:100% !important}

.h620{height:620px !important}
.h140{height:140px !important}

.p5{padding:5px !important}
.p10{padding:10px !important}

.pt0{padding-top:0px !important}
.pt2{padding-top:2px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}

.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}

.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}

.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}

.m10{margin:10px !important}

.mt0{margin-top:0px !important}
.mt2{margin-top:2px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt100{margin-top:100px !important}

.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}

.lsm1{letter-spacing:-1px}
.lsm2{letter-spacing:-2px}

.lh15{line-height:15px}
.lh18{line-height:18px}

.red{color:red !important}
.blue{color:blue !important}
.black{color:#000 !important}
.line{text-decoration:underline !important}

.txt1{font-size:11px; font-family:'dotum'; color:#58b530; font-style:normal}
.txt2{margin-right:2px; font-size:12px; font-family:'dotum'; color:#58b530; font-style:normal}
.errorMsg{color:red;font-size:11px;font-family:'dotum'}
.scroll{
	scrollbar-3dlight-color:#eee; 
	scrollbar-arrow-color:#aaa; 
	scrollbar-base-color:#e1e1e1; 
	scrollbar-darkshadow-color:#e1e1e1; 
	scrollbar-face-color:#e1e1e1; 
	scrollbar-highlight-color:#e1e1e1; 
	scrollbar-shadow-color:#e1e1e1;
	scrollbar-track-color:#fff;
}

/* Button Class */
a.btn1{display:inline-block;padding:5px 10px;border:1px solid #aaa;background:#fefefe;color:#333;font-family:'돋움',dotum;font-size:12px;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn2{display:inline-block;padding:2px 6px 2px 6px;border:1px solid #aaa;background:#fefefe;color:#333;font-family:'돋움',dotum;font-size:11px;line-height:16px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn2 strong{font-size:11px;line-height:16px;word-spacing:-1px;white-space:nowrap}
a.btn3{display:inline-block;padding:5px 10px;border:2px solid #6c0000;border-radius:2px;background:#0b0b0b;color:#4cc428;font-family:'돋움',dotum;font-size:12px;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn4{display:inline-block;padding:2px 6px 2px 6px;border:1px solid #6c0000;background:#0b0b0b;color:#4cc428;font-family:'돋움',dotum;font-size:11px;line-height:16px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn4 strong{font-size:11px;line-height:16px;word-spacing:-1px;white-space:nowrap;}
button.btn3{display:inline-block;padding:2px 6px 2px 6px;border:none;background:red;color:#fff;font-family:'돋움',dotum;font-size:11px;line-height:16px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;font-weight:bold}
button.btn3 strong{font-size:11px;line-height:16px;word-spacing:-1px;white-space:nowrap}

a.btnBattle{display:inline-block;padding:2px 6px 2px 6px;border:1px solid #6c0000;background:#000000;color:#3ea020;font-family:'돋움',dotum;font-size:11px;line-height:16px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btnBattle strong{font-size:11px;line-height:16px;word-spacing:-1px;white-space:nowrap}
.readonly{background:#ddd !important}

.tier-user-id{font-weight:bold;color:#000;font-family:'verdana'}
.tier-user-id em{padding:4px 6px;margin-right:5px;border-radius:3px}
.tier-user-id em.tier1{display:inline-block;color:#ffd919;background:#332b05;font-family:'verdana';font-size:11px;letter-spacing:-1px;font-weight:normal}
.tier-user-id em.tier2{display:inline-block;color:#ff2a00;background:#330800;font-family:'verdana';font-size:11px;letter-spacing:-1px;font-weight:normal}
.tier-user-id em.tier3{display:inline-block;color:#349eff;background:#0a1f33;font-family:'verdana';font-size:11px;letter-spacing:-1px;font-weight:normal}
.tier-user-id em.tier4{display:inline-block;color:#3cefec;background:#092423;font-family:'verdana';font-size:11px;letter-spacing:-1px;font-weight:normal}