* {padding: 0;margin: 0;box-sizing: border-box;font-family: "Noto Sans KR", sans-serif;}
a { text-decoration: none; color: black; }    a:visited { text-decoration: none; }    a:hover { text-decoration: none; }    a:focus { text-decoration: none; }    a:hover, a:active { text-decoration: none; }
ul li {list-style: none;}
img {width: 100%;height: 100%;object-fit: contain;display: block;}
.wrap {width: 100%;min-height: 100vh;padding: 90px 115px 221px;overflow-x: hidden;background: #000 url(../images/bg.jpg) no-repeat 0% / cover;position: relative;}
.wrap p {font-family: Pretendard; margin-bottom: 1.56vw; font-size: 18px; font-weight: 600; line-height: 160%; letter-spacing: -0.36px; color: #131313;}
.wrap ul {margin-bottom: 4.74vw;}
.wrap ul li {font-size: 19px; font-weight: 400; line-height: 160%; letter-spacing: -0.76px; font-family: "Paperlogy"; color:#77777A; position: relative; padding-left: 25px;}
.wrap ul li .bang {font-family: "Paperlogy"; display: block;font-size: 18px; font-weight: 400; position: absolute; left: 0; top: 0px; line-height: 160%; letter-spacing: -0.72px;}
.logo {width: 109px; height:58px;  margin-bottom: 2.761vw;}
.wrap ul li b {color: #2D2926; font-weight: 400; font-family: "Paperlogy";}
.logo .logo__link {display: block; width: 100%; height: 100%; background: url("../images/logo.svg") no-repeat; background-size: cover;}
h1 {font-size: 60px; font-weight: 700; color: #fff; letter-spacing: -1.2px; position: relative;margin-bottom: 1.56vw; line-height: 130%;}
.highlight {display: inline-block;background: #1CABE2; padding: 0 5px; }
.color_wht {color:#fff;}
.flex {display: flex;}
.button {color: #fff; display: inline-block; width: 297px; height: 109px; background: url("../images/button.svg") no-repeat; background-size: cover;}
.button .flex img{width:14px; height: 22px;}
.color--unicef {color: #1cabe2; font-family: "Paperlogy";}

@media screen and (max-width: 1023px) {
  .wrap {
    /* 90px 115px 221px */
    padding: 8.80vw 11.24vw 21.60vw;
  }

  .wrap p {
    font-family: Pretendard;
    margin-bottom: 1.56vw;
    /* 18px */
    font-size: 1.76vw;
    /* -0.36px */
    letter-spacing: -0.035vw;
  }

  .wrap ul {margin-bottom: 4.74vw;}

  .wrap ul li {
    /* 17px, 25px, -0.68px, gap 10px */
    font-size: 1.86vw;
    line-height: 2.44vw;
    letter-spacing: -0.066vw;
    gap: 0.98vw;
    padding-left: 2.44vw;
  }

  .wrap ul li .bang {
    /* 24px */
    width: 2.35vw;
    height: 2.35vw;
    font-size: 1.76vw;
  }

  .logo {
    /* 109px 58px */
    width: 10.65vw;
    height: 5.67vw;
    margin-bottom: 2.66vw;
  }

  h1 {
    font-size: 5.87vw;
    letter-spacing: -0.20vw;
    margin-bottom: 1.56vw;
  }

  .highlight {
    /* 0 5px */
    padding: 0 0.49vw;
  }

  .button {
    /* 297px 109px */
    width: 29.04vw;
    height: 10.66vw;
  }

  .button .flex img {
    /* 14px 22px */
    width: 1.37vw;
    height: 2.15vw;
  }
}

@media screen and (max-width: 640px) {
  .wrap {background: #000 url(../images/bg_m@2x.jpg) no-repeat; background-size: cover; padding: 40px 20px;}
  .logo {width: 80.866px; height: 43px; margin-bottom:50px;}
  .color--unicef {font-size: 20px; line-height: 140%; letter-spacing: -1px; margin-bottom: 30px;}
  .wrap p {font-size: 12px; line-height: 165%; letter-spacing: -0.24px; margin-bottom: 30px;}
  .wrap ul {margin-bottom: 40px;}
  .wrap ul li {font-size: 11px; line-height: 18px; letter-spacing: -0.44px; padding-left: 15px;}
  .wrap ul li .bang {width:14.4px; height: 14.4px; font-size: 11px;}
  .button {width: 297px; height: 109px;}
}

@media screen and (max-width: 414px) {
}