.gopaintH .gopaint-outn .navul li:nth-child(4) a {
  color: #ffbf7b;
}

#gopaintH-container {
  position: relative;
  z-index: 20;
  background-color: #000;
}

/* gopaint-1 start */
.gopaintH .gopaint-s1 {
  padding: 10.41666667vw 0 0 0;
  overflow: hidden;
  position: relative;
  z-index: 20;
}

.gopaintH .gopaint-s1 .s1-txt {
  width: 53.666667vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gopaintH .gopaint-s1 .s1-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.gopaintH .gopaint-s1 .s1-img {
  width: 21.04166667vw;
}

.gopaintH .gopaint-s1 .s1-img img {
  width: 100%;
}

.gopaintH .gopaint-s1 .s1-desc1 {
  margin-top: 0.83333333vw;
  font-weight: 400;
  font-size: 1.45833333vw;
  line-height: 1.6;
  color: #fff;
}

.gopaintH .gopaint-s1 .s1-desc2 {
  width: 45.66666667vw;
  margin-top: 1.04166667vw;
  color: rgba(255, 255, 255, .6);
  text-align: center;
  line-height: 1.6;
  font-size: 1.04166667vw;
  font-weight: 400;
}

.gopaintH .gopaint-s1 .s1-cta {
  margin-top: 2.08333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
}

.gopaintH .gopaint-s1 .s1-cta img {
  width: 100%;
}

.gopaintH .gopaint-s1 .s1-con {
  width: 106%;
  position: relative;
  transition: width 1.8s linear;
  will-change: width, height;
}

.gopaintH .gopaint-s1 .img-bg {
  position: relative;
  opacity: 0;
  transition: opacity 1.8s linear;
  will-change: opacity, width, height;
  overflow: hidden;
  z-index: 1;
}

.gopaintH .gopaint-s1 .s1-con-small {
  width: 53.75vw;
}

.gopaintH .gopaint-s1 .small-bg {
  opacity: 1;
}

.gopaintH .gopaint-s1 .img-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gopaintH .gopaint-s1 .s1-con .img-abs {
  transform: scaleY(1.0006);
}

.gopaintH .gopaint-s1 .imge-inner {
  clip-path: circle(0% at 73.74% 46.55%);
  -webkit-transition: all 1.8s linear;
  -moz-transition: all 1.8s linear;
  -ms-transition: all 1.8s linear;
  -o-transition: all 1.8s linear;
  transition: all 1.8s linear;
  will-change: clip-path, width, height;
}

.gopaintH .gopaint-s1 .clip-inner {
  clip-path: circle(100% at 73.74% 46.55%);
}

.gopaintH .gopaint-s1 .imge-hand {
  width: 49.73958333vw;
  transform: translate(200%, 150%);
  -webkit-transition: transform 1.8s linear;
  -moz-transition: transform 1.8s linear;
  -ms-transition: transform 1.8s linear;
  -o-transition: transform 1.8s linear;
  transition: transform 1.8s linear;
  z-index: 2;
  will-change: transform;
}

.gopaintH .gopaint-s1 .imge-hand-move {
  transform: translate(125.74%, 27.055%);
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .gopaintH .gopaint-s1 {
    padding: 22.22222222vw 6.38888889vw 0;
  }

  .gopaintH .gopaint-s1 .s1-txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gopaintH .gopaint-s1 .s1-cta {
    margin-top: 8.333333vw;
  }

  .gopaintH .gopaint-s1 .s1-content {
    display: flex;
    align-items: center;
  }

  .gopaintH .gopaint-s1 .s1-img {
    width: 54.44444444vw;
  }

  .gopaintH .gopaint-s1 .s1-desc1 {
    margin-top: 1.66666667vw;
    font-size: 3.33333333vw;
  }

  .gopaintH .gopaint-s1 .s1-desc2 {
    width: 106%;
    margin-top: 4.16666667vw;
    font-size: 4.44444444vw;
  }

  .gopaintH .gopaint-s1 .s1-imge {
    margin-top: 8.33333333vw;
  }

  .gopaintH .gopaint-s1 .s1-con {
    width: 200%;
    transition: width 1.3s linear;
  }

  .gopaintH .gopaint-s1 .img-bg {
    transition: opacity 1.3s linear;
  }

  .gopaintH .gopaint-s1 .s1-con-small {
    width: 100%;
  }

  .gopaintH .gopaint-s1 .imge-inner {
    clip-path: circle(0% at 52% 68.48%);
  }

  .gopaintH .gopaint-s1 .clip-inner {
    clip-path: circle(100% at 52% 68.48%);
  }

  .gopaintH .gopaint-s1 .imge-hand {
    width: 80.555556vw;
    transform: translate(200%, 150%);
  }

  .gopaintH .gopaint-s1 .imge-hand-move {
    transform: translate(56.6%, 51.048%);
  }
}

/* gopaint-1 end */
#hw-gopaintH-2024 {
  width: 100%;
  overflow: hidden;
  padding: 0 0 10.41666667vw 0;
  position: relative;
  z-index: 20;
}

