@charset "utf-8";
/* ==========================================================================
   DJ LOGIS KOREA - CEO 인사말
   ========================================================================== */

.grt-wrap{display:flex;gap:70px;align-items:flex-start}

.grt-img{flex:0 0 40%;position:relative}
.grt-img .ph{position:relative;border-radius:var(--dj-radius);overflow:hidden;background:var(--dj-sky) url(../../img/sub/ceo.jpg) center/cover no-repeat}
.grt-img .ph:before{content:"";display:block;padding-top:122%}
.grt-img .deco{position:absolute;left:-18px;top:-18px;width:120px;height:120px;border:3px solid var(--dj-blue);border-radius:var(--dj-radius);z-index:-1}
.grt-img .sign{margin-top:26px;padding:22px 26px;background:var(--dj-sky-2);border-radius:var(--dj-radius-s);border-left:3px solid var(--dj-blue)}
.grt-img .sign span{display:block;font-size:14.5px;color:var(--dj-txt-2)}
.grt-img .sign b{display:block;margin-top:6px;font-size:21px;font-weight:800;color:var(--dj-navy);letter-spacing:-0.035em}

.grt-txt{flex:1 1 auto}
.grt-txt .slogan{font-size:36px;font-weight:800;line-height:1.4;color:var(--dj-navy);letter-spacing:-0.045em}
.grt-txt .slogan .pt{color:var(--dj-blue)}
.grt-txt .slogan:after{content:"";display:block;width:44px;height:3px;background:var(--dj-blue);margin-top:26px}
.grt-txt .hello{margin-top:34px;font-size:20px;font-weight:700;color:var(--dj-navy);line-height:1.6;letter-spacing:-0.035em}
.grt-txt .body{margin-top:22px}
.grt-txt .body p{font-size:16.5px;line-height:1.95;color:var(--dj-txt-2);letter-spacing:-0.02em}
.grt-txt .body p + p{margin-top:20px}
.grt-txt .body p b{color:var(--dj-navy);font-weight:700}
.grt-txt .thanks{margin-top:26px;font-size:16.5px;color:var(--dj-txt-2)}

.grt-quote{margin-top:40px;padding:30px 34px;background:var(--dj-sky-2);border-radius:var(--dj-radius);position:relative}
.grt-quote:before{content:"\201C";position:absolute;left:22px;top:6px;font-family:Georgia,serif;font-size:64px;color:var(--dj-line-2);line-height:1}
.grt-quote p{position:relative;padding-left:34px;font-size:17.5px;font-weight:600;line-height:1.75;color:var(--dj-navy);letter-spacing:-0.035em}

@media (max-width:1024px){
  .grt-wrap{flex-direction:column;gap:38px}
  .grt-img{flex:1 1 auto;width:100%;display:flex;gap:22px;align-items:flex-start}
  .grt-img .ph{flex:0 0 45%}
  .grt-img .ph:before{padding-top:120%}
  .grt-img .sign{flex:1 1 auto;margin-top:0}
  .grt-img .deco{display:none}
  .grt-txt .slogan{font-size:28px}
  .grt-txt .hello{font-size:18px}
}
@media (max-width:768px){
  .grt-img{flex-direction:column;gap:18px}
  .grt-img .ph{flex:1 1 auto;width:100%}
  .grt-img .ph:before{padding-top:88%}
  .grt-img .sign{width:100%}
  .grt-txt .slogan{font-size:23px}
  .grt-txt .slogan:after{margin-top:18px}
  .grt-txt .hello{font-size:16.5px;margin-top:26px}
  .grt-txt .body p{font-size:15.5px;line-height:1.85}
  .grt-quote{padding:24px 22px}
  .grt-quote p{font-size:16px;padding-left:26px}
  .grt-quote:before{font-size:52px;left:14px}
}