#wp-auth-check-wrap #wp-auth-check {
  background-color: #2e3f42; }

#wp-auth-check-wrap .wp-auth-check-close {
  color: #fff; }

.vdp-datepicker__calendar .cell.today {
  background: #ff9191;
  color: #fff; }



@keyframes sparkle {
  0%, 100% {
    background-color: #a4c1e3; /* 파스텔 네이비 */
  }
  50% {
    background-color: #d1a3c4; /* 파스텔 자주색 */
  }
}
.sparkling-text {
  color: white; /* 글자 색상을 흰색으로 설정 */
  padding: 1px 3px; /* 글자 주변에 패딩을 추가하여 배경색이 잘 보이도록 함 */
  border-radius: 0px; /* 배경의 모서리를 둥글게 처리 */
  animation: sparkle 2s infinite;
}


.info-icon.flash {
  color: #007BFF;
  cursor: pointer;
  font-weight: bold;
  animation: fadeInOut 1.8s infinite;
  display: inline-block;
  min-width: 1.2em;
}

/* ✅ 5초만 깜빡이고 자동 종료되는 플래시 */
.flash-once {
  animation: fadeInOut 1.5s ease-in-out 3; /* 1.5초 x 3회 = 약 4.5초 */
}

/* 애니메이션 정의 */
@keyframes fadeInOut {
  0% { opacity: 0.2; }
  50% { opacity: 1; }
  100% { opacity: 0.2; }
}




/* 화면 전체 어둡게 처리용 공통 오버레이 */
.goodgate-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 중앙 로딩 박스 (선택사항) */
.goodgate-overlay .loading-text {
  background: white;
  padding: 25px 40px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}



/* === 공통 버튼 기본 === */
.goodgate-hj-modal-box button,
#btnConfirmProceed,
#btnCancelProceed,
#btnMoveToGrossInfo,
#btnCancelUpload,
#btnUploadTruckFile,
#btnCancelUploadTruckFile,
#btnUploadMilkrunFile,
#btnCancelUploadMilkrunFile,
#btnUploadAttachedDoc,
#btnCancelUploadAttachedDoc,
#btnCloseAttachedDocWait,
#btnUploadEnclosedDoc,
#btnCancelUploadEnclosedDoc,
#btnMoveToReleaseDetail,
#btnCloseShipmentGuide {
  font-family: inherit;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* === 확정 / 진행 / 이동 / 업로드 버튼 (굿게이트 오렌지) === */
#btnConfirmProceed,
#btnUploadTruckFile,
#btnUploadMilkrunFile,
#btnMoveToGrossInfo,
#btnUploadAttachedDoc,
#btnUploadEnclosedDoc,
#btnMoveToReleaseDetail {
  background: linear-gradient(180deg, #ff8a00 0%, #ff6600 100%);
  color: #fff;
  font-weight: bold;
  margin-right: 12px;
  border: 1px solid #e65c00;
}
#btnConfirmProceed:hover,
#btnUploadTruckFile:hover,
#btnUploadMilkrunFile:hover,
#btnMoveToGrossInfo:hover,
#btnUploadAttachedDoc:hover,
#btnUploadEnclosedDoc:hover,
#btnMoveToReleaseDetail:hover {
  background: linear-gradient(180deg, #ff9a2b 0%, #ff751a 100%);
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}

/* === 취소 / 닫기 버튼 (밝은 그레이) === */
#btnCancelProceed,
#btnCancelUpload,
#btnCancelUploadTruckFile,
#btnCancelUploadMilkrunFile,
#btnCancelUploadAttachedDoc,
#btnCloseAttachedDocWait,
#btnCancelUploadEnclosedDoc,
#btnCloseShipmentGuide {
  background: #f2f2f2;
  color: #444;
  border: 1px solid #d0d0d0;
}
#btnCancelProceed:hover,
#btnCancelUpload:hover,
#btnCancelUploadTruckFile:hover,
#btnCancelUploadMilkrunFile:hover,
#btnCancelUploadAttachedDoc:hover,
#btnCloseAttachedDocWait:hover,
#btnCancelUploadEnclosedDoc:hover,
#btnCloseShipmentGuide:hover {
  background: #e6e6e6;
  color: #111;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* === 버튼 컨테이너 정렬 === */
.goodgate-hj-modal-box .modal-btn-area {
  text-align: center;
  margin-top: 24px;
}





/* ✅ 오버레이 */
.goodgate-hj-modal-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9998;
  animation: goodgateFadeIn 0.25s ease-out;
}

/* ✅ 모달 박스 */
.goodgate-hj-modal-box {
  position: fixed;
  /* 👇 이동 관련 속성 제거 */
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  
  /* 👇 대신 안전한 중앙정렬 (flex로 부모에서 처리 권장) */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

  width: 500px;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  padding: 15px;
  text-align: left;
  overflow: auto;
  z-index: 9999;

  /* ✅ 단순 확대 효과만 남김 */
  animation: goodgateZoomIn 0.18s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ✅ 닫기 버튼 */
.goodgate-hj-modal-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  transition: color 0.2s;
}
.goodgate-hj-modal-close:hover {
  color: #007BFF;
}

/* ✅ 제목 */
.goodgate-hj-modal-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}

/* ✅ 내용 */
.goodgate-hj-modal-content {
  white-space: pre-line;
  margin-top: 20px;
  line-height: 1.5;
}

/* ✅ 클릭 가능한 텍스트 */
.goodgate-hj-clickable {
  color: #007BFF;
  cursor: pointer;
  text-decoration: none;
}
.goodgate-hj-clickable:hover {
  text-decoration: underline;
}

/* ✅ 페이드 인 (배경용) */
@keyframes goodgateFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ✅ 확대 등장 (모달용) */
@keyframes goodgateZoomIn {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}






@keyframes marquee_hold {
  0% {
    transform: translateX(100%); /* 시작 위치: 컨테이너의 오른쪽 끝에서 시작 */
  }
  100% {
    transform: translateX(0%); /* 끝 위치: 왼쪽 끝에 고정 */
  }
}

.marquee-text_hold {
  display: block;
  white-space: nowrap; /* 줄바꿈 없이 한 줄로 표시 */
  animation: marquee_hold 2s linear forwards; /* 애니메이션 이름을 'marquee_hold'로 수정, 완료 후 마지막 키프레임에 정의된 위치에서 멈춤 */
}



@keyframes marquee_forever {
  0% {
    transform: translateX(100%); /* 시작 위치: 컨테이너의 오른쪽 끝에서 시작 */
  }
  100% {
    transform: translateX(-100%); /* 끝 위치: 화면 왼쪽 끝을 넘어서 완전히 사라짐 */
  }
}

.marquee-text_forever {
  display: block;
  white-space: nowrap; /* 줄바꿈 없이 한 줄로 표시 */
  animation: marquee_forever 10s linear infinite; /* 애니메이션 이름, 지속 시간, 속도 곡선, 반복 */
}

div#dropzone {
  border: 2px dashed #e0e0e0;
  min-height: 50px;
  padding: 10px 10px; }
  div#dropzone.dz-drag-hover {
    border: 2px dashed #949494;
    background: #e9f5f9; }
  div#dropzone div.dz-preview {
    margin: 0;
    height: 100px;
    width: 100%; }
    div#dropzone div.dz-preview div.dz-image img {
      max-width: inherit;
      max-height: 100px; }
    div#dropzone div.dz-preview a.dz-remove {
      top: 10px;
      right: 10px;
      left: inherit;
      bottom: inherit; }

