@charset "UTF-8";
@font-face {
  font-family: 'Paperlogy-8ExtraBold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}
  



.Subpage_title{
  /* background: radial-gradient(105.35% 166.87% at 32.16% -63.74%, #FF5F00 0%, #191F28 100%); */
  background: linear-gradient(214deg, #000 -0.8%, #191F28 79.84%);
  padding-bottom: 80px;
}

.Subpage_title .inner{
padding:100px 90px 80px 90px
}
.Subpage_title .inner span{
  color: var(--Gray-200, #E5E8EB);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
}
.Subpage_title .inner h2{
  color: #FFF;

  font-size: 62px;
  font-style: normal;
  font-weight: 800;
  line-height: 84px; /* 135.484% */
}

/* 서브제목부분 공통---------- */
.PortPolioContents{
  text-align: center;
}
.PortPolioContents .inner{
  padding: 100px;
}
.Content_title span{
  color: #E5E8EB;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
}
.Content_title strong{
  display: block;
  color: #191F28;
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 60px; /* 136.364% */
}
.Content_title i{
  color:  #F60;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22px; 
}

/* .PortPolioContents:nth-child(odd){
  background: #fff;
}
.PortPolioContents:nth-child(even){
  background: #191F28;
} */
.PortPolioContents{
  background: #fff;
}
.blog_PortPolio{
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
margin-top: -46px;
}

.PortPolioContents:nth-child(even) .Content_title strong{
  color: #191F28;;
  
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 60px; /* 136.364% */
}

.pageWrap{
  display: flex;
justify-content: center;
align-items: center;
gap: 10px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 30px;
}
.pageWrap a{
  width: 32px;
height: 32px;
border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
line-height: 32px;
font-size: 14px;
font-style: normal;
font-weight: 600;

}
.pageWrap a.active{
  border-radius: 4px;
background: #F60;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;

}






.contetnsWrapper {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 100px;
gap: 10px;

}



.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}




/* ----------------------blog_PortPolio 시작------------------------ */


.blog_PortPolio .blogcase{
  width:234px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
align-items: center;
margin-bottom: 16px;
box-sizing: border-box;

}

.blog_PortPolio .casetop{
  width: 234px;
  height:234px;

}
.blog_PortPolio .casetop img{
  width: 234px;
  height:234px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.blog_PortPolio  .casetop span i{
  color: #FF5F00;
  font-size: 14px;
}



.blog_PortPolio .casebottom{
  background: #000;
  position: relative;
  padding:10px 14px;
  text-align: left;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius:  8px;

  }

  .blog_PortPolio .casebottom h6{
    color: var(--Grays-White, #FFF);
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
  }
     .blog_PortPolio .Progressioncase p.crossmidea{
  color:#191F28;
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 137.5% */
}

.blog_PortPolio .Progressioncase #Maximization{
  color: var(--Gray-600, #6B7684);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 122.222% */
margin-top: 24px;
margin-bottom: 48px;
}


/* ----------------------blog_PortPolio 끝------------------------ */