.cm-container {
  position: relative;
  width: 550px;
  height: 550px;
  /* border: solid 2px #f0bc12; */
  left: 39px;
  top: 33px;
  -khtml-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  box-sizing: border-box;
}
.cm-container .cm-items {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: auto;
  left: 190px;
  top: 264px;
  box-sizing: border-box;
}
.cm-container .cm-items .cm-item {
  position: absolute;
  list-style: none;
  width: 150px;
  box-sizing: border-box;
}
.cm-container .cm-items .cm-item.selected {
  display: none;
}
.cm-container .cm-items .cm-item a {
  /* position: relative; */
  position: fixed;
  color: #f0bc12;
  padding-left: 30px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  box-sizing: border-box;
}
.cm-container .cm-items .cm-item a:hover {
  color: #f0bc12;
  padding-left: 32px;
}
.cm-container .cm-items .cm-item a:before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f0bc12;
  -khtml-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.cm-container .cm-selected-container {
  position: absolute;
  width: 100px;
  height: 100px;
  border: solid 3px #f0bc12;
  -khtml-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
  /* right: -50px; */
  right: 497px;
  top: 225px;
  text-align: center;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.cm-container .cm-selected-container .cm-selected-label {
  height: 74px;
  width: 74px;
  overflow: hidden;
  font-weight: 700;
  color: #f0bc12;
  font-size: 85%;
  box-sizing: border-box;
}
.cm-container .cm-selected-container .cm-selected-label span {
  display: table-cell;
  vertical-align: middle;
  height: inherit;
  width: inherit;
}
.cm-container .cm-selected-container .cm-button {
  position: absolute;
  width: 28px;
  height: 28px;
  font-size: 20px;
  cursor: pointer;
  top: 36px;
  color: #f0bc12;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.cm-container .cm-selected-container .cm-button:hover {
  color:#f0bc12;
}
.cm-container .cm-selected-container .cm-button.cm-button-prev {
  left: -32px;
}
.cm-container .cm-selected-container .cm-button.cm-button-prev:hover {
  left: -34px;
}
.cm-container .cm-selected-container .cm-button.cm-button-next {
  right: -32px;
}
.cm-container .cm-selected-container .cm-button.cm-button-next:hover {
  right: -34px;
}

/*20201104*/
.cm-container .cm-items .cm-item a:before{}
.cm-container .cm-items .cm-item a{}
.cm-container .cm-selected-container{width:280px; padding:0px; line-height:85px; height:90px;     border-radius: 0px 50px 50px 50px ;text-align:center; right:390px; background:#f0bc12;}
.cm-container .cm-selected-container .cm-selected-label{width:100%; height:auto;     text-align: center;    display: table;     font-size: 120%;     color: #fff;}
.cm-container .cm-selected-container .cm-button{top:0;}
.cm-container .cm-items .cm-item a{color:#000;}

/* 230130 rotatearea2 다시 만들기 */
.rotatearea2 .wrap2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    margin-bottom: 8vh;
    text-align: center;
    align-items: center;
  }
  
.rotatearea2 .wrap2 li {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: #666666;
    color: #fff;
    text-align: center;
    align-items: center;
    margin-top: 3vh;
    position: relative;
    cursor: pointer;
  }
  .rotatearea2 .wrap2 .active {
    background-color: #f0bc12 !important;
  }


  .rotatearea2 .wrap2 li div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 23px;
  }

  .rotatearea2 .wrap2 li:first-child {
  }

/* 230127 반응형 */
@media screen and (max-width:480px){
  .cm-container .cm-selected-container {
    line-height: 70px;
    height: 80px;
    top: 235px;
    border-radius: 50px 50px 50px 50px;
  }

  .cm-container .cm-items .cm-item a:before {
    top: 5px;
  }

  .rotatearea2 .wrap2 li {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #f0bc12;
    color: #fff;
    text-align: center;
    align-items: center;
    margin-top: 3vh;
    position: relative;
  }

  .rotatearea2 .wrap2 li div {font-size: 19px;}
}