@charset "utf-8";

.about {position:relative;}
.about::after {content: ""; position: absolute; right: 0; bottom: 0; height: 100%; width: calc(50% - 500px); background: linear-gradient(90deg,rgba(15, 155, 218, 1) 0%, rgba(15, 55, 143, 1) 100%); z-index: -1;}

.about .secWrap {display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap;}
.about .titSec {width:calc(100% - 550px); padding-right:100px;}
.about .imgSec {width:550px;}
.about .imgSec img {width:100%;}

.pdl10 {padding-left:10px;}

/*테이블*/
.about table { width:100%; border-bottom: 1px solid #d8d8d8; border-collapse: collapse; font-size:2rem;}
.about table caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
.about table th { padding:20px 10px 16px; border-bottom:1px solid #d8d8d8; background-color:#f6f6f6; color:#111; line-height:1.2em; }
.about table th:first-child {border-top:1px solid #d8d8d8;}
.about table td {padding: 20px 00px 16px; border-top:1px solid #d8d8d8; color:#747474; line-height:1.2em; text-align:center; }

@media(max-width: 1200px){
  .about .titSec {width:calc(100% - 400px); padding-right:70px;}
  .about .imgSec {width:400px;}
  .about::after {width: calc(50% - 200px);}
}
@media(max-width: 1024px){
  .pdl10 {padding-left:7px;}
}
@media(max-width: 768px){
  .pdl10 {padding-left:5px;}
  .about::after { height:50%}
  .about .titSec {width:100%; padding-right:0;}
  .about .imgSec {width:100%;}
  .about table { margin-bottom:50px; font-size:1.8rem;}
}

@media(max-width: 560px){

}

@media(max-width: 480px){

}