/* 상품권 운영 공통 레이아웃 */
:root{
  --gl-blue:#62b8ed;
  --gl-deep:#0755a8;
  --gl-mint:#26c8c7;
  --gl-text:#292f36;
  --gl-line:#e7eaed;
  --gl-footer:#414141;
}

html,body{
  margin:0;
  padding:0;
  background:#fff;
}

body{
  color:var(--gl-text);
  font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;
}

.glayout-shell{
  width:min(1180px,calc(100% - 36px));
  margin:0 auto;
}

.glayout-header{
  position:relative;
  z-index:500;
  border-bottom:1px solid #edf0f2;
  background:#fff;
}

.glayout-header__inner{
  min-height:82px;
  display:grid;
  grid-template-columns:160px 1fr;
  align-items:center;
  gap:28px;
}

.glayout-logo{
  display:flex;
  align-items:center;
}

.glayout-logo img{
  display:block;
  width:150px;
  max-height:46px;
  object-fit:contain;
}

.glayout-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:26px;
}

.glayout-nav a{
  color:#20252a;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.glayout-nav a.is-active{
  color:#159fdc;
}

.glayout-nav__lookup{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  background:var(--gl-blue);
  color:#fff!important;
}

.glayout-mobile-lookup,
.glayout-menu-toggle{
  display:none;
}

.glayout-visual{
  min-height:300px;
  background:
    linear-gradient(
      100deg,
      rgba(37,204,198,.95),
      rgba(10,163,211,.96)
    ),
    url("/images/sub_visual.jpg") center/cover no-repeat;
  color:#fff;
}

.glayout-visual__inner{
  min-height:300px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:46px;
}

.glayout-visual__copy{
  text-align:center;
}

.glayout-visual__copy h1{
  margin:0;
  font-size:38px;
  letter-spacing:-.055em;
}

.glayout-visual__copy p{
  margin:13px 0 0;
  font-size:15px;
  line-height:1.75;
}

.glayout-visual__media{
  display:flex;
  justify-content:center;
}

.glayout-visual__media img{
  display:block;
  width:min(520px,100%);
  max-height:250px;
  object-fit:contain;
}

.glayout-image-slot{
  display:grid;
  width:min(520px,100%);
  aspect-ratio:520/250;
  place-items:center;
  align-content:center;
  gap:6px;
  border:1px dashed rgba(255,255,255,.65);
  border-radius:12px;
  background:rgba(255,255,255,.07);
}

.glayout-footer{
  width:100%;
  padding:48px 0 38px;
  background:var(--gl-footer);
  color:#fff;
}

.glayout-footer__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:50px;
  align-items:end;
}

.glayout-footer__logo{
  display:block;
  width:132px;
  max-height:42px;
  margin-bottom:18px;
  object-fit:contain;
  filter:grayscale(1) brightness(1.75);
  opacity:.72;
}

.glayout-footer__rows{
  display:grid;
  gap:4px;
}

.glayout-footer__rows p{
  display:flex;
  flex-wrap:wrap;
  gap:5px 20px;
  margin:0;
  font-size:12px;
  line-height:1.65;
}

.glayout-footer small{
  display:block;
  margin-top:13px;
  color:#b8b8b8;
  font-size:11px;
}

.glayout-footer__cert{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.glayout-footer__cert img{
  display:block;
  width:auto;
  max-height:58px;
  object-fit:contain;
}

.glayout-footer__cert img:nth-child(1){max-width:58px}
.glayout-footer__cert img:nth-child(2){max-width:130px}
.glayout-footer__cert img:nth-child(3){max-width:68px}

@media(max-width:980px){
  .glayout-nav{
    gap:14px;
  }

  .glayout-nav a{
    font-size:12px;
  }
}

@media(max-width:760px){
  .glayout-shell{
    width:min(100% - 24px,1180px);
  }

  .glayout-header__inner{
    min-height:64px;
    grid-template-columns:92px 1fr 42px;
    gap:0;
  }

  .glayout-mobile-lookup{
    display:inline-flex;
    min-height:30px;
    align-items:center;
    justify-content:center;
    justify-self:start;
    padding:0 11px;
    border-radius:999px;
    background:var(--gl-blue);
    color:#fff;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
  }

  .glayout-logo{
    justify-self:center;
  }

  .glayout-logo img{
    width:108px;
    max-height:38px;
  }

  .glayout-menu-toggle{
    display:block;
    justify-self:end;
    width:38px;
    height:38px;
    padding:9px;
    border:0;
    background:transparent;
    cursor:pointer;
  }

  .glayout-menu-toggle span{
    display:block;
    height:2px;
    margin:5px 0;
    background:#555;
  }

  .glayout-nav{
    position:absolute;
    left:0;
    right:0;
    top:64px;
    z-index:9999;
    display:none;
    padding:10px 18px 18px;
    border-top:1px solid #edf0f2;
    background:#fff;
    box-shadow:0 12px 24px rgba(31,45,60,.16);
  }

  .glayout-nav.is-open{
    display:block;
  }

  .glayout-nav a{
    display:block;
    padding:12px 4px;
    border-bottom:1px solid #f0f2f4;
    font-size:13px;
  }

  .glayout-nav__lookup{
    display:none!important;
  }

  .glayout-visual{
    min-height:150px;
  }

  .glayout-visual__inner{
    min-height:150px;
    display:block;
    padding:34px 0;
  }

  .glayout-visual__copy h1{
    font-size:24px;
  }

  .glayout-visual__copy p{
    font-size:12px;
  }

  .glayout-visual__media{
    display:none;
  }

  .glayout-footer{
    padding:34px 0 84px;
  }

  .glayout-footer__inner{
    grid-template-columns:1fr;
    gap:26px;
    align-items:start;
  }

  .glayout-footer__logo{
    width:112px;
  }

  .glayout-footer__rows p{
    display:block;
    font-size:11px;
    line-height:1.75;
  }

  .glayout-footer__rows span{
    display:block;
  }

  .glayout-footer__cert{
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .glayout-footer__cert img{
    max-height:48px;
  }
}

/* 서브페이지 공통 안정화 v4 */
body{font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;word-break:keep-all;overflow-x:hidden}
.gfloat svg,.gfloat-mobile svg,.gf2 svg{display:block;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}
.gfloat img,.gfloat-mobile img,.gf2 img{max-width:34px!important;max-height:34px!important;object-fit:contain!important}
.gtrust-footer svg{max-width:32px;max-height:32px}