.gc-tree-item > a > div[new="new"]::before {
  content: "New";
  padding: 2px 4px;
  border-radius: 4px;
  margin-left: 10px;
  background: rgb(247, 167, 17);
  font-size: 10px;
  color: white;
  white-space: nowrap;
  font-weight: 400;
  letter-spacing: -0.1em;
  text-transform: uppercase;
}

.btn_with-product-style {
  background: #e87722;
}

.btn_with-product-style:hover {
  background: #e87722;
}

.description-title h1 {
  border-left: 4px solid #e87722;
}

.app-content-description h1 {
  border-left: 4px solid #e87722;
}

.gc-tree-item[data-selected="true"] {
  border-right-color: #e87722;
  color: #e87722;
}

.app-menu-text_item[data-isselected="true"] > a {
  border-bottom-color: #e87722;
}

.tab_item_selected_style2[data-selected="true"] {
  border-bottom-color: #e87722;
}

.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
  background-color: #e87722;
}

.loading-ring div {
  border-color: #e87722 transparent transparent transparent;
}

.app-breadcrumb {
  color: #e87722;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

h3 {
  font-weight: bold !important;  
}

th {
  padding: 0.25rem 0.5rem;
  text-align: left;
  background: #f0f0f0;
  border: 1px solid #d2d2d2;
  font-weight: normal;
}

td {
  padding: 0.25rem 0.5rem;
  border: 1px solid #d2d2d2;
}

.app-sample-btn {
  display: none;
}

.btn-code_icon {
  background-color: #ed7422;
}

[current-demo-path^="Reports"] .gc-playground_code {
  display: none;
}

.btn-code_edit-in-code-mine{
  border: 2px solid #ed7422;
  padding: 7px;
  border-radius: 5px;
  background-color: rgb(243, 242, 242);
  color: #ed7422;
  border-color: #ed7422;
}

footer {
  background-color: #535c67;
  color: #FFFFFF;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Noto Sans KR', sans-serif;
  font-family: 'Poppins', sans-serif;
  padding: 8rem 0;
  font-weight: 400;
}
footer * {
  margin: 0;
  padding: 0;
}
footer ul li {
  list-style: none;
}
footer a {
  color: #FFFFFF;
  text-decoration: none !important;
}
footer a:visited, footer a:hover, footer a:active, footer a:focus {
  color: #FFFFFF;
  text-decoration: none !important;
}
footer .container .company-info .img-wrap {
  width: 200px;
}
footer .container .company-info .img-wrap img {
  width: 100%;
}
footer .container .company-info .sns {
  overflow: hidden;
  margin-top: 1rem;
}
footer .container .company-info .sns li {
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  float: left;
  margin-right: 12px;
}
footer .container .company-info .sns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
footer .container .company-info .sns li a i {
  font-size: 1.25rem;
}
footer .container .company-info .sns li a:hover {
  background-color: #FFFFFF;
  color: #535c67;
}
footer .container .company-info p.copyright {
  font-size: .875rem;
}
footer .container .site-nav {
  display: flex;
  gap: 2rem;
}
footer .container .site-nav ul li h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
}
footer .container .site-nav ul li ul li {
  margin-bottom: 1rem;
  font-weight: 400;
  display: block;
}
@media screen and (max-width: 1024px) {
  footer .container .site-nav {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
 }
  footer .container .site-nav ul {
    width: 204px;
 }
  footer .container .site-nav ul li h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
 }
  footer .container .site-nav ul li ul li {
    margin-bottom: 1rem;
    font-weight: 400;
 }
}
@media screen and (max-width: 768px) {
  footer {
    padding: 2rem 0;
 }
  footer .container .company-info {
    margin-bottom: 2rem;
 }
}

#app-footer {
  padding: 0 !important;
}
.react-root-element {
  --product-color: #ed7422;
}