/*! Writen  by SCSS */
.concept_room_area {
  position: relative;
  padding: 80px 0; }
  @media screen and (max-width: 820px) {
    .concept_room_area {
      padding: 60px 0; } }
  @media screen and (max-width: 480px) {
    .concept_room_area {
      padding: 40px 0; } }
  .concept_room_area .concept_slide {
    margin-bottom: 20px; }
    .concept_room_area .concept_slide .swiper-wrapper .swiper-slide .cap {
      left: 10px;
      font-weight: 700;
      font-size: clamp(18px, 2.097vw, 26px); }
  .concept_room_area .slide_thumb {
    width: 100%; }
    .concept_room_area .slide_thumb .swiper-wrapper {
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .concept_room_area .slide_thumb .swiper-wrapper {
          flex-wrap: wrap;
          justify-content: flex-start;
          gap: 10px 3.5%; } }
      .concept_room_area .slide_thumb .swiper-wrapper .swiper-slide {
        width: 11.3%; }
        @media screen and (max-width: 480px) {
          .concept_room_area .slide_thumb .swiper-wrapper .swiper-slide {
            width: 31%; } }
        .concept_room_area .slide_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb_item:after {
          opacity: 0; }
        .concept_room_area .slide_thumb .swiper-wrapper .swiper-slide .thumb_item {
          cursor: pointer;
          position: relative; }
          .concept_room_area .slide_thumb .swiper-wrapper .swiper-slide .thumb_item:after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.7);
            opacity: 1;
            pointer-events: none;
            transition: 0.3s opacity ease-in-out 0s; }

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