* {padding: 0;margin: 0;box-sizing: border-box;font-family: "Noto Sans KR", sans-serif;}
img {width: 100%;height: 100%;object-fit: contain;display: block;}
.wrap {display: flex;justify-content: space-between;flex-direction: column;width: 100%;min-height: 100vh;padding: 120px 90px 96px;overflow-x: hidden;background: #000 url(../images/bg.jpg) no-repeat 50% 0 / cover;position: relative;}
h1 {font-size: 60px;font-weight: 900;color: #fff;letter-spacing: -0.08em;position: relative;margin-bottom: 50px;}
h1::before {content: '';display: block;width: 270px;height: 16px;background: #1cabe2;margin-bottom: 60px;}
.highlight {display: inline-block;background: #1CABE2;line-height: 70px;padding: 0 5px 5px;}
.logo {display: block;margin-top: auto;width: 240px;}
.color--unicef {color: #1cabe2;}
.bg--copyright {font-size: 20px;color: #fff;letter-spacing: -0.8px;position: absolute;right: 85px;bottom: 64px;}

@media screen and (max-width: 1023px) {
  .wrap {padding: 120px 7.23vw 8.3vw;}
  h1 {font-size: 5.87vw;}
  h1::before {margin-bottom: 5.87vw;width: 26.4vw;height: 1.56vw;}
  .highlight {line-height: 6.84vw;}
  .bg--copyright {font-size: 1.95vw;right: 8.3vw;bottom: 8.3vw;}
  .logo {width: 23.46vw;}
}

@media screen and (max-width: 640px) {
  .wrap {padding: 100px 20px 145px;background: #000 url(../images/bg_m@2x.jpg) no-repeat 50% 0 / 100% auto;position: relative;}
  h1 {font-size: 20px;}
  h1::before {width: 135px;height: 8px;margin-bottom: 20px;}
  .highlight {line-height: 28px;padding: 0 5px 2px;}
  .bg--copyright {font-size: 10px;opacity: 0.5;bottom: 145px;right: 20px;}
  .logo {width: 120px;position: absolute;top: 40px;left: 20px;}
}

@media screen and (max-width: 414px) {
  .wrap {padding-bottom: 180px;}
  .bg--copyright {bottom: initial;top: 127.8vw;}
}