h1 {
  margin: 0;
  padding: 0;
}
.proj_mainContainer {
  position: fixed;
  width: 92vw;
  height: 100vh;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1.3fr 0.7fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "imgSection textSection";
  background-color: #dfdbcc;
  padding-bottom: 0;
}
.proj_imgSection {
  background-color: white;
  overflow-y: scroll;
  grid-area: imgSection;
  margin: 0;
  padding-top: 1vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: grid;
  list-style: none;
  background-color: #dfdbcc;
  padding-bottom: 5vw;
}

.proj_imgSection::-webkit-scrollbar {
  width: 1.2vw;
}

.proj_imgSection::-webkit-scrollbar-track {
  background-color: #ffffef;
}

.proj_imgSection::-webkit-scrollbar-thumb {
  background-color: #571010;
}
.proj_imgSection::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 1.2vw;
  background-color: #571010;
  cursor: pointer;
}
.proj_imgSection::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 1.2vw;
  background-color: #571010;
  border-radius: 0%;
  cursor: pointer;
}
.proj_imgContents img {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5vh;
}
.proj_imgContents li {
  list-style-type: none;
}
.proj_textSection {
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  overflow-y: scroll;
  margin: 0;
  width: 100%;
  grid-area: textSection;
  /* text-align: center;
    justify-content : center; */
  border-bottom: 1px solid #bebebe;
  background-color: #ffffef;
  padding-bottom: 5vw;
}
.projectTitle {
  font-size: 1.5vw;
  padding-top: 1.5vw;
}
.textInfo {
  padding-top: 1.5vw;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.8fr 1.2fr;
  grid-template-rows: 1fr;
  list-style: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  /* font-size: 1.3vw;
  line-height: 1.8vw; */
  padding-bottom: 1.5vw;
}
.textContents {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-rows: 0.5fr, 0.5fr, 1fr, 1fr;
}
.textDescription {
  /* font-size: 1.3vw;
  line-height: 1.8vw; */
}
#textDesKr {
  margin-top: 5vw;
  margin-bottom: 5vw;
  /* font-size: 1.25vw;
  line-height: 1.8vw; */
}
.textmemo {
  /* font-size: 1.2vw;
  line-height: 1.6vw; */
  padding-top: 2vw;
}
#textmemoKr {
  margin-top: 5vw;
  /* font-size: 1.2vw;
  line-height: 1.7vw; */
}

/*-------------------- 1280px -------------------- */
@media (min-width: 1280px) {
  .projectTitle {
    font-size: 1.3vw;
  }
  .textInfo {
    font-size: 1vw;
    line-height: 1.4vw;
  }
  .textDescription {
    font-size: 1vw;
    line-height: 1.4vw;
  }
  #textDesKr {
    font-size: 0.9vw;
    line-height: 1.3vw;
    margin-top: 6vw;
  }
  .textmemo {
    font-size: 0.9vw;
    line-height: 1.1vw;
  }
  #textmemoKr {
    border-top: 1vh solid #dfdbcc;
    font-size: 0.8vw;
    line-height: 1.2vw;
    margin-top: 6vw;
  }
}

/*-------------------- 900px -------------------- */
@media (max-width: 900px) {
  .proj_mainContainer {
    position: fixed;
    width: 92vw;
    height: 100vh;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1.3fr 0.7fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: "imgSection textSection";
    background-color: #dfdbcc;
    padding-bottom: 0;
  }
  .proj_textSection {
    padding-bottom: 20vw;
  }
  .proj_imgSection {
    padding-bottom: 20vw;
  }
  .proj_textSection::-webkit-scrollbar {
    width: 0vw;
  }
  .proj_imgSection::-webkit-scrollbar {
    width: 0vw;
  }
  .projectTitle {
    font-size: 2.3vw;
  }
  .textInfo {
    font-size: 2vw;
    line-height: 2.5vw;
    grid-template-columns: 1fr 1fr;
  }
  .textDescription {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  #textDesKr {
    font-size: 1.9vw;
    line-height: 2.6vw;
    margin-top: 6vw;
  }
  .textmemo {
    font-size: 1.5vw;
    line-height: 2vw;
  }
  #textmemoKr {
    font-size: 1.4vw;
    line-height: 2vw;
    margin-top: 6vw;
  }
}

/*-------------------- 600px -------------------- */
@media (max-width: 600px) and (orientation: portrait) {
  .proj_mainContainer {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: block;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: 1.4fr 0.6fr;
    gap: 0px 0px;
    grid-template-areas:
      "textSection"
      "imgSection ";
    background-color: #dfdbcc;
    padding-bottom: 0;
  }
  .proj_textSection {
    padding-bottom: 40vh;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .proj_imgSection {
    padding-bottom: 0vw;
  }
  .projectTitle {
    font-size: 5vw;
  }
  .textInfo {
    font-size: 3.5vw;
    line-height: 4.5vw;
    grid-template-columns: 1fr 1fr;
  }
  .textDescription {
    font-size: 3.4vw;
    line-height: 4vw;
  }
  #textDesKr {
    font-size: 3.3vw;
    line-height: 4.6vw;
    margin-top: 10vw;
  }
  .textmemo {
    font-size: 2.9vw;
    line-height: 3.5vw;
  }
  #textmemoKr {
    font-size: 2.9vw;
    line-height: 4vw;
    margin-top: 10vw;
  }

  .proj_imgSection {
    overflow: hidden;
  }
}