@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

    *{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}
 


body {
  margin: 20px;
cursor: crosshair;

}
 








.제 {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10.9pt;
  margin: 20px 0;
}

.제 summary {
  cursor: pointer; /* 클릭 가능한 느낌 */
  list-style: none; /* 기본 삼각형 제거 가능 */
}

.제 summary::-webkit-details-marker {
  display: none; /* 브라우저 기본 삼각형 제거 */
}

.제 img {
  width: 300px;
  margin-top: 15px;
}




.제목{ font-family: "IBM Plex Mono", monospace;
  font-size: 16pt;
  font-weight: ;
  margin: 20px 0;
  display: inline;
  align-items: baseline;   /* ⭐ 핵심 */
  gap: px;
}

.가은{font-size: 10pt;
     opacity: 0.6;
}

.hor1 { 
	margin: 20px 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  border: none;
  height: 1px;
  background: black;
}
.hor { 
	margin: 20px 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  border: none;
  height: 1px;
  background: black;
}


.clock {
  min-width: 120px; 
  margin-left: 0px;
}

.text {
  display: block;
  font-size: 11pt;

  line-height: 17pt;

}


.main {
  display: block;
  margin-bottom: 0px;
   
}

.sub {
  display: block;
  margin-top: 0px;   
  opacity: 0.6;
  font-size: 0.9em;}

  .clock {
  display: inline-block;
  transition: color 0.2s ease;

}

.clock {
  display: inline-block;
  transition: color 0.15s ease, transform 0.15s ease;
}

.clock:hover {
  color: #D6D6D6;
  transform: translate(-1px, -1px);
}

.floating-box {
  position: fixed;
  bottom:30px;
  right: 30px;

  width: 140px;
  height: 30px;

  background: #fff;
  border: 1px solid #000;

  box-sizing: border-box;
  z-index: 9999;

  animation: float 6s ease-in-out infinite;

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

}

@keyframes float {
  0%   { transform: translate(0, 0); }
  33%  { transform: translate(-4px, -6px); }
  66%  { transform: translate(3px, -3px); }
  100% { transform: translate(0, 0); }
}


.파리{font-family: "IBM Plex Mono", monospace;
  font-size: 10.5pt;}

  a {
  text-decoration: none;
  color: black;
}
a:hover {
  color:  #D6D6D6;
}



@media screen and (max-width: 704px) {

}