body {
     margin : 0;
  height: 100vh;
  background: #F2f0f0;
  font-family: 'Gothic A1', sans-serif;
  padding-left: 6vw;
  padding-right: 6vw;


  font-size:11pt;
  line-height : 1.5;
  
}


/* 태블릿 */
@media (max-width: 768px) {
  body {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

/* 모바일 */
@media (max-width: 480px) {
  body {
    padding-left: 2vw;
    padding-right: 4vw;
  }
}



.title2 {
font-size : 14pt;

}

.body {
        display: grid;
  grid-template-columns: 1fr 1fr
}


.new {
  padding-left : 2vw;
}



.grid3 {
      display: grid;
  grid-template-columns: 1fr 1fr 2fr; 
}

table {
  border-collapse: collapse;
  width: 50vw;
}




td, th {
  padding: 2px 2px; /* 상하 8px, 좌우 12px */
  border-bottom: 1px solid black;
}



a {
 color : darkgray;
 text-decoration: overline dotted;
 
}
  
.fire {
  background-color: #96b1ee;
  
}


td a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px dotted #000000; /* 줄은 있되 깔끔하게 */
  transition: all 0.2s ease;
}

td a:hover {
  color: #e7f2ab;          
  border-bottom: 1px solid #d8e022;
}



.floating {
  animation: float 2s ease-in-out infinite;
}

@keyframes float {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-40px); }
  100% { transform: translateY(0px); }
}