@media screen and (max-width: 1600px) {
  .welcome .inner {
    padding: 0 5%;
  }
  .marketing .point_label {
    right: 5%;
  }
  .main_items .point_label {
    left: 8%;
  }
}
@media screen and (max-width: 1280px) {
  .icon_box .main_item_box {
    width: 1000px;
  }
  .main_items .point_label {
    left: 5%;
  }
} 
@media screen and (max-width: 768px) {
  .welcome .inner {
    padding: 0;
  }
  .welcome .inner {
    width: 100%;
    top: 33%;
  }
  .welcome .banner_item_02 .inner {
    top: 30%;
  }
  .welcome .banner_item_03 .inner {
    top: 25%;
  }
  .welcome .inner .banner_title {
    text-align: center;
  }
  .welcome .inner .banner_title h1 {
    font-size: 36px;
  }
  .welcome .inner .banner_title h1.c_title {
    text-align: left;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;

  }
  .main_slider .slick-slide img  {
    height: 100vh;
  }
  .flutter_all {
    padding-top: 100px;
    padding-bottom: 200px;
  }
  .flutter_all .section_title h2{
    font-size: 30px;
  }
  .flutter_all .section_title ~ span {
    font-size: 15px;
    width: 95%;
    margin: auto;
  }
  .flutter_all .main_graph {
    padding-top: 40px;
  }
  /* section : marketing */
  .marketing.mo_on {
    padding: 0;
    padding-bottom: 50px;
    display: block;
  }
  .marketing .inner {
    padding-bottom: 70px;
  }
  .marketing .inner::before {
    right: -250px;
    height: 250%;
    top: -270px;
    transform: rotate(-25deg);
  }
  .marketing .section_title {
    top: -60px;
  }
  .marketing .point_label {
    top: 195px;
    left: 85%;
  }
  .mktg_slide .slick-dots {
    bottom: 45px;
  }
  .mktg_slide .slick-dots {
    bottom: 25px;
  }
  .mktg_slide .slick-dots li button:before {
    content: '';
    background-color: #777;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
  }
  .mktg_slide .slick-dots .slick-active,
  .mktg_slide .slick-dots .slick-active button:before {
    width: 50px;
    transition: 0.35s;
    border-radius: 5px;
    opacity: 1;
  }
  .mktg_slide .slick-dots .slick-active button:before {
    background-color: var(--main-color);
  }
  .mktg_step {
    display: block;
    position: static;
    transform: translateX(0);
  }
  .mktg_step_01 {
    background-image: none;
  }
  .mktg_step_02 {
    background-image: none;
  }
  .mktg_step_03 {
    background-image: none;
  }
  .mktg_step .mo_btn {
    background-color: #fff;
    box-shadow: 5px 10px 15px rgba(5, 5, 5, 0.450);
    width: 90%;
    padding: 15px;
    cursor: pointer;
    transition: 0.35s;
    border-radius: 5px;
    margin: auto;
    margin-top: 30px;
  }
  .mktg_step .mo_btn span {
    height: 2.5px;
    width: 50px;
    border-radius: 5px;
    display: block;
    margin: auto;
  }
  .mktg_step:nth-of-type(1) .mo_btn  span {
    background-color: var(--main-color);
  }
  .mktg_step:nth-of-type(2) .mo_btn  span {
    background-color: #ff8420;
  }
  .mktg_step:nth-of-type(3) .mo_btn  span {
    background-color: #fff600;
  }
  .mktg_step .mo_btn h5 {
    font-family: '뫼비우스';
    font-size: 17px;
    margin-top: 15px;
  }
  .mktg_step .mo_btn p {
    font-size: 15px;
  }
  .mktg_step img {
    width: 100%;
  }

  /* scale : icon_box */
  .icon_box {
    padding: 55px 0;
    position: relative;
  }
  .icon_box .sub_titel {
    font-size: 24px;
  }
  .icon_box .icon_ribbon {
    height: 120px;
    margin: 130px 0;
  }
  .icon_box .main_item_box {
    top: 17%;
    width: 90%;
    max-width: 480px;
  }

  /* section : main_items */
  .main_items {
    padding: 100px 0;
  }
  .point_label {
    display: none;
  }
  /* .main_items .item_02 {
    margin-top: 100px;
  } */
  .main_items .item .inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: auto;
    min-width: inherit;
  }
  .main_items .item_02 .inner {
    flex-direction: column-reverse;
  }
  .main_items .item .inner .text_part {
    width: 100%;
    align-items: center;
    margin-bottom: 20px;
  }
  .main_items .item .inner .text_part .tp_on_pc {
    display: none;
  }
  .main_items .item .inner .text_part .tp_on_mo {
    display: block;
  }
  .main_items .item .inner .text_part h2 {
    font-size: 24px;
  }
  .main_items .item_02 .inner .text_part {
    width: fit-content;
    align-items: flex-start;
  }
  .main_items .item .inner .img_part {
    width: 100%;
  }
  .main_items .item .inner .img_part img {
    width: 95%;
    margin: auto;
  }
  .main_items .item .inner .img_part p {
    margin-top: 30px;
    display: block;
  }

  /* section : Earn points */
  .earn_points  {
    padding: 50px 0;
  }
  .earn_points .section_title h3 {
    font-size: 24px;
  }
  .earn_points .inner {
    padding: 0;
  }
  .earn_points .inner .point_cards {
    flex-direction: column;
    width: 100%;
  }
  .earn_points .inner .point_cards ~ p {
    margin-top: 20px;
    font-size: 14px;
  }
  .earn_points .inner .point_cards .card {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 335px;
  }
  .earn_points .inner .point_cards > p {
    margin: auto;
    font-size: 12px;
    padding: 0;
  }
  .earn_points .inner .point_cards > p b {
    font-weight: 300;
    padding-left: 15px;
  }
  /* section : revenue */

  .revenue {
    padding: 50px 0;
    padding-top: 100px;
  }
  .revenue .section_title {
    top: 15px;
  }
  .revenue .section_title h2 {
    font-size: 24px;
  }
  .revenue .inner {
    padding-top: 70px;
  }
  .revenue .inner::before {
    left: 0;
    top: -150px;
    height: 300%;
    transform: rotate(25deg);
  }
  .revenue .inner .sub_inner {
    width: 100%;
  }
  .revenue .inner .sub_inner div {
    width: 45%;
    height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .revenue .inner .sub_inner div h5 {
    font-size: 20px;
  }
  .revenue .inner .sub_inner div h4 {
    font-size: 24px;
  }
  .revenue .inner .sub_inner div img {
    margin-bottom: auto;
  }

  /* section : flutter_service */
  .flutter_service {
    padding: 50px 0;
  }
  .flutter_service .section_title::after,
  .flutter_service .section_title::before {
    border: none;
  }
  .flutter_service .section_title h2{
    font-size: 15px;
    width: 90%;
    margin: auto;
  }
  .flutter_service .inner {
    width: 100%;
  }
  .flutter_service .inner .tap_btns {
   justify-content: center;
  }
  .tap_btns h4  {
    font-size: 17px;
  }
  .service_taps {
    height: 550px;
  }
  .sv_tap .text_box {
    left: 10px;
    width: 90%;
    transform: none;
    top: 10px;
    padding: 15px;
    height: 320px;
    max-width: 500px;
  }
  .sv_tap .text_box h4 {
    font-size: 16px;
  }
  .sv_tap .text_box h3 {
    font-size: 28px;
  }
  .sv_tap .text_box p {
    font-size: 13px;
    margin-top: 20px;
  }
  .sv_tap .text_box a {
    margin-top: 15px;
  }
  .service_taps .sv_tap {
    height: 540px;
    display: flex;
    align-items: flex-end;
  }
  .sv_tap .sv_bg_img {
    width: 85%;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: -1;
  }

  /* section : story */ 

  .flutter_story {
    padding: 50px 0;
    padding-top: 150px;
  }
  .flutter_story .section_title {
    top: 100px;
  }
  .flutter_story .inner {
    padding: 50px 0;
    padding-top: 30px;
  }
  .story_slider {
    width: 100%;
    margin: 0;
  }
  .story_slider .slick-slide {
    margin: 0;
    height: 500px;
  }
  .story_slider .slick-slide img {
    height: 40%;
    width: 100%;
    object-fit: cover;
  }
  .story_slider .slick-slide .text_part  h5 {
    font-size: 20px;
  }
  .story_slider .slick-slide .text_part span {
    font-size: 16px;
  }
  .story_slider .slick-slide .text_part  p {
    font-size: 14px;
  }
  .story_slider .slick-dots {
    bottom: 0;
    transform: translateX(-50%);
    top: 105%;
    left: 50%;
  }
  .story_slider  .slick-dots li button:before {
    background-color: #777;
  }
  /* section : customer */
  .customer {}
  .customer_icons .inner {
    width: 100%;
    padding: 30px 0;
  }

  /* section : customer */
  .customer {}
  .customer_icons .inner div {
    width: 110px;
    height: 30px;
  }
  .customer_icons .inner div:last-child {
    display: none;
  }
}
@media screen and (max-width: 330px) {
  .main_items .item .inner {
    width: 95%;
  }
  .flutter_all .section_title ~ span {
    font-size: 13px;
  }
  .mktg_step .mo_btn p {
    font-size: 13px;
  }
  .earn_points .inner .point_cards .card {
    width: 300px;
  }
  .earn_points .inner .point_cards .card p {
    font-size: 13px;
  }
  .main_items .item .inner .img_part p {
    font-size: 13px;
  }
  .sv_tap .text_box {
    padding: 15px 5px;
  }
  .sv_tap .text_box p s {
    font-size: 12px;
  }
  .story_slider .slick-slide .text_part  h5 {
    font-size: 16px;
  }
  .story_slider .slick-slide .text_part span {
    font-size: 15px;
  }
  .story_slider .slick-slide .text_part  p {
    font-size: 13px;
  }
}