.click {
	cursor: pointer;
}

.highlight { background-color: yellow }

.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0);
	z-index: 9999;
	opacity: .5;
	transition: 0.5s ease;
}

.loading_spinner {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	/* z-index: 100; */
	/* transform: translateY(-50%); */
}

.checkbox_lg {

-ms-transform: scale(2); /* IE */

-moz-transform: scale(2); /* FF */

-webkit-transform: scale(2); /* Safari and Chrome */

-o-transform: scale(2); /* Opera */

padding: 10px;

}

/***** 라디오, 체크박스 커스텀 : 파란테두리 네모박스 모양  **/
#check_buttons {
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid #448aff;
    margin: 2px;
    float: left;
    overflow: auto;
}

#check_buttons label {
	margin-bottom: 0;
    float: left;
    /* min-width: 3.0em; */
}

#check_buttons label span {
    display: block;
    padding: 4px;
    text-align: center;
    border-radius: 2px;
}

#check_buttons label input {
    /* position:absolute; */
    /* top:-20px; */
}

#check_buttons input:hover + span {
	background-color: #77aaff;
	border-color: #77aaff;
	color: #fff;
	cursor: pointer;
}

#check_buttons input:checked + span {
	background-color: #448aff;
	border-color: #448aff;
	color: #fff;
	cursor: pointer;
}

#check_buttons input:checked:hover + span {
    background-color: #77aaff;
    border-color: #77aaff;
    color: #fff;
    cursor: pointer;
}

/* modal 커스텀  **/
.modal-dialog.modal_size_full {
  width: 95% !important;
  height: 97%;
  margin: 0;
  padding: 0;
}

.modal-content.modal_size_full {
  height: auto;
  min-height: 95%;
  border-radius: 0; 
}

.modal-dialog.modal_css {
  width: 95% !important;
  height: 97%;
  padding: 0;
  vertical-align: middle; 
}

.bold {
	font-weight: bold;
}

.qc-item-th {
	background-color: #FFDEA6;
}
.qc-item-td {
	background-color: #FFF8EE;
}
.qc-item-td:hover {
  background: #fff1df; }

.bg-white {
  background: #fff; }
  
.bg-lightgray1 {
  background: #ededed; }
.bg-lightgray2 {
  background: #d9d9d9; }
  
.bg-lightblue {
  background: #F5F9FF; }

	
.old_date_td {
	background-color : #F1F1F1;
	/* font-style: italic; */
}

.old_date_span {
	background-color : #F1F3F4;
	font-style: italic;
	padding: 3px;
}

.oldDate {
	background-color: #8A8A8A !important; font-style: italic; color: #F7F7F7; padding-right : 3px;
}


.qc-item-td.old_date_td:hover {
  background: gainsboro; }
	
.bg-pink {
  background: #feece8 ; }
  
.bg-pink-head {
  background: #fcd5cc; }

.bg-pastel-green-head {
	/* background : #edf5f5; */
	background : #e7f1f1;
}
.bg-pastel-green {
	background : #f5f9f9;
}

.modal_head_custom {
	color: #fff;
}

a {
	text-decoration: underline;
	cursor: pointer;
	color: -webkit-link;
}

/* pagination custom */
.pagination {
  display: inline-block;
}
	
.firstPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.lastPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.otherPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.currentPage {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}



/***** 라디오 버튼 빨간 동그라미 커스텀 */
.radio_box { display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* 기본 라디오 버튼 숨기기 */
.radio_box input[type="radio"] { display: none; }
/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.on { width: 20px; height: 20px; background: #ddd; border-radius: 50%; position: absolute; top: 0; left: 0; }
/* 선택된 라디오 버튼 스타일 꾸미기 */
.radio_box input[type="radio"]:checked + .on { background: #f86480; }
.on:after { content: ""; position: absolute; display: none; }
.radio_box input[type="radio"]:checked + .on:after { display: block; }
.on:after { width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 5px; top: 5px; }

/***** 체크 버튼 빨간 동그라미 커스텀 */
.check_box { display: inline-block; *display: inline; *zoom: 1; position: relative; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* 기본 라디오 버튼 숨기기 */
.check_box input[type="checkbox"] { display: none; }
/* 선택된 라디오 버튼 스타일 꾸미기 */
.check_box input[type="checkbox"]:checked + .on { background: #f86480; }
.check_box input[type="checkbox"]:checked + .on:after { display: block; }

.font_red {
	color: red;
}

.font_blue {
	color: blue;
}

.bold {
	font-weight: bold;
}

.clickRow {
	background-color:yellow !important;
}

.footer-custom {border-top:2px solid #eaeaea; height:100px; padding-right: 20px;}
.footer-custom img {margin-top: 30px; direction:block;}
.footer-custom p { padding-top: 10px; text-align:right; float: right; display:inline-block;}
.footer-custom p span { font-size:13px;}

.long-banner {
	background-image: url("<c:url value='../images/brand/dae-long.jpg'/>");
	background-size: cover;
	height: 12vh;
}