@charset "utf-8";
.about .top_sec { }
.about .top_sec .tbinner {position:relative; }
.about .top_sec .top_wrap {display:flex; flex-wrap:wrap; }
.about .top_sec .top_wrap .top_img { width:550px; }
  .about .top_img .img_wrap {position: relative; width: 100%;
  height: 0; padding-bottom: 120%; overflow: hidden; border-radius:20px;}
  .about .top_img .img_wrap img {width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover;}
.about .top_sec .titleArea { width:calc(100% - 550px); padding-left:100px;}


.about .tbl_lay01 li {display:flex; align-items: center;}
.about .tbl_lay01 li .tit {width:150px; background-color:#bc2531; padding:7px 15px; border-radius:40px; color:#fff;}
.about .tbl_lay01 li .cont {width:calc(100% - 150px); padding-left:20px; }

.about .bullet {position:relative; padding-left:12px;}
.about .bullet::before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; background-color: #a9a9a9;}

@media screen and (max-width:1200px){
  .about .top_sec .top_wrap .top_img { width:450px; }
  .about .top_sec .titleArea { width:calc(100% - 450px); padding-left:50px;}
}
@media screen and (max-width:1024px){
  .about .top_sec .top_wrap .top_img { width:100%; }
  .about .top_sec .top_wrap .top_img,
  .about .top_sec .titleArea{margin:0 auto;}

  .about .top_img .img_wrap { padding-bottom: 50%; border-radius:15px; }
  .about .top_sec .titleArea { width:100%; padding-left:0px; }
  .about .titleArea{text-align: center;}
}
@media screen and (max-width:768px){
  .about .top_img .img_wrap { padding-bottom: 65%; }
  .about .tbl_lay01 li .tit {width:100px;}
  .about .tbl_lay01 li .cont {width:calc(100% - 100px); padding-left:15px; }
}