.label {
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: var(--fontSizeXs);
  font-weight: var(--fontWeightBold);
  border: 1px solid var(--colorGray600);
}
.support-title-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--fontSizeBase);
  line-height: var(--lineHeightMd);
}
.btn-right-group .secondary {
  color: var(--colorPrimary);
  border: 2px solid var(--colorPrimary);
}
.inquiry-btn {
  margin-top: 30px;
}
.connection-ip {
  font-weight: var(--fontWeightBold);
  line-height: var(--lineHeightMd);
}
.connection-ip span {
  color: var(--colorPrimary);
}
.ip-desc-box {
  display: flex;
  border-top: 1px solid var(--colorGray600);
}
.ip-desc-box ul {
  flex: 1;
}
.ip-desc-box ul li {
  display: flex;
  font-size: var(--fontSizeMd);
  border-bottom: 1px solid var(--colorGray300);
}
.ip-desc-box ul li p:first-child {
  width: 240px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-weight: var(--fontWeightBold);
  background-color: var(--colorGray100);
}
.ip-desc-box ul li p:last-child {
  line-height: 76px;
  padding-left: 40px;
}
.notice-table-group .tbody li a,
.faq-table-group .tbody li a,
.inquiry-table-group .tbody li a{
  justify-content: flex-start;
  grid-template-columns: auto auto;
  gap: 0;
}
.notice-table-group .tbody li a img,
.faq-table-group .tbody li a img,
.inquiry-table-group .tbody li a img{
  margin-left: 10px;
}
@media (hover: hover) and (pointer: fine) {
  .support-title-txt:hover span{
    text-shadow: 0 0 0 currentColor;
    -webkit-text-stroke: 0.3px currentColor;
    text-decoration : underline;
    text-underline-offset : 5px;
  }
}
@media all and (max-width: 1279px) {
  .faq-tab-box ul li:nth-child(2) button,
  .faq-tab-box ul li:nth-child(3) button {
    border-bottom: 1px solid var(--colorGray300);
  }
  .mo-table > ul > li a {
    width: 100%;
    display: grid;
    align-items: center;
    gap: 0 16px;
  }
  .notice-table-group>ul>li>a{
    grid-template-columns: 1fr auto;
  }
  .faq-table-group>ul>li>a{
    grid-template-columns: auto 1fr auto;
  }
  .inquiry-table-group>ul>li>a{
    grid-template-columns: auto 1fr auto;
  }
  .support-table-title-group,
  .inquiry-table-title-group {
    display: grid;
    align-items: center;
    justify-content: flex-start;
    grid-template-columns: auto auto;
    gap: 0;
  }
  .support-table-title-group img,
  .inquiry-table-title-group img{
    margin-left: 10px;
  }
  .ip-desc-box {
    flex-direction: column;
  }
  .faq-tab-box ul{
    grid-template-columns: 1fr 1fr 1fr;
    height: 80px;
  }
  .faq-tab-box ul li:first-child button,
  .faq-tab-box ul li:nth-child(2) button,
  .faq-tab-box ul li:nth-child(3) button{
    border-bottom: none;
  }
  .page-tab-box ul li:nth-child(3n) button{
    border-right: 1px solid var(--colorGray300);
  }
}

@media all and (max-width: 767px) {
  .mo-table > ul > li a {
    grid-template-columns: 1fr;
    gap: 4px 0;
  }
  .support-table-title-group {
    width: 100%;
  }
  .label {
    margin-bottom: 4px;
  }
  .search-group.search-connection-ip-group {
    flex-direction: column;
    align-items: center;
  }
  .ip-desc-box ul li {
    flex-direction: column;
    font-size: var(--fontSizeBase);
  }
  .ip-desc-box ul li p:first-child {
    width: 100%;
    height: 54px;
    line-height: 54px;
  }
  .ip-desc-box ul li p:last-child {
    height: 54px;
    line-height: 54px;
    text-align: center;
    padding: 0;
  }
  .support-title-txt {
    font-size: var(--fontSizeSm);
    line-height: var(--lineHeightBase);
  }
  .support-table-title-group img,
  .inquiry-table-title-group img{
    margin-left: 6px;
  }
}