@charset "UTF-8";

#menu22100_obj1057 {overflow: unset;}

._fnctWrap {line-height:1.5;}  

.wrap-gallery-wrap {margin:0 auto;display: block;position: relative;} 
.wrap-gallery-wrap .title-wrap {border-bottom: 2px solid #51636d;padding-bottom: 15px; /*margin-bottom: 5px;margin-top: 5px;*/}
.wrap-gallery-wrap .title-wrap .title {font-size: 25px; font-weight: bold;}

.wrap-gallery {height: 100%;padding-bottom: 10px;} 
.wrap-gallery .slider li {text-align:center;padding: 15px 15px;transition: 0.3s;border-bottom: 1px dashed #ccc;transition: 0.3s;}
.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%;object-fit: cover;transform: translateZ(0);transition: 0.3s;}
.wrap-gallery .slider li.nodata {border-radius: 20px;padding: 50px;transform: translateX(0) !important;width: 100% !important;min-height: 340px; margin-top: 20px; box-shadow: 0px 0px 8px #33323236;display: flex;flex-direction: column;justify-content: center;border: none;}

.wrap-gallery .list{display: inline-block;width: 100%;vertical-align: top;}
.wrap-gallery .thum{max-width: 230px;height: auto;overflow: hidden;border-radius: 18px;aspect-ratio: 3/2;border: 1px solid #e9e9e9;}
.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-wrap .more{position:absolute;top: 5px;right: 0;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 .slider li:hover {background: #f7f7f7;transition: 0.3s;}
.wrap-gallery .slider li a:hover {/* transform: translateY(-5px); *//* transition: 0.3s; */}
.wrap-gallery-wrap .more:hover {transition: 0.3s;transform: rotate(90deg);}
.wrap-gallery .slider li a:hover img {transform:scale(1.1); transition:0.3s}

@media all and (min-width:1024px) {
	
}
/* @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:1023px) {
	#menu22100_obj243 {float: unset;}
	.wrap-gallery-wrap {margin-bottom: 50px;}
	.wrap-gallery-wrap .title-wrap {padding-bottom:20px} 
	.wrap-gallery .slider li {padding: 10px 13px;}
	.wrap-gallery .con {padding: 15px 16px;}	
	.wrap-gallery .con p {font-size: 19px;}
}
@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-wrap .title-wrap .title {font-size: 22px;}
	.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;}

}