#hw-gopaintH-2024 .sec {
  margin: 0 auto;
  width: 67.5vw;
}

#hw-gopaintH-2024 .sec .item-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.66666667vw;
}

#hw-gopaintH-2024 .sec .item picture,
#hw-gopaintH-2024 .sec .item picture img {
  display: block;
  width: 100%;
}

#hw-gopaintH-2024 .sec .item picture img {
  object-fit: cover;
}

/* awards start */
#hw-gopaintH-2024 .awards-container {
  padding: 10.41666667vw 0 4.16666667vw 0;
  position: relative;
  z-index: 1;
}

#hw-gopaintH-2024 .awards-content img {
  width: 100%;
  vertical-align: bottom;
}

#hw-gopaintH-2024 .awards-content {
  margin: 0 auto;
  padding: 1.71875vw 0 0 0;
  width: 23.17708333vw;
  height: 7.13541667vw;
  position: relative;
  /* overflow: hidden; */
}

#hw-gopaintH-2024 .awards-ab {
  position: absolute;
}

#hw-gopaintH-2024 .awards-star {
  width: 15.46875vw;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

#hw-gopaintH-2024 .awards-word {
  width: 21.875vw;
  height: 3.38541667vw;
  position: relative;
  margin: 0 0 0 1.19791667vw;
  overflow: hidden;
}

#hw-gopaintH-2024 .group-trigger .awards-bg::before {
  transform: translate(var(--shine-x)) rotate(var(--shine-r));
}

#hw-gopaintH-2024 .awards-bg {
  width: 100%;
}

#hw-gopaintH-2024 .awards-bg::before {
  content: '';
  position: absolute;
  top: -1.04166667vw;
  left: -4.27083333vw;
  width: 4.27083333vw;
  height: 4.27083333vw;
  border-radius: 50%;
  background-image: conic-gradient(from 0deg, #E95998 0%, #7C63A9 10%, #AA80B7 23%, #DF9AB3 45%, #F2C94E 60%, #F4C036 75%, #E95998 100%);
  filter: blur(0.78125vw);
  will-change: transform;
}

#hw-gopaintH-2024 .awards-mask {
  width: 100%;
  border-radius: 9999px;
}

#hw-gopaintH-2024 .awards-wheat {
  width: 101.6%;
  top: 48%;
  left: -0.10416667vw;
  transform: translateY(-50%);
}

#hw-gopaintH-2024 .awards-title {
  width: 113.6%;
  left: -22%;
  top: 48%;
  transform: translateY(-50%);
  text-align: right;
  font-size: 1.66666667vw;
  font-weight: 500;
  line-height: 1.25;
  background-image: linear-gradient(141deg, #D19F5A, #F1AD50, #FFD7BF, #ED846F, #FFEE8E, #E567DB);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-position-x: 0;
  opacity: 0.5;
}

@media screen and (max-aspect-ratio: 136 / 100) {
  #hw-gopaintH-2024 {
    padding: 0 0 22.222222vw 0;
  }

  #hw-gopaintH-2024 .awards-container {
    padding: 36.805556vw 0 8.333333vw 0;
  }

  #hw-gopaintH-2024 .awards-content {
    padding: 4.583333vw 0 0 0;
    width: 61.805556vw;
    height: 19.027778vw;
  }

  #hw-gopaintH-2024 .awards-star {
    width: 41.25vw;
  }

  #hw-gopaintH-2024 .awards-word {
    width: 58.333333vw;
    height: 9.027778vw;
    margin: 0 0 0 3.194444vw;
  }

  #hw-gopaintH-2024 .awards-word img {
    height: 100%;
  }

  #hw-gopaintH-2024 .awards-bg {
    height: 100%;
  }

  #hw-gopaintH-2024 .awards-bg::before {
    width: 8.75vw;
    height: 8.75vw;
    top: -2.083333vw;
    filter: blur(2.777778vw);
  }

  #hw-gopaintH-2024 .awards-mask {
    width: 100%;
    height: 100%;
  }

  #hw-gopaintH-2024 .awards-wheat { 
    left: -0.277778vw;
  }

  #hw-gopaintH-2024 .awards-title {
    width: 62.083333vw;
    top: 46%;
    left: -13%;
    font-size: 4.444444vw;
  }
}

