/* 인트로 시작 */
.intro-contents{
  position: relative;
  height: 100vh;
  z-index: -3;
}
.intro-div{
  position: relative;
  display: flex;
  width : 100%;
  height: calc(100% - 150px);
  min-height: 450px;
  z-index: -2;
}
.intro-title{
  width: 100%;
  height : 150px;
  text-align: center;
  line-height: 180px;
  font-size: 50px;
}
.contents-div1, .contents-div2, .contents-div3{
  position: relative;
  width : 100%;
  height: 100%;
  padding :20px;
  display: flex;
  justify-content: center;
  z-index: -1;
}
.conClick{
  width : 80%;
  position: absolute;
  padding: 0 175px;
  transition: all 0s;
  z-index: 999;
}
.scrollHidden{
  overflow: hidden;
}
.contents-div1 .about , .contents-div2 .ability, .contents-div3 .image{
  cursor: pointer;
}
.image:hover, .about:hover, .ability:hover{
  transform: scale(1.02);
  transition: all 0.5s;
}
.contents-div1 .about{
  position: relative;
  width : 100%;
  height : 80vh;
  min-height: 300px;
  background-color : rgb(224, 226, 218);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size : 3vw;
}
.contents-div2 .ability{
  position: relative;
  width : 100%;
  height : 80vh;
  min-height: 300px;
  background-color :rgb(204, 176, 241);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size : 3vw;
}
.contents-div3 .image{
  position: relative;
  width : 100%;
  height : 80vh;
  min-height: 300px;
  background-color :rgb(253, 181, 184);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size : 3vw;
}