div#ggPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none; }
  div#ggPopup div.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 2; }
  div#ggPopup div.content {
    position: absolute;
    background: #fff;
    z-index: 3;
    box-sizing: border-box;
    padding: 0px;
    position: relative;
    border: 1px solid #333; }
    div#ggPopup div.content div.popup-header {
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 10; }
      div#ggPopup div.content div.popup-header span.close-popup {
        display: block;
        width: 30px;
        height: 30px;
        background: #000;
        padding: 6px;
        box-sizing: border-box;
        cursor: pointer; }
        div#ggPopup div.content div.popup-header span.close-popup:hover {
          background: #da2128; }
    div#ggPopup div.content div.popup-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      line-height: 1; }
    div#ggPopup div.content div.popup-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 36px;
      line-height: 36px;
      box-sizing: border-box;
      padding: 0 20px;
      font-weight: bold;
      background: #333;
      color: #fff; }

div.toggle-button {
  /* Button 1 */
  /* Button 2 */
  /* Button 3 */
  /* Button 4 */
  /* Button 5 */
  /* Button 6 */
  /* Button 7 */
  /* Button 8 */
  /* Button 9 */
  /* Button 10 */
  /* Button 11 */
  /* Button 12 */
  /* Button 13 */
  /* Button 14 */
  /* Button 15 */
  /* Button 16 */
  /* Button 17 */
  /* Button 18 */ }
  div.toggle-button .button-cover, div.toggle-button .knobs, div.toggle-button .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: transparent; }
  div.toggle-button .button {
    position: relative;
    top: 50%;
    width: 74px;
    height: 30px;
    margin: -15px auto 0 auto;
    overflow: hidden;
    border-color: transparent; }
    div.toggle-button .button:hover {
      border-color: transparent; }
  div.toggle-button .button.r, div.toggle-button .button.r .layer {
    border-radius: 100px; }
  div.toggle-button .button.b2 {
    border-radius: 2px; }
  div.toggle-button .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3; }
  div.toggle-button .knobs {
    z-index: 2; }
  div.toggle-button .layer {
    width: 100%;
    background-color: #f1f1f1;
    transition: 0.3s ease all;
    z-index: 1; }
  div.toggle-button #button-1 .knobs:before {
    content: 'N';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 0.4;
    padding: 9px 4px;
    background-color: #a5a5a5;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; }
  div.toggle-button #button-1 .knobs:after {
    content: 'NO';
    position: absolute;
    top: 3px;
    left: 35px;
    font-size: 11px;
    color: #a5a5a5; }
  div.toggle-button #button-1 .checkbox:checked + .knobs:before {
    content: 'Y';
    left: 46px;
    background-color: #646464; }
  div.toggle-button #button-1 .checkbox:checked + .knobs:after {
    content: 'YES';
    position: absolute;
    top: 3px;
    left: 15px;
    font-size: 11px;
    color: #7a7340; }
  div.toggle-button #button-1 .checkbox:checked ~ .layer {
    background-color: #ffea9c; }
  div.toggle-button #button-1 .knobs, div.toggle-button #button-1 .knobs:after, div.toggle-button #button-1 .layer {
    transition: 0.2s ease all; }
  div.toggle-button #button-1 .knobs, div.toggle-button #button-1 .knobs:before, div.toggle-button #button-1 .layer {
    transition: 0.2s ease all; }
  div.toggle-button #button-2 .knobs:before, div.toggle-button #button-2 .knobs:after {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 50%;
    transition: 0.3s ease all; }
  div.toggle-button #button-2 .knobs:before {
    content: 'YES'; }
  div.toggle-button #button-2 .knobs:after {
    content: 'NO'; }
  div.toggle-button #button-2 .knobs:after {
    right: -28px;
    left: auto;
    background-color: #F44336; }
  div.toggle-button #button-2 .checkbox:checked + .knobs:before {
    left: -28px; }
  div.toggle-button #button-2 .checkbox:checked + .knobs:after {
    right: 4px; }
  div.toggle-button #button-2 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-3 .knobs:before {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 50%;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15); }
  div.toggle-button #button-3 .checkbox:active + .knobs:before {
    width: 46px;
    border-radius: 100px; }
  div.toggle-button #button-3 .checkbox:checked:active + .knobs:before {
    margin-left: -26px; }
  div.toggle-button #button-3 .checkbox:checked + .knobs:before {
    content: 'NO';
    left: 42px;
    background-color: #F44336; }
  div.toggle-button #button-3 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-4 .knobs:before, div.toggle-button #button-4 .knobs:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; }
  div.toggle-button #button-4 .knobs:before {
    content: 'YES'; }
  div.toggle-button #button-4 .knobs:after {
    content: 'NO'; }
  div.toggle-button #button-4 .knobs:after {
    top: -28px;
    right: 4px;
    left: auto;
    background-color: #F44336; }
  div.toggle-button #button-4 .checkbox:checked + .knobs:before {
    top: -28px; }
  div.toggle-button #button-4 .checkbox:checked + .knobs:after {
    top: 4px; }
  div.toggle-button #button-4 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-5 {
    perspective: 60px;
    overflow: visible; }
  div.toggle-button #button-5 .knobs:before, div.toggle-button #button-5 .knobs span {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; }
  div.toggle-button #button-5 .knobs:before {
    background-color: #03A9F4; }
  div.toggle-button #button-5 .knobs span:before {
    content: 'YES'; }
  div.toggle-button #button-5 .knobs:before, div.toggle-button #button-5 .layer {
    transform: rotateY(0);
    transform-origin: center; }
  div.toggle-button #button-5 .checkbox:checked + .knobs:before, div.toggle-button #button-5 .checkbox:checked + .knobs span {
    left: 42px; }
  div.toggle-button #button-5 .checkbox:checked + .knobs:before {
    transform: rotateY(180deg);
    background-color: #f44336; }
  div.toggle-button #button-5 .checkbox:checked + .knobs span:before {
    content: 'NO';
    left: 42px; }
  div.toggle-button #button-5 .checkbox:checked ~ .layer {
    background-color: #fcebeb;
    transform: rotateY(-180deg); }
  div.toggle-button #button-5 .knobs, div.toggle-button #button-5 .knobs:before, div.toggle-button #button-5 .layer {
    transition: 0.3s ease all; }
  div.toggle-button #button-6 {
    overflow: visible; }
  div.toggle-button #button-6 .knobs:before {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 50%; }
  div.toggle-button #button-6 .layer, div.toggle-button #button-6 .knobs, div.toggle-button #button-6 .knobs:before {
    transform: rotateZ(0);
    transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; }
  div.toggle-button #button-6 .checkbox:checked + .knobs {
    transform: rotateZ(-180deg); }
  div.toggle-button #button-6 .checkbox:checked + .knobs:before {
    content: 'NO';
    background-color: #f44336;
    transform: rotateZ(180deg); }
  div.toggle-button #button-6 .checkbox:checked ~ .layer {
    background-color: #fcebeb;
    transform: rotateZ(180deg); }
  div.toggle-button #button-7 .knobs:before, div.toggle-button #button-7 .knobs:after, div.toggle-button #button-7 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%; }
  div.toggle-button #button-7 .knobs:before {
    content: 'YES';
    left: 4px;
    color: #fff;
    opacity: 1; }
  div.toggle-button #button-7 .knobs:after {
    content: 'N';
    left: 42px;
    color: #fff;
    width: 14px;
    text-align: left;
    padding: 9px 7px;
    background-color: #f44336;
    opacity: 0; }
  div.toggle-button #button-7 .knobs:before, div.toggle-button #button-7 .knobs:after {
    transition: 0.3s ease all;
    z-index: 2; }
  div.toggle-button #button-7 .knobs span {
    left: 4px;
    background-color: #03A9F4;
    transition: 0.2s ease all;
    z-index: 1; }
  div.toggle-button #button-7 .checkbox:checked + .knobs:before {
    opacity: 0; }
  div.toggle-button #button-7 .checkbox:checked + .knobs:after {
    opacity: 1; }
  div.toggle-button #button-7 .checkbox:checked + .knobs span {
    top: 14px;
    left: 56px;
    width: 2px;
    height: 2px;
    padding: 3px;
    background-color: #fff;
    z-index: 3; }
  div.toggle-button #button-7 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-8 .knobs:before, div.toggle-button #button-8 .knobs:after, div.toggle-button #button-8 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.3s ease all; }
  div.toggle-button #button-8 .knobs:before {
    content: 'YES';
    color: #fff;
    left: 4px; }
  div.toggle-button #button-8 .knobs:after {
    content: 'NO';
    left: 42px;
    color: #fff;
    background-color: #f44336;
    opacity: 0; }
  div.toggle-button #button-8 .knobs:before, div.toggle-button #button-8 .knobs:after {
    z-index: 2; }
  div.toggle-button #button-8 .knobs span {
    left: 4px;
    background-color: #03A9F4;
    z-index: 1; }
  div.toggle-button #button-8 .checkbox:checked + .knobs:before {
    opacity: 0; }
  div.toggle-button #button-8 .checkbox:checked + .knobs:after {
    opacity: 1; }
  div.toggle-button #button-8 .checkbox:checked + .knobs span {
    background-color: #fcebeb;
    transform: scale(4); }
  div.toggle-button #button-9 .knobs:before, div.toggle-button #button-9 .knobs:after, div.toggle-button #button-9 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; }
  div.toggle-button #button-9 .knobs:before {
    content: 'YES';
    left: 4px; }
  div.toggle-button #button-9 .knobs:after {
    content: 'NO';
    right: -24px; }
  div.toggle-button #button-9 .knobs:before, div.toggle-button #button-9 .knobs:after {
    color: #fff;
    z-index: 2; }
  div.toggle-button #button-9 .knobs span {
    left: 4px;
    background-color: #03a9f4;
    z-index: 1; }
  div.toggle-button #button-9 .checkbox:checked + .knobs:before {
    left: -24px; }
  div.toggle-button #button-9 .checkbox:checked + .knobs:after {
    right: 4px; }
  div.toggle-button #button-9 .checkbox:checked + .knobs span {
    left: 42px;
    background-color: #F44336; }
  div.toggle-button #button-9 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-10 .knobs:before, div.toggle-button #button-10 .knobs:after, div.toggle-button #button-10 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all; }
  div.toggle-button #button-10 .knobs:before {
    content: '';
    left: 4px;
    background-color: #03A9F4; }
  div.toggle-button #button-10 .knobs:after {
    content: 'NO';
    right: 4px;
    color: #4e4e4e; }
  div.toggle-button #button-10 .knobs span {
    display: inline-block;
    left: 4px;
    color: #fff;
    z-index: 1; }
  div.toggle-button #button-10 .checkbox:checked + .knobs span {
    color: #4e4e4e; }
  div.toggle-button #button-10 .checkbox:checked + .knobs:before {
    left: 42px;
    background-color: #F44336; }
  div.toggle-button #button-10 .checkbox:checked + .knobs:after {
    color: #fff; }
  div.toggle-button #button-10 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-11 {
    overflow: visible; }
  div.toggle-button #button-11 .knobs {
    perspective: 70px; }
  div.toggle-button #button-11 .knobs:before, div.toggle-button #button-11 .knobs:after, div.toggle-button #button-11 .knobs span {
    position: absolute;
    top: 4px;
    border-radius: 2px; }
  div.toggle-button #button-11 .knobs:before, div.toggle-button #button-11 .knobs:after {
    width: 20px;
    height: 10px;
    color: #4e4e4e;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px; }
  div.toggle-button #button-11 .knobs:before {
    content: 'YES';
    left: 4px; }
  div.toggle-button #button-11 .knobs:after {
    content: 'NO';
    right: 4px; }
  div.toggle-button #button-11 .knobs span {
    right: 4px;
    width: 33px;
    height: 28px;
    background-color: #03a9f4;
    transform: rotateY(0);
    transform-origin: 0% 50%;
    transition: 0.6s ease all;
    z-index: 1; }
  div.toggle-button #button-11 .checkbox:checked + .knobs span {
    transform: rotateY(-180deg);
    background-color: #f44336; }
  div.toggle-button #button-11 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-12 .knobs:before, div.toggle-button #button-12 .knobs:after, div.toggle-button #button-12 .knobs span, div.toggle-button #button-12 .knobs span:before, div.toggle-button #button-12 .knobs span:after {
    position: absolute;
    top: 4px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    transition: 0.3s ease all; }
  div.toggle-button #button-12 .knobs:before {
    content: 'YES';
    left: 4px; }
  div.toggle-button #button-12 .knobs:after {
    content: 'NO';
    right: 4px; }
  div.toggle-button #button-12 .knobs:before, div.toggle-button #button-12 .knobs:after {
    width: 27px;
    height: 10px;
    color: #4e4e4e;
    padding: 9px 3px;
    z-index: 1; }
  div.toggle-button #button-12 .knobs span {
    display: inline-block;
    z-index: 2; }
  div.toggle-button #button-12 .knobs span, div.toggle-button #button-12 .knobs span:before, div.toggle-button #button-12 .knobs span:after {
    width: 20px;
    height: 10px;
    padding: 9px 4px; }
  div.toggle-button #button-12 .knobs span:before, div.toggle-button #button-12 .knobs span:after {
    content: '';
    top: 0; }
  div.toggle-button #button-12 .knobs span:before {
    left: -28px;
    background-color: #F44336; }
  div.toggle-button #button-12 .knobs span:after {
    right: -42px;
    background-color: #03A9F4; }
  div.toggle-button #button-12 .checkbox:checked + .knobs span:before {
    left: 4px; }
  div.toggle-button #button-12 .checkbox:checked + .knobs span:after {
    right: -74px; }
  div.toggle-button #button-12 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-13 .knobs:before, div.toggle-button #button-13 .knobs:after, div.toggle-button #button-13 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all; }
  div.toggle-button #button-13 .knobs:before, div.toggle-button #button-13 .knobs:after {
    color: #4e4e4e;
    z-index: 1; }
  div.toggle-button #button-13 .knobs:before {
    content: 'YES';
    left: 4px; }
  div.toggle-button #button-13 .knobs:after {
    content: 'NO';
    right: 4px; }
  div.toggle-button #button-13 .knobs span {
    width: 25px;
    left: 37px;
    background-color: #03A9F4;
    z-index: 2; }
  div.toggle-button #button-13 .checkbox:checked + .knobs span {
    left: 4px;
    background-color: #F44336; }
  div.toggle-button #button-13 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-14 .knobs:before, div.toggle-button #button-14 .knobs:after, div.toggle-button #button-14 .knobs span:before, div.toggle-button #button-14 .knobs span:after {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all; }
  div.toggle-button #button-14 .knobs:before, div.toggle-button #button-14 .knobs:after {
    color: #4e4e4e;
    z-index: 1; }
  div.toggle-button #button-14 .knobs:before {
    content: 'YES';
    left: 4px; }
  div.toggle-button #button-14 .knobs:after {
    content: 'NO';
    right: 4px; }
  div.toggle-button #button-14 .knobs span {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  div.toggle-button #button-14 .knobs span:before {
    left: 4px;
    top: -28px;
    background-color: #F44336; }
  div.toggle-button #button-14 .knobs span:after {
    top: 4px;
    left: 39px;
    background-color: #03A9F4; }
  div.toggle-button #button-14 .knobs span:before, div.toggle-button #button-14 .knobs span:after {
    content: '';
    width: 23px;
    z-index: 2; }
  div.toggle-button #button-14 .checkbox:checked + .knobs span:before {
    top: 4px; }
  div.toggle-button #button-14 .checkbox:checked + .knobs span:after {
    top: -28px; }
  div.toggle-button #button-14 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-15 .knobs:before, div.toggle-button #button-15 .knobs:after {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    opacity: 1;
    border-radius: 2px;
    transform: scale(1);
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all; }
  div.toggle-button #button-15 .knobs:before {
    content: 'YES';
    left: 4px;
    background-color: #03A9F4; }
  div.toggle-button #button-15 .knobs:after {
    content: 'NO';
    right: 4px;
    opacity: 0;
    transform: scale(4);
    background-color: #F44336; }
  div.toggle-button #button-15 .checkbox:checked + .knobs:before {
    opacity: 0;
    transform: scale(4); }
  div.toggle-button #button-15 .checkbox:checked + .knobs:after {
    opacity: 1;
    transform: scale(1); }
  div.toggle-button #button-15 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-16 .knobs:before {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #03A9F4;
    border-radius: 2px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15); }
  div.toggle-button #button-16 .checkbox:active + .knobs:before {
    width: 46px; }
  div.toggle-button #button-16 .checkbox:checked:active + .knobs:before {
    margin-left: -26px; }
  div.toggle-button #button-16 .checkbox:checked + .knobs:before {
    content: 'NO';
    left: 42px;
    background-color: #F44336; }
  div.toggle-button #button-16 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-17 .knobs:before, div.toggle-button #button-17 .knobs span {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px; }
  div.toggle-button #button-17 .knobs:before {
    transition: 0.3s ease all, left 0.5s cubic-bezier(0.18, 0.89, 0.35, 1.15);
    z-index: 2; }
  div.toggle-button #button-17 .knobs span {
    background-color: #03A9F4;
    border-radius: 2px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
    z-index: 1; }
  div.toggle-button #button-17 .checkbox:checked + .knobs:before {
    content: 'NO';
    left: 42px; }
  div.toggle-button #button-17 .checkbox:checked + .knobs span {
    left: 42px;
    background-color: #F44336; }
  div.toggle-button #button-17 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #button-18 .knobs:before, div.toggle-button #button-18 .knobs span {
    content: 'YES';
    position: absolute;
    top: 4px;
    left: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: #03A9F4;
    border-radius: 2px; }
  div.toggle-button #button-18 .knobs:before {
    top: 50%;
    left: 8px;
    width: 20px;
    height: 10px;
    margin-top: -5px;
    background-color: transparent;
    z-index: 2; }
  div.toggle-button #button-18 .knobs span {
    width: 20px;
    height: 10px;
    padding: 9px 4px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
    z-index: 1; }
  div.toggle-button #button-18 .checkbox:active + .knobs:before {
    left: 10px;
    width: 46px;
    height: 4px;
    color: transparent;
    margin-top: -2px;
    background-color: #0095d8;
    transition: 0.3s ease all;
    overflow: hidden; }
  div.toggle-button #button-18 .checkbox:active + .knobs span {
    width: 58px; }
  div.toggle-button #button-18 .checkbox:checked:active + .knobs:before {
    left: auto;
    right: 10px;
    background-color: #d80000; }
  div.toggle-button #button-18 .checkbox:checked:active + .knobs span {
    margin-left: -38px; }
  div.toggle-button #button-18 .checkbox:checked + .knobs:before {
    content: 'NO';
    left: 47px; }
  div.toggle-button #button-18 .checkbox:checked + .knobs span {
    left: 42px;
    background-color: #F44336; }
  div.toggle-button #button-18 .checkbox:checked ~ .layer {
    background-color: #fcebeb; }
  div.toggle-button #ytd-url {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px 14px;
    margin: 20px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    background-color: #143240;
    border-radius: 4px;
    box-shadow: 0 10px 20px -5px rgba(20, 50, 64, 0.76); }