/* awards end */

/* item start */
#hw-gopaintH-2024 .item {
  width: 100%;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width:1300px) {
  #hw-gopaintH-2024 .item picture img {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
}

#hw-gopaintH-2024 .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 0;
  transition: 0.3s ease-out;
}

#hw-gopaintH-2024 .works-info {
  position: absolute;
  width: 100%;
  padding: 0 1.5625vw 1.5625vw;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
}

#hw-gopaintH-2024 .works-info h2 {
  color: #fff;
  font-size: 1.041667vw;
  font-weight: 500;
  line-height: 1.25;
}

#hw-gopaintH-2024 .works-info h2 span {
  display: inline-block;
}

#hw-gopaintH-2024 .works-info p {
  color: #fff;
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 0.260417vw;
  display: flex;
  justify-content: space-between;
  /* align-items: flex-end; */
}

#hw-gopaintH-2024 .works-info p span {
  width: 50%;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

#hw-gopaintH-2024 .works-info p span:nth-of-type(2) {
  white-space: nowrap;
  text-align: right;
}

#hw-gopaintH-2024 .item6 .works-info p span:nth-of-type(2) {
  width: 55%;
}

#hw-gopaintH-2024 .item16 .works-info p span:nth-of-type(1) {
  width: 45%;
}

@media screen and (max-width: 1440px) {
  #hw-gopaintH-2024 .works-info p {
    font-size: 12px;
  }
}

@media screen and (max-width: 1200px) {
  #hw-gopaintH-2024 .item::after {
    display: none;
  }

  #hw-gopaintH-2024 .works-info {
    display: none;
  }
}

#hw-gopaintH-2024 .work-type-icon {
  position: absolute;
  z-index: 3;
  top: 1.5625vw;
  right: 1.5625vw;
}

#hw-gopaintH-2024 .work-type-icon img {
  width: 1.25vw;
  height: 1.25vw;
}

@media screen and (max-aspect-ratio: 136 / 100) {
  #hw-gopaintH-2024 .work-type-icon {
    top: 2.2222222222vw;
    right: 2.2222222222vw;
  }

  #hw-gopaintH-2024 .work-type-icon img {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
}

/* start end */

#hw-gopaintH-2024 .item.has-animation.active:hover {
  cursor: pointer;
}

#hw-gopaintH-2024 .item.has-animation.active:hover picture img {
  transform: scale(1.097);
  -webkit-transform: scale(1.097);
  -moz-transform: scale(1.097);
  -ms-transform: scale(1.097);
  -o-transform: scale(1.097);
}

#hw-gopaintH-2024 .item.has-animation.active:hover::after {
  opacity: 1;
}

#hw-gopaintH-2024 .item.has-animation.active:hover .works-info {
  opacity: 1;
}

#hw-gopaintH-2024 .item:not(.has-animation):hover {
  cursor: pointer;
}

#hw-gopaintH-2024 .item:not(.has-animation):hover picture img {
  transform: scale(1.097);
  -webkit-transform: scale(1.097);
  -moz-transform: scale(1.097);
  -ms-transform: scale(1.097);
  -o-transform: scale(1.097);
}

#hw-gopaintH-2024 .item:not(.has-animation):hover:after {
  opacity: 1;
}

#hw-gopaintH-2024 .item:not(.has-animation):hover .works-info {
  opacity: 1;
}

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

  #hw-gopaintH-2024 .item.has-animation.active:hover,
  #hw-gopaintH-2024 .item:not(.has-animation):hover {
    cursor: unset;
  }

  #hw-gopaintH-2024 .item.has-animation.active:hover picture img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  #hw-gopaintH-2024 .item:not(.has-animation):hover picture img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

#hw-gopaintH-2024 .sec .item {
  will-change: transform;
}

#hw-gopaintH-2024 .sec .item0 {
  width: 42.91666667vw;
  transform: translate(-48.75vw);
}

#hw-gopaintH-2024 .sec .item1 {
  width: 22.91666667vw;
  transform: translate(28.75vw);
}

