@charset "utf-8";

.about-top{padding-top:150rem;padding-bottom:0;}
.about-top .inner{display:flex;flex-direction:column;}

.about-info{display:flex;align-items:stretch;justify-content:space-between;gap:40rem;width:100%;padding-bottom:150rem;border-bottom:1px solid var(--gray-200);}
.about-info .txt-box{display:flex;flex:1;flex-direction:column;justify-content:space-between;}
.about-info .txt-box h3{margin:0;font-size:var(--font45);font-weight:var(--fw-bold);line-height:1.4;letter-spacing:-.45rem;color:var(--bk-deep);}
.about-info .desc{display:flex;flex-direction:column;gap:24rem;}
.about-info .desc p{margin:0;font-size:var(--font18);line-height:1.5;letter-spacing:-.36rem;color:var(--gray-500);}
.about-info-img{flex:0 0 46.5%;aspect-ratio:651/426;background:url('../img/sub/company/info.jpg') no-repeat center / cover;}

.about-promise{padding-top:150rem;padding-bottom:100rem;}
.about-promise-lst{width:100%;}
.about-promise-lst ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30rem;}
.about-promise-lst li{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:40rem;padding:50rem;aspect-ratio:635/350;background:var(--main-pale);}
.about-promise-lst .ico{display:flex;align-items:center;justify-content:center;width:100rem;aspect-ratio:1;border-radius:50%;background:var(--main-light);}
.about-promise-lst .ico img{display:block;width:45%;height:auto;}
.about-promise-lst .txt{width:100%;display:flex;flex-direction:column;gap:12rem;}
.about-promise-lst strong{font-size:var(--font24);font-weight:var(--fw-bold);letter-spacing:-.48rem;color:var(--bk-deep);}
.about-promise-lst p{margin:0;font-size:var(--font18);line-height:1.5;letter-spacing:-.36rem;color:var(--gray-600,#424242);}

.about-closing{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.about-closing-bg{width:100%;}
.about-closing-bg img{width:100%;}
/* .about-closing-bg{position:absolute;inset:0;z-index:0;background:center/cover no-repeat;}
.about-closing-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 2%,rgba(255,255,255,0) 44%);} */
.about-closing .closing-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:40rem;text-align:center;width:100%;}
.about-closing h3{margin:0;font-size:var(--font45);font-weight:var(--fw-bold);line-height:1.4;letter-spacing:-.45rem;color:var(--bk-deep);}
.about-closing p{margin:0;font-size:var(--font24);letter-spacing:-.48rem;color:var(--gray-600,#424242);}

@media screen and (max-width:1200px){
  .about-info{flex-direction:column;}
  .about-info-img{flex:none;width:100%;aspect-ratio:16/10;}
}
@media screen and (max-width:800px){
  .about-top{padding-top:var(--sec-pad);}
  .about-info{padding-bottom:var(--sec-pad);gap:24rem;}
  .about-info .txt-box h3,.about-promise .sec-head h3,.about-closing h3{font-size:var(--font45);}
  .about-info-img{aspect-ratio:16/10;}
  .about-promise{padding:var(--sec-pad) 0;}
  .about-promise-lst ul{grid-template-columns:1fr;gap:16rem;}
  .about-promise-lst li{aspect-ratio:auto;padding:28rem;gap:24rem;}
  .about-promise-lst .ico{width:56rem;}
  /* .about-promise-lst .ico img{width:40rem;} */
  .about-closing p{font-size:var(--font18);}
}