@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.w100_latest_gallery.swiper-container { width:100%; position:relative; height:auto;margin-left:0px; margin-top:0px !important;  }
.w100_latest_gallery>.swiper-wrapper { width:100%; height:auto; padding-bottom:20px; }
.w100_latest_gallery>.swiper-wrapper:after { display:block; content:""; clear:both;}
h3.gallery_title>a {font-size:25px; color:#333;  font-weight:500;}
.w100_latest_gallery .swiper-wrapper:after {display:block; content:""; clear:both;}
.w100_latest_gallery div.swiper-slide { display:inline-block; width:auto; height:auto; box-shadow:0 5px 10px rgba(0,0,0,.15); border-radius:20px; overflow:hidden; text-align:left; list-style:none; float:left; background:#fff; margin-top:5px; position:relative; }
.w100_latest_gallery div.swiper-slide:first-child { margin-left:0px;}
.w100_latest_gallery div.swiper-slide>a {display:block; width:100%; margin:0 auto; text-align:left; position:relative; } /* 5번줄 이미지 가로길이대로 width를 동일하게 반드시 수정해야함 */
.w100_latest_gallery div.swiper-slide>a:after {display:block; content:""; clear:both;}
.w100_latest_gallery div.swiper-slide>a:focus { border:2px solid #333;}
.w100_latest_gallery div.swiper-slide img{ width:100%; height:auto;  margin: 0 auto; padding:0 !important;  }
.w100_latest_gallery div.swiper-slide h6 { width:100%; height:55px; line-height:55px; z-index:9999; font-weight:500; font-size:20px; box-sizing:border-box; background:rgba(0,0,0,.6); color:#fff; position:absolute; margin:0; bottom:0; left:0; padding:0px 20px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
/*.w100_latest_gallery .swiper-pagination { width:200px !important; left:50% !important; bottom:0 !important; margin-left:-45px;  }
.w100_latest_gallery .swiper-pagination>span.swiper-pagination-bullet { width:12px; height:12px; background:#798ece; margin:0 6px;}
.w100_latest_gallery .swiper-pagination>span.swiper-pagination-bullet-active { background:#880ec1}*/
.button_wrap { width:195px; height:40px; position:relative; float:right; margin-top:-60px; }
.button_wrap:after { display:block; content:""; clear:both;}
.button_wrap .gallery-next,
.button_wrap .gallery-prev { display:inline-block; float:left; margin-right:5px; width:1px; height:1px; text-indent:-999px; font-size:1px; padding:20px; border-radius:5px; border:1px solid #777; background:#fff;  text-align:center;   position:relative; top:0; transition:all .3s ease-in-out; z-index:999; overflow:hidden; }
.button_wrap .gallery-prev:after { display:block; content:""; position:absolute; top:13px; left:15px;width:15px; height:15px; border-top:3px solid #333; border-left:3px solid #333;  z-index:9999; transform:rotate(-45deg); }
.button_wrap .gallery-next:after { display:block; content:""; position:absolute; top:13px; right:15px;width:15px; height:15px; border-top:3px solid #333; border-right:3px solid #333;  z-index:9999; transform:rotate(45deg);}

.latest_gallery_more { display:inline-block; float:right; margin-right:10px;}
.latest_gallery_more:before{ display:block; content:""; position:absolute; right:2px; top:5px; width:30px; height:30px; background:#fc9a42; border-radius:50px;}
.latest_gallery_more>a { display:inline-block; width:86px; height:40px; line-height:40px; padding:0; color:#222; font-weight:400; position:relative; font-size:19px; padding-left:5px;}
.latest_gallery_more>a:before, .latest_gallery_more>a:after { display:block; content:""; width:15px; height:3px; background:#fff; position:absolute; border-radius:2px;}
.latest_gallery_more>a:before { right:0; top:18px;  }
.latest_gallery_more>a:after { transform:rotate(90deg); right:0px; top:18px; }

.w100_latest_gallery span {}
.w100_latest_gallery span.date { font-size:14px; color:#aaa; font-weight:normal;  float:right; }


@media (max-width:1200px){
/*.w100_latest_gallery div.swiper-slide {height:300px !important; display:inline-block;}
.w100_latest_gallery div.swiper-slide>a {display:block; width:100%; padding-bottom:15px;margin:0 auto; text-align:center;}
.w100_latest_gallery div.swiper-slide>a>img { width:100%; left:0;}
.w100_latest_gallery div.swiper-slide h6 { line-height:50px; margin-bottom:0;}*/
.w100_latest_gallery div.swiper-slide>a>img { width:100%; left:0;}
.w100_latest_gallery div.swiper-slide h6 { font-size:18px; }
}

@media (max-width:768px){
h3.gallery_title>a { font-size:0.8em !important; }
.w100_latest_gallery {}
.w100_latest_gallery div.swiper-slide { height:auto !important; }
.w100_latest_gallery .swiper-pagination {width:145px !important; bottom:15px !important; margin-left:-70px;}
.w100_latest_gallery .swiper-button-next2, .w100_latest_gallery .swiper-button-prev2 { bottom: 10px;}
.w100_latest_gallery .swiper-button-next2 { margin-left:75px; }
.w100_latest_gallery .swiper-button-prev2 { margin-left:-100px;}
.button_wrap { margin-top:-50px; }

}

@media (max-width:640px){
.w100_latest_gallery { }
.w100_latest_gallery div.swiper-slide { width:80%;}
.gallery_wrap {padding-bottom:30px;}
.w100_latest_gallery .swiper-pagination { bottom:0px !important; }
.w100_latest_gallery .swiper-button-next2, .w100_latest_gallery .swiper-button-prev2 { bottom: -5px;}
}