#hw-gopaintH-2024 .sec .item2 {
  width: 22.91666667vw;
  transform: translate(-28.75vw);
}

#hw-gopaintH-2024 .sec .item3 {
  width: 42.91666667vw;
  transform: translate(48.75vw);
}

#hw-gopaintH-2024 .sec .item4 {
  width: 42.91666667vw;
}

#hw-gopaintH-2024 .sec .item5 {
  width: 22.91666667vw;
}

#hw-gopaintH-2024 .sec .item6 {
  width: 19.27083333vw;
}

#hw-gopaintH-2024 .sec .item7 {
  width: 46.5625vw;
}

#hw-gopaintH-2024 .sec .item8 {
  width: 42.91666667vw;
}

#hw-gopaintH-2024 .sec .item9 {
  width: 22.91666667vw;
}

#hw-gopaintH-2024 .sec .item10 {
  width: 22.91666667vw;
}

#hw-gopaintH-2024 .sec .item11 {
  width: 42.91666667vw;
}

#hw-gopaintH-2024 .sec .item12 {
  width: 42.91666667vw;
}

#hw-gopaintH-2024 .sec .item13 {
  width: 22.91666667vw;
}

#hw-gopaintH-2024 .sec .item14 {
  width: 20.625vw;
  width: 32.91666667vw;
}

#hw-gopaintH-2024 .sec .item15 {
  width: 20.625vw;
  width: 32.91666667vw;
}

#hw-gopaintH-2024 .sec .item16 {
  width: 20.625vw;
}

#hw-gopaintH-2024 .sec .item17 {
  width: 20.625vw;
}

#hw-gopaintH-2024 .sec .item18 {
  width: 22.91666667vw;
}

/* #hw-gopaintH-2024 .sec .item19 {
  width: 22.91666667vw;
} */

@media screen and (max-aspect-ratio: 136 / 100) {
  #hw-gopaintH-2024 .sec {
    margin: 0;
    width: 100%;
    padding: 0 6.666667vw;
  }

  #hw-gopaintH-2024 .sec .item-container {
    gap: 3.333333vw;
  }

  #hw-gopaintH-2024 .sec .item0 {
    width: 54.722222vw;
    transform: translate(-39.166667vw);
  }

  #hw-gopaintH-2024 .sec .item1 {
    width: 28.611111vw;
    transform: translate(13.055556vw);
  }

  #hw-gopaintH-2024 .sec .item2 {
    width: 28.611111vw;
    transform: translate(-13.055556vw);
  }

  #hw-gopaintH-2024 .sec .item3 {
    width: 54.722222vw;
    transform: translate(39.166667vw);
  }

  #hw-gopaintH-2024 .sec .item4 {
    width: 54.722222vw;
  }

  #hw-gopaintH-2024 .sec .item5 {
    width: 28.611111vw;
  }

  #hw-gopaintH-2024 .sec .item6 {
    width: 24.166667vw;
  }

  #hw-gopaintH-2024 .sec .item7 {
    width: 59.166667vw;
  }

  #hw-gopaintH-2024 .sec .item8 {
    width: 54.722222vw;
  }

  #hw-gopaintH-2024 .sec .item9 {
    width: 28.611111vw;
  }

  #hw-gopaintH-2024 .sec .item10 {
    width: 28.611111vw;
  }

  #hw-gopaintH-2024 .sec .item11 {
    width: 54.722222vw;
  }

  #hw-gopaintH-2024 .sec .item12 {
    width: 54.722222vw;
  }

  #hw-gopaintH-2024 .sec .item13 {
    width: 28.611111vw;
  }

  #hw-gopaintH-2024 .sec .item14 {
    width: 43.333333vw;
    width: 41.666667vw;
  }

  #hw-gopaintH-2024 .sec .item15 {
    width: 40vw;
    width: 41.666667vw;
  }

  #hw-gopaintH-2024 .sec .item16 {
    width: 26.666667vw;
  }

  #hw-gopaintH-2024 .sec .item17 {
    width: 26.666667vw;
  }

  #hw-gopaintH-2024 .sec .item18 {
    width: 26.666667vw;
  }

  /* #hw-gopaintH-2024 .sec .item19 {
    width: 40vw;
  } */
}

/* model start */
.xmage-popup .popup-container .close-btn svg {
  width: 100%;
  height: 100%;
}

.xmage-popup .works-infos-box .works-infos-container {
  min-height: unset;
}

