@charset "utf-8";

#gw-theme08-main-gallery-type02 .gw-sec-container{width: 100%;}
#gw-theme08-main-gallery-type02 .gw-sec-title{padding-bottom: 0;}
#gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-type02-slider .slick-slide {margin-right: 20px;padding-bottom:50px;}
#gw-theme08-main-gallery-type02 .gw-gallery-list {position: relative;display: block;overflow: hidden;border-radius: 30px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);}
#gw-theme08-main-gallery-type02 .gw-img-container{position:relative;overflow: hidden;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
#gw-theme08-main-gallery-type02 .gw-img{position:relative;width: 100%;height: 0;padding-bottom:73.5%;transition: all 0.4s ease-in-out;}
#gw-theme08-main-gallery-type02 .gw-plus{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);z-index: 10;}
#gw-theme08-main-gallery-type02 .gw-plus > i{color:var(--main-color);transform:scale(0);transition: all 0.4s ease-in-out;}
#gw-theme08-main-gallery-type02 .gw-txt-box{padding: 30px;}
#gw-theme08-main-gallery-type02 .gw-category{font-size:14px;font-weight: 700;letter-spacing: -0.025em;}
#gw-theme08-main-gallery-type02 .gw-title {font-size: var(--main-title04); font-weight: 600; letter-spacing: -0.05em; color:#000; line-height: 1.375; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#gw-theme08-main-gallery-type02 .gw-text {font-size: var(--main-text01); font-weight: 400; letter-spacing: -0.05em;  color:#555; line-height: 1.6; overflow:hidden;display:block;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#gw-theme08-main-gallery-type02 .gw-date {color: #666;}
#gw-theme08-main-gallery-type02 .gw-theme08-main-icon {position: absolute;right: 1rem;top: 1rem;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
#gw-theme08-main-gallery-type02 .gw-theme08-main-icon > div {width: 50px;height: 50px;position: relative;}
#gw-theme08-main-gallery-type02 .icon-hit {background: #ff0000;}
#gw-theme08-main-gallery-type02 .icon-notice {background: #BFBFBF;}
#gw-theme08-main-gallery-type02 .icon-new {background: var(--main-color);}
#gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-type02-controls .gw-sec-container{margin:0 auto;width: var(--gw-wide-width);}
#gw-theme08-main-gallery-type02 .progress {display: block;width: calc(95% - 9rem);height: 4px;overflow: hidden;background: #F5F5F5;background-image: linear-gradient(to right, var(--main-color), var(--main-color));background-repeat: no-repeat;background-size: 0 100%;transition: background-size 0.4s ease-in-out;}
#gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-arrows > button{margin:0 0.5rem;position:relative;overflow:hidden;display: flex; align-items:center; justify-content:center; width:5rem; height:5rem; border-radius:50%; font-size:var(--main-title04); color:#000;border: 2px solid rgba(0,0,0,0.05); }
#gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-arrows > button:before {content: "";position: absolute;left: 0;bottom: 0; z-index: -1;background: var(--main-color);border-radius: 30px;visibility: hidden;height: 10px;width: 10px;transition: visibility 0.4s ease-in-out,transform 0.4s ease-in-out,border-color 0.4s ease-in-out;}

@media (hover: hover) and (min-width:1281px){
    #gw-theme08-main-gallery-type02 .gw-gallery-list:hover .gw-img{ filter: blur(15px); -webkit-filter: blur(15px); }
    #gw-theme08-main-gallery-type02 .gw-gallery-list:hover .gw-plus > i{ transform: scale(1); }
    #gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-arrows > button:hover{color: #fff;}
    #gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-arrows > button:hover::before {visibility: visible;transform: scale(100) translateX(2px);border-color: var(--main-color);}
}

/*내용없을경우------------------------------------------------------------------------------------------------------------------ */
#gw-theme08-main-gallery-type02 .gw-empty-list > div{align-items: center;justify-content: center;height: 100%;}
#gw-theme08-main-gallery-type02 .gw-empty-list h3 {font-size: var(--main-title03);}

@media screen and (max-width:1780px) {
    #gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-type02-controls .gw-sec-container{width: 100%;padding: 0 3%;}
}

@media screen and (max-width:1660px) {
    #gw-theme08-main-gallery-type02 .gw-sec-container{padding: 0;}
}

@media screen and (max-width:1440px) {
    #gw-theme08-main-gallery-type02 .gw-txt-box{padding: 20px;}
}

@media screen and (max-width:768px){
    #gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-arrows > button{margin:0 0.25rem;width:4rem;height: 4rem;}
}

@media screen and (max-width:576px){
    #gw-theme08-main-gallery-type02 .progress{width: calc(95% - 90px);}
    #gw-theme08-main-gallery-type02 .gw-theme08-main-icon > div{width:35px;height:35px;}
    #gw-theme08-main-gallery-type02 .gw-theme08-main-gallery-type02-slider .slick-slide{margin: 0 10px;}
}

@media screen and (max-width:375px){
    #gw-theme01-main-gallery-type02 .gw-theme01-main-gallery-type02-text-item{padding: 30px;}
}