@charset "utf-8";
#gw-theme07-main-gallery{ background: url(img/maingallery_wrapbg.gif) top center no-repeat;background-size: cover;}
#gw-theme07-main-gallery .gw-flex-btw {margin:0 0 40px 0 !important; }
#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;border-radius: 0 30px 0px 0px;}
#gw-theme07-main-gallery .slick-slide:before {position: absolute;content: '';top: 50px;left: 0;width: 25px;height: 25px;background:#03b3b2;z-index: 1;}
#gw-theme07-main-gallery .slick-slide:after {position: absolute; content: ''; top: 50px; left: 0; width: 25px; height: 25px; background: #fff; z-index: 2; border-radius: 30px 0 0 0;}
#gw-theme07-main-gallery .gw-img-box{position:relative;height: 300px;}
/*#gw-theme07-main-gallery .img{height:100%;overflow:hidden;}
#gw-theme07-main-gallery .img > img{transition: all 0.4s;}*/


#gw-theme07-main-gallery .img {
    width: 100%;        /* 가로 꽉 채우기 */
    height: 100%;       /* 세로 꽉 채우기 */
    overflow: hidden;   /* 이미지가 컨테이너를 벗어나면 숨김 */
    display: flex;      /* 중앙 정렬 가능 */
    align-items: center; 
    justify-content: center;
}

#gw-theme07-main-gallery .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 이미지 비율 유지하며 꽉 채움 */
}


#gw-theme07-main-gallery .gw-text-container{overflow:hidden;position:relative;padding: 70px 35px 18px;background: #fff;}
#gw-theme07-main-gallery .gw-text-container:before {position: absolute; content: ''; top: 0; left: 100px; width: 25px; height: 25px; background: #03b3b2; z-index: 1;}
#gw-theme07-main-gallery .gw-text-container:after {position: absolute; content: ''; top: 0; left: 100px; width: 25px; height: 25px; background: #fff; z-index: 2;border-radius: 30px 0 0 0;}
#gw-theme07-main-gallery .gw-category{padding: 0;position: absolute;top: 0;left: 0;width: 100px;height: 50px;background:#03b3b2;border-radius: 0 0 30px 0;}
#gw-theme07-main-gallery .gw-category> span {display: block;width: 85px;height: 35px;line-height: 35px;border-radius: 10px;text-align: center;background:#0f2959;font-size: 14px;font-weight: 700;letter-spacing: -0.025em;
    color: #fff;text-transform: uppercase;}
#gw-theme07-main-gallery .gw-txt-box{position: relative;}
#gw-theme07-main-gallery .gw-title {font-size:18px; font-weight: 600; text-align: center; letter-spacing: -1px; color:#0f2959; line-height: 1.375; 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; 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 { }
#gw-theme07-main-gallery .gw-theme07-main-gallery-controls > button {border:1px solid #fff; font-size:var(--main-title02);color: #fff; cursor: pointer; opacity: 0.7;}
#gw-theme07-main-gallery .gw-theme07-main-gallery-controls > button:hover {opacity: 1;}
#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%);}




/* 블릿 위치 */
.gw-theme07-main-gallery-slider .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
}

/* 각 dot */
.gw-theme07-main-gallery-slider .slick-dots li {
    margin: 0 6px;
}

/* dot 버튼 */
.gw-theme07-main-gallery-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s;
}

/* 현재 활성 dot */
.gw-theme07-main-gallery-slider .slick-dots li.slick-active button {
    background: #02f5a8;  /* 활성화 색상 */
    /*transform: scale(1.2);*/
}

/* hover */
/*.gw-theme07-main-gallery-slider .slick-dots li button:hover {
    background: #02f5a8;
    transform: scale(1.2);
}*/



.gw-sec-container .gw-sec-sub-title {color: #fff;}
.gw-sec-container .gw-sec-title {color: #fff;}

@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:20px;}
    #gw-theme07-main-gallery .gw-top-box {margin-bottom: 5px !important;flex-direction: column;align-items: flex-start;}
}

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