.newsit {
  position: relative;
  height: 100%;
  border-radius: 1.2rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .newsit:hover .newsit-img .in::before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }
  .newsit:hover .newsit-img .in img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1); }
  .newsit:hover .newsit-tt {
    color: #96171A; }
  .newsit:hover .newsit-btn {
    color: #2B3789; }
  .newsit-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem 2rem; }
    .newsit-tag .tag {
      color: #5A5A5A;
      --f-sz: 1.4rem;
      font-size: var(--f-sz);
      font-family: var(--font-sec);
      font-weight: 400;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: relative; }
      @media screen and (max-width: 800px) {
        .newsit-tag .tag {
          --f-sz: 1.2rem; } }
      .newsit-tag .tag:not(:last-child)::before {
        position: absolute;
        content: "";
        right: calc(-1 * 1.2rem);
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background-color: #5A5A5A;
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 100%; }
      .newsit-tag .tag span {
        font-weight: 500;
        text-decoration: underline; }
    .newsit-tag a:hover {
      color: #96171A; }
  .newsit-text {
    --f-sz: 1.5rem;
    font-size: var(--f-sz);
    font-weight: normal;
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    color: #5A5A5A;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-sec); }
    @media screen and (max-width: 800px) {
      .newsit-text {
        --f-sz: 1.3rem; } }
    @media screen and (max-width: 800px) {
      .newsit-text {
        --f-sz: 1.4rem; } }
  .newsit-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%; }
  .newsit-link {
    position: absolute;
    inset: 0;
    z-index: 1; }
  .newsit-img {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .newsit-img .in {
      height: 100%;
      display: block;
      padding-top: calc((300 / 414) * 100%);
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .newsit-img .in::before {
        position: absolute;
        content: '';
        top: 0;
        left: -85%;
        z-index: 2;
        pointer-events: none;
        display: block;
        width: 50%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
      .newsit-img .in img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1); }
  .newsit-des {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.4rem;
    padding: var(--dist24); }
    .newsit-des-in {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 1.2rem; }
      .newsit-des-in .txt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
  .newsit-btn {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 700;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #96171A;
    text-decoration: underline;
    margin-top: auto; }
    @media screen and (max-width: 800px) {
      .newsit-btn {
        --f-sz: 1.4rem; } }
  .newsit-txt {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (max-width: 800px) {
      .newsit-txt {
        --f-sz: 1.4rem; } }
  .newsit-tt {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1E1E1E;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 140%;
    font-family: var(--font-thr); }
    .newsit-tt .in {
      display: block; }

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