.gallerydetail-header {
   margin-bottom: 40px;
   width: 765px;
   max-width: 100%;
}
.header-becrum,
.header-becrum:hover {
   font-weight: bold;
   font-size: 16px;
   line-height: 24px;
   color: #b3b3b3;
   margin-bottom: 16px;
   display: block;
}
.header-title {
   font-style: normal;
   font-weight: 700;
   font-size: 40px;
   line-height: 50px;
   color: #000000;
   margin-bottom: 16px;
}
.header-date {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: #000000;
}
.gallerydetail-main {
   padding-top: 40px;
   padding-bottom: 40px;
   background: #f2f2f2;
}
.gallerydetail-main-header-content {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 16px;
}
.gallerydetail-main-header-content-box {
   width: 620px;
   max-width: 100%;
}
.gallerydetail-main-header-content-desc {
   font-weight: normal;
   font-size: 18px;
   line-height: 24px;
   color: #737373;
}
.gallerydetail-main-header-share {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.gallerydetail-main-header-share-list {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.gallerydetail-main-header-share-text {
   margin-right: 16px;

   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   color: #000000;
}
.gallerydetail-main-header-share-item {
   margin-right: 16px;
}
.gallerydetail-main-header-share-item:last-child {
   margin-right: 0;
}
.gallerydetail-main-full-link {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.gallerydetail-main-full-link-title {
   font-size: 18px;
   line-height: 150%;
   color: #000000;
}
.gallerydetail-main-full-link-name {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   text-align: right;
   color: #000000;
   margin-left: 8px;

   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.gallerydetail-main-full-link-name svg {
   transition: 0.25s ease-in-out all;
   margin-top: 6px;
}
.gallerydetail-main-full-link-name:hover svg {
   transform: rotate(45deg);
}
.gallerydetail-main-full-link-name:hover {
   text-decoration: underline;
}
.gallerydetail-main-full-link-name span {
   margin-right: 7px;
}
.gallerydetail-main-header {
   margin-bottom: 40px;
}
.gallerySlideBig {
   height: 768px;
   margin-bottom: 36px;
   position: relative;
}
.gallerySlideBig-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}
.gallerySlideThumb-img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   object-position: center;
}
.swiper-button-prev,
.swiper-button-next {
   display: unset;
}
.swiper-button-prev:after,
.swiper-button-next:after {
   content: "";
}
.swiper-button-prev.swiper-button-prev-gallerydetail {
   left: 40px;
}
.swiper-button-next.swiper-button-next-gallerydetail {
   right: 40px;
}
.swiper-button-next-gallerydetail-icon {
   width: 40px;
   height: 40px;
   background: #ffffff;
   border: none;
   outline: none;
}
.gallerydetail-other-row {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
}
.gallerydetail-other-row {
   margin-right: -20px;
   margin-left: -20px;
}
.gallerydetail-other-col {
   width: calc(100% / 3);
   padding: 0 calc(80px / 4);
}
.gallerydetail-other-main {
   padding-top: 40px;
   padding-bottom: 40px;
}
.gallerydetail-other-col-img {
   margin-bottom: 16px;
   width: 100%;
   height: 280px;
}
.gallerydetail-other-col-src {
   width: 100%;
   height: 100%;
}
.gallerydetail-other-col-time {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: #737373;
   margin-bottom: 8px;
}
.gallerydetail-other-col-name,
.gallerydetail-other-col-name:hover {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   color: #000000;
   margin-bottom: 32px;
}
.gallerydetail-other-col-name:hover {
   text-decoration: underline;
}
.gallerydetail-other-col-view,
.gallerydetail-other-col-view:hover {
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   text-align: right;
   color: #0031a7;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.gallerydetail-other-col-view:hover {
   text-decoration: underline;
   cursor: default;
}
.gallerydetail-other-col-view-text {
   margin-right: 7px;
}
.gallerydetail-other-col-view svg {
   transition: 0.25s ease-in-out all;
   margin-top: 6px;
}
.gallerydetail-other-col-view:hover svg {
   transform: rotate(45deg);
}
.gallerydetail-other-main-title {
   font-style: normal;
   font-weight: 700;
   font-size: 40px;
   line-height: 50px;
   text-align: center;
   color: #000000;
   margin-bottom: 40px;
}
.gallerydetail-other-main-all {
   margin-top: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.swiper-pagination-gallerydetail {
   display: none;
}
.swiper-pagination-gallerydetail
   .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: #ffffff;
}
.swiper-pagination-gallerydetail .swiper-pagination-bullet {
   background: rgba(255, 255, 255, 0.5);
}
.overlayvideo {
   position: relative;
}
.overlayvideo {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
   z-index: 1;
}
.swiper-slideBig-iconplay {
   z-index: 2;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
}

/* play video */
.playvideo-main {
   width: 100%;
   max-width: 980px;
   height: 480px;
   max-height: 100%;
}
.playvideo-main-video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
}
.playvideo-main-video iframe {
   width: 100%;
   height: 100%;
}

@media screen and (min-width : 1024px) and (max-width : 1366px) and (orientation: landscape){
   .gallerydetail-main-header-share-item{
      margin-right: 24px;
      opacity: 0.6;
   }
   .global-container-slide{
      padding: 0 40px;
   }
}

@media screen and (min-width: 576px) and (max-width: 1310px) {
}

@media screen and (max-width: 1024px) {
   .gallerydetail-main {
      padding-top: 40px;
      padding-bottom: 60px;
   }
   .gallerydetail-main-header-content {
      flex-direction: column;
   }
   .gallerydetail-main-header {
      margin-bottom: 40px;
   }
   .gallerydetail-main-header-content-box {
      width: 100%;
      margin-bottom: 40px;
   }
   .gallerydetail-main-header-content-desc {
      
   }
   .gallerydetail-main-full-link-name {
      margin-left: 0;
   }
   .gallerydetail-main-full-link {
      display: block;
   }
   .gallerydetail-main-full-link-name {
      justify-content: space-between;
   }
   .gallerydetail-main-header-share {
      width: 100%;
      justify-content: space-between;
   }
   .gallerySlideBig {
      height: 520px;
   }
   .gallerySlideThumb-img {
      height: 172px;
   }
   .gallerydetail-other-col-img {
      height: 280px;
   }
   .gallerydetail-other-col-src {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
   }
   .gallerydetail-other-col {
      width: calc(100% / 2);
   }
   .gallerydetail-other-col:last-child {
      display: none;
   }
}

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

@media screen and (max-width: 768px) {
   .header-title {
      font-size: 32px;
      line-height: 120%;
   }
   .gallerydetail-main {
      padding-top: 40px;
      padding-bottom: 40px;
   }
   .gallerydetail-main-header-content {
      flex-direction: column;
      margin-bottom: 0;
   }
   .gallerydetail-main-header-content-desc {
      font-weight: normal;
      font-size: 16px;
      line-height: 150%;
      color: #737373;
   }
   .gallerydetail-main-full-link {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
   }
   .gallerydetail-main-full-link-title {
      margin-bottom: 8px;
   }
   .gallerydetail-main-full-link-name {
      text-align: left;
      margin: 0;
   }
   .gallerydetail-main-header {
      margin-bottom: 40px;
   }

   .gallerydetail-other-main {
      
   }
   .gallerydetail-other-main-all {
      margin-top: 0;
   }
   .gallerydetail-other-col {
      margin-bottom: 40px;
   }
   .gallerydetail-other-col-name {
      margin-bottom: 24px;
   }
   .swiper-button-next-gallerydetail-icon {
      display: none;
   }
   .swiper-pagination-gallerydetail {
      display: block;
   }
}
@media screen and (max-width: 576px) {
   .gallerySlideBig-img {
      height: 238px;
      object-fit: cover;
      object-position: center;
      width: 100%;
   }
   .gallerydetail-other-col-img {
      height: 225px;
   }
   .gallerydetail-other-col-src {
      width: 100%;
      object-fit: cover;
      object-position: center;
   }
   .gallerySlideThumb-img {
      height: 88px;
   }
   .gallerySlideBig {
      height: 238px;
      margin-bottom: 16px;
   }
   .gallerydetail-other-row {
      flex-direction: column;
   }
   .gallerydetail-other-col {
      width: 100%;
   }
   .gallerydetail-other-col:last-child {
      display: block;
   }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
   .global-container {
      padding: 0 40px;
   }
   .gallerydetail-main-full-link-name {
      justify-content: unset;
   }
   .gallerySlideBig-img {
      height: 530px;
   }
   .gallerySlideThumb-img {
      width: 172px;
   }
}
