/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.mem_logo img {width:160px;}


body {background-color: #f8f9fc;}
.order-list {
  background: #f5f5f5;
  width: 100%;
  height: 60%;
  margin: 0;
  padding: 0;
  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
  top: 100%;
  position: fixed;
  left: 0;
  text-align: left;
  overflow: scroll;
 z-index: 9999;/* */
  .header {
    padding:10px;
    border-bottom: 1px solid #ddd;
    font: 300 24px Lato;
	font-weight:600;
    position: relative;
    }
  .body {
    /*padding: 20px;*/
    /*font: 300 16px Lato;*/
	border-top:solid 2px #0d6efd;
  }

}
.page-itemall.modal-open .order-list {
  top: 40%;
}

.basic-body-main{
	padding:20px;
	background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}
.content-box{
	margin:10px;
	padding:10px;
	background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}
.width-45{width:45% !important}
#float {
        position: fixed;
        top: 3em;
        right: 2em;
        z-index: 100;
    }
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 16px;
}

.head-logo-txt{color:#2196f3;font-size:2.5em;font-weight:600;}

.custom-radio i {
	top : -7px !important;
	left : 12px !important;
}
.custom-input {
	background-color:transparent;
	border : solid 1px #aaa;
	width:100%;
	color:#333;
}

.table .input, .table .select, .table .textarea , .table .custom-input {
    margin-bottom: 0px;
	text-align:center !important;
}
.table .select select {
    height: 25px;
    padding: 2px 3px;
	font-size:0.8rem;
	color:#333;
	background-color:transparent;
	/*border : none;*/
}
/*
.group_view{display:none !important}
*/
.en{display:none}
.ko{display:inline-block}

.table .checkbox{
	font-weight: 400;
  /*  margin-bottom: 30px !important;*/
    margin-left: 10px;
    padding-left: 0px;
}

.width-s{width:20px !important;text-align:center !important}
/*
.t-r{text-align:right;}
*/
/*테이블 헤더관련*/
.dataTables_scrollBody   {margin-top: 0px !important;}
.dataTables_scrollBody thead tr th{opacity:0}
table.dataTable thead tr>.dtfc-fixed-left{background-color:#2196f3 !important;}
table.dataTable thead tr th{max-height:20px;}
.search_ca {white-space:break-spaces;word-break: break-all;font-size:13px;}
/*.data-table-tr{cursor:pointer;}
.data-table-tr:hover{background-color:#ddd;}*/
.data-table-link{cursor:pointer;}
.data-table-link:hover{text-decoration: underline;}
.ca-code {background-color:#f5f5f5 !important;}



.sct_here:before {content:"▶";padding:0 8px;color:#0c5fd9}
.sct_bg:before {content:"▶";padding:0 8px;color:#0c5fd9}
/**/
.s_ca_his{float: left;position: absolute;margin-top:-5px;}

.text-align-center {text-align:center !important;}

.table .pics{max-width:43px;max-height:50px;}

/***  table 고정 해드 틀어지는것 방지 **/
.table>:not(caption)>*>* {
     padding: 4px 0 !important;
	}

.table th{font-weight: normal !important;}

.table td, .table th {text-align:center !important;vertical-align: middle!important;}

.table .m_title{width:100%;text-align:left;}
/***  table 고정 해드 틀어지는것 방지 **/
@media (max-width: 767px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .modal-xl {
		max-width: 100% !important;
		padding:0px !important;
	}
	.basic-body-main{padding:0px !important;border:unset; !important}
	
	.sub-page * {font-size:1em !important}
	.table-list-eb {overflow-x: scroll;}
	.eyoom-form .checkbox i{
		top: -18px !important;
		left: 0 !important;
		width: 35px;
		height: 35px;}
	.eyoom-form .checkbox input+i:after {
		top:0px;width:26px;font-size:28px;
	}
	.form-control-sm {max-width: 120px;}
		.dataTables_wrapper .col-sm-12.col-md-6{
			margin-top:5px;
			width:50%;
		}
		.md-none{display:none !important}
}
@media (min-width: 768px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .modal-xl {
		max-width: 100% !important;
	}
	.modal-lg {
		max-width: 70% !important;
	}
}
/*
.modal-open {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    width: 100%;
	height: 100%;
    overflow: hidden;
    position: fixed;
}
*/
.bg-make{background-color:#2196F3 !important;}
.dtfc-fixed-left{background-color:#fff !important;;}
.bg-my,.bg-my .dtfc-fixed-left{background-color:#c0d7f1 !important;}
.bg-sold,.bg-sold .dtfc-fixed-left{background-color:#ccc !important;}
.bg-hide,.bg-hide .dtfc-fixed-left{background-color:#333333 !important;color:#ccc !important}
.bg-hide input, .bg-hide select{color:#ccc !important}