.technologyWrap{
    /* background-color:rgb(219, 219, 219) ; */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;

}
.tech{
    /* width: 1280px; */
    width: 100%;
    height: 967px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.techB{
    background-color: #F1F7FF;
}
.techG{
    background-color: #F5F6F9;
}

.tech > .techCenter{
    width: 1280px;
    display: flex;
    flex-direction: column;
    align-items: center;

}

/* techTitle ----------------------------------------------------------------------------*/
.tech > .techCenter > .techTitle{
    width: 100%;
}
.tech > .techCenter > .techTitle > span{
    font-size: 47px;
    line-height: 40px;
    font-weight: 600;
    color:#1D1D1F;
}
.tech > .techCenter > .techTitle > .ai{
    color:#3182F6;
    padding-right: 12px;

}
/* techBottom ----------------------------------------------------------------------------*/
.tech > .techCenter > .techBottom{
    padding: 42px 0 20px 0;
}
.tech > .techCenter > .techBottom > .techText{
    display: flex;
    flex-direction: row;
    width: 1280px;
    justify-content: space-between;
}
.tech > .techCenter > .techBottom > .techText > .techText01{
    width: 627px;
    height: 232px ;
    background-color: #FDFDFD;
    border-radius: 20px;
    border: 1px solid #D0D3D9;
    padding: 27px 0 0 30px;
}
.tech > .techCenter > .techBottom > .techText > .techText01 > .techTextTitle{
    color:#1D1D1F;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 15px;
    line-height: 28px;
}
.tech > .techCenter > .techBottom > .techText > .techText01 > .techTextContents{
    color:#1D1D1Fcc; 
    /* 1D1D1F의 80% */
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    line-height: 30px;

}




/* techImgImg ----------------------------------------------------------------------------*/
.tech > .techCenter > .techImg > .techImgImg{
    width: 1280px;
    height: auto;
}



/* 반응형------------------------------------------------ */
#pagewrap.mobile .tech{
    width: 100%;
    height: 100%;
    padding: 300px 0;
}
#pagewrap.mobile .tech > .techCenter{
    width: 90%;
    height: 100%;
}

#pagewrap.mobile .techBottom,
#pagewrap.mobile .techText{
    width: 100%;
}

#pagewrap.mobile .techText01{
    width: 100%;
    height: 100%;
    padding: 60px 60px 20px 60px;
}

#pagewrap.mobile .tech > .techCenter > .techBottom > .techText{
    flex-direction: column;
}


#pagewrap.mobile .tech > .techCenter > .techImg > .techImgImg {
    width: 100%;
    height: auto;
}

#pagewrap.mobile .tech > .techCenter > .techTitle > span{
    font-size:60px;
    line-height: 60px;
}

#pagewrap.mobile .techTextTitle{
    font-size: 40px;   
    line-height: 40px;
    padding-bottom: 45px;
}
#pagewrap.mobile .techTextContents{
    font-size: 40px;   
    line-height: 40px;
    padding-bottom: 35px;
}

#pagewrap.mobile .tech > .techCenter > .techBottom {
    padding: 90px 0 90px 0;
}

#pagewrap.mobile .techText>.techText01:first-child{
    margin-bottom: 50px;
}
#pagewrap.mobile .tech > .techCenter > .techTitle{
    display: flex;
    justify-content: center;
}