@charset "utf-8";
#gw-theme07-main-gallery{background: #f8f8f8;}
#gw-theme07-main-gallery .gw-slider-container{}
#gw-theme07-main-gallery :where(.gw-theme07-main-gallery-slider)  a{display: block;width: 100%;height: 100%;color:#fff;background:rgba(255,255,255,0.1);backdrop-filter: blur(10px);}
#gw-theme07-main-gallery .slick-slider {z-index: 100;}
#gw-theme07-main-gallery .slick-slide{overflow:hidden;margin: 0 12px;position: relative;}
#gw-theme07-main-gallery .gw-img-box{position:relative;aspect-ratio: 1 / 1;}
#gw-theme07-main-gallery .img{height:100%;overflow:hidden;}
#gw-theme07-main-gallery .img > img{width:100%;height:100%;transition: all 0.4s; object-fit: cover; object-position: center 20%;}
#gw-theme07-main-gallery .gw-text-container{overflow:hidden;position:relative;padding: 80px 35px 35px;background: #fff;}
/* 카테고리 태그 — 고정 폭(100/85px)이라 "창문형 롤방충망" 처럼 긴 이름이 잘렸다.
   내용에 맞춰 늘어나게 하고, 원래의 노치 여백(우 15px·하 15px)은 padding 으로 재현한다. */
#gw-theme07-main-gallery .gw-category{padding: 0 15px 15px 0;position: absolute;top: 0;left: 0;width: auto;max-width: 100%;height: auto;background:#f8f8f8;box-sizing: border-box;}
#gw-theme07-main-gallery .gw-category> span {display: block;width: auto;max-width: 100%;height: 35px;line-height: 35px;padding: 0 12px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;background: var(--main-color);font-size: 14px;font-weight: 500;letter-spacing: -0.025em;color: #fff;text-transform: uppercase;}
#gw-theme07-main-gallery .gw-txt-box{position: relative;}
/* 제목 2줄, 본문 3줄 영역을 고정 높이로 잡아 내용 길이와 무관하게 카드 높이를 일치시킨다 */
#gw-theme07-main-gallery .gw-title {font-size: var(--main-title04); font-weight: 600; letter-spacing: -0.05em; color:#000; line-height: 1.375; height: calc(1.375em * 2); margin-bottom: 8px; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#gw-theme07-main-gallery .gw-text {font-size: var(--main-text01); font-weight: 400; letter-spacing: -0.05em;  color:#555; line-height: 1.6; max-height: calc(1.6em * 3); overflow:hidden;display:block;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#gw-theme07-main-gallery .gw-date {color: #666;}
#gw-theme07-main-gallery .gw-theme07-main-gallery-controls {display: flex; gap: 12px;}
#gw-theme07-main-gallery .gw-theme07-main-gallery-controls > button {display: inline-flex; align-items: center; justify-content: center; background: none; border: 0; cursor: pointer; opacity: 0.5; transition: opacity .3s;}
#gw-theme07-main-gallery .gw-theme07-main-gallery-controls > button:hover {opacity: 1;}
#gw-theme07-main-gallery .bcm-gallery-arrow {width: 30px; height: 30px; fill: none; stroke: #888; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
#gw-theme07-main-gallery .slick-dots {display: none !important;}
#gw-theme07-main-gallery .gw-theme01-main-icon {position: absolute;right: 15px;top: 15px;}
#gw-theme07-main-gallery .gw-theme01-main-icon > div {width: 35px;height: 35px;position: relative;}
#gw-theme07-main-gallery .icon-hit {background: #ff0000;}
#gw-theme07-main-gallery .icon-notice {background: #BFBFBF;}
#gw-theme07-main-gallery .icon-new {background: var(--main-color);}
#gw-theme07-main-gallery :where(.gw-theme07-main-gallery-slider) .gw-more-btn{bottom: auto;top: 50%;transform: translateY(-50%);}
@media (hover: hover) and (min-width:576px) {
    #gw-theme07-main-gallery :where(.gw-theme07-main-gallery-slider) a:hover .img > img{transform: scale(1.1) rotate(0.002deg);}
    #gw-theme07-main-gallery :where(.gw-theme07-main-gallery-slider) a:hover .gw-more-btn{opacity: 1;}
}

/*내용없을경우------------------------------------------------------------------------------------------------------------------ */
#gw-theme07-main-gallery .gw-empty-list {border:1px solid #ddd;padding:40px;}
#gw-theme07-main-gallery .gw-empty-list:before{display: none;}
#gw-theme07-main-gallery .gw-empty-list > h3 {font-size: var(--main-title04);}


@media screen and (max-width:1440px) {
    #gw-theme07-main-gallery .gw-sec-container {padding: 0 40px;}
    #gw-theme07-main-gallery .gw-slider-container{width: 100%;}
}

@media screen and (max-width:1024px) {
    #gw-theme07-main-gallery .gw-sec-container{padding:0 20px;}
    #gw-theme07-main-gallery .gw-top-box {margin-bottom: 20px;flex-direction: column;align-items: flex-start;}
    /* 태블릿·모바일은 터치 스와이프로 넘기므로 좌우 화살표는 감춘다 */
    #gw-theme07-main-gallery .gw-theme07-main-gallery-controls {display: none;}
}

@media screen and (max-width:768px) {
    /* 모바일: 카드 안쪽 여백을 줄여 텍스트 영역을 넓힌다 */
    #gw-theme07-main-gallery .gw-text-container{padding: 70px 25px 25px;}
    /* 태그 노치도 같은 비율로 줄인다 */
    #gw-theme07-main-gallery .gw-category{padding: 0 12px 12px 0;}
    #gw-theme07-main-gallery .gw-category > span{height: 32px;line-height: 32px;font-size: 13px;padding: 0 10px;}
}

@media screen and (max-width:576px) {
    #gw-theme07-main-gallery .slick-slide{margin:0;}
    #gw-theme07-main-gallery .gw-empty-list {padding:20px;}
}

/* 테마07 전역(main.css)에서 가져온 이미지 호버 more 버튼 — 이 스킨 범위로 한정 */
#gw-theme07-main-gallery .gw-more-btn {display: none; position: absolute; bottom: -60px; left: 50%; margin-left: -47.5px; opacity:0; text-align:center; border-radius:50%; z-index:10; width: 95px; height: 95px; background: var(--main-color); transition:all 0.3s;}
#gw-theme07-main-gallery .gw-more-btn:before {position: absolute; content: ''; top: -21px; left: -21px; width:137px; height: 137px; background: url(./img/gw-more-btn-txt.png)no-repeat center/100%; animation: gw-theme07-rotate-item 10s linear infinite;}
#gw-theme07-main-gallery .gw-more-btn i {font-size:var(--main-title03); line-height: 95px; color: #fff; transform: rotate(45deg); transition:all 0.3s;}
@keyframes gw-theme07-rotate-item {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}