@media only screen and (max-width: 768px) {
  .part-title .head-icon img {
    max-width: 80% !important;
    transform: scale(1) !important;
  }
  .part-title .main-image {
    text-align: center;
    margin-top: 10px !important;
  }
  .part-title .main-image img {
    max-width: 80% !important;
  }
  .part-1 {
    margin-top: 50px !important;
  }
  .part-1 .part-title {
    margin-bottom: 30px !important;
  }
  .part-1 .part-title .main-title {
    font-size: 2em !important;
  }
  .part-1 .part-title .description {
    font-size: 1em !important;
  }
  .part-1 .swiper-slide-next .slide-item-wrapper,
  .part-1 .swiper-slide-prev .slide-item-wrapper {
    opacity: 0.5 !important;
  }
  .part-1 .swiper-button-next,
  .part-1 .swiper-button-prev {
    display: none;
  }
  .part-1 .swiper-container-3d .swiper-slide-shadow-left,
  .part-1 .swiper-container-3d .swiper-slide-shadow-right {
    border-radius: 10px;
    height: 97%;
  }
  .part-1 .body .text {
    font-size: 1em !important;
  }
  .part-2 .head-title {
    margin-bottom: 30px !important;
  }
  .part-2 .head-title .title .text {
    font-size: 3em !important;
  }
  .part-2 .head-title .title .text .float-text {
    top: -30px !important;
    left: -22px !important;
  }
  .part-2 .head-title .description {
    font-size: 1em !important;
  }
  .part-2 .container {
    width: 100% !important;
  }
  .part-3 .part-title {
    margin-bottom: 30px !important;
  }
  .part-3 .part-title .main-title {
    font-size: 2.5em !important;
  }
  .part-3 .part-title .description {
    font-size: 1em !important;
  }
  .part-3 .swiper-slide-next .slide-item-wrapper,
  .part-3 .swiper-slide-prev .slide-item-wrapper {
    opacity: 0.5;
  }
  .part-3 .swiper-button-next,
  .part-3 .swiper-button-prev {
    display: none;
  }
  .part-3 .swiper-container-3d .swiper-slide-shadow-left,
  .part-3 .swiper-container-3d .swiper-slide-shadow-right {
    border-radius: 10px;
    height: 97%;
  }
  .part-3 .swiper-container-3d .swiper-slide-shadow-left {
    left: -6px !important;
    top: 1.4px !important;
  }
  .part-3 .swiper-container-3d .swiper-slide-shadow-right {
    left: 4px !important;
    top: 1.4px !important;
  }
  .part-4 .winner-list {
    padding-bottom: 0 !important;
    padding-top: 50px !important;
  }
  .part-4 .winner-list .head-title-mobile {
    padding: 0 1.5625rem 0 1.5625rem;
  }
  .part-4 .winner-list .head-title-mobile .title-main {
    font-size: 6.38889vw;
    margin-top: 0.625rem;
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
  }
  .part-4 .winner-list .head-title-mobile .notice {
    margin-top: 0.625rem;
    color: #fff;
    font-size: 2.5vw;
    line-height: 1.3;
  }
  .part-4 .winner-list .winner-title {
    bottom: -50px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    margin-top: 1.5625rem;
  }
  .part-4 .winner-list .winner-title img {
    width: 100%;
  }
  .part-4 .winner-list .winner-title strong {
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 5.27778vw;
    line-height: 1.3;
  }
  .part-4 .winner-list .winner-contents .slide-content {
    position: relative;
    top: 0;
  }
  .part-4 .winner-list .winner-contents .slide-content .slick-part-4 {
    transform: perspective(150px) !important;
  }
  .part-4 .winner-list .winner-contents .slide-content .slick-part-4 .slick-track .slick-slide .slick-slide-item-wrapper .slick-slide-item p {
    font-size: 10px;
    width: 33.33% !important;
  }
  .part-4 .winner-list .winner-contents .icon-feather {
    display: none;
  }
  #modal-note-detail {
    max-width: 90% !important;
  }
  #modal-note-detail .slide-item-wrapper .body .text {
    font-size: 1em !important;
  }
  .main .feedback-note .session-1 {
    background-image: url("/assets/img/feedback/note/2023/bg-session-1-m.jpg");
  }
  .main .feedback-note .session-1 .s1-icon img {
    width: 60%;
  }
  .main .feedback-note .session-1 .part-title .description {
    font-size: 19px;
    padding-bottom: 30px;
  }
  .main .feedback-note .session-1 .part-title .description b {
    color: #ffe55d;
  }
  .main .feedback-note .session-4 .s4-head {
    margin-top: 40px;
  }
  .main .feedback-note .session-4 .s4-head .s4-head-title {
    font-size: 30px;
  }
  .main .feedback-note .session-4 .s4-head .s4-sub-title {
    font-size: 15px;
  }
  .main .feedback-note .session-4 .s4-content {
    padding: 0 15px;
  }
  .main .feedback-note .session-4 .s4-content .b-content {
    width: 100%;
    padding: 25px 20px;
  }
  .main .feedback-note .session-4 .s4-content .b-content .link {
    font-size: 15px;
  }
  .main .feedback-note .session-4 .s4-content .b-content .link br {
    display: block;
  }
  .main .feedback-note .session-4 .s4-content .b-content span,
  .main .feedback-note .session-4 .s4-content .b-content .link .s4-tag {
    display: none;
  }
}

/*# sourceMappingURL=feedback-note-sp.css.map */