#zoom {
  position: absolute;
  border: 1px solid #ccc;
  width: 400px;
  background: #fff; }
  #zoom img {
    display: block;
    width: 400px;
    height: auto; }

ul#adminmenu li.wp-has-submenu ul.wp-submenu li.gg-current {
  color: #fff; }

div#wpfooter {
  display: none; }

div#wpadminbar div.quicklinks ul.ab-top-menu li#wp-admin-bar-site-name a.ab-item:before {
  content: " ";
  background-image: url("../images/gg-dashboard-icon.svg") !important;
  width: 25px;
  height: 18px;
  top: 4px;
  left: 0; }
  
  
  
  


  
  
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-my-account {
  float: left; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-my-account a.ab-item img.avatar {
    border-radius: 50%; }
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-logout, div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-mypage {
  margin-right: 3px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-logout a, div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-mypage a {
    background: #21afda;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-logout a:hover, div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-mypage a:hover {
      background: #1a8bae; }
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-button-mypage {
  margin-right: 3px; }
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-button-money {
  margin-right: 3px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-button-money a {
    color: #fff; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-button-money a:hover {
      color: #fff; }
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-address-info {
  margin-right: 10px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-address-info a {
    background: #707070;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
	div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-kakao-chat a {
    background: #707070;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 78px;
    font-size: 12px;
    margin-top: 3px;
	margin-right: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-address-info a:hover {
      background: #575757; }
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-money-status {
  margin-right: 3px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-money-status a {
    background: #da2128;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-money-status a:hover {
      background: #ae1a20; }
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-notice-board {
  margin-right: 3px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-notice-board a {
    background: #21afda;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-notice-board a:hover {
      background: #1a8bae; }
	  
	  
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-shipping-price {
  margin-right: 3px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-shipping-price a {
    background: #da2128;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-shipping-price a:hover {
      background: #ae1a20; }

div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-address-info2 {
  margin-right: 3px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-address-info2 a {
    background: #da2128;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-user-address-info2 a:hover {
      background: #ae1a20; }

/* 2304310 해준 상단 메뉴 버튼 css*/
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductTranslation {   
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductTranslation a {
    background: #5db442;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductTranslation a:hover {
      background: #429429; }
	  
	  
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-eperienceGroup {
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-eperienceGroup a {
    background: #5db442;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-eperienceGroup a:hover {
      background: #429429; }

div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-IntegratedManual {
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-IntegratedManual a {
    background: #5db442;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
	
	
	
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductSourcing a:hover {
      background: #429429; }
	  
	  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductSourcing {
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductSourcing a {
    background: #727272;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ProductSourcing a:hover {
      background: #0e0e0e; }


div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-tradeZoomQa {
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-tradeZoomQa a {
    background: #5db442;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-tradeZoomQa a:hover {
      background: #429429; }


div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ErpBasicCourse {
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ErpBasicCourse a {
    background: #5db442;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-ErpBasicCourse a:hover {
      background: #429429; }



	  
	  
div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-smartStoreRank {
  margin-right: 15px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-smartStoreRank a {
    background: #5db442;
    color: #fff;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 120px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-smartStoreRank a:hover {
      background: #429429; }





div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-kakao-chat-top {
  margin-right: 5px; }
  div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-kakao-chat-top a {
    background: #ffeb33;
    color: #000000;
    border-radius: 20px;
    padding: 0 15px 0 14px;
    text-align: center;
    width: 65px;
    font-size: 12px;
    margin-top: 3px;
    height: 26px;
    line-height: 27px; }
    div#wpadminbar div.quicklinks ul.ab-top-secondary li#wp-admin-bar-kakao-chat-top a:hover {
      background: #dfcd28; }

/*230503 해준 컨텐츠 여백 조절*/
div.goodgate-wrapper {
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: auto;
  padding-bottom: 50px; }
  div.goodgate-wrapper .color-red {
    color: red; }
  div.goodgate-wrapper button#insert-media-button {
    width: 115px;
    height: 30px;
    line-height: 30px;
    padding: 0; }
    div.goodgate-wrapper button#insert-media-button span.wp-media-buttons-icon {
      float: left;
      margin-left: 10px;
      position: relative;
      top: 5px; }
  div.goodgate-wrapper input[type="checkbox"] {
    border-radius: 0;
    border-color: #c1c1c1; }
  div.goodgate-wrapper input[type="text"] {
    border-radius: 0;
    border-color: #e0e0e0; }
    div.goodgate-wrapper input[type="text"]::placeholder {
      color: #9d9d9d;
      font-weight: normal; }
  div.goodgate-wrapper select {
    border-color: #e0e0e0; }
  div.goodgate-wrapper div.vdp-datepicker {
    display: inline-block; }
    div.goodgate-wrapper div.vdp-datepicker input[type="text"] {
      width: 100px; }
  div.goodgate-wrapper div.notice-box {
    display: block;
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0; }
    div.goodgate-wrapper div.notice-box h2 {
      margin: 0;
      margin-bottom: 10px; }
  div.goodgate-wrapper div.filter-buttons {
    display: inline-block; }
    div.goodgate-wrapper div.filter-buttons button {
      background: #f1f1f1;
      color: #333;
      font-size: 11px;
      padding: 3px 6px;
      border-radius: 3px;
      cursor: pointer;
      border: 1px solid #e9e9e9; }
      div.goodgate-wrapper div.filter-buttons button:hover {
        background: #d8d8d8;
        border-color: #d0d0d0; }
  div.goodgate-wrapper div.search-buttons {
    display: block;
    text-align: center;
    margin-top: 20px; }
    div.goodgate-wrapper div.search-buttons button.button-submit {
      margin-top: 0;
      display: inline-block;
      width: 140px;
      height: 40px;
      margin: 0 auto;
      background: #209e8c;
      border: 1px solid #1c8979;
      border-radius: 20px;
      color: #fff; }
      div.goodgate-wrapper div.search-buttons button.button-submit:hover {
        background: #1c8979;
        border-color: #177466; }
    div.goodgate-wrapper div.search-buttons button.button-reset {
      margin-top: 0;
      width: 140px;
      height: 40px;
      background: #dcdcdc;
      border: 1px solid #cfcfcf;
      border-radius: 20px;
      color: #333; }
      div.goodgate-wrapper div.search-buttons button.button-reset:hover {
        background: #c3c3c3;
        border-color: #b8b8b8;
        color: #333; }
  div.goodgate-wrapper div#gg_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    color: #333; }
    div.goodgate-wrapper div#gg_modal div.br-preview {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
      div.goodgate-wrapper div#gg_modal div.br-preview div.content {
        position: absolute;
        z-index: 2;
        background: transparent;
        width: 500px;
        height: 800px;
        top: calc(50% - 400px);
        left: calc(50% - 250px);
        overflow-y: auto;
        scrollbar-width: thin;
        padding: 20px 0; }
        div.goodgate-wrapper div#gg_modal div.br-preview div.content::-webkit-scrollbar {
          width: 5px; }
        div.goodgate-wrapper div#gg_modal div.br-preview div.content::-webkit-scrollbar-track {
          background-color: #5f5f5f; }
        div.goodgate-wrapper div#gg_modal div.br-preview div.content::-webkit-scrollbar-track-piece {
          background-color: #5f5f5f; }
        div.goodgate-wrapper div#gg_modal div.br-preview div.content::-webkit-scrollbar-thumb {
          border-radius: 5px;
          background-color: #404040; }
        div.goodgate-wrapper div#gg_modal div.br-preview div.content h3 {
          display: block;
          font-size: 18px;
          color: #fff;
          position: relative; }
          div.goodgate-wrapper div#gg_modal div.br-preview div.content h3 div.button-close {
            position: absolute;
            top: -10px;
            right: 0;
            width: 30px;
            cursor: pointer; }
        div.goodgate-wrapper div#gg_modal div.br-preview div.content img {
          width: 100%;
          height: auto; }
      div.goodgate-wrapper div#gg_modal div.br-preview div.background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0.7; }
    div.goodgate-wrapper div#gg_modal div.content {
      position: absolute;
      z-index: 2;
      background: #fff;
      padding: 20px 20px 50px 20px;
      overflow-y: auto;
      scrollbar-width: thin;
      box-sizing: border-box; }
      div.goodgate-wrapper div#gg_modal div.content::-webkit-scrollbar {
        width: 5px; }
      div.goodgate-wrapper div#gg_modal div.content::-webkit-scrollbar-track {
        background-color: #f1f1f1; }
      div.goodgate-wrapper div#gg_modal div.content::-webkit-scrollbar-track-piece {
        background-color: #f1f1f1; }
      div.goodgate-wrapper div#gg_modal div.content::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #c1c1c1; }
      div.goodgate-wrapper div#gg_modal div.content div.gg-table-box {
        margin-bottom: 20px; }
      div.goodgate-wrapper div#gg_modal div.content h2 {
        display: block;
        font-size: 24px;
        line-height: 1;
        margin: 0;
        position: relative;
        color: #333;
        margin-bottom: 20px; }
        div.goodgate-wrapper div#gg_modal div.content h2 .button-close {
          position: absolute;
          top: -2px;
          right: 0;
          cursor: pointer; }
          div.goodgate-wrapper div#gg_modal div.content h2 .button-close img {
            width: 30px;
            height: 30px;
            opacity: 0.6; }
          div.goodgate-wrapper div#gg_modal div.content h2 .button-close:hover img {
            opacity: 1; }
      div.goodgate-wrapper div#gg_modal div.content h3 {
        display: block;
        font-size: 18px;
        line-height: 1;
        margin: 0;
        margin-bottom: 10px;
        color: #333; }
      div.goodgate-wrapper div#gg_modal div.content div.modal-buttons {
        display: block;
        text-align: center; }
        div.goodgate-wrapper div#gg_modal div.content div.modal-buttons .gg-button {
          font-size: 14px;
          padding: 8px 30px; }
          div.goodgate-wrapper div#gg_modal div.content div.modal-buttons .gg-button + .gg-button {
            margin-left: 5px; }
    div.goodgate-wrapper div#gg_modal div.background {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.7; }
  div.goodgate-wrapper .gg-button {
    vertical-align: inherit;
    color: #333;
    border-color: #999;
    border-radius: 20px;
    padding: 5px 21px;
    background: #f1f1f1;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    text-decoration: none; }
    div.goodgate-wrapper .gg-button .dashicons {
      width: 14px;
      height: 14px;
      font-size: 14px;
      padding: 0;
      margin: 0;
      line-height: 1;
      position: relative;
      top: 1px;
      margin-right: 3px; }
    div.goodgate-wrapper .gg-button:hover {
      background: #e4e4e4;
      border-color: #dddddd;
      color: #333; }
    div.goodgate-wrapper .gg-button.button-yellow {
      background: #ffe991;
      border: 1px solid #ffe478;
      color: #333; }
      div.goodgate-wrapper .gg-button.button-yellow:hover {
        background: #ffe478;
        border-color: #ffe168; }


	div.goodgate-wrapper .gg-button.button-modifyRed {
	  background: #ffffff;
	  border: 1px solid #ffbebeff;
	  color: #434343;
	}
	div.goodgate-wrapper .gg-button.button-modifyRed:hover {
	  background: #f8f8f8;
	  border-color: #ff8282;
	  color: #434343;
	}

    div.goodgate-wrapper .gg-button.button-grey {
      background: #868686;
      border: 1px solid #797979;
      color: #fff; }
      div.goodgate-wrapper .gg-button.button-grey:hover {
        background: #797979;
        border-color: #727272; }
    div.goodgate-wrapper .gg-button.button-blue {
      background: #89ceff;
      color: #fff;
      border-color: #7ac8ff; }
      div.goodgate-wrapper .gg-button.button-blue:hover {
        background: #56b9ff;
        border-color: #47b2ff; }
    div.goodgate-wrapper .gg-button.button-deepgreen {
      background: #209e8c;
      color: #fff;
      border-color: #1c8979; }
      div.goodgate-wrapper .gg-button.button-deepgreen:hover {
        background: #177466;
        border-color: #135e54; }
    div.goodgate-wrapper .gg-button.button-green {
      background: #7ed280;
      color: #fff;
      border-color: #73ce75; }
      div.goodgate-wrapper .gg-button.button-green:hover {
        background: #58c55b;
        border-color: #4dc150; }

	div.goodgate-wrapper .gg-button.button-white {
	  background: #ffffff;
	  color: #979797;
	  border-color: #73ce75;
	}
	div.goodgate-wrapper .gg-button.button-white:hover {
	  background: #ffffff;
	  color: #474747;
	  box-shadow: inset 0 0 0 1px #25a928; /* 안쪽으로만 2px 테두리 */
	}
		
    div.goodgate-wrapper .gg-button.button-red {
      background: #ff9191;
      color: #fff;
      border-color: #ff8282; }
      div.goodgate-wrapper .gg-button.button-red:hover {
        background: #ff5e5e;
        border-color: #ff4f4f; }
    div.goodgate-wrapper .gg-button:disabled {
      background: #f8f8f8;
      border: 1px solid #f0f0f0;
      color: #c5c5c5; }
      div.goodgate-wrapper .gg-button:disabled:hover {
        background: #f8f8f8;
        border: 1px solid #f0f0f0;
        color: #c5c5c5; }
  div.goodgate-wrapper div.buttons {
    display: block;
    text-align: center;
    margin-top: 200px; }
    div.goodgate-wrapper div.buttons .gg-button {
      font-size: 14px;
      padding: 8px 25px; }
  div.goodgate-wrapper span.bedge {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    padding: 3px 10px;
    background: #f8f8f8;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    color: #333; }
    div.goodgate-wrapper span.bedge.bedge-fixed {
      width: 48px; }
    div.goodgate-wrapper span.bedge.bedge-wide {
      width: 95px; }
    div.goodgate-wrapper span.bedge.bedge-pending {
      background: #ffa826;
      border-color: #ff9e0d;
      color: #fff; }
    div.goodgate-wrapper span.bedge.bedge-replied {
      background: #f8f8f8;
      border-color: #ebebeb;
      color: #333; }
    div.goodgate-wrapper span.bedge.bedge-br-processing, div.goodgate-wrapper span.bedge.bedge-sr-processing, div.goodgate-wrapper span.bedge.bedge-sr-incorrect, div.goodgate-wrapper span.bedge.bedge-domestic-shipping {
      background: #f76267;
      border-color: #f64a50;
      color: #fff; }
    div.goodgate-wrapper span.bedge.bedge-br-pending, div.goodgate-wrapper span.bedge.bedge-sr-pending {
      background: #ffa558;
      border-color: #ff973f;
      color: #fff; }
    div.goodgate-wrapper span.bedge.bedge-br-completed {
      background: #eaffe4;
      border-color: #d6ffcb; }
    div.goodgate-wrapper span.bedge.bedge-sr-completed {
      background: #19b517;
      border-color: #169e14;
      color: #fff; }
    div.goodgate-wrapper span.bedge.bedge-br-error, div.goodgate-wrapper span.bedge.bedge-sr-error, div.goodgate-wrapper span.bedge.bedge-pay-pending {
      background: #fff;
      border-color: red;
      color: red; }
    div.goodgate-wrapper span.bedge.bedge-br-canceled, div.goodgate-wrapper span.bedge.bedge-sr-canceled {
      background: transparent;
      border-color: #f0f0f0;
      color: #b7b7b7; }
    div.goodgate-wrapper span.bedge.bedge-br-waiting-payment {
      background: #49cc89;
      border-color: #37c47c;
      color: #fff;
      cursor: pointer; }
      div.goodgate-wrapper span.bedge.bedge-br-waiting-payment:hover {
        background: #31b170;
        border-color: #2c9d63; }
  div.goodgate-wrapper div#goodgate_tab {
    display: block;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
    margin-top: 10px; }
    div.goodgate-wrapper div#goodgate_tab ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: block;
      height: 60px; }
      div.goodgate-wrapper div#goodgate_tab ul li {
        display: inline-block;
        box-sizing: border-box;
        width: 150px;
        height: 60px;
        float: left;
        line-height: 60px;
        text-align: center;
        border-right: 1px solid #f1f1f1;
        color: #575757;
        cursor: pointer;
        position: relative;
        /*min-width: calc(100%/15); 진우 230117*/min-width: calc(100%/17); }
        div.goodgate-wrapper div#goodgate_tab ul li a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          text-decoration: none;
          color: #575757;
          outline: none; }
          div.goodgate-wrapper div#goodgate_tab ul li a span.count {
            display: inline-block;
            height: 20px;
            border-radius: 50%;
            line-height: 20px;
            text-align: center;
            font-weight: normal;
            position: relative;
            color: #333;
            top: -1px;
            margin-left: 3px;
            font-size: 11px;
            color: #f97373; }
            div.goodgate-wrapper div#goodgate_tab ul li a span.count.count-none {
              color: #e0e0e0; }
          div.goodgate-wrapper div#goodgate_tab ul li a:active, div.goodgate-wrapper div#goodgate_tab ul li a:focus {
            outline: none;
            border: none;
            box-shadow: none;
            -moz-outline-style: none; }
        div.goodgate-wrapper div#goodgate_tab ul li.active {
          background: #5a79a2;
          color: #fff; }
          div.goodgate-wrapper div#goodgate_tab ul li.active a {
            color: #fff; }
            div.goodgate-wrapper div#goodgate_tab ul li.active a span.count {
              color: #ffffff;
              opacity: 0.6; }
    div.goodgate-wrapper div#goodgate_tab.small ul {
      height: 36px; }
      div.goodgate-wrapper div#goodgate_tab.small ul li {
        height: 36px;
        line-height: 36px; }
    div.goodgate-wrapper div#goodgate_tab.medium ul li {
      width: 104px;
      min-width: calc(100%/15); }
    div.goodgate-wrapper div#goodgate_tab.tight ul li {
      /*width: 110px; 진우 230117 */ width: 97px; } 
  div.goodgate-wrapper .gg-table-box {
    display: block; }
    div.goodgate-wrapper .gg-table-box.address-box {
      -webkit-touch-callout: text;
      /* iOS Safari */
      -webkit-user-select: text;
      /* Safari */
      -khtml-user-select: text;
      /* Konqueror HTML */
      -moz-user-select: text;
      /* Old versions of Firefox */
      -ms-user-select: text;
      /* Internet Explorer/Edge */
      user-select: text;
      /* Non-prefixed version, currently
         supported by Chrome, Edge, Opera and Firefox */ }
    div.goodgate-wrapper .gg-table-box ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      div.goodgate-wrapper .gg-table-box ul li.row {
        list-style: none;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 45px;
        margin: 0; }
        div.goodgate-wrapper .gg-table-box ul li.row label {
          float: left;
          width: 240px;
          height: 45px;
          background: #f8f8f8;
          padding: 0 10px;
          border: 1px solid #e0e0e0;
          box-sizing: border-box;
          line-height: 45px;
          border-top: 0; }
          div.goodgate-wrapper .gg-table-box ul li.row label.filter-label {
            float: inherit;
            width: auto;
            height: auto;
            background: none;
            position: relative;
            display: inline-block;
            border: 0;
            top: 2px;
            line-height: inherit;
            padding: 0;
            min-width: 60px; }
            div.goodgate-wrapper .gg-table-box ul li.row label.filter-label input[type="checkbox"] {
              border-radius: 0;
              border-color: #9c9c9c; }
            div.goodgate-wrapper .gg-table-box ul li.row label.filter-label + .filter-label {
              margin-left: 10px; }
        div.goodgate-wrapper .gg-table-box ul li.row .value {
          display: block;
          margin-left: 240px;
          height: 45px;
          line-height: 45px;
          box-sizing: border-box;
          padding: 0 10px;
          background: #fff;
          border: 1px solid #e0e0e0;
          border-left: 0;
          color: #666;
          border-top: 0; }
          div.goodgate-wrapper .gg-table-box ul li.row .value textarea {
            border-color: #e0e0e0;
            border-radius: 0;
            width: 800px;
            height: 60px; }
          div.goodgate-wrapper .gg-table-box ul li.row .value input[type="radio"] {
            position: relative;
            top: -6px;
            margin-right: 3px; }
          div.goodgate-wrapper .gg-table-box ul li.row .value img.sc-icon {
            display: inline-block;
            width: 72px;
            height: auto; }
        div.goodgate-wrapper .gg-table-box ul li.row:first-child label {
          border-top: 1px solid #e0e0e0; }
          div.goodgate-wrapper .gg-table-box ul li.row:first-child label.filter-label {
            border: 0; }
        div.goodgate-wrapper .gg-table-box ul li.row:first-child div.value {
          border-top: 1px solid #e0e0e0; }
        div.goodgate-wrapper .gg-table-box ul li.row.row-tight label {
          width: 150px; }
        div.goodgate-wrapper .gg-table-box ul li.row.row-tight div.value {
          margin-left: 150px; }
      div.goodgate-wrapper .gg-table-box ul li.row-content {
        height: 100%;
        position: relative;
        min-height: 45px; }
        div.goodgate-wrapper .gg-table-box ul li.row-content label {
          height: 100%;
          position: absolute; }
        div.goodgate-wrapper .gg-table-box ul li.row-content div.value {
          height: auto;
          position: relative;
          padding: 10px;
          min-height: 45px;
          line-height: 1.6; }
          div.goodgate-wrapper .gg-table-box ul li.row-content div.value img {
            max-width: 250px; }
          div.goodgate-wrapper .gg-table-box ul li.row-content div.value span {
            display: block; }
            div.goodgate-wrapper .gg-table-box ul li.row-content div.value span.content-header {
              margin-bottom: 30px;
              font-weight: bold; }
          div.goodgate-wrapper .gg-table-box ul li.row-content div.value p {
            margin: 0; }
      div.goodgate-wrapper .gg-table-box ul + ul {
        margin-top: 15px; }
  div.goodgate-wrapper table.gg-table {
    width: 100%;
    border-collapse: collapse;
    border-color: #e0e0e0;
    border-top: 2px solid grey; }
    div.goodgate-wrapper table.gg-table tr th {
      background: #f8f8f8;
      font-weight: normal;
      padding: 10px;
      min-width: 150px;
      text-align: right; }
    div.goodgate-wrapper table.gg-table tr td {
      padding: 10px;
      text-align: left;
      min-width: 150px; }
  div.goodgate-wrapper table.list-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
    border-color: #e0e0e0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    -webkit-touch-callout: text;
    /* iOS Safari */
    -webkit-user-select: text;
    /* Safari */
    -khtml-user-select: text;
    /* Konqueror HTML */
    -moz-user-select: text;
    /* Old versions of Firefox */
    -ms-user-select: text;
    /* Internet Explorer/Edge */
    user-select: text;
    /* Non-prefixed version, currently
       supported by Chrome, Edge, Opera and Firefox */ }
    div.goodgate-wrapper table.list-table thead tr th {
      padding: 10px 0;
      font-weight: normal;
      background: #f8f8f8;
      border: 1px solid #e0e0e0; }
    div.goodgate-wrapper table.list-table tbody tr {
      background: #fff; }
      div.goodgate-wrapper table.list-table tbody tr.error {
        background: #fff2f2; }
      div.goodgate-wrapper table.list-table tbody tr td {
        padding: 10px;
        text-align: center;
        position: relative;
        border: 1px solid #e0e0e0; }
        div.goodgate-wrapper table.list-table tbody tr td div.error-message {
          position: absolute;
          bottom: 5px;
          left: 5px;
          width: 290px;
          color: red;
          box-sizing: border-box;
          text-align: left;
          padding: 5px 10px;
          border: 1px solid #ffeb8a;
          background: #fff2b3;
          border-radius: 20px;
          line-height: 1;
          font-weight: normal;
          font-size: 11px; }
          div.goodgate-wrapper table.list-table tbody tr td div.error-message.incorrect {
            background: #bf1ce8;
            color: #fff;
            border-color: #9b13be; }
        div.goodgate-wrapper table.list-table tbody tr td div.admin-message {
          position: absolute;
          bottom: 5px;
          left: 5px;
          width: 290px;
          color: #0da90b;
          box-sizing: border-box;
          text-align: left;
          padding: 5px 10px;
          border: 1px solid #e0e0e0;
          background: #fff;
          border-radius: 20px;
          line-height: 1;
          font-weight: normal;
          font-size: 11px; }
        div.goodgate-wrapper table.list-table tbody tr td div.list-buttons {
          position: relative; }
          div.goodgate-wrapper table.list-table tbody tr td div.list-buttons.list-up {
            top: auto; }
        div.goodgate-wrapper table.list-table tbody tr td span.sr-complete-message {
          position: absolute;
          bottom: 0;
          left: 0;
          border: 1px solid #f1f1f1;
          border-bottom: 0;
          border-left: 0;
          padding: 7px 10px;
          background: #fff;
          color: red;
          min-width: 900px;
          text-align: left;
          z-index: 10;
          font-weight: Bold;
          line-height: 1; }
          div.goodgate-wrapper table.list-table tbody tr td span.sr-complete-message button.shipping-button {
            font-size: 11px;
            font-weight: normal;
            background: #5a79a2;
            border: 1px solid #516d92;
            border-radius: 10px;
            padding: 3px 10px;
            margin-left: 10px;
            margin-right: 20px;
            color: #fff;
            cursor: pointer;
            width: auto;
            display: inline-block; }
            div.goodgate-wrapper table.list-table tbody tr td span.sr-complete-message button.shipping-button:hover {
              background: #486181;
              border-color: #3f5471; }
        div.goodgate-wrapper table.list-table tbody tr td.td-date {
          font-size: 11px; }
        div.goodgate-wrapper table.list-table tbody tr td.td-qty {
          color: red;
          font-weight: bold; }
        div.goodgate-wrapper table.list-table tbody tr td.td-price {
          color: red; }
        div.goodgate-wrapper table.list-table tbody tr td.td-hscode {
          color: #377eff; }
        div.goodgate-wrapper table.list-table tbody tr td span.link-to {
          display: block;
          width: 80px;
          font-size: 11px;
          border-radius: 10px;
          background: #f8f8f8;
          text-align: center;
          margin: 0 auto;
          border: 1px solid #e0e0e0;
          margin-top: 3px;
          position: relative;
          cursor: pointer;
          height: 18px; }
          div.goodgate-wrapper table.list-table tbody tr td span.link-to:hover {
            background: #e4e4e4; }
          div.goodgate-wrapper table.list-table tbody tr td span.link-to a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: #333; }
        div.goodgate-wrapper table.list-table tbody tr td img {
          display: block;
          width: 70px;
          height: 70px;
          margin: 0 auto;
          object-fit: cover; }
        div.goodgate-wrapper table.list-table tbody tr td .shipping-button {
          display: block;
          width: 70px;
          margin: 0 auto;
          padding: 3px 0;
          font-size: 11px;
          border-radius: 10px;
          cursor: pointer;
          background: #ffe59c;
          color: #333;
          border: 1px solid #ffde83;
          box-shadow: none; }
          div.goodgate-wrapper table.list-table tbody tr td .shipping-button:hover {
            background: #ffd869;
            border-color: #ffd150; }
        div.goodgate-wrapper table.list-table tbody tr td .list-button {
          display: block;
          box-sizing: border-box;
          width: 60px;
          margin: 0 auto;
          background: #f8f8f8;
          border: 1px solid #e0e0e0;
          padding: 3px 0;
          font-size: 11px;
          border-radius: 10px;
          line-height: 1.2;
          cursor: pointer;
          color: #333;
          text-decoration: none; }
          div.goodgate-wrapper table.list-table tbody tr td .list-button.wide {
            width: 125px;
            padding: 5px 0;
            border-radius: 15px; }
          div.goodgate-wrapper table.list-table tbody tr td .list-button + .list-button {
            margin-top: 2px; }
          div.goodgate-wrapper table.list-table tbody tr td .list-button:hover {
            background: #e9e9e9; }
          div.goodgate-wrapper table.list-table tbody tr td .list-button.button-red {
            background: #ff9191;
            color: #fff;
            border-color: #ff8282; }
            div.goodgate-wrapper table.list-table tbody tr td .list-button.button-red:hover {
              background: #ff5e5e;
              border-color: #ff4f4f; }
          div.goodgate-wrapper table.list-table tbody tr td .list-button.button-orange {
            background: #ffe59c;
            color: #333;
            border-color: #ffe18d; }
            div.goodgate-wrapper table.list-table tbody tr td .list-button.button-orange:hover {
              background: #ffd869;
              border-color: #ffd45a; }


			
          div.goodgate-wrapper table.list-table tbody tr td .list-button.button-modifyRed {
            background: #ffffff;
            color:  #434343;
            border-color: #ffbebeff; }
            div.goodgate-wrapper table.list-table tbody tr td .list-button.button-modifyRed:hover {
              background:  #f8f8f8;
			  color:  #434343;			  
              border-color: #ff8282; }			

			div.goodgate-wrapper table.list-table tbody tr td .list-button.button-modifyBlue {
			  background: #ffffff;
			  color: #434343;
			  border-color: #add8e6; /* 연한 블루 */
			}

			div.goodgate-wrapper table.list-table tbody tr td .list-button.button-modifyBlue:hover {
			  background: #f8f8f8;
			  color: #434343;
			  border-color: #0000ff; /* 진한 블루 */
			}
			
			  
          div.goodgate-wrapper table.list-table tbody tr td .list-button.button-blue {
            background: #89ceff;
            color: #fff;
            border-color: #7ac8ff; }
            div.goodgate-wrapper table.list-table tbody tr td .list-button.button-blue:hover {
              background: #56b9ff;
              border-color: #47b2ff; }
      div.goodgate-wrapper table.list-table tbody tr:hover {
        background-color: #f3f9ff; }
      div.goodgate-wrapper table.list-table tbody tr.reason-tr td {
        padding-bottom: 52px; }
        div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.error-message, div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.admin-message {
          background: #fff;
          bottom: -1px;
          left: -1px;
          border-radius: 0;
          border-color: #e0e0e0;
          width: 791px;
          padding: 10px;
          font-size: 12px;
          font-weight: bold;
          color: red; }
          div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.error-message img, div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.admin-message img {
            display: inline-block;
            width: 15px;
            height: auto;
            margin: unset;
            position: relative;
            top: 0;
            margin-right: 3px;
            opacity: 0.5; }
          div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.error-message span.title, div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.admin-message span.title {
            display: inline-block;
            font-weight: normal;
            font-size: 11px;
            background: #828282;
            padding: 5px 8px;
            color: #fff;
            border-radius: 3px;
            margin-right: 5px; }
        div.goodgate-wrapper table.list-table tbody tr.reason-tr td div.admin-message {
          color: #ff6a00; }

/*# sourceMappingURL=style.css.map */