@charset "utf-8";

table.dataTable {
	clear: both;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	max-width: none!important;
}
table.data-list th, table.data-list td {
	font-size:13px;
}
table.noborder {
	border:0px;
}
table.lf {
	table-layout: fixed;
}
th {
	background-color: #f5f6f7;
	width:130px; /* table colgroup > col:width 와 동일하게 설정 */
}
th > label.thlabel{
	font-weight: bold;
	margin:0px;
}
th.thcheck, td.thcheck {
	text-align:right;
	padding-left: 13px !important;
	padding-right: 5px !important;
}
.outLinkImg {
	margin: 0 auto;
    text-align: center;
	height:180px;
    line-height: 180px;
    padding:0px;
}
.outLinkImg.noimage {
	background:url(/resources/images/img_default.png) no-repeat center center;
}
.table > tbody > tr > td.p0b0 {
	padding:0px;
	border:0px;
}
.table > tbody > tr > td.p0b0r1 {
	padding:0px;
	border:0px;
	border-right:1px solid #ddd;
}
.table > tbody > tr > td.borr0 {
	border-right:0px;
}
.table > tbody > tr > td.borr1 {
	border-right:1px solid #ddd;
}
.table > tbody > tr > td.borl0 {
	border-left:0px;
}
.table > tbody > tr > td.borl1 {
	border-left:1px solid #ddd;
}

.table > tbody > tr > td.b0 {
	border:0px;
}

textarea{
	box-sizing: border-box;
    resize: none;
}

.form-control.viewcolor { 
	background-color:#f0f5fb;
	height: auto;
	min-height: 30px;
}
.btnlist { margin: 15px 0px 10px 0px; }
.ofh {
	overflow:hidden;
}
/* pull-left 와 함께 사용 */
.wid-80 { width:80px; }
.wid-100 { width:100px; }
.wid-120 { width:120px; }
.wid-200 { width:200px; }
.wid-250 { width:250px; }

.wid-calc-80 { width:calc(100% - 80px); }
.wid-calc-100 { width:calc(100% - 100px); }
.wid-calc-120 { width:calc(100% - 120px); }
.wid-calc-200 { width:calc(100% - 200px); }
.wid-calc-250 { width:calc(100% - 250px); }
/****** */
span.readonly {
	background-color: #eeeeee;
}
span.noborder {
	border:1px #fff solid;
}
span.autoheight {
	height: auto;
}

a.pagelink {
	cursor:pointer!important;;
}

.ui-autocomplete {
	max-height:300px;
	overflow:auto;
}

/* imagegallery */

.imglistview{
	
}
#thumblist {
	border: 0px;
	display: inline-block;
	
}
#thumblist li {
	border: 0px;
	padding:5px;
	list-style:none;
	float:left;
}
#thumblist li a.thumba {
	border:0px;
	text-decoration: none;
	display:block;
	width: 150px;
}
#thumblist li a.thumba div.thumbd { 
	margin:0 auto; 
	text-align:center; 
	width:150px; height:160px; 
	line-height:150px; 
	border:1px #888 solid; 
	padding: 3px;
}
img.thumbimg { 
	border:1px  #bbb solid;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#thumblist li div.thumbtitle {
	text-align:center; 
	vertical-align: middle;
	font-size:12px;
	width:150px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
}

.igpaging {position:relative; padding:15px; text-align:center; min-height:30px;}
.igpaging .pagination-wrap { min-height: 30px;}
.igpaging .page-index-changer {position:absolute; top:15px; right:5px; padding:2px 3px; border:1px solid #d4dfe3; border-radius:2px; background:#fafafa;}
.igpaging .page-index-changer .ui-pg-input {vertical-align:middle; font-size:12px; width:40px; height:22px; line-height:16px; text-align:center; padding-top:2px; padding-bottom:2px;}
.igpaging .pagination { margin-top: 0; margin-bottom: 0; }
.numericCol{
	text-align: right;
}

#outLinkImageThumb img { 
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.dataTables_processing {
    top: 0px;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    font-size: 1.2em;
    background: none grey;
    opacity: 0.5;
}

.float-tbar {
	position:fixed; right:14px; top:125px; border:1px grey solid; border-radius:3px; z-index:2; padding:10px !important; margin:0px; background-color:#d1dfc4; opacity: 0.9;
}
.float-tbar:hover {
	opacity: unset;
}
.float-tbar .pull-right{
	padding-left: 20px;
}
td.tdka { word-break: keep-all; }

.pre {
	white-space:pre;
}

.divtbl {display:table; width: 100%;}
.divtbl > * {display:table-cell;}

table.dataTable td {
word-break:break-word;
}

td.imgThumb {
	border-left: 1px solid #ddd!important;
}

.dgtjsg {  
	background-color: bisque;
}