/* 비전/핵심가치 */

.valuebox .txtbox > ul{border: none;}


/* .valuebox .txtbox > ul > li:first-child{height: 60vh;}
.valuebox .txtbox > ul > li:first-child > div{display: flex; align-items: center; }  */
.valuebox .txtbox.value-li > ul > li + li{border: none; margin: 0;}
.valuebox .txtbox.value-li > ul > li{gap: 90px;}
.valuebox .txtbox.value-li .left {width: 120px;}
.valuebox .txtbox.value-li .left i img{max-width: 100%;}
/* .valuebox .txtbox.value-li > ul > li .right .tit span{font-size: 28px; line-height: 1;} */
/* .valuebox .txtbox .right p{font-size: 22px;}
.valuebox .txtbox.value-li > ul > li .right .flex > i:first-child{font-size: 24px;}
.valuebox .txtbox .right i{font-size: 20px;}
.valuebox .txtbox.value-li > ul > li .right .flex > i > i + i{margin-top: 14px;} */
/* .valuebox .txtbox.value-li > ul > li .right .flex > i{margin-top: 0; padding-top: 0; border-top: none;} */
/* .valuebox .txtbox.value-li > ul > li .right .flex{padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;} */


.valuebox .txtbox.value-li > ul{padding: 8px 0; display: flex; gap: 20px;}
.valuebox .txtbox.value-li > ul > li{flex-direction: column; align-items: center; gap: 26px; border-radius: 8px; background-color: #2d2d2d; margin: 12px 0; width: calc((100% - 40px) / 3); margin-left: auto; margin-right: auto; padding: 45px; border: none; margin: 0; box-sizing: border-box;}
.valuebox .txtbox.value-li > ul > li .right .flex {flex-direction: column;}
.valuebox .txtbox.value-li > ul > li .right .flex > i:first-child{width: 100%;}
.valuebox .txtbox.value-li > ul > li .right .flex > i:last-child{border-color: #444; width: 100%;}
.valuebox .txtbox.value-li .right{padding: 0; width: 100%;}
.valuebox .txtbox.value-li > ul > li .left{padding-top: 10px;}

.valuebox .txtbox > ul > li > div{padding: 0;}


/* ********************************************* *
 * 1620px max
 * ********************************************* */
 @media (max-width:1620px){

    .valuebox .txtbox > ul > li {max-width: calc(100% - 32px);}
   
    
}


/* ********************************************* *
 * 1440px max
 * ********************************************* */
 @media (max-width:1440px){
.valuebox .txtbox > ul > li + li{border: none;}


   
    
}
/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){

   
    
}

    
/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){

    
}


/* ********************************************* *
* 760px max
* ********************************************* */

@media (max-width:768px)
{
    
}

/* ********************************************* *
* 640px max
* ********************************************* */

@media (max-width:640px)
{

}

@media screen and (max-device-width: 480px){
  }