@font-face {
  font-family: 'fnt1';
  src: url(fonts/375CDE_B_0.eot);
  src: url(fonts/375CDE_B_0.eot?#iefix) format("embedded-opentype"), url(fonts/375CDE_B_0.woff2) format("woff2"), url(fonts/375CDE_B_0.woff) format("woff"), url(fonts/375CDE_B_0.ttf) format("truetype"); }

html {
  overflow-x: hidden; }

html,
body,
#root {
  margin: 0;
  padding: 0; }

body {
  font-family: 'RobotoRegular';
  background-color: #FFFFFF;
  color: #000000; }

.friend {
  font-family: "fnt1";
  font-weight: normal;
  left: 17.91667vw;
  top: 1.09375vw;
  width: 57.44792vw;
  height: 12.44792vw;
  position: fixed;
  z-index: 0;
  line-height: 1.92708vw;
  font-size: 1.77083vw; }

.sto {
  background-image: url(img/sto.svg);
  background-repeat: no-repeat;
  left: 2.28698vw;
  top: 8.52187vw;
  width: 40.21979vw;
  height: 17.50677vw;
  position: fixed;
  z-index: 0; }

.logo-im {
  background-image: url(img/logo_im.svg);
  background-repeat: no-repeat;
  left: 83.21563vw;
  top: 21.00052vw;
  width: 7.07344vw;
  height: 6.86354vw;
  position: fixed;
  z-index: 0; }

.plus {
  background-image: url(img/plus.svg);
  background-repeat: no-repeat;
  left: 84.23125vw;
  top: 29.69531vw;
  width: 5.0776vw;
  height: 4.96823vw;
  position: fixed;
  z-index: 0; }

.logo-dc {
  left: 83.03802vw;
  top: 36.01146vw;
  width: 7.73125vw;
  height: 7.72552vw;
  background-image: url(img/logo_dc.svg);
  background-repeat: no-repeat;
  position: fixed;
  z-index: 0; }
  .logo-dc:hover {
    background-image: url(img/logo_dc_hover.svg);
    cursor: pointer; }

.scroll-container {
  position: absolute;
  width: 100%;
  z-index: 0;
  height: 181.25vw;
  background-color: transparent; }

.img01 {
  left: 47.8125vw;
  top: 23.95833vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img02 {
  left: 2.19531vw;
  top: 36.79375vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img03 {
  left: 22.63021vw;
  top: 40.15625vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img04 {
  left: 64.28385vw;
  top: 52.59479vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img05 {
  left: 36.53229vw;
  top: 66.49635vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1;
  z-index: 2; }

.img06 {
  left: 9.51198vw;
  top: 74.54531vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img07 {
  left: 75.99062vw;
  top: 78.20365vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img08 {
  left: 51.84531vw;
  top: 81.13021vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img09 {
  left: 1.46354vw;
  top: 97.95885vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img10 {
  left: 56.23542vw;
  top: 108.2026vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img11 {
  left: 29.2151vw;
  top: 109.66615vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img12 {
  left: 76.7224vw;
  top: 114.05625vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img13 {
  left: 48.18698vw;
  top: 135.275vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img14 {
  left: 5.85365vw;
  top: 136.73802vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img15 {
  left: 72.48802vw;
  top: 151.37187vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.img16 {
  left: 35.48854vw;
  top: 157.13542vw;
  width: 21.875vw;
  height: 21.875vw;
  position: absolute;
  z-index: 1; }

.insta {
  left: 12.39583vw;
  top: 169.94792vw;
  width: 4.3901vw;
  height: 4.3901vw;
  background-image: url(img/insta_w.svg);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1; }
  .insta:hover {
    background-image: url(img/insta_b.svg);
    cursor: pointer; }

.vk {
  left: 18.12396vw;
  top: 172.14323vw;
  width: 4.3901vw;
  height: 4.3901vw;
  background-image: url(img/vk_w.svg);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1; }
  .vk:hover {
    background-image: url(img/vk_b.svg);
    cursor: pointer; }

.fb {
  left: 23.24583vw;
  top: 172.14323vw;
  width: 4.3901vw;
  height: 4.3901vw;
  background-image: url(img/fb_w.svg);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1; }
  .fb:hover {
    background-image: url(img/fb_b.svg);
    cursor: pointer; }

.bottommargin {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 179.01042vw;
  height: 2.23958vw; }

@media (max-aspect-ratio: 768 / 1082) {
  .friend {
    left: 17.8125vw;
    top: 3.125vw;
    width: 77.8125vw;
    height: 48.75vw;
    font-size: 4.0625vw;
    line-height: 4.375vw; }
  .sto {
    left: 3.125vw;
    top: 43.99688vw;
    width: 67.4875vw;
    height: 28.89688vw; }
  .logo-im {
    left: 71.93125vw;
    top: 78.125vw;
    width: 20.325vw;
    height: 20.15625vw; }
  .plus {
    left: 76.97187vw;
    top: 103.90625vw;
    width: 10.24687vw;
    height: 10.24687vw; }
  .logo-dc {
    left: 71.5625vw;
    top: 118.07188vw;
    width: 22.13437vw;
    height: 22.6875vw; }
  .scroll-container {
    height: 768.75vw; }
  .img04,
  .img08,
  .img11,
  .img12,
  .img13 {
    display: none; }
  .img02 {
    left: 6.25vw;
    top: 86.875vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img01 {
    left: 33.125vw;
    top: 146.5625vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img03 {
    left: 17.8125vw;
    top: 202.8125vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img05 {
    left: 0vw;
    top: 266.25vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img07 {
    left: 40.625vw;
    top: 316.25vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img10 {
    left: 6.875vw;
    top: 377.31875vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img06 {
    left: 18.49063vw;
    top: 433.56875vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img09 {
    left: 6.25vw;
    top: 494.50625vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img14 {
    left: 33.275vw;
    top: 550.625vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img16 {
    left: 6.875vw;
    top: 600.75625vw;
    width: 56.25vw;
    height: 56.25vw; }
  .img15 {
    left: 43.75vw;
    top: 666.38125vw;
    width: 56.25vw;
    height: 56.25vw; }
  .insta {
    left: 9.59688vw;
    top: 728.79375vw;
    width: 12.51562vw;
    height: 12.51562vw; }
  .vk {
    left: 25.92813vw;
    top: 735.05vw;
    width: 12.51562vw;
    height: 12.51562vw; }
  .fb {
    left: 40.52813vw;
    top: 735.05vw;
    width: 12.51562vw;
    height: 12.51562vw; }
  .bottommargin {
    top: 747.56562vw;
    height: 8.68437vw; } }

/*# sourceMappingURL=style.css.map*/