/**/
.section-title {
    font-weight:700;
    font-size:5.6rem;
    color:#000;
    margin-top: 12px;
    /*letter-spacing: -5px;*/
}
.section-title.white {
    color:#fff;
}
.section-title-e {
    color:#C02929;
    font-weight:600;
    font-family: Poppins, sans-serif;
    font-size:2rem;
}
.section-title-e.white {
    color:#E53636;
}
.btn-wine {
    margin-top: 12px;
    background:#C02929;
    color:#fff;
    font-weight:600;
    font-size:1.8rem;
    display:flex;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width:180px;
    height:56px;
    border-radius:30px;
}
.btn-wine:hover {
    color:rgb(219, 219, 219);
}

.btn-wine-2 {
    margin-top: 32px;
    background:#C02929;
    color:#fff;
    font-weight:600;
    font-size:1.8rem;
    display:flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    min-width:180px;
    height:56px;
    border-radius:30px;
}

.btn-wine-2:hover {
    color:rgb(219, 219, 219);
}


.h-flip {
    transform: scaleX(-1);
}

/* 메인 비주얼 */
#main-visual {
    position:relative;
    height:100vh;
    max-height:940px;
}
#main-visual .swiper-wrapper {
    height:100vh;
    max-height:940px;
}
#main-visual .swiper-slide {
    height:100%;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    background-image:url(/images/content/main/main_visual_01.png);
}
#main-visual .swiper-slide.swiper-slide-1 {
    background-image:url(/images/content/main/main_visual_01.png);
}
#main-visual .swiper-slide.swiper-slide-2 {
    background-image:url(/images/content/main/main_visual_02.png);
}
#main-visual .swiper-slide.swiper-slide-3 {
    background-image:url(/images/content/main/main_visual_03.png);
}
#main-visual .wrap {
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: center
}
#main-visual .wrap p {
    color:#fff;
}
#main-visual .wrap p:nth-child(1) {
    font-weight:800;
    font-size:7.2rem;
    /*letter-spacing: -1px;*/
    line-height:120%;
    margin-bottom:2.4rem;
}
#main-visual .wrap p:nth-child(2) {
    font-weight:200;
    font-size:2.0rem;
}
#main-visual .wrap.wrap-e {
    height:0;
}

.custom-slider-nav {
    position:absolute;
    bottom:10rem;
    left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-family: sans-serif;
    z-index: 100;
}
.custom-slider-nav img {
    display:block;
}
.custom-slider-nav button {
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}
.custom-slider-nav .total-slide,
.custom-slider-nav .current-slide {
    display:inline-block;
    width:15px;
    text-align:center;
}
.autoplay-progress {
    position: relative;
    width: 80px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    border-radius: 2px;
}
.progress-bar {
    position: absolute;
    height: 100%;
    width: 0%;
    background: white;
    animation: none;
}
@keyframes autoplayBar {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

/* 메인프로덕트 수정코드 */
#main-product {
    padding:120px 0;
}

#main-product .item-rect {
  background:#F2F2F2;
  border-radius:10px;
  height:380px;
  position:relative;
  overflow:hidden; /* 확대된 이미지가 튀어나가지 않게 */
  margin-top: 64px;
}

#main-product .item-rect img {
  width:100%;
  height:100%;
  object-fit:cover; /* 이미지 비율 유지 + 박스 꽉 채우기 */
  transition: transform .4s ease; /* 부드럽게 확대 */
}

#main-product .item-rect:hover img {
  transform: scale(1.1); /* 마우스 올리면 10% 확대 */
}


#main-product .item-name {
    font-weight:600;
    font-size:2.4rem;
    color:#000;
    margin-top:2.4rem;
}
#main-product .product-nav {}
#main-product .icon-arrow {
    color:#999;
    transition:color 100ms;
}
#main-product .icon-arrow:hover {
    color:#000;
}
#main-product .product-button-next svg {
    transform:rotate(180deg);
}

/**/
#main-business {
    height:1373px;
    position:relative;
    overflow: hidden;
}
#main-business .bg-layer {
    width:100%;
    height:100%;
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    opacity: 0;                 /* 기본은 숨김 */
    pointer-events: none;
    /* 성능 힌트 */
    will-change: opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}
#main-business .bg-layer.bg-1 {background-image:url(/images/content/main/section_business_bg_01.jpg);  opacity: 1; z-index: 1; }
#main-business .bg-layer.bg-2 {background-image:url(/images/content/main/section_business_bg_02.jpg);}
#main-business .bg-layer.bg-3 {background-image:url(/images/content/main/section_business_bg_03.jpg);}
#main-business .bg-layer.bg-4 {background-image:url(/images/content/main/section_business_bg_04.jpg);}
#main-business .bg-layer.is-active { opacity: 1; } /* 활성화될 때만 불투명해지도록 */

