@charset "utf-8";



.gall_text_href {background:#fff;text-align:left;padding:1.5rem 1.8rem 2rem;}
.gall_text_href .bo_tit {display:block;
    font-style: normal;margin:1rem 0 2rem;}
.gall_text_href .bo_tit a {width:100%;display:block;    overflow: hidden;
  text-overflow: ellipsis;word-break: keep-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.4;
  height:2.8em;
  font-size:2rem;color:#000;letter-spacing: -0.025em;font-weight:700;}
  .gall_text_href .tag-wrap .tags a {color:#555;font-size:1.3rem;letter-spacing: -0.025em;font-weight:500;padding:0.5rem 1.2rem;background:#eee;display:inline-block;border-radius:2.5rem;margin:1rem 0.5rem 0 0}
.gall_text_href p {font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: -0.025em;
    line-height:1.5;
    color: #777;
  	/* 한 줄 자르기 */
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gall_text_href p:before {content:'';display:inline-block;width:0.9rem;height:1.2rem;background:url(../../../img/miniloca.png)no-repeat center/contain;margin-right:0.5rem;position:relative;top:0.2rem}
.gall_text_href .link {font-weight:500;color:#333;font-size:1.2rem;}
.gall_text_href img {margin:0 0 0 4px}


.photo_all_wrap {width:100%;display:flex;margin:0 auto;position:relative;}


.photo_swiper {width:100%;z-index: 2;position:relative;}
.photo_swiper .ph_pager {width:calc(100% + 18rem);display:flex;justify-content: space-between;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index: 1000;}
.photo_swiper .ph_pager>div {width:4.7rem;height:4.7rem;border-radius:50%;background:#fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position:relative;cursor:pointer;}
.photo_swiper .ph_pager>div img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:1.5rem;}
.photo_swiper .swiper-container {width:100%;margin:0 auto;position:relative;}

.photo_swiper .swiper-wrapper{
  padding:5rem 0 10rem 0;
	transition-timing-function: linear;
}

.photo_swiper .swiper-slide {
  width: 26%;cursor:pointer;position:relative;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;overflow: hidden;border-radius:1.5rem;
}
.photo_swiper .swiper-slide:nth-child(2n) {margin-top:2.5rem;}

.photo_swiper .swiper-slide .img-box{width:100%;aspect-ratio:297/177;position:relative;overflow: hidden;transition:all 0.4s;}
.photo_swiper .swiper-slide .img-box img{width:100%;height:100%;object-fit: cover;}


.hover-bg {display:none;width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;transition:all 0.4s;}
.hover-bg i {color:#fff;font-size:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 2s;}
.photo_swiper .swiper-slide:hover .hover-bg i {transform:rotate(360deg) translate(-50%,-50%);}
.photo_swiper .swiper-slide:hover .hover-bg{display:block;}

.photo_swiper .pho_info {position:absolute;bottom:3rem;left:3rem;}
.photo_swiper .pho_info h2 a {font-weight:500;color:#eee;font-size:1.8rem;letter-spacing: -0.04em;}
.photo_swiper .pho_info h2:hover a {font-weight:600;color:#fff;}


.swiper-scrollbar-drag {background:#90c31f !important;}
.swiper-container-horizontal>.swiper-scrollbar {width:calc(100% - 200px) !important;left:0 !important;bottom:26px !important}

.photo_title h1 {font-family:'SBAggro';color:#333;font-weight:500;}
.photo_title p {color:#777;margin:30px 0 65px 0;padding-right:100px;}

.viewmore_btn_wrap {position:absolute;bottom:-50px;right:0;z-index: 100;}


@media screen and (max-width:1441px){
  .photo_swiper .swiper-slide {width: 39%;}
  .photo_swiper .swiper-slide.wide2 {width: 33%;}
  .photo_swiper .swiper-slide.wide3 {width: 48%;}
  .photo_swiper .swiper-slide.long {width: 27%;}
}

@media screen and (max-width:961px){
  .photo_swiper .swiper-slide {width: 58.5%;}
  .photo_swiper .swiper-slide.wide2 {width: 49.5%;}
  .photo_swiper .swiper-slide.wide3 {width: 72%;}
  .photo_swiper .swiper-slide.long {width: 40.5%;}
}

@media screen and (max-width:641px){
  .photo_swiper .swiper-slide {width: 55%;}
  .photo_swiper .swiper-slide.wide2 {width: 87%;}
  .photo_swiper .swiper-slide.wide3 {width: 70%;}
  .photo_swiper .swiper-slide.long {width: 40%;margin-top:-5rem;}
  .photo_swiper .swiper-container {padding:5rem 0 2rem 0;}
}

@media screen and (max-width:414px){
  .photo_swiper .swiper-slide {width: 65%;}
  .photo_swiper .swiper-slide.wide2 {width: 100%;}
  .photo_swiper .swiper-slide.wide3 {width: 90%;}
  .photo_swiper .swiper-slide.long {width: 50%;}
  .photo_swiper .swiper-container {padding:5rem 0 1rem 0;}
  .main-photo-title>h3 {margin:3rem 0 1rem 0;}
  .photo_swiper .pho_info {left:2rem;bottom:2rem;}
}