/* =========================================================
   V207 MATCH COUNTING STATUS
   ========================================================= */


/* 경기 링크 배지 */

a.v207-excluded-link{
  position:relative;
}


a.v207-excluded-link::after{
  content:"통계 제외";

  display:inline-flex;

  align-items:center;

  min-height:20px;

  margin-left:7px;

  padding:
    0 6px;

  border:
    1px solid
    rgba(221,166,82,.55);

  border-radius:5px;

  background:
    rgba(120,82,28,.18);

  color:#e8b96f;

  font-size:9px;
  font-weight:1000;

  line-height:1;

  vertical-align:middle;

  white-space:nowrap;
}


/* =========================================================
   MATCH DETAIL BANNER
   ========================================================= */

.v207-banner{
  width:min(
    1280px,
    calc(100% - 30px)
  );

  display:grid;

  grid-template-columns:
    54px
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:15px;

  margin:
    15px auto;

  padding:
    16px 18px;

  border:
    1px solid #755b39;

  border-radius:12px;

  background:
    linear-gradient(
      135deg,
      rgba(78,55,26,.95),
      rgba(31,28,25,.97)
    );

  color:#f5ead7;

  font-family:
    Arial,
    "Noto Sans KR",
    sans-serif;

  box-sizing:border-box;
}


.v207-banner *{
  box-sizing:border-box;
}


.v207-banner-icon{
  display:flex;

  align-items:center;
  justify-content:center;

  width:50px;
  height:50px;

  border:
    1px solid
    rgba(232,185,111,.4);

  border-radius:10px;

  background:
    rgba(232,185,111,.09);

  color:#efbd70;

  font-size:25px;
  font-weight:1000;
}


.v207-banner-main{
  min-width:0;
}


.v207-banner-main > span{
  display:block;

  color:#bc9156;

  font-size:10px;
  font-weight:1000;

  letter-spacing:.13em;
}


.v207-banner-main > strong{
  display:block;

  margin-top:5px;

  font-size:16px;
}


.v207-banner-main > p{
  margin:
    5px 0 0;

  color:#bca98e;

  font-size:11px;
  line-height:1.55;
}


.v207-banner-side{
  min-width:100px;

  text-align:right;
}


.v207-banner-side > b{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:31px;

  padding:
    0 9px;

  border:
    1px solid
    rgba(232,185,111,.48);

  border-radius:7px;

  background:
    rgba(232,185,111,.09);

  color:#efbd70;

  font-size:10px;
  font-weight:1000;
}


.v207-banner-side > small{
  display:block;

  margin-top:6px;

  color:#907d64;

  font-size:9px;
}


@media(max-width:650px){

  .v207-banner{
    grid-template-columns:
      44px
      minmax(0,1fr);

    gap:11px;

    padding:
      13px;
  }


  .v207-banner-icon{
    width:42px;
    height:42px;

    font-size:21px;
  }


  .v207-banner-side{
    grid-column:
      2;

    text-align:left;
  }


  a.v207-excluded-link::after{
    margin-left:4px;

    font-size:8px;
  }

}