a {text-decoration: none; color: inherit; display: block;}
ul, li {list-style: none; }
img {display: block; }



td img
{
display: block;
width: 100%;
}

.wrap {
  max-width: 970px;
  width: 100%;
}



 .time_top {
  background: #c4b29a;
  font-family: 'SUIT-Medium';
  width: 100%;
  padding: 8% 0 11%;
}


#timer {
  display: flex;
  justify-content: center;
  font-size: 7vw;
  font-weight: 700;
  color: #ffffff;
  width: 90%;
  margin: 0 auto;
}

#timer div {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 35vw;
  height: 12vw;
  background: #232323;
  border-radius: 7px;
  margin: 0 4%;
  position: relative;
}

#timer div::after {
  position: absolute;
  top: 30%;
  right: -35%;
  content: '';
  width: 1vw;
  height: 1vw;
  border-radius: 100%;
  background: #232323;
}

#timer div::before {
  position: absolute;
  bottom: 30%;
  right: -35%;
  content: '';
  width: 1vw;
  height: 1vw;
  border-radius: 100%;
  background: #232323;
}

#timer div:last-child::after {
  display: none;
}
#timer div:last-child::before {
  display: none;
}

#timer div span {
  color: #232323;
  display: block;
  font-size:  3vw;
  font-weight: 400;
  position: absolute;
  bottom: -65%;
  left: 50%;
  transform: translate(-50%, -50%);
}




.nav_bar .sep-nav {
  background-color: #232323;
  max-width: 970px;
  width: 100%;
  margin: 0 auto; /* PC 가운데 정렬 */
}

.nav_bar .sep-nav.fixed {
  position: fixed;
  top: 112px;
  background-color: #232323;
  z-index: 10;
  width: 100%;
}

.nav_bar .sep-nav.fixed .nav-title {
  border-bottom: 1px solid #232323;
}

.nav-title {
  width: 100%;
  display: flex;
  justify-content: center;
  height: auto;
  margin: 0;
  padding: 0;
}

.nav-title li {
  flex: 1;
  position: relative;
}

.nav-title li::after {
  position: absolute;
  top: 35%;
  right: 0;
  width: 1px;
  height: 30%;
  background: #fff;
  content: '';
  display: block;
}

.nav-title li:last-child::after {
  display: none;
}

.nav-title a {
  display: block;
  padding: 18px 0; /* % 제거 (핵심) */
  color: #fff;
  font-size: 26px;
  font-family: 'SUIT';
  font-weight: 700;
  text-align: center;
}

.nav-title a.on {
  font-weight: 600;
  color: #fff;
}

.nav-title a span {
  font-weight: 100;
}

/* ===================== */
/* 📱 모바일 대응 */
/* ===================== */
@media (max-width: 768px) {

  .nav_bar .sep-nav {
    max-width: none; /* 🔥 핵심 해결 */
  }

  .nav_bar .sep-nav.fixed {
    top: 65px; /* 모바일 헤더 높이에 맞게 */
  }

  .nav-title a {
    font-size: 14px;
    padding: 12px 0;
  }

  .nav-title li::after {
    height: 20%;
  }
}