@import url("/css/base.css");

a:link {text-decoration:none; color:#044EBB;}
a:visited {text-decoration:none; color:#044EBB;}
a:hover {text-decoration:underline; color:#044EBB;}






.cutStr {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;}

input.text { width:100px; }

input.text, 
textarea {

	border-top: 1px solid #797979;
	border-left: 1px solid #797979;
	border-right: 1px solid #D4D1C8;
	border-bottom: 1px solid #D4D1C8;	
	background: #fff;
	
	padding:3px 7px 3px 7px;
	
	font-size:12px; font-family: "돋움", 'Dotum', 굴림, 굴림체, Arial, sans-serif;
}

textarea { margin-top:10px; width:170px; height:50px;}

input.number {text-align:right;}



input.hide {
	border:0; padding:3px 7px 3px 7px;
	background:transparent;
}

input:-moz-read-only {
	background-color:#eee; 
}

input.readonly {
	border-top: 1px solid #797979;
	border-left: 1px solid #797979;
	border-right: 1px solid #D4D1C8;
	border-bottom: 1px solid #D4D1C8;	

	padding:3px 7px 3px 7px;
	
	font-size:12px; font-family: "돋움", 'Dotum', 굴림, 굴림체, Arial, sans-serif;
	background-color:#eee; 
}


option.notVal {background-color:#eee; color:#000;}

button {border:0; height:22px; text-align:center; font-size:11px; font-family:"돋움", 'Dotum', Arial; padding:0 10px 0 10px; cursor:pointer; border-radius:3px; }
button:hover {opacity: .8;}

button.btnSmall {height:20px; border-radius: 3px; padding:0 10px 0 10px;}
button.btnBig {height:40px; border-radius: 3px; padding:0 10px 0 10px;}
button.black {color:#fff; background-color:#000;}

button.gray {background-color:#ccc; color:#000;}
button.red {background-color:#F10E30; color:#fff;}
button.green {background-color:#3EC729; color:#fff;}
button.orange {background-color:#F88600; color:#fff;}
button.darkviolet {background-color:#8B2CE2; color:#fff;}
button.blue {background-color:#008DEC; color:#fff;}
button.navy {background-color:#233B5D; color:#fff;}
button.icoFile, button.btnIcon {background-color:transparent;}


#schWordAll {border:1px solid #3EC729; height:26px; width:250px; text-align:center;}
input::placeholder {color:#afafaf; font-size:11px; text-align:center; }
#btnSchAll {height:26px;}


#icoExcel {cursor:pointer;}


input.calander {
	width:100px;
	text-align:center;	
}




table.listTable {clear:both; margin-top:5px; width:100%; table-layout:fixed; }

table.listTable th {height:30px; background-color:#eeeeee; border-top:1px solid #797979; border-bottom:1px solid #868686; font-size:11px;}
table.listTable td {text-align:center; height:30px; font-size:12px; border-bottom:1px solid #ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
table.listTable tr.noEls td { white-space:normal;}
table.listTable td.left {text-align:left; padding-left:5px; padding-right:5px;}
table.listTable td.right {text-align:right; padding-left:5px; padding-right:5px;}


table.listTable tbody tr:last-child td { border-bottom:1px solid #868686; }
table.listTable tbody tr:nth-child(even) {background-color:#f9f9f9;}
table.listTable tbody tr:hover, table.listTable tr:nth-child(even):hover:not(.trDis) {background-color:#FFFFD3; cursor:pointer;}
table.listTable tbody tr.trDis, table.listTable tbody tr td.trDis {cursor:default;}
table.listTable tbody tr td.trDis input {cursor:pointer;}

table.listTable tbody tr.lineThrough td {text-decoration:line-through; background-color:#ccc}

tr.line {border-top:2px solid #ccc;}


select {
	font-size:12px; height:22px; 
	border-top: 1px solid #797979;
	border-left: 1px solid #797979;
	border-right: 1px solid #D4D1C8;
	border-bottom: 1px solid #D4D1C8;	
}



.redB {font-weight:bold; color:#ff0000;}
.red{color:#ff0000;}
.center {text-align:center;}


table.dataTable {clear:both; margin-top:5px; width:100%; border-top:1px solid #ccc;}

table.dataTable td.head, table.dataTable th {background-color:#eee;  font-weight:bold; text-align:center; padding:0 10px 0 10px; max-width:150px; }
table.dataTable td {border-bottom:1px solid #ccc; text-align:left; height:30px; padding:0 5px 0 5px; }

tr.yellow td {background-color:#FFFFDD;}
tr.green td {background-color:#3EC729;}
tr.gray td {background-color:#ccc;}


div.jBox-content iframe {border:0; overflow-x:hidden; overflow-y:hidden; width:100%; height:100%; }
div.jBox-content {overflow-y:hidden;}

div.submit {height:70px; line-height:70px; text-align:center;}
div.submit button, button.submit {height:40px; font-weight:bold; padding:0 40px 0 40px;}

input.warning, select.warning {background-color:#FFB3B3}

/* 파일 필드 숨기기 */ 

#topArea div.left div.member div.memberIco img, img.memberIco {width:29px; height:29px; border-radius: 50%; }
img.previewImg {width:29px; height:29px;}

input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
/*label.btnFile { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }*/
label.btnFile { display:inline-block; background-color:#ccc; border:0; height:22px; line-height:22px; text-align:center; font-size:11px; font-family:"돋움", 'Dotum', Arial; padding:0 20px 0 20px; cursor:pointer; border-radius:3px;  }
input.fileName {width:250px;}

input[type="date"] { width:150px; }
input[type="time"] { width:130px; }

.paging img:hover {opacity: .8;}

.icoNew {width:22px; height:22px; background-repeat:no-repeat; background-image:url(/img/common/ico_new.png);display:inline-block; position:relative;}

div.icoExcel {text-align:right; margin-top:10px;}






ul.popSubmitPaging li {float:left; width:33%; height:50px; line-height:50px; text-align:center;}
ul.popSubmitPaging li:first-child {text-align:left;}
ul.popSubmitPaging li:last-child {text-align:right;}

ul.popPaging li {float:left; width:33%; height:50px; line-height:50px; text-align:center;}
ul.popPaging li:first-child {text-align:left;}
ul.popPaging li:last-child {text-align:right;}




ul.popPaging li img {cursor:pointer;}
ul.popPaging li span { margin-top:12px; height:26px; line-height:26px; width:26px; display:inline-block; cursor:pointer; }
ul.popPaging li span.on, .paging span:hover {background-color:#2487b4; color:#fff; border-radius:3px; }
ul.popPaging li span:first-child {margin-left:10px;}
ul.popPaging li span:last-child {margin-right:10px;}



.cancel {text-decoration:line-through}
tr.stop td {background-color:#aaa;}


































