@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {
  min-width:320px;
  font-family: 'Noto Sans KR', Poppins, Helvetica, "sans-serif";

}

body.loginPage {
  background-color: black;
  background-image: url('/pages/cadm/assets/media/logos/login-register.jpeg');
}

/* 로그인 처리를 위한 컨테츠 미리보임 제어 */
.main-wrapper {visibility:hidden;}

/* 우편번호 */
#zipCodeLayer {
  width:100%;
  height:500px;
  display:block;
  overflow:hidden;
  z-index:1;
  -webkit-overflow-scrolling:touch;
}

.modal-content { min-width: 260px;}

/* table border */
.cusTableborder {
  border: 1px solid #EFF2F4;
}
.cusTableborder th,
.cusTableborder td,
.cusTableborder tfoot th,
.cusTableborder tfoot td {
  border : 1px solid #EFF2F4;
}

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

.fixedHeader {
	position: sticky;
	top: -22px;
  z-index: 10;
  background-color: #fafafa;
}

/* 스크롤바 */
.table-responsive {
  padding-bottom: 80px;
}
.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
  width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
  height: 24px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border-radius: 10px;
  border: 1px solid #e9e6f6;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 10px;  
  background-color: #a9a9a9; 
}

.modal-body-scroll::-webkit-scrollbar:horizontal {
  height: 24px;
}
.modal-body-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border-radius: 10px;
  border: 1px solid #e9e6f6;
}
.modal-body-scroll::-webkit-scrollbar-track {
  border-radius: 10px;  
  background-color: #a9a9a9; 
}


.keyPadWrap button {
  width: 100%;
}


.backslash {
  background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), #E4E6EF, transparent calc(50% + 1px));
  background-size: 120% 120%;
  background-position: center;
  /* background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>'); */
}

.backslash2 {
  background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), #222, transparent calc(50% + 1px));
  background-size: 120% 120%;
  background-position: center;
  /* background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>'); */
}


.cusTableborderdark01 {
  border: 1px solid #8e8e8e;
  border-collapse: collapse;
}
.cusTableborderdark01 th,
.cusTableborderdark01 td,
.cusTableborderdark01 tfoot th,
.cusTableborderdark01 tfoot td {
  border : 1px solid #8e8e8e;
}

.cusTableborderdark02 {
  border: 1px solid #c3c3c3;
  border-collapse: collapse;
}
.cusTableborderdark02 th,
.cusTableborderdark02 td,
.cusTableborderdark02 tfoot th,
.cusTableborderdark02 tfoot td {
  border : 1px solid #c3c3c3;
}

.cusTableborderdark {
  border: 1px solid #222;
  border-collapse: collapse;
}
.cusTableborderdark th,
.cusTableborderdark td,
.cusTableborderdark tfoot th,
.cusTableborderdark tfoot td {
  border : 1px solid #222;
}