@import url('sub.css');

/* integrate,collaborative 공통 list 스타일 */
.service_list {display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:30px}
.service_list li {background:var(--white); border-radius:10px; padding:40px; position:relative}
.service_list li i {position:absolute; top:40px; left:40px}
.service_list li .t_box {padding-left:120px}
.service_list li .t_box h4 {margin-bottom:8px}

.collaborative_cont .page_num {display:none}
.integrated_cont .page_num {display:none}

/* Oversight */
.oversight_cont .img_wrap {width:100%; border-radius:10px; overflow:hidden; margin-bottom:40px}
.oversight_cont .img_wrap img {width:100%; height:auto; object-fit:cover; display:block; max-height:440px}
.oversight_cont .t_box p:first-child {margin-bottom:15px}
.oversight_cont .t_box p span.bold {color:var(--main); display:inline-block}

.project_cont .img_wrap {width:100%; margin-bottom:40px; max-width:1240px}
.project_cont .img_wrap img {width:100%; height:auto; object-fit:cover; display:block}
.project_cont .t_box p:first-child {margin-bottom:15px}
.project_cont .t_box p span.bold {color:var(--main); display:inline-block}




/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
.oversight_cont .t_box p br {display:none}
.project_cont .t_box p br {display:none}
}
/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){
.service_list {grid-gap:10px}
.service_list li {background:var(--white); border-radius:10px; padding:20px; position:relative}
.service_list li i {position:absolute; top:20px; left:20px}
.service_list li i img {width:60px}
.service_list li .t_box {padding-left:100px}

}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
.service_list {grid-template-columns:repeat(1, 1fr)}
.service_list li {border-radius:5px}
.service_list li .t_box {padding-left:80px}
.service_list li .t_box h4 {margin-bottom:5px}

.oversight_cont .img_wrap {border-radius:5px; margin-bottom:30px}
.oversight_cont .t_box p:first-child {margin-bottom:10px}
.project_cont .img_wrap {margin-bottom:30px}
.project_cont .t_box p:first-child {margin-bottom:10px}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
.service_list li .t_box {padding-left:60px}
.service_list li i img {width:40px} 

.oversight_cont .img_wrap {margin-bottom:20px}
.oversight_cont .t_box p:first-child {margin-bottom:5px}
.project_cont .img_wrap {margin-bottom:20px}
.project_cont .t_box p:first-child {margin-bottom:5px}

}