@charset "UTF-8";  

.subbanner{
  background: url(../images/portfoliobg.png) no-repeat;
  background-size: cover;
  height: 40vh;
background-position: center center;
position: relative;
z-index: -1
}

.subbanner .inner h2{
  color: #FFF;
text-align: center;
letter-spacing: -1px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%); /* IE 9 */
-webkit-transform:translate(-50%, -50%);
text-shadow: 2px 2px 2px gray;
}

.subbanner svg{
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateY(-50%);
  z-index: 2;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
}


@keyframes down {
	0% {
		transform: translate(0);
	}
	50% {
		transform: translateY(15px);
	}
	100% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	50% {
		transform: translateY(15px);
	}
	100% {
		transform: translate(0);
	}
}







.intro{
  padding-top: 40px;
  padding-bottom: 60px;
}

.portswiper{
  position: relative;
  padding-top:40px;


}
.portswiper h2{
  color: #000;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 40px;
padding-left: 10px;
}


.mySwiper04{
  background: #FAF8F6;
}
.mySwiper04 .swiper-wrapper{
position: relative;
}
.mySwiper04 .swiper-wrapper img{
  width:100%;
  /* height: 400px; */

}
.portfolioconcept{
  width:100%;
padding: 10px;
  vertical-align: top;

}
 
.mySwiper04 .swiper-slide span{
  display: inline-block;
  color: #7A7A7A;
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 30px;
border: 1px solid #7A7A7A;
padding: 6px 15px;
margin-right: 5px;
margin-top: 10px;
}
.mySwiper04 .swiper-slide strong{
  color: #000;
font-size:18px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
margin-bottom: 19px;
}
.mySwiper04 .swiper-slide p{
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}
.mySwiper04 .swiper-slide a.yellowBtn{
  display: block;
  /* padding: 15px 50px; */
  width: 170px;
height: 46px;
text-align: center;
margin-top: 20px;
cursor: pointer;

}
.interior{
padding: 40px 10px 60px 10px;
}
.interior h2,
.interior h1{
  color: #000;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
margin-bottom: 12px;
}
.interior p{
  color: #000;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 45px;
}



.interior .pa .ch h3{
  color: #000;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 20px;margin-bottom: 17px;
}
.interior .pa .ch h4{
  color: #000;
font-family: Pretendard;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
}
.interior .pa .ch span{
  display: inline-block;
  color: #FFB526;
text-align: center;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 30px;
border: 1px solid #FFB526;
    padding: 6px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.interior .interiorImg{
width: 100%;

}
.interiorDescrip{
  margin-bottom: 20px;
}