@import url("sub.css");


/* TECH — INFO */
.tech_info{display:flex; flex-direction:column; gap:80px;}
.tech_info .tech_sec{display:flex; flex-direction:column; gap:30px;}
.tech_info .tech_sec h3{color:var(--black);}
.tech_info .thum_list{display:flex; gap:30px;}
.tech_info .thum_list li{flex:1; min-width:0;}
.tech_info .thum_list .img{display:block; width:100%; aspect-ratio:510/382.5; border-radius:var(--borderR30); overflow:hidden;}
.tech_info .thum_list.portrait .img{aspect-ratio:510/680;}
.tech_info .thum_list .img img{display:block; width:100%; height:100%; object-fit:cover;}






/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){





}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){




}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/* TECH — INFO */
.tech_info{gap:50px;}
.tech_info .tech_sec{gap:20px;}
.tech_info .thum_list{gap:20px;}
.tech_info .thum_list .img{border-radius:var(--borderR20);}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* TECH — INFO */
.tech_info{gap:30px;}
.tech_info .tech_sec{gap:15px;}
.tech_info .thum_list{gap:10px; flex-direction: column;}
.tech_info .thum_list .img{border-radius:var(--borderR10);}




}