.design-area-wrap {
  flex: auto;
  background: #F5F6F7;
  display: flex;
  flex-direction: column;
  padding-left: 1px;
  .phone_view_area {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    
    .device_border {
      width: 375px;
      height: 691px;
      overflow: scroll;
      border: 10px solid #FFF;
      border-radius: 12px;
      .active_node {
        border: 1px dashed red;
      }
    }
  }
  .pc_view_area {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    
    .device_border {
      padding: 1px;
      max-width: 1240px;
      width: 100%;
      min-height: 80vh;
      border: 16px solid #FFF;
      border-radius: 12px;
      max-height: calc(100vh - 120px);
      overflow: scroll;
      .active_node {
        border: 1px dashed red;
      }
    }
  }
}