.xmage-popup .view-box .view-img {
  vertical-align: bottom;
}

@media screen and (max-aspect-ratio: 136 / 100), (max-width: 991px) {
  .xmage-popup .popup-container .close-btn {
    mix-blend-mode: difference;
    cursor: unset;
  }
  
  .xmage-popup .popup-container .works-infos-box {
    overflow: unset;
  }

  .xmage-popup .works-infos-box .author-info {
    padding-right: 0;
  }

  .xmage-popup .works-infos-box .author-header {
    width: 13.333333vw !important;
    height: 13.333333vw !important;
    vertical-align: bottom;
  }

  .xmage-popup .works-infos-box .works-infos {
    margin-top: 2.222222vw !important;
  }

  .xmage-popup .works-infos-box .author-job {
    margin: 0 !important;
  }

  .xmage-popup .works-infos-box .works-name {
    line-height: 1.6 !important;
  }

  .xmage-popup .works-infos-box .author-name {
    margin-top: 1.805556vw !important;
    font-size: 3.333333vw !important;
    color: #909090 !important;
    line-height: 1.6 !important;
  }

  .xmage-popup .works-infos-box .works-other-infos {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .xmage-popup .works-infos-box .works-infos-container {
    min-height: unset !important;
  }
}

@media screen and (max-width: 1360px) and (orientation:landscape) { 
  #hw-gopaintH-2024 .item::after {
    opacity: 1;
    display: block;
  }

  #hw-gopaintH-2024 .works-info {
    display: block;
  }

  #hw-gopaintH-2024 .works-info p span:nth-of-type(2) {
    display: none;
  }

  #hw-gopaintH-2024 .works-info {
    opacity: 1;
  }

  #hw-gopaintH-2024 .item .works-info p span:nth-of-type(1) {
    width: 100%;
  }
}

.xmage-popup .works-infos-box .tags-item:nth-of-type(2) {
  margin-right: 0;
}
/* model end */

/* select start */
#hw-gopaintH-2024 .section0 {
  margin: 0 auto;
  position: relative;
}

#hw-gopaintH-2024 .section0 .select-container {
  position: absolute;
  top: 3.125vw;
  left: 16.25vw;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}

#hw-gopaintH-2024 .section0 .select-content {
  color: #fff;
  font-size: 0.72916667vw;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.72916667vw 1.66666667vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0.3125vw;
  -webkit-border-radius: 0.3125vw;
  -moz-border-radius: 0.3125vw;
  -ms-border-radius: 0.3125vw;
  -o-border-radius: 0.3125vw;
  white-space: nowrap;
}

@media screen and (max-width:1646px) {
  #hw-gopaintH-2024 .section0 .select-content {
    font-size: 12px;
  }
}

#hw-gopaintH-2024 .section0 .select-info {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#hw-gopaintH-2024 .section0 .select-arrow {
  width: 0.52083333vw;
  margin-left: 0.83333333vw;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
}

#hw-gopaintH-2024 .section0 .select-info.active .select-arrow {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

#hw-gopaintH-2024 .section0 .select-ul {
  display: none;
}

#hw-gopaintH-2024 .section0 .select-ul li {
  margin-top: 1.041667vw;
}

#hw-gopaintH-2024 .section0 .select-ul a {
  color: rgba(255,255,255, .7);
}

@media (hover: hover) and (pointer: fine) {
  #hw-gopaintH-2024 .section0 .select-ul li a:hover {
    color: rgba(255,255,255, 1)
  }
}

@media screen and (max-aspect-ratio:136/100) {
  #hw-gopaintH-2024 .section0 .select-container {
    top: 13.888889vw;
    left: 6.666667vw;
  }

  #hw-gopaintH-2024 .section0 .select-content {
    font-size: 3.333333vw;
    padding: 2.222222vw 4.444444vw;
    border-radius: 0.833333vw;
    -webkit-border-radius: 0.833333vw;
    -moz-border-radius: 0.833333vw;
    -ms-border-radius: 0.833333vw;
    -o-border-radius: 0.833333vw;
  }

  #hw-gopaintH-2024 .section0 .select-arrow {
    width: 2.5vw;
    margin-left: 2.222222vw;
  }

  #hw-gopaintH-2024 .section0 .select-ul li {
    margin-top: 2.7777778vw;
  }

}

/* select end */

.iparys_inherited .gopaintH .gopaint-kv .gopaint-inner-container {
  display: block;
}