:root {
    font-size: 1rem;
    --gap-size: 4rem;
    --white: #fff;
    --black: #000;
    --gray-100: #EDEDED;
    --gray-200: #D1D1D1;
    --gray-400: #9E9E9E;
    --gray-600: #666666;
    --gray-700: #777777;
    --blue: #3D4CFF;
    --navy: #252B7E;
    --yellow: #FEEB6B;
    --scroll-bar-color: #959594;
    --height-100vh: 100vh;
    --font-300: "SamsungOneKorean 300", sans-serif;
    --font-400: "SamsungOneKorean 400", sans-serif;
    --font-500: "SamsungOneKorean 500", sans-serif;
    --font-600: "SamsungOneKorean 600", sans-serif;
    --font-700: "SamsungOneKorean 700", sans-serif;
    --font-300c: "SamsungOneKorean 300C", sans-serif;
    --font-400c: "SamsungOneKorean 400C", sans-serif;
    --font-500c: "SamsungOneKorean 500C", sans-serif;
    --font-600c: "SamsungOneKorean 600C", sans-serif;
    --font-700c: "SamsungOneKorean 700C", sans-serif;
    --font-num-500: "samsungsharpsans", sans-serif;
    --font-num-600: "samsungsharpsans-medium", sans-serif;
    --font-num-700: "samsungsharpsans-bold", sans-serif;
  }
  @media screen and (max-width: 750px) {
    :root {
      font-size: 1.904296875vw;
    }
  }
  @media screen and (max-width: 500px) {
    :root {
      font-size: 3.25vw;
    }
  }
  
  .s24{
      font-family:var(--font-num-700);
  /* 	font-size:1.6375rem; */
  }
  body::before {
    background: none;
  }
  
  .con{
      display:flex;
      align-items:center;
      position:relative;
      min-height:100vh;
      padding:6rem 0;
  }
  .main__wrap{
      width:100%;
      overflow:hidden;
  }
  .main__bg-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 41.25rem;
  }
  .main__bg-gradient .main__galaxy-bg {
      display:none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 53.75rem;
  }
  .main__bg-gradient .main__star-center {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 19.125rem;
  }
  .main__bg-gradient .main__star-left {
    position: absolute;
    top: 13.125rem;
    left: 0%;
    width: 248px;
  }
  .main__bg-gradient .main__star-right {
    position: absolute;
    top: 6.25rem;
    right: 0%;
    width: 22.375rem;
  }
  
  .main__typo-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .main__typo-box > img {
    display: block;
    height: 69px;
  }
  .main__typo-box h2 {
    margin-top: 1.5625rem;
    color: #fff;
    font-family: var(--font-num-700);
    font-size: 5.1875rem;
  }
  
  @media screen and (max-width: 1024px) {
    .main__typo-box h2 {
      font-size: 4.375rem;
    }
  }
  @media screen and (max-width: 500px) {
  
  .con{
      padding:10rem 0 5rem;
  }
  .main__bottom-bg{
  display:none;
  }
    .main__typo-box h2 {
      font-size: 2.4375rem;
    }
  }
  
  .main__typo-box p {
    margin-top: 1.4375rem;
    color: #fff;
    font-family: var(--font-300);
    font-size: 1.4375rem;
    text-align: center;
  }
  .main__typo-box p span:nth-child(1) {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
  }
  @media screen and (max-width: 500px) {
  .main__bg-gradient{
  display:none;
  }
    .main__typo-box p span:nth-child(2) {
  /*     display: block; */
    }
  }
  .main__typo-box p img {
      width: 8.96875rem;
      transform: translateY(0.4rem);
  /*     margin-right: 0.25rem; */
  }
  
  .main__travel-wrap {
    position: relative;
  }
  
  .main__travel-wrap .main__leaf{
      position:absolute;
      bottom:-0.1875rem;
  
  }
  .main__travel-wrap .main__leaf img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
  }
  
  .main__travel-wrap .main__leaf.leaf-1{
    width: 4.0125rem;
    left: 23.46875rem;
  }
  
  .main__travel-wrap .main__leaf.leaf-2{
      left: 96.6875rem;
      width: 5.9375rem;
  }
  
  .main__flow-bg {
    width: 100%;
    margin:0 auto;
    margin-top: -3.125rem;
    /* background-color: var(--blue); */
    overflow:hidden;
  }
  
  @keyframes background-move {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  .main__flow-bg-box {
    display: flex;
    justify-content: flex-start;
    width: calc(228.875rem * 2);
    animation: background-move 40s linear infinite;
    opacity:0.8;
  }
  
  @media screen and (max-width:500px){
  .main__flow-bg-box {
    width: calc(190rem * 2);
  }
  }
  
  .main__flow-bg img {
    width: 50%;
  }
  
  .main__infomation-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.4375rem;
  }
  @media screen and (max-width: 500px) {
    .main__infomation-box {
      flex-direction: column;
      padding: 0 2.8125rem;
    }
  }
  
  .main__infomation-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 2rem;
  }
  
  @media screen and (max-width: 500px) {
    .main__infomation-item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 2rem;
    }
    .main__infomation-item:last-child {
      margin-bottom: 0;
    }
  }
  
  .main__infomation-item:last-child {
    margin-right: 0;
  }
  .main__infomation-item .mo {
    display: none;
  }
  @media screen and (max-width: 500px) {
    .main__infomation-item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 2rem;
    }
    .main__infomation-item .mo {
      display: block;
    }
    .main__infomation-item:last-child {
      margin-bottom: 0;
    }

  }
  .main__infomation-item h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem 1.25rem;
    margin-right: 1.1875rem;
    font-family: var(--font-700);
    color: #fff;
    font-size: 1.125rem;
    border: 0.125rem solid #fff;
    border-radius: 3.125rem;
  }
  .main__infomation-item p {
    color: #fff;
    font-family: var(--font-400c);
    font-size: 1.25rem;
  }
  @media screen and (max-width:1280px) {
    .main__infomation-item h3 {
      padding: 0.6875rem 1rem;
      font-size:1rem;
    }
    .main__infomation-item p {
      font-size:1.1rem;
    }
  }

  @media screen and (max-width: 1024px) {
    .main__infomation-item {
      flex-direction: column;
    }
    .main__infomation-item h3 {
      margin-right: 0;
      margin-bottom: 1rem;
    }
  }
  @media screen and (max-width: 500px) {
    .main__infomation-item h3 {
      margin-bottom: 1.25rem;
    }
  }
  
  .main__reservation-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 25rem;
    margin: 0 auto;
    margin-top: 4.6875rem;
    padding: 1.1625rem 2.15rem 1.0625rem 2.46875rem;
    color: #fff;
    font-family: var(--font-700);
    font-size: 1.5rem;
    border: 2px solid #fff;
    border-radius: 3.125rem;
    z-index: 1;
    transition: 0.2s ease;
  }
  @media (hover: hover) {
    .main__reservation-btn:hover {
      border-color:var(--navy);
      background-color: var(--navy);
    }
  }
  @media screen and (max-width: 500px) {
    .main__reservation-btn {
      margin-top: 3.4375rem;
      background-color: var(--navy);
      border: 2px solid var(--navy);
    }
  }
  .main__reservation-btn span {
    margin: 0 1.84375rem 0 0.5625rem;
  }
  .main__reservation-btn img:first-child {
    width: 1.84375rem;
    height: 1.84375rem;
  }
  .main__reservation-btn img:last-child {
    width: 1.625rem;
    height: 0.966875rem;
  }
  
  .main__bottom-bg {
    position:absolute;
    bottom:0;
    width: 100%;
    height: 10.4375rem;
    margin-top: -4.0625rem;
    overflow: hidden;
  }
  
  .main__bottom-bg img {
    display:block;
    position: absolute;
    height: 100%;
  }
  .main__bottom-bg img:nth-of-type(1) {
    left: 0;
  }
  .main__bottom-bg img:nth-of-type(2) {
    right: 0;
  }
  
  .main__travel-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin:0 auto;
    padding: 0 4.0625rem;
  }
  .main__travel-box img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.09375rem;
  }
  .main__travel-box img:first-of-type {
    left: 1.5rem;
  }
  .main__travel-box img:last-of-type {
    right: 1.5rem;
  }
  
  .main__travel-line {
    width: 100%;
    margin: 0 auto;
    height: 0.3125rem;
    background-image: url("../_images/main/main-line@x2.png");
    background-size: 1.125rem 0.3125rem;
    background-position: center;
  }
  
  #footer {
    margin-top: 0;
    background-color: var(--navy);
  }
  
  /*Animation*/
  
  @keyframes people-01-head {
    0% {
      transform: rotate(0deg);
    }
  
    25%{
      transform: rotate(-20deg);
    }
  
    50%{
      transform: rotate(0deg);
    }
  
    100%{
      transform: rotate(0deg);
    }
  }
  @keyframes people-01-arm {
    0% {
      transform: rotate(0deg);
    }
  
    25%{
      transform: rotate(-10deg);
    }
  
    50%{
      transform: rotate(0deg);
    }
  
    100%{
      transform: rotate(0deg);
    }
  }
  @keyframes people-01-body {
    to {
      transform: translateY(1px);
    }
  }
  
  @keyframes people-02-head {
    to {
      transform: rotate(20deg);
    }
  }
  @keyframes people-02-left {
    to {
      transform: rotate(-10deg);
    }
  }
  @keyframes people-02-right {
    to {
      transform: rotate(10deg);
    }
  }
  
  @keyframes people-03-head {
    0% {
      transform: rotate(0deg);
    }
  
    15%{
      transform: rotate(20deg);
    }
  
    40%{
      transform: rotate(0deg);
    }
  
    100%{
      transform: rotate(0deg);
    }
  }
  @keyframes people-03-phone {
    0% {
      transform: rotate(0deg);
    }
  
    15%{
      transform: rotate(15deg);
    }
    40%{
      transform: rotate(15deg);
    }
  
    55%{
      transform: rotate(0deg);
    }
  
    100%{
      transform: rotate(0deg);
    }
  }
  
  @keyframes people-04-head {
    to {
      transform: rotate(20deg);
    }
  }
  @keyframes people-04-mark {
    to {
      transform: scale(0.9);
    }
  }
  
  @keyframes people-05-right {
    to {
      transform: rotate(-10deg);
    }
  }
  @keyframes people-06-head {
    to {
      transform: rotate(-10deg);
    }
  }
  @keyframes people-06-left {
    0% {
      transform: rotate(5deg);
  
    }
    50% {
      transform: rotate(0deg);
  
    }
    100% {
      transform: rotate(0deg);
  
    }
  }
  
  @keyframes people-star-01 {
    0% {
      opacity: 0;
      transform: scale(0)
    }
    15% {
      opacity: 1;
      transform: scale(1)
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes people-star-02 {
    0% {
      opacity: 0;
     transform: scale(0);
    }
    5% {
      opacity: 0;
      transform: scale(0);
    }
    15% {
      opacity: 1;
      transform: scale(1);
    }
    25%{
       opacity: 1;
       transform: scale(0.9);
    }
    100% {
     opacity: 1;
     transform: scale(0.9);
    }
  }
  @keyframes people-star-03 {
    0% {
      opacity: 0;
      transform: scale(0);
    }
    8% {
      opacity: 0;
      transform: scale(0);
    }
    25% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      opacity: 1;
  transform: scale(1);
    }
  }
  @keyframes people-star-04 {
    0% {
      opacity: 0;
  transform: scale(0);
    }
    12% {
      opacity: 0;
  transform: scale(0);
    }
    35% {
      opacity: 1;
  transform: scale(1);
    }
    100% {
      opacity: 1;
  transform: scale(1);
    }
  }
  .main__people-flow-wrap {
    position:absolute;
    bottom: 0.3125rem;
    left: 50%;
    transform:translateX(-50%);
    width: 100%;
    max-width:111.0625rem;
    height:100%;
    z-index: 2;
    overflow:hidden;
  }
  .main__people-flow-item {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .main__people-wrap {
    position: absolute;
    bottom:0;
  }
  .main__people-wrap img {
    position: absolute;
  }
  .main__people-01 {
    width: 12.875rem;
    height: 11.375rem;
    left: 5.6875rem;
  }
  .main__people-01 > img:nth-child(1) {
    left: 0;
    bottom: 0;
    width: 13rem;
    height: 9.125rem;
    animation: people-01-body 0.7s linear infinite alternate;
  }
  .main__people-01 > img:nth-child(2) {
    left: 3.375rem;
    top: 0.9375rem;
    width: 1.3125rem;
    height: 1.375rem;
    transform-origin: 0.6875rem 1.125rem;
    animation: people-01-head 2s ease infinite;
  }
  .main__people-01 > img:nth-child(3) {
    left: 3.6875rem;
    top: 0;
    width: 5.1875rem;
    height: 5.625rem;
    transform-origin: 0.5625rem 3.125rem;
    animation: people-01-arm 2s linear infinite;
  }
  .main__people-01 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-01 .main__star-box img:nth-child(1) {
    left: 9.1875rem;
    top: 1.375rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-01 .main__star-box img:nth-child(2) {
    left: 9.8125rem;
    top: 0.75rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-01 .main__star-box img:nth-child(3) {
    left: 10.875rem;
    top: 1.8125rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-01 .main__star-box img:nth-child(4) {
    left: 9.6875rem;
    top: 0.5625rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  
  .main__people-02 {
    width: 9.5625rem;
    height: 11.125rem;
    left: 25.625rem;
  }
  .main__people-02 > img:nth-child(1) {
    /*body*/
    left: 0;
    bottom: 0;
    width: 7.9375rem;
    height: 7.75rem;
    z-index: 1;
  }
  .main__people-02 > img:nth-child(2) {
    /*head*/
    left: 4.8125rem;
    top: 2rem;
    width: 2.5625rem;
    height: 2.9375rem;
    transform-origin: 1rem 1.375rem;
    animation: people-02-head 0.7s linear infinite alternate;
  }
  .main__people-02 > img:nth-child(3) {
    /*left arm*/
    left: 6.0625rem;
    top: 4.1875rem;
    width: 3.5rem;
    height: 3.75rem;
    transform-origin: 0.5625rem 0.5625rem;
    animation: people-02-left 0.7s linear infinite alternate;
  }
  .main__people-02 > img:nth-child(4) {
    /*right arm*/
    left: 2rem;
    top: 0;
    width: 4.0625rem;
    height: 5.3125rem;
    transform-origin: 2.75rem 4.375rem;
    animation: people-02-right 0.7s linear infinite alternate;
  }
  .main__people-02 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-02 .main__star-box img:nth-child(1) {
    left: 9.1875rem;
    top: 1.375rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-02 .main__star-box img:nth-child(2) {
    left: 9.8125rem;
    top: 0.75rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-02 .main__star-box img:nth-child(3) {
    left: 10.875rem;
    top: 1.8125rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-02 .main__star-box img:nth-child(4) {
    left: 9.6875rem;
    top: 0.5625rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-03 {
    width: 9.375rem;
    height: 12.1875rem;
    left: 32.75rem;
  }
  .main__people-03 > img:nth-child(1) {
    /*body*/
    left: 4.875rem;
    bottom: 0;
    width: 4.5625rem;
    height: 9.625rem;
    z-index: 1;
  }
  .main__people-03 > img:nth-child(2) {
    /*head*/
    left: 5.5rem;
    top: 0.0625rem;
    width: 2.0625rem;
    height: 2.375rem;
    transform-origin: 1rem 1.375rem;
    animation: people-03-head 3s linear infinite;
  }
  .main__people-03 > img:nth-child(3) {
    /*phone*/
    left: 1.5625rem;
    top: 0.875rem;
    width: 5.0625rem;
    height: 6.4375rem;
    transform-origin: 4.375rem 2.5rem;
    animation: people-03-phone 3s linear infinite;
    z-index: 1;
  }
  .main__people-03 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-03 .main__star-box img:nth-child(1) {
    left: 0rem;
    top: 0.8125rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-03 .main__star-box img:nth-child(2) {
    left: 0.6875rem;
    top: 0.1875rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-03 .main__star-box img:nth-child(3) {
    left: 1.625rem;
    top: 1.25rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-03 .main__star-box img:nth-child(4) {
    left: 0.5rem;
    top: 0rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-04 {
    width: 8.8125rem;
    height: 11.3125rem;
    left: 49.0625rem;
  }
  .main__people-04 > img:nth-child(1) {
    /*body*/
    left: 1.5rem;
    bottom: 0;
    width: 7.375rem;
    height: 8.9375rem;
  }
  .main__people-04 > img:nth-child(2) {
    /*head*/
    left: 4.375rem;
    top: 1.75rem;
    width: 1.4375rem;
    height: 1.75rem;
    z-index: 1;
    animation: people-04-head 0.6s ease-in infinite alternate;
  }
  .main__people-04 > img:nth-child(3) {
    /*mark*/
    left: 1.5625rem;
    top: 0.875rem;
    width: 1.9375rem;
    height: 2.4375rem;
    transform-origin: 1.9375rem 2.4375rem;
    animation: people-04-mark 0.3s ease infinite alternate;
  }
  .main__people-04 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-04 .main__star-box img:nth-child(1) {
    left: 0rem;
    top: 0.8125rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s 0.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-04 .main__star-box img:nth-child(2) {
    left: 0.6875rem;
    top: 0.1875rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s 0.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-04 .main__star-box img:nth-child(3) {
    left: 1.625rem;
    top: 1.25rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s 0.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-04 .main__star-box img:nth-child(4) {
    left: 0.5rem;
    top: 0rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s 0.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-05 {
    width: 5.875rem;
    height: 10.9375rem;
    left: 69.0625rem;
    z-index:1;
  }
  .main__people-05 > img:nth-child(1) {
    /*body*/
    left: 0;
    bottom: 0;
    width: 5.875rem;
    height: 8.9375rem;
  }
  .main__people-05 > img:nth-child(2) {
    /*right*/
    left: 0rem;
    top: 3.875rem;
    width: 4.375rem;
    height: 2.4375rem;
    transform-origin: 2.5rem 0.625rem;
    animation: people-05-right 0.7s ease infinite alternate;
    z-index: 1;
  }
  .main__people-05 > img:nth-child(3) {
    /*bag*/
    left: 0.375rem;
    top: 3.8125rem;
    width: 2.5rem;
    height: 4.5rem;
    transform-origin: 1.9375rem 2.4375rem;
  }
  .main__people-05 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-05 .main__star-box img:nth-child(1) {
    left: 3.75rem;
    top: 0.875rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s 0.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-05 .main__star-box img:nth-child(2) {
    left: 4.375rem;
    top: 0.125rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s 0.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-05 .main__star-box img:nth-child(3) {
    left: 5.375rem;
    top: 1.3125rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s 0.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-05 .main__star-box img:nth-child(4) {
    left: 4.25rem;
    top: 0rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s 0.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-06 {
    width: 6.3125rem;
    height: 9.1875rem;
    left: 74rem;
  }
  .main__people-06 > img:nth-child(1) {
    /*body*/
    left: 0;
    bottom: 0;
    width: 5.1875rem;
    height: 8.25rem;
  }
  .main__people-06 > img:nth-child(2) {
    /*bag*/
    left: 0.875rem;
    top: 1.4375rem;
    width: 2.625rem;
    height: 2.6875rem;
    z-index: 1;
  }
  .main__people-06 > img:nth-child(3) {
    /*head*/
    left: 1.25rem;
    top: 0rem;
    width: 1.5625rem;
    height: 1.8125rem;
    transform-origin: 0.8125rem 1.8125rem;
    animation: people-06-head 0.7s ease infinite alternate;
    z-index: 1;
  }
  .main__people-06 > img:nth-child(4) {
    /*left*/
    left: 3.0625rem;
    top: 1.875rem;
    width: 3.5625rem;
    height: 5.125rem;
    transform-origin: 0.3125rem 0.9375rem;
    animation: people-06-left 1.7s ease infinite alternate;
  }
  .main__people-06 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-06 .main__star-box img:nth-child(1) {
    left: 3.75rem;
    top: 0.875rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s 0.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-06 .main__star-box img:nth-child(2) {
    left: 4.375rem;
    top: 0.125rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s 0.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-06 .main__star-box img:nth-child(3) {
    left: 5.375rem;
    top: 1.3125rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s 0.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-06 .main__star-box img:nth-child(4) {
    left: 4.25rem;
    top: 0rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s 0.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  
  .main__people-07 {
    width: 6.75rem;
    height: 9rem;
    left: 80.875rem;
  }
  .main__people-07 > img:nth-child(1) {
    /*body*/
    left: 2.125rem;
    top: 1.0625rem;
    width: 2.8125rem;
    height: 4.875rem;
    z-index: 1;
  }
  .main__people-07 > img:nth-child(2) {
    /*head*/
    left: 0.5625rem;
    top: 0.375rem;
    width: 3.875rem;
    height: 2.625rem;
    transform-origin: 3.4375rem 1.3125rem;
    animation: people-07-head 0.7s ease infinite alternate;
  }
  .main__people-07 > img:nth-child(3) {
    /*bag*/
    left: 3.125rem;
    top: 2.875rem;
    width: 2.9375rem;
    height: 3.75rem;
    transform-origin: 1.3125rem 0.125rem;
    animation: people-07-bag 0.7s ease infinite alternate;
  }
  .main__people-07 > img:nth-child(4) {
    /*bag2*/
    left: 0.875rem;
    top: 2.125rem;
    width: 2.125rem;
    height: 3.25rem;
    transform-origin: 2.125rem 0.125rem;
    animation: people-07-bag2 0.7s ease infinite alternate;
  }
  .main__people-07 > img:nth-child(5) {
    /*left*/
    right: 0;
    top: 1.875rem;
    width: 2.8125rem;
    height: 2.4375rem;
    transform-origin: 0rem 0.625rem;
    animation: people-07-left 0.7s ease infinite alternate;
  }
  .main__people-07 > img:nth-child(6) {
    /*leg*/
    left: 0;
    bottom: 0;
    width: 6.625rem;
    height: 3.8125rem;
    animation: people-07-leg 0.7s ease infinite alternate;
  }
  
  @keyframes people-07-left {
    to {
      transform: rotate(5deg);
    }
  }
  @keyframes people-07-leg {
    to {
      transform: translateY(-3px);
    }
  }
  @keyframes people-07-bag {
    to {
      transform: rotate(5deg);
    }
  }
  @keyframes people-07-bag2 {
    to {
      transform: rotate(5deg);
    }
  }
  @keyframes people-07-head {
    to {
      transform: rotate(5deg);
    }
  }
  @keyframes people-08-head {
    0% {
      transform: rotate(0deg);
    }
  
    25%{
      transform: rotate(10deg);
    }
  
    50%{
      transform: rotate(0deg);
    }
  
    100%{
      transform: rotate(0deg);
    }
  }
  @keyframes people-08-arm {
     0% {
      transform: rotate(0deg);
    }
  
    15%{
      transform: rotate(10deg);
    }
  
    55%{
      transform: rotate(10deg);
    }
  
    70%{
      transform: rotate(0deg);
    }
  
    100%{
      transform: rotate(0deg);
    }
  }
  
  .main__people-07 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-07 .main__star-box img:nth-child(1) {
    left: 4.8125rem;
    top: 0.5625rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-07 .main__star-box img:nth-child(2) {
    left: 5.4375rem;
    top: 0rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-07 .main__star-box img:nth-child(3) {
    left: 6.25rem;
    top: 1.25rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-07 .main__star-box img:nth-child(4) {
    left: 5.3125rem;
    top: 0rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s 0.3s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }

  .main__people-08 {
    width: 9.125rem;
    height: 10.4375rem;
    left: 90%;
  }
  .main__people-08 > img:nth-child(1) {
    /*body*/
    right: 0;
    bottom: 0;
    width: 4.1875rem;
    height: 6.9375rem;
    z-index: 1;
  }
  .main__people-08 > img:nth-child(2) {
    /*head*/
    left: 5.5rem;
    top: 1.8125rem;
    width: 1.8125rem;
    height: 1.625rem;
    transform-origin: 0.75rem 1.625rem;
    animation: people-08-head 3s ease infinite;
  }
  .main__people-08 > img:nth-child(3) {
    /*arm*/
    left: 1.125rem;
    top: 1.1875rem;
    width: 5.4375rem;
    height: 5.625rem;
    transform-origin: 5rem 3.125rem;
    animation: people-08-arm 3s ease infinite;
    z-index: 1;
  }
  .main__people-08 .main__star-box img {
    opacity: 0;
    transform: translateY(10px);
  }
  .main__people-08 .main__star-box img:nth-child(1) {
    left: 0rem;
    top: 0.875rem;
    width: 1.0625rem;
    height: 1.125rem;
    animation: people-star-01 2.5s 0.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-08 .main__star-box img:nth-child(2) {
    left: 0.6875rem;
    top: 0.25rem;
    width: 1.4375rem;
    height: 1.5625rem;
    animation: people-star-02 2.5s 0.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-08 .main__star-box img:nth-child(3) {
    left: 1.6875rem;
    top: 1.3125rem;
    width: 0.3125rem;
    height: 0.3125rem;
    animation: people-star-03 2.5s 0.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }
  .main__people-08 .main__star-box img:nth-child(4) {
    left: 0.625rem;
    top: 0rem;
    width: 0.5625rem;
    height: 0.5625rem;
    animation: people-star-04 2.5s 0.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }

  @media screen and (max-width:1600px) {
    .main__people-08{display: none;}
  }

  @media screen and (max-width: 1470px) {
    .main__people-05{
      left:75.45%;
    }
    .main__people-06{
      left:80.85%;
    }
    .main__people-07{
      left:89%;
    }
  }

  @media screen and (max-width: 1280px) {
    .main__people-07{
      display: none;
    }
    .main__people-05{
      left:80.45%;
    }
    .main__people-06{
      left:86.85%;
    }
    .main__people-04{
      left:61.6%;
    }
  }

  @media screen and (max-width: 1140px) {
    .main__people-03{
      left:46.2%;
    }
    .main__people-02{
      left:36.1%;
    }
  }

  @media screen and (max-width:1024px) {
    .main__people-01{
      left:3.6875rem;
    }

    .main__people-02{
      left:18rem;
    }

    .main__people-03{
      left:25rem;
    }
  }

  @media screen and (max-width:940px) {
    .main__people-01{
      left:3.6875rem;
    }

    .main__people-02{
      left:38%;
    }

    .main__people-03{
      left:50%;
    }

    .main__people-04{
      left:76%;
    }

    .main__people-05,
    .main__people-06{
      display: none;
    }
  }

  @media screen and (max-width:750px) {
    
    .main__people-04{
      display: none;
    }

    .main__people-01{
      left:9rem;
    }

    .main__people-02{
      left:28rem;
    }

    .main__people-03{
      left:35rem;
    }
  }

  @media screen and (max-width:500px) {
    /*group-1*/
    .main__people-01{
      left:0.6875rem;
    }
    .main__people-02{
      left:13rem;
    }
    .main__people-03{
      left:20rem;
    }


    /*group-2*/
    .main__people-04{
      display: block;
      left:3.6875rem;
    }
    .main__people-05{
      display: block;
      left:15rem;
    }
    .main__people-06{
      display: block;
      left:20rem;
    }

    /*group-3*/
    .main__people-07{
      display: block;
      left:5rem;
    }
    .main__people-08{
      display: block;
      left:17rem;
    }
    .main__people-group{
      opacity: 0;
      transition:opacity 0.2s ease;
    }
    .main__people-group.active{
      opacity: 1;
    }
  }