/* BASIC css start */
#specialEvt {border: 1px solid #000; }
#specialEvt .tit-pop { text-align: center; }
#specialEvt .close-wrap { position: relative; padding: 5px 0; color: #fff; background-color: #000; }
#specialEvt .close-wrap .close { position: relative;margin-left: auto; margin-right: auto; text-align: left;background-color: #000;padding: 0 10px;}
#specialEvt .close-wrap .close .btn-close { position: absolute; right: 10px; color:#fff; }
/* #specialEvt .close-wrap .close .btn-close { position: absolute; right: 10px; top: 3px;} */
            @keyframes fast-seesaw-pause {
  /* 0초 ~ 3초 구간: 빠르게 흔들림 (0% ~ 약 23%) */
  0% { transform: rotate(0deg); }
  1% { transform: rotate(-5deg); }
  3% { transform: rotate(5deg); }
  5% { transform: rotate(-5deg); }
  7% { transform: rotate(5deg); }
  9% { transform: rotate(-5deg); }
  11% { transform: rotate(0deg); }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
  /* 3초 ~ 13초 구간: 정지 (23% ~ 100%) */
  100% { transform: rotate(0deg); }
}
.timer-wrapper {
        position: relative; 
        display: inline-block; /* 이미지 크기에 딱 맞게 */
    }

        .container {
            

	position:relative;
	width:400px;
	height:500px;
    margin: 0 auto;     /* 중앙 정렬 필요 시 */
        }

        h1 {
            margin-bottom: 30px;
            color: #ff4757;
            font-size: 2em;
        }

        /* 타이머 전체를 감싸는 박스 */
        .timer-wrapper {
	margin-top:396px;
            display: flex; /* 가로로 나열 */
            justify-content: center;
            gap: 1px; /* 박스 사이 간격 */

        }

       
        .time-box {
            display: flex;
            flex-direction: column;
            align-items: center;

            padding: 15px 10px;
            
        }
.shake-box{
position: absolute;
left:60px;
top:15px;
  animation: fast-seesaw-pause 5s ease-in-out infinite;
  transform-origin: center; /* 중심을 기준으로 회전 */
}
	.time-box1{
position: absolute;
left:60px;
top:410px;
	}
	.time-box2{
position: absolute;
left:162px; top:410px;
	}

	.time-box3{
position: absolute;
left:264px; top:410px;
	}


        .number {
            font-size: 3.5em; 
            font-weight: bold;
            color: black;
            line-height: 1;
	letter-spacing:14px;
        }

        /* 단위(시간, 분, 초) 텍스트 디자인 */
        .unit {
            font-size: 0.8em;
            color: #aaa;
            margin-top: 5px;
        }
/* BASIC css end */