#main-business .wrap {
    position:relative;
    z-index:10;
    height:100%;
    display:flex;
    /*align-items: center;*/
}
#main-business .left-area {
    width:530px;
}
#main-business .subject-area {
    transform:translateY(31rem);
}
#main-business .right-area {
    width:100%;
    flex:1 1 auto;
    display:flex;
    align-items: center;
}
#main-business .business-list {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    transform:translateY(-90px);
    justify-content: flex-end;
}
#main-business .business-item {
    width:100%;
    max-width:360px;
    height:460px;
    background-color:#fff;
    border-radius:10px;
    margin:1.3rem;
    padding:3.2rem;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:backdrop-filter 300ms , -webkit-backdrop-filter 300ms , background-color 300ms ;
}
#main-business .business-item:hover {
    background-color:rgba(255,255,255,0.5);
    backdrop-filter:blur(20px);
}

#main-business .business-item:hover,
#main-business .business-item:hover * {
  transition: color 0.3s ease;
}

#main-business .business-item .item-head {
    display:flex;
    justify-content: space-between;
    color:#C02929;
    font-size:1.6rem;
    font-weight:600;
}
#main-business .business-item .item-head div {
    font-family: 'Poppins', sans-serif;
}

#main-business .business-item .item-img {}
#main-business .business-item .item-img img {
    width:100%;
}

#main-business .business-item .item-body {
    color:#000;
}
#main-business .business-item .item-body p:nth-child(1) {
    font-weight:700;
    font-size:2.8rem;
    margin-bottom:1rem;
}
#main-business .business-item .item-body p:nth-child(2) {
    font-weight:600;
    font-size:2rem;
    margin-bottom:1rem;
}
#main-business .business-item .item-body p:nth-child(3) {
    font-weight:400;
    font-size:1.6rem;
    /*letter-spacing: -2px;*/
    line-height:2.4rem;
}
#main-business .business-item:nth-child(2n) {
    transform: translateY(180px);
}

#main-business .business-img {
    padding-top: 12px;
    padding-bottom: 12px;
}

@media (max-width:1200px){
    #main-business {
        height:auto;
        padding:12rem;
    }
    #main-business > .wrap {
        justify-content: space-between;
        flex-direction: column;
    }
    #main-business .left-area {
        width:100%; text-align:center;
        margin-bottom:3rem;
    }
    #main-business .subject-area {transform:none;}
    #main-business .subject-area .link {display:flex; justify-content: center;}
    #main-business .right-area {
        transform: none;
        flex-direction: column;
        width:100%;
    }
    #main-business .business-list {
        transform: none;
        justify-content: center;
    }
    #main-business .business-item:nth-child(2n) {
        transform: none;
    }
}
@media (max-width:767px){
    #main-business {padding:8rem 1rem;}
}

/**/
#main-news {
    padding:120px 0;
}

/* 뉴스리스트 코드원본

#main-news .news-list {
    margin-top:6.4rem;
    display:flex;
    gap:2rem;
}
#main-news .news-list .news-item {}
#main-news .news-list .news-item .preview {
    background:#F2F2F2;
    height:240px;
    border-radius:10px;
    overflow:hidden;
}

*/

/*뉴스리스트 코드 수정본*/
#main-news .news-list {
    margin-top:6.4rem;
    display:flex;
    gap: 20px;;
}
#main-news .news-list .news-item {
    flex: 0 0 calc((100% - 40px) / 3); 
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
}
#main-news .news-list .news-item .preview {
    background:#F2F2F2;
    width: 100%;
    height:240px;
    object-fit: cover;
    display: block;
    border-radius:10px;
    overflow:hidden;
    /*min-width: 385px;*/
}


#main-news .news-list .news-item .preview a {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    display:block;
    width:100%;
    height:100%;
    transition: transform 0.35s ease;
}

#main-news .news-list .news-item:hover .preview a {
  transform: scale(1.05);
}


#main-news .news-list .news-item .subject {
    display: -webkit-box;
    -webkit-line-clamp: 2;      /* 최대 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:24px;
}
#main-news .news-list .news-item .subject a {
    color:#000;
    font-size:2rem;
    font-weight:700;
}
#main-news .news-list .news-item .date {
    margin-top:10px;
    color:#787878;
    font-size:1.8rem;
    font-weight:400;
}

@media(max-width:768px){
    #main-news .news-list {
        flex-direction: column;
    }
    #main-news .news-list .news-item {
        width:100%;
        flex:0 0 100%;
        max-width:100%;
    }
}

/**/
#main-community {
    background:#F4F6F8;
    padding:120px 0;
}
#main-community .community-list {
    margin-top:56px;
}
#main-community .community-list .community-item {
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #E0E0E0;
    padding:12px 0;
}
#main-community .community-list .community-item .subject {
    width:100%;
}
#main-community .community-list .community-item .subject a {
    color:#000;
}
#main-community .community-list .community-item .date {
    color:#787878;
    flex-shrink: 1;
    width:140px;
    text-align:right;
}

@media(max-width:767px){
    #main-community .section-title-e {text-align:center;}
    #main-community .community-head {
        text-align:center;
        flex-direction: column;
    }
}