@font-face {
  font-family: 'TmonMonsori';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'RixYeoljeongdo_Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  overflow: hidden;
}
.big_container {
  width: 100%;
  height: 100vh;
  border: 1px solid antiquewhite;
  overflow: hidden;
  display: flex;
  transform: translateX(-1px) translateY(-1px);

}

/* 산업용 라인업 */
.big_container .factory {
  width: 16.6667%;
  height: 100vh;
  transition: .3s;
}
.big_container .factory:hover{
  width: 24%;
  transition: .3s;
}
.big_container .factory .img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background-image: url(/images/PTB/factory.jpg);
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.big_container .factory .img::before {
  width: 100%;
  height: 100vh;
  content: "";
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.big_container .factory .img:hover {
  scale: 1.05;
  transition: 0.2s;
}
.big_container .factory .img .it_box {
  position: absolute;
  bottom: 5%;
  width: 100%;
  height: 50px;
}
.big_container .factory .img .it_box .title {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.big_container .factory .img .it_box hr{
  width: 100px;
  border: none;
  height: 1px;
  background-color: #ffffff;
}
.big_container .factory .img:hover .it_box hr {
  width: 150px;
  transition: .3s;  
}
.big_container .factory .img:hover .it_box {
  position: absolute;
  bottom: 10%;
}
/* 사업장용 라인업 */
.big_container .business {
  width: 16.6667%;
  height: 100vh;
  transition: .3s;
}
.big_container .business:hover{
  width: 24%;
  transition: .3s;
}
.big_container .business .img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background-image: url(/images/PTB/business.jpg);
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.big_container .business .img::before {
  width: 100%;
  height: 100vh;
  content: "";
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.big_container .business .img .it_box {
  position: absolute;
  bottom: 5%;
  width: 100%;
  height: 50px;
}
.big_container .business .img .it_box .title {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.big_container .business .img .it_box hr{
  width: 100px;
  border: none;
  height: 1px;
  background-color: #ffffff;
  
}
.big_container .business .img:hover .it_box hr {
  width: 150px;
  transition: .3s;  
}
.big_container .business .img:hover .it_box {
  position: absolute;
  bottom: 10%;
}
/* 수산용 라인업 */
.big_container .sea {
  width: 16.6667%;
  height: 100vh;
  transition: .3s;
}
.big_container .sea:hover{
  width: 24%;
  transition: .3s;
}
.big_container .sea .img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background-image: url(/images/PTB/derek-oyen-ENTnRXtHhzc-unsplash.jpg);
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.big_container .sea .img::before {
  width: 100%;
  height: 100vh;
  content: "";
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.big_container .sea .img .it_box {
  position: absolute;
  bottom: 5%;
  width: 100%;
  height: 50px;
}
.big_container .sea .img .it_box .title {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.big_container .sea .img .it_box hr{
  width: 100px;
  border: none;
  height: 1px;
  background-color: #ffffff;
  
}
.big_container .sea .img:hover .it_box hr {
  width: 150px;
  transition: .3s;  
}
.big_container .sea .img:hover .it_box {
  position: absolute;
  bottom: 10%;
}
/* 가정용 라인업 */
.big_container .home {
  width: 16.6667%;
  height: 100vh;
  transition: .3s;
}
.big_container .home:hover{
  width: 24%;
  transition: .3s;
}
.big_container .home .img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background-image: url(/images/PTB/home.jpg);
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.big_container .home .img::before {
  width: 100%;
  height: 100vh;
  content: "";
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.big_container .home .img .it_box {
  position: absolute;
  bottom: 5%;
  width: 100%;
  height: 50px;
}
.big_container .home .img .it_box .title {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.big_container .home .img .it_box hr{
  width: 100px;
  border: none;
  height: 1px;
  background-color: #ffffff;
  
}
.big_container .home .img:hover .it_box hr {
  width: 150px;
  transition: .3s;  
}
.big_container .home .img:hover .it_box {
  position: absolute;
  bottom: 10%;
}
/* 산소수 */
.big_container .water {
  width: 16.6667%;
  height: 100vh;
  transition: .3s;
}
.big_container .water:hover{
  width: 24%;
  transition: .3s;
}
.big_container .water .img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background-image: url(/images/PTB/water.jpg);
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.big_container .water .img::before {
  width: 100%;
  height: 100vh;
  content: "";
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.big_container .water .img .it_box {
  position: absolute;
  bottom: 5%;
  width: 100%;
  height: 50px;
}
.big_container .water .img .it_box .title {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.big_container .water .img .it_box hr{
  width: 100px;
  border: none;
  height: 1px;
  background-color: #ffffff;
  
}
.big_container .water .img:hover .it_box hr {
  width: 150px;
  transition: .3s;  
}
.big_container .water .img:hover .it_box {
  position: absolute;
  bottom: 10%;
}
/* 에어드라이어, 모듈 */
.big_container .air_dryer {
  width: 16.6667%;
  height: 100vh;
  transition: .3s;
}
.big_container .air_dryer:hover{
  width: 24%;
  transition: .3s;
}
/* .big_container .air_dryer:hover {
  scale: 1.1;
  transition: 0.1s;
} */
.big_container .air_dryer .img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  background-image: url(/images/PTB/air_dryer.jpg);
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.big_container .air_dryer .img::before {
  width: 100%;
  height: 100vh;
  content: "";
  background-color: black;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.big_container .air_dryer .img .it_box {
  position: absolute;
  bottom: 5%;
  width: 100%;
  height: 50px;
}
.big_container .air_dryer .img .it_box .title {
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  z-index: 1;
}
.big_container .air_dryer .img .it_box hr{
  width: 100px;
  border: none;
  height: 1px;
  background-color: #ffffff;
}
.big_container .air_dryer .img:hover .it_box hr {
  width: 150px;
  transition: .3s;  
}
.big_container .air_dryer .img:hover .it_box {
  position: absolute;
  bottom: 10%;
}