#commentView ._SUB-MAIN{
  display: flex;
  flex-direction: column;
}

#commentView .container-comment {
  position: relative;
  flex: 1;
  overflow-y: auto;
}

#commentView .container-comment > .writer-comment{
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 5px;
  margin-top: 15px;
}

#commentView .container-comment > .writer-comment > label{
  font-size: 12px;
  font-weight: 500;
  color: #444444;
}

#commentView .container-comment > .writer-comment > a{
  position: absolute;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  right: 0;
  width: 50px;
  height: 50px;

  font-size: 12px;
  color: #666666;
}

#commentView .container-comment > .contents-comment{
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 8px;
}

#commentView .container-comment > .contents-comment p{
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  word-break: break-all;
}

#commentView .container-comment > .regDate-comment{
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}

#commentView .container-comment > .regDate-comment > label{
  font-size: 11px;
  font-weight: 400;
  color: #888888;
}

#commentView .container-comment > .list-reComment{
  color: #aaaaaa;
  margin-top: 8px;
  border-top: 4px #ededed solid;
}

#commentView .container-comment > .list-reComment > .reCommentRow{
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
}


#commentView .container-comment > .list-reComment > .reCommentRow+.reCommentRow{
  border-top: 1px #dedede dashed;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .writer-reComment{
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .writer-reComment label{
  font-size: 11px;
  font-weight: 500;
  color: #333333;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .writer-reComment span{
  font-size: 10px;
  font-weight: 400;
  color: #888888;
  margin-left: 10px;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .writer-reComment a{
  position: absolute;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  right: -20px;
  width: 50px;
  height: 50px;

  font-size: 12px;
  color: #666666;
}


#commentView .container-comment > .list-reComment > .reCommentRow > .contents-reComment{
}

#commentView .container-comment > .list-reComment > .reCommentRow > .contents-reComment p{
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  word-break: break-all;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .info-reComment{
  display: flex;
  align-items: center;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .info-reComment span{
  font-size: 11px;
  font-weight: 400;
}

#commentView .container-comment > .list-reComment > .reCommentRow > .info-reComment a{
  color: #444444;
  font-size: 11px;
  font-weight: 500;
  margin-right: 6px;
  border: 1px #888888 solid;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  /* border-left: 1px #dedede solid; */
}

#commentView .container-comment > .list-reComment > .reCommentRow > .info-reComment a.del{
  color: var(--red-color);
  border-color: var(--red-color);
}


#commentView .container-comment > .list-reComment > .reCommentRow.none{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

#commentView .container-comment > .list-reComment > .reCommentRow.none > label{
  font-size: 13px;
  font-weight: 500;
  color: #cccccc;
}

#commentView .container-commentChat{
  display: flex;
  align-items: flex-end;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-top: 8px;
  border-top: 1px #dedede solid;
}

#commentView .container-commentChat > .contents-commentChat{
  flex: 1;
  border: 1px #dedede solid;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#commentView .container-commentChat > .contents-commentChat > textarea{
  width: 100%;
  resize: none;
  overflow: hidden;
  max-height: 96px;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  border: none;
}

#commentView .container-commentChat > a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 13px;
  text-align: center;
  width: 50px;
  height: 34px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 20px;
  color: var(--main-color);
}