@import url("layout_B.css");
@import url("T3_B_main_widget.css"); 
@import url("../font/Montserrat/fonts.css"); 
@import url("/00_common/css/pop.css");

/*-----------------------------------------------------------
Author : hyerim Park
Creative date : 2021. 10. 07
-----------------------------------------------------------*/
 
.conBox01 {position:relative;}
.conBox02 {position:relative; padding:3rem 0; }
.conBox03 {position:relative; padding:3.5rem 0; height: auto; background:url('../../images/T3_B/main/bg_link3.png') no-repeat right bottom; }
.conBox03:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgb(0,192,250); background: -moz-linear-gradient(90deg, rgba(0,192,250,1) 0%, rgba(1,94,234,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,192,250,1) 0%, rgba(1,94,234,1) 100%); background: linear-gradient(90deg, rgba(0,192,250,1) 0%, rgba(1,94,234,1) 100%); opacity:0.1; }

.T3_B01 { position:relative; height:auto;  }
.T3_B02 { position:absolute; left:calc(50% - 700px); bottom:3.5rem; width:1400px; }
.T3_B03 { position:relative; float:left; width:33%; }
.T3_B04 { position:relative; float:left; width:25%; margin:0 4.5%;  }
.T3_B05 { position:relative; float:left; width:33%;}
.T3_B06 { position:relative; }


@media (max-width:1440px){ 
    .T3_B02 { position:relative; left:auto; bottom:auto; width:96%; left:2%; margin-top:-3rem;  }
}
@media (max-width:1240px){  
    .T3_B03 { width:100%; margin-bottom:2rem; }
    .T3_B04 { width:calc(100% - 25.5rem); margin:0 2rem 0 0; } 
    .T3_B05 { width:23.5rem; } 
}
@media (max-width:1200px){  
    .conBox02 { padding:2rem 0 1.5rem;}
    .conBox03 { padding:1.5rem 0; }

    .T3_B02 { margin-top:0;  }
}
@media (max-width:768px){  
    .T3_B04 { width:100%; } 
    .T3_B05 { width:100%;  margin-top:2rem; } 

}