/*
.board-wrap.gallery .list-header .info { display:flex; align-items:end; }
.board-wrap.gallery .list-header .search { margin-left:auto; height:auto; }

.board-wrap.gallery .list-header .search .input-box { position:relative;  display:inline-block; vertical-align: top;  }
.board-wrap.gallery .list-header .search .input-box { color: #999; }

.board-wrap.gallery .list-header .search .input-box.text p{display:inline-block;}

.board-wrap.gallery .list-header .search .input-box.select  select::-ms-expand {display: none;}
.board-wrap.gallery .list-header .search .input-box.select  select{ vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.board-wrap.gallery .list-header .search .input-box input,
.board-wrap.gallery .list-header .search .input-box select { padding: 10px 25px 10px 10px; height: 39px; border:1px solid #d2d2d2; color: #999; }
.board-wrap.gallery .list-header .search .input-box input::placeholder {color: #999;}
*/

.board-wrap.gallery {overflow:hidden;}

.board-wrap.gallery ul.list-body {display:flex; flex-wrap: wrap; margin:-5px;}
.board-wrap.gallery ul.list-body li { position:relative; width: calc(100% / 3); padding:5px; }

.board-wrap.gallery ul.list-body li .box {width:100%; height:100%; overflow: hidden;}
.board-wrap.gallery ul.list-body li .info-wrap {font-size:14px;}
.board-wrap.gallery ul.list-body li .info-wrap .text1 span { color:red; }
.board-wrap.gallery ul.list-body li .info-wrap .text1 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-wrap.gallery ul.list-body li .info-wrap .text3 {text-align:right; }

.board-wrap.gallery ul.list-body li .info-wrap .text2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.board-wrap.gallery ul.list-body li .info-wrap .info {position:relative;}

.board-wrap.gallery ul.list-body .image-box { position: relative; width:100%; padding-top:56%; overflow: hidden; cursor: pointer;}

.board-wrap.gallery ul.list-body .image-box:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    transition: all 0.2s;
    opacity:0;
}

.board-wrap.gallery ul.list-body .image-box .bg{
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.2s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.board-wrap.gallery ul.list-body .bg.no-image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #efefef;
    position: absolute;
    top: 0;
}

/*
.board-wrap.gallery .bg.no-image:after {
	content: "\f1c5";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 0;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
}
*/

.board-wrap.gallery ul.list-body .slick-slide.tmp { position:absolute; height:100%; }

/*
@media screen and (max-width:767px) {
	.board-wrap.gallery ul { display:block; flex-wrap: nowrap; }

	.board-wrap.gallery li {width:100%;}
	.board-wrap.gallery li .box {display:flex;}
	.board-wrap.gallery li .image-box {width:200px; padding-top:initial; }
	.board-wrap.gallery li .info-wrap {width:100%; padding-left:10px;}

	.board-wrap.gallery li:not(:last-child) { border-bottom:1px solid #d3d3d3;  }
	#wd210524mn2q87 .board-wrap.gallery li .box { border:0px solid #d3d3d3; }

	.board-wrap.gallery .image-box .bg{
		position:relative;
		padding-top:75%;
	}


	#wd210524mn2q87 .board-wrap.gallery li .info-wrap { color:#000; opacity:1; position:relative; }
	#wd210524mn2q87 .board-wrap.gallery li .info-wrap .info {position:relative; width:initial; top:initial; left:initial; transform:initial;}
}

@media screen and (max-width:480px) {
	.board-wrap.gallery ul { display:flex; flex-wrap: wrap; }

	.board-wrap.gallery li {width: calc(100% / 3); }
	.board-wrap.gallery li .box {display:block;}
	.board-wrap.gallery li .image-box {width:100%; padding-top:75%; }
	.board-wrap.gallery li .info-wrap {width:100%; padding-left:10px;}

	.board-wrap.gallery li:not(:last-child) { border-bottom:0px solid #d3d3d3;  }
	.board-wrap.gallery li .box { border:1px solid #d3d3d3 !important; }

	.board-wrap.gallery .image-box .bg{
		position:absolute;
		padding-top:initial;
	}
}

.board-wrap.gallery .list-footer {margin-top:10px;}
.board-wrap.gallery .list-footer .btn-wrap {display:flex; }
.board-wrap.gallery .list-footer .btn-wrap .right { margin-left:auto; }

.board-wrap.gallery .list-footer .paging-wrap { text-align: center; }
*/


/* event */
.board-wrap.gallery ul.list-body li:hover .image-box:after{opacity:1 !important;}
.slider-btn .pagination { position:relative; }

.exp-wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    /*
    z-index: 999;

    background-color: rgba(0, 0, 0, 0.75);
    */
}
.exp-cnt {
    font-family: 'Montserrat', 'sans-serif';
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    font-size: 14px;
    letter-spacing: 10px;
    text-align: center;
    color: #fff;
    z-index: 999;
    display: flex;
    justify-content: space-between;
}

.exp-close {
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 999;
    display: flex; justify-content: space-between;
}
.exp-close:after {
    content: "";
    display: block;
    clear: both;
}
/*
.exp-arrows {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0px 20px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
}
*/
.fg-item-icon-inner.prev {
    left: 34px;
}
.fg-item-icon-inner.next {
    right: 34px;
}
.fg-item-icon-inner {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    /*background-color: rgba(0,0,0,0.1);
    height: 48px;
    line-height: 48px;
    width: 48px;*/
    border-radius: 25px;
    font-size: 40px;
    color: #fff;
    transition: 200ms;
    opacity: .5;
    cursor: pointer;
    z-index: 1000;
}
.fg-item-icon-inner:hover {
    /*background-color: rgba(0,0,0,1.0);*/
    color: #fff;
    opacity: 1;
}
.fa-spinner-third {
    color:#fff;
    font-size:50px;
}
.fa-spin {
    -webkit-animation: fa-spin 0.8s linear infinite;
    animation: fa-spin 0.8s linear infinite;
}

.exp-bgBox {
    width: 100%;
    height: 100%;
    max-width: 1500px;
    padding: 0 10px;
    overflow: hidden;
    /*background-color: rgba(0, 0, 0, 0.3);*/
}
.exp-list-wrap {
    font-size: 0;
    width: 100%;
    height: 100%;
}

.exp-list {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.exp-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.exp-img {
    min-height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.exp-item img {
    width: 80%;
    margin: auto;
}

.slick-list, .slick-track {height: 100%;}
.slick-slide > div { display: inline; }

.fa-arrow-left, .fa-arrow-right {font-weight: 300;}
.fa-arrow-left:before {content: "\f053"; text-shadow: #7a7a7a 1px 1px 6px;}
.fa-arrow-right:before {content: "\f054"; text-shadow: #7a7a7a 1px 1px 6px;}


@media all and (max-width:767px){
    .fg-item-icon-inner.prev {
        left: 28px;
    }
    .fg-item-icon-inner.next {
        right: 28px;
    }
    .exp-item img {
        width: 100%;
    }
}

/* 로딩 css */
.exp-img-load {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.exp-img-load div {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}
.exp-img-load div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.exp-img-load div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}
.exp-img-load div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}
.exp-img-load div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}
.exp-img-load div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}
.exp-img-load div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}
.exp-img-load div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}
.exp-img-load div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}
.exp-img-load div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}
.exp-img-load div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}
.exp-img-load div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.exp-img-load div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}
@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
        opacity: .4;
    }
    50% {
        transform: scale(1.5);
        opacity: 1;
    }
}