/* 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;} */

.timer-wrapper {
        position: relative; 
        display: inline-block; /* 이미지 크기에 딱 맞게 */
    }

        .container {
            
	background-image:url('bg.jpg');
	position:relative;
	width:400px;
	height:500px;
        }

        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;
            
        }

	.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 */