@charset "UTF-8";

.view .note{
	text-align: right;
}
@media screen and (max-width:500px){
	.view .note{
		text-align: left;
	}
}

#view-gimic{
  height:304px;
  overflow-x:visible;
  overflow-y: hidden;
  -webkit-overflow-scrolling:touch;
  position: relative;
}
#view-gimic img{
  width:auto;
  height: 100%;
}

#view-gimic::-webkit-scrollbar{
  width:16px;
}
#view-gimic::-webkit-scrollbar-track{
  height: 10px;
  background-color: transparent;
}

#view-gimic-inner{
  width:100%;
  height: 100%;
}

.view-container{
  width:100%;
  max-width:1200px;
  margin: 0 auto;
  position: relative;
}

.view-container .view-arrow-cls{
  position: absolute;
  top:50%; transform: translateY(-50%);
  width:2.3076923077%;
  cursor: pointer;
}
.view-container .view-arrow-cls img{width:100%; height: auto; display: block;}

.view-container .view-arrow-cls#arrow-left{
  left: 20px;
}
.view-container .view-arrow-cls#arrow-right{
  right: 20px;
}



@media screen and (max-width:600px){
  #view-gimic{
    height:340px;
  }
  .view-container .view-arrow-cls{
    width:20px;
  }
  .view-container .view-arrow-cls#arrow-left{
    left: 10px;
  }
  .view-container .view-arrow-cls#arrow-right{
    right:10px;
  }
}

@media screen and (max-width:500px){
  #view-gimic{
    height:300px;
  }
}

@media screen and (max-width:400px){
  #view-gimic{
    height:260px;
  }
}




/*-------------------

aos custom

-------------------*/

[data-aos=fade-right2]{transform:translate3d(-15%,0,0)}