.selectbox1{
  border: 1px solid black;
  text-align:left;
  border-radius:15px;
}
.selectbox1-1{
display: flex;
text-align:left;
}
.selectbox1-1-1{
  padding:15px;
}
.selectbox1-2{
  display: flex;
  
  }
  .selectbox1-3{
    display: flex;
    }
      
    .rtbox{
        display: flex;
        justify-content: space-between;
        }
        .lastBtn1{
            display: flex;
            
            }
        .lastBtn2{
            padding-right:1em;
        }
            
        .als{
          display:flex;
          justify-content:space-between;
        }
        
        .als1{
          display:contents;
          padding:3px;
        }
        
        .alas1{
          padding:10px;
          padding-top:10px;
          margin-bottom:10px;
          font-weight:bolder;
          
        }
        
        .stats{
          display:flex;
          justify-content:space-between;
          padding:0px;
          margin:0px;
          height:105px;
        }
        
        .box1{
            background-color: rgb(248, 224, 217);
        
            border-radius: 0.5em;
            width:660px;
            height:90px;
            color:cornflowerblue;
            font-size:medium;
            font-weight:bold;
            padding: 10px;
        
        }
        
        .box1-1{
            position: relative;
            top:-47%;
            left: 30px;
            color:rgb(58, 58, 192);
            font-size:x-large;
            font-weight:bold;
            width:600px;
            height:50px;
            text-align:left;
            display:flex;
        }
        
        .box2{
        
            background-color: skyblue;
            border: 2px solid skyblue;
            border-radius: 0.5em;
            width:250px;
            height:90px;
        }
        .box3{
            background-color: rgb(212, 255, 198);
        
            border-radius: 0.1em;
            width:170px;
            height:90px;
            color:rgb(255, 36, 36);
            font-size:80px;
            font-weight:bold;
            text-align: center;
            padding:1px;
        }
        
        .box4{
            margin:-23px;
        }
        
        
        .box{
            position: relative;
            top:25%;
            left: 5%;
        
        }
        
          .timerBox .time{
            font-size: 46pt;
                color: #ffffff;
            font-family: sans-serif;
            top:-0.3em;
            left:50px;
        
          }
        
          .bi-alarm{
            padding:1em;
            margin:10px;
            position: absolute;
            left:-10%;
            top:-0.65em;
        
          }
          
        .time{
            position: absolute;
            top:-70%;
            left:45%;
            margin-top:-19px;
            margin-left:8px;
            
        }
        
        .stats0{
            padding:0px;
            
        }
        
        #choice1{
          cursor: pointer;
        }
        #choice2{
            cursor: pointer;
        }
        #choice3{
            cursor: pointer;
        }
        #choice4{
            cursor: pointer;
        }
        #choice5{
            cursor: pointer;
        }
        
        #test1{
          color:red;
          font-size: 17pt;
          font-weight:bold;
          border: dotted 2px skyblue;
        }
        
        
        
        
        
        /* 버튼 */
        
        .button-51 {
          background-color: transparent;
          border: 1px solid #266DB6;
          box-sizing: border-box;
          color: #00132C;
          font-family: "Avenir Next LT W01 Bold",sans-serif;
          font-size: 16px;
          font-weight: 700;
          line-height: 24px;
          padding: 16px 23px;
          position: relative;
          text-decoration: none;
          user-select: none;
          -webkit-user-select: none;
          touch-action: manipulation;
        }
        
        .button-51:hover,
        .button-51:active {
          outline: 0;
        }
        
        .button-51:hover {
          background-color: transparent;
          cursor: pointer;
        }
        
        .button-51:before {
          background-color: #D5EDF6;
          content: "";
          height: calc(100% + 3px);
          position: absolute;
          right: -7px;
          top: -9px;
          transition: background-color 300ms ease-in;
          width: 100%;
          z-index: -1;
        }
        
        .button-51:hover:before {
          background-color: #6DCFF6;
        }
        
        
        
        
        /* 툴팁 */
        /* Tooltip container */
        .tooltip1 {
            position: relative;
            display: inline-block;
            border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
          }
          
          /* Tooltip text */
          .tooltip1 .tooltiptext {
            visibility: hidden;
            width: 240px;
            background-color: #555;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
          
            /* Position the tooltip text */
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -60px;
          
            /* Fade in tooltip */
            opacity: 0;
            transition: opacity 0.3s;
          }
          
          /* Tooltip arrow */
          .tooltip1 .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
          }
          
          /* Show the tooltip text when you mouse over the tooltip container */
          .tooltip1:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
          }