.progress-bar {
  display: inline-block;
  width: 20vw;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  margin: 0.5em 0;
  height: 2vw;
  border: 1px solid #98B5D7;
  }
  
  .progress-bar .progress {
    display: inline-block;
    background-color: #98B5D7;
    height: 2.2vw;
    line-height: 2vw;
    color: #fff;
    text-align: center;
    transition: width 0.3s ease;
  }
  
  body.progress-check-page{
		.merone-progress-check-container{
      padding-top:3.9vw;
    
p{
  font-family: "Yu Gothic", sans-serif;
  font-weight: 700;
}

.overall-progress {
  padding-top: 1.2vw;
  padding-left: 1.8vw;
}
    .merone-progress-check{
      h1{
        font-size:calc(20vw / 14.4);
        color:#1E2635;
        font-weight:700;
        margin-bottom:0.9vw;
      }
      
      h2{
        font-size:calc(20vw /14.4);
        color:#1957B1;
        font-weight:400;
        margin-left:1.8vw;
      }
      .course-progress{
        margin-top: 1.2vw;
                  display: flex
  ;
                  flex-direction: row;
                  justify-content: start;
                  flex-wrap: wrap;
        gap:4vw;
        
.progress-bar{
  height:1vw;
}

        .group-progress{
          h2{
            font-size:calc(18vw /14.4);
            color:#1E2635;
            font-family:"Yu Gothic", sans-serif;
          }
          
.progress-title{
  font-family: "Yu Gothic", sans-serif;
  font-weight: 700;
  height:1vw;
}

.progress-bar{
  width:8vw;
}

          &.setup{
            ul{
              border:1px solid #E9EBEF;
                              position: relative;
                              left: 1.8vw;
                              top: 0.6vw;
                              width: 16vw;
                              height: 18vw;
                              padding-left:2.7vw;
                              padding-top: 1.2vw;
              li{
                list-style:none;
                font-size:calc(16vw / 14.4);
                font-weight:500;
                margin-bottom:1.5vw;
              }
            }
          }				
          &.practical{
            ul{
              border:1px solid #E9EBEF;
                              position: relative;
                              left: 1.8vw;
                              top: 0.6vw;
                              width: 27vw;
                              height: 18vw;
                              padding-left:2.7vw;
                              padding-top: 1.2vw;
                              display: flex;;
                              flex-wrap: wrap;
                              flex-direction: row;
                              justify-content: start;
                                            li{
                list-style:none;
                font-size:calc(16vw / 14.4);
                font-weight:500;
                margin-bottom:1.5vw;
                margin-right: 2vw;
              }
            }
          }
        }
        
      }
    }
    }
  }