@charset "UTF-8";

._fnctWrap {line-height:1.5;}  

.wrap-gallery-wrap {margin:0 auto;display: block;position: relative;padding: 0 20px;} 
.wrap-gallery-wrap .title-wrap {border-bottom: 2px solid #51636d;padding-bottom: 28px;margin-bottom: 5px;margin-top: 5px;}
.wrap-gallery-wrap .title-wrap .title {font-family: 'Gmarket Bold'; font-size: 28px;}

.wrap-gallery {height: 100%;padding-bottom: 10px;}
.wrap-gallery .slider {}
.wrap-gallery .slider .slick-list {}
.wrap-gallery .slider li {text-align:center;padding: 15px 15px;transition: 0.3s;border-bottom: 1px dashed #ccc;}
.wrap-gallery .slider li:last-child {border-bottom:2px solid #a0a9ad}
.wrap-gallery .slider li a{display: flex;border-radius: 10px;overflow: hidden;transition: 0.3s;justify-content: space-between;}
.wrap-gallery .slider li img {display: block;width: 100%;height: 100%;aspect-ratio: 3/2;object-fit: cover;border: 1px solid #e9e9e9;border-radius: 18px;transform: translateZ(0);}
.wrap-gallery .slider li.nodata {border-radius: 20px;padding: 50px;transform: translateX(0) !important;width: 100% !important;min-height: 240px;box-shadow: 0px 0px 8px #33323236;display: flex;flex-direction: column;justify-content: center;border: none;}

.wrap-gallery .slider .slick-slide:hover {transform: translateY(-10px); transition: 0.3s;}
.wrap-gallery .slider .slick-slide:hover a {box-shadow: 1px 4px 15px #6c6c6c30;transition: 0.3s;}
.wrap-gallery .slider .slick-slide:hover a p {color: #025b6d;transition: 0.3s;}
.wrap-gallery .slider .slick-slide:hover img {}

.wrap-gallery .list{display: inline-block;width: 100%;vertical-align: top;}
.wrap-gallery .thum{max-width: 230px;height: auto;}
.wrap-gallery .con{text-align: left;box-sizing: border-box;width: 100%;padding: 15px 5px;padding-left: 28px;display: flex;flex-direction: column;justify-content: center;}
.wrap-gallery .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
.wrap-gallery .con .title{word-break: break-all;display: -webkit-box;overflow: hidden;line-height: 1.3;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-weight: bold;font-size: 21px;transition: 0.3s;height: 24px;}
.wrap-gallery .con .content {word-break: break-all;display: -webkit-box;overflow: hidden;line-height: 1.3;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 16px;transition: 0.3s;height: 42px;color: #737373;margin-top: 19px;}
.wrap-gallery .con .date{font-size: 14px;color: #7e7878;line-height: 1.25;font-family: 'Gmarket Light';margin-top: 13px;font-weight: bold;}

.wrap-gallery .control {text-align:center; position:absolute; bottom:19%; left:0px; width:100%; height:0px; z-index:1;}

.wrap-gallery .prevnext {position: absolute;left: 0;bottom: 20%;z-index: 999;}
.wrap-gallery .prevnext .container {position: relative;}
.wrap-gallery .prevnext button {position: absolute; width:100px; height:70px; text-indent: -9999px;}
.wrap-gallery .prevnext .prev {left: 0;background: #005d92 url('../images/w_arrow_prev.png') no-repeat center center;}
.wrap-gallery .prevnext .next {left: 100px;background: #221b1b url('../images/w_arrow_next.png') no-repeat center center;}
 
.wrap-gallery .slick-dots {display: flex !important;justify-content: center;margin-top: 45px;} 
.wrap-gallery .slick-dots li button {text-indent: -9999px;width: 13px;height: 13px;border-radius: 50px;border: 2px solid #dfdfdf;background: #dfdfdf;transition: 0.3s}
.wrap-gallery .slick-dots li.slick-active button {background: #fff; border-color: #064895; transition: 0.3s;}
 
.wrap-gallery-wrap .more{position:absolute;top: 5px;right: 22px;text-indent: -9999px;border-radius: 50px;width: 35px;height: 35px;background: url(../images/plus.png)center no-repeat;background-size: contain;transition: 0.3s;}
.wrap-gallery-wrap .more:hover {transition: 0.3s;transform: rotate(90deg);}

 

@media all and (max-width:1200px) {
	
    [id*="_obj229"] {width:100% !important;margin-bottom: 70px !important;} 
	.wrap-gallery .thum {min-width:300px;}
	.wrap-gallery .slider li img {aspect-ratio:initial;min-height: 180px;} 
	.wrap-gallery .con {padding: 15px 18px 18px;} 
	.wrap-gallery .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
	.wrap-gallery .con p{margin-bottom: 15px;font-size: 18px;} 

	
}

@media all and (max-width:1024px) {

	.wrap-gallery-wrap .title-wrap {padding-bottom:20px} 
	.wrap-gallery .slider li {padding: 10px 13px;}
	.wrap-gallery .slider li img {}
	.wrap-gallery .slider .slick-slide a {border-radius: 15px;box-shadow: 1px 1px 10px #c1c1c14d;}
    .wrap-gallery .slider .slick-slide:hover{transform: translateY(0);}
    .wrap-gallery .slider .slick-slide:hover a {box-shadow: 1px 1px 15px #c1c1c15c }
 
	.wrap-gallery .con {padding: 15px 16px;}	
	.wrap-gallery .con p {font-size: 19px;}

	.wrap-gallery .slick-dots {margin-top: 25px;}
	.wrap-gallery .slick-dots li {padding: 0 8px;}

}

@media all and (max-width:768px) {
	
	.wrap-gallery .thum {min-width: 180px;max-width: 180px;}
	.wrap-gallery .slider li img {aspect-ratio:initial;min-height: 140px;max-height: 140px;} 
	.wrap-gallery .con {padding: 15px 14px 0px;} 
	.wrap-gallery .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
	.wrap-gallery .con p{margin-bottom: 15px;font-size: 18px;} 
	.wrap-gallery .con .content {margin: 0;}
	
}

@media all and (max-width:550px) {   
	
	.wrap-gallery-wrap .title-wrap {padding-bottom:15px} 
	.wrap-gallery .thum {min-width: 160px;max-width: 160px;}
	.wrap-gallery .slider li img {min-height: 120px;max-height: 120px;border-radius: 10px;} 
	.wrap-gallery .con .con_title{font-size:20px; }
	.wrap-gallery .con .title{font-size: 18px;height: 21px;margin-bottom: 0;}
	.wrap-gallery .con .content {font-size: 15px;height: 40px;margin-top: 8px;}
	.wrap-gallery .con .date{font-size: 13px;}

	
}