@charset "UTF-8";
.fncTyCodeSelGroup {
	width: 100%;
}

#srchwrdGroup {
	width: 100%;
}
#srchCnd {
	display: flex;
	gap: 1%;
}

#srchwrdSubmit {
	width: 100%;
	display: flex;
}
#submit {
	display: flex;
}

#perfectMtch {
	border: 0.1rem solid #ced4da;
	border-left: none;
	font-weight: 300;
}

#submitBtn {
	padding-top: 0.4rem;
    padding-bottom: 0.2rem;
}

#prfectMtchDc {
	display: block;
    color: #20A840;
    padding-bottom: 1rem;
}

#srchwrdText {
	font-weight: 300;
	border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

#tableLarge > thead {
	background-color: #f5f3f3;
}

#respnsLargeTable tr {
	height: 40px;
	cursor: pointer;
	vertical-align: middle;
}

#tableLarge > thead > tr > th {
	word-break: keep-all;
}

thead > tr > th:hover {
   color: #20A840;
}

#respnsSmallTable {
	display: none;
	margin-top: -21px;
}

#tableSmall > tbody{
	border-top: 0.2rem solid black;
}

td > small {
	color: black;
}

.respnsDomn {
	font-weight: bold;
}

#dwld.btn, #del.btn {
	float: right;
	margin: 0.1rem;
	color: white;
	background-color: var(--base-purple-light-color);
}

#dwld.btn:hover, #del.btn:hover{
	background-color: var(--base-purple-color);
	color: white;
}

.pagenationUl > li {
   list-style: none;
   float: left;
}

/* 모달창  부분 */

#dtlInfo {
	font-size: 1.5rem;
}

.modal-content {
	width: 85%;
}

td > .form-select {
	height: 30px;
	font-weight: 300;
}

.form-control {
	font-weight: 300;
}

textarea {
	height: 120px;
}

td > select > option {
	font-weight: 300;
}

.modal-body > table > tbody {
	border-top-width: thin;
}

.modal-body > table > tbody > tr > td:first-child {
	font-weight: bold;
	vertical-align: middle;
	background-color: #f5f3f3;
	width: 33%;
}

/* 현재위치 네비게이션 */
#stickyMenu {
    padding-bottom: 1rem;
}

/* 23.02.09 추가내역 */
.srchCndIem {
	margin-bottom: 1rem;
}
.srCndTop {
	display: flex;
	gap: 2%;
	width: 80rem;
}
.srchCndIemScd {
	display: none;
}

#perfectMtch.active {
    color: #20A840;
    font-weight: 400;
}

.prfectMtchBtn {
	background: #fff;
}

.domnCbx {
    width: 5%;
    text-align: center;
    vertical-align: bottom;
}

.filterIcon {
	float: right;
}
.underline span {
	position: relative;
	overflow: hidden;
}
.underline:hover {
	color: #20A840;
}
.underline span::after {
  	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: #20A840;
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
	transform: translate3d(-100%, 0, 0);
}
.underline span:hover::after,
.underline span:focus::after {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.stdDomnIdOrdr.active, .domnNmOrdr.active {
    color: #20A840;
}


#saveBtn {
	background-color: var(--base-purple-light-color);
	border: none;
}

#saveBtn:hover {
	background-color: var(--base-purple-color);
}

#cancelBtn {
	background-color: var(--bs-gray-500);
	border: none;
}

#cancelBtn:hover {
	background-color: var(--bs-gray-700);
}

#smallMobileSe {
	display: none;
}

/* 반응형 부분 */

@media(max-width:1630px) {
	.content {
		margin-left: 2rem;
		margin-right: 2rem;
	}
}

@media(max-width: 992px) {
	#srchCnd {
		flex-wrap: wrap;
	}
}

@media (max-width: 900px) {
	.domnCbx {
		display: none;
	}
	
	#del {
		display: none;
	}
}

@media(max-width:660px) {
	#pagination {
		margin: 2rem;
	}
}

@media(max-width:600px) {
	tbody {
		border-top: 2px solid #000;
	}
	td{
		text-align: unset;
	}
	#pagination {
	    font-size: 0.9rem;
	}
	.srCndTop {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.srCndTop {
		display: block;
	}
}


@media (max-width: 480px) {
	#respnsLargeTable {
		display: none;
	}
	
	#respnsSmallTable {
		display: block;
	}
	
	.srchCndSelect {
    	margin-right: 0;
	}
	
	#perfectMtch {
		width: 100%;
	}
	
	#stdDomnDtlInfoModal .modal-footer button, #modaltable, #modaltable input, 
	#modaltable textarea, #modaltable select {
		font-size: 14px;
	}
	
	.srchCndIemScd {
		display: flex;
		width: 100%;
	}
	
	#srchwrdText, #submit {
		display: none;
	}
	
	#srchwrdGroup {
		flex-wrap: initial;
		margin-bottom: 0.8rem;
	}
	
	#srchwrdSubmit {
		display: block;
	}
	
	.srchCndIem {
		margin-bottom: 0.8rem;
	}
	
}