.relative {
  position: relative;
}
.-left-3 {
  left: -0.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-4 {
  margin-bottom: 1rem;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.shrink-0 {
  flex-shrink: 0;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.items-center {
  align-items: center;
}
.rounded-full {
  border-radius: 9999px;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 234 / var(--tw-bg-opacity));
}
.p-6 {
  padding: 1.5rem;
}
.leading-4 {
  line-height: 1rem;
}
.text-\[\#fb7b15\] {
  --tw-text-opacity: 1;
  color: rgb(251 123 21 / var(--tw-text-opacity));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(194 120 3 / var(--tw-text-opacity));
}
a.endorsement_link {
  display: flex;
  align-items: center;
}
a.endorsement_link > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
a.endorsement_link {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 234 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
a.endorsement_link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 178 / var(--tw-bg-opacity));
  text-decoration-line: none;
}
a.endorsement_link:focus {
  text-decoration-line: none;
}
.endorsement_section__hd {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
}
.endorsement_section__hd > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.endorsement_section__ld {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.endorsement {
  margin-top: 1rem;
}
.endorsement__header {
  display: flex;
  align-items: center;
}
.endorsement__header > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.endorsement__name {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
.endorsement__name > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.endorsement__name {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.endorsement__profile {
  font-size: 11px;
  line-height: 1.4;
  margin-bottom: 15px;
}
.hover\:\!bg-yellow-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 253 234 / var(--tw-bg-opacity)) !important;
}

.atp-wrap {
  align-items: center;
  background: #f6f6f6;
  color: inherit;
  padding: 15px;
  margin-top: 20px;
}

.atp-wrap .contact-inside {
  display: flex;
}

.news_dtl_atcl .atp-wrap .contact-img {
  max-width: 100px;
  object-fit: contain;
  flex: 3;
}

.news_dtl_atcl .atp-wrap .contact-text {
  font-size: 13px;
  flex: 7;
  margin-left: 18px;
  margin-bottom: 0px;
}

.news_dtl_atcl .atp-wrap .contact-inside {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .main .atp-wrap {
      width: 650px;
      margin-left: auto;
      margin-right: auto;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.endorser_profile_wrapper {
  position: relative;
  margin-bottom: 10px;
  height: auto;
  overflow: hidden;
}

.show_more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38px;
  padding-top: 11px;
  text-align: center;
  line-height: 38px;
  background: linear-gradient(to bottom, rgb(255, 255, 255,0) 0%, rgb(253 253 234 / var(--tw-bg-opacity)) 100%);
  cursor: pointer;
  font-size: 13px;
}

.open .show_more {
  background: transparent;
}

.active .show_more:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.news_rank_jenre .list .pic span {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  line-height: 18px;
  background: #5fb0ba;
  color: #fff;
  font-size: 12px;
  padding: 0 .3em;
}