.main_con {
        width: 100%; /*   너비 */
        margin: 0 auto; /* 중앙 정렬 */
        padding: 0 20px; /* 양옆 여백 */
        box-sizing: border-box;
        
        /* 그리드 가이드라인 (확인용, 필요 없으면 삭제하세요) */
        /* border-left: 1px solid rgba(55, 55, 255, 0.3); */
        /* border-right: 1px solid rgba(55, 55, 255, 0.3); */
    }

    /* 큰 텍스트 공통 스타일 */
    .big-typo {
        font-size:  80px; /* 텍스트 크기 조절 */
        font-weight: 900;
        line-height: 0.9; /* 줄 간격 좁히기 */
        color: rgba(255, 255, 255, 0.2); /* 투명도 있는 흰색 */
        text-transform: uppercase;
        letter-spacing: -2px;
    }

    /* 두 번째 줄 (SOAP + 설명글) 레이아웃 핵심 */
    .row-split {
        display: flex; /* 가로 배치 */
        justify-content: space-between; /* 양 끝 정렬 */
        align-items: center; /* 세로 축 중앙 정렬 (글자와 설명글 높이 맞춤) */
        width: 100%;
    }

    /* 설명 텍스트 스타일 */
    .description {
        color: #fff;
        font-size: 16px;
        line-height: 1.6;
        text-align: right; /* 텍스트 우측 정렬 */
        max-width: 700px; /* 설명글이 너무 길어지지 않도록 제한 */
    }

    .desc-title {
        font-weight: 700;
        margin-bottom: 10px;
        display: block;
    }
    
    .desc-highlight {
        font-weight: 700;
        margin-top: 10px;
        display: block;
    }

    /* 반응형 처리 (화면이 작아질 경우) */
    @media (max-width: 1440px) {
        .main_con { width: 100%; }
        .big-typo { font-size: 11vw; } /* 화면 비율에 맞춰 글자 크기 조정 */
    }
	
    .section-title {
        text-align: center;
        margin-bottom: 40px;
    }
    .section-title h2 {
        font-size: 90px;
        font-weight: 400; 
		line-height:1.2;
        margin: 0;
        text-transform: uppercase;
		font-family:arial; 
    }
    .section-title span {
        font-size: 20px;
        font-weight: 400;
        color: #555;
        display: block;
        margin-bottom: 5px;
    }
	
	.main_goods{ padding:100px 0 0; overflow:hidden;}


    .main_goods .product-slider {
        width: 100%;
    }

    /* 중요: Slick의 기본 overflow hidden을 풀어줘야 비누가 튀어나옴 */
    .main_goods .slick-list {
        overflow: visible !important; 
        padding-bottom:  100px !important; /* 하단 여유 공간 */
    }

    /* 개별 슬라이드 아이템 */
    .main_goods .slide-item {
        /* [중요] 슬라이드 너비 설정 */
        width: 420px; 
        /* 반응형: 화면 작을 땐 화면의 65% 정도 차지 */
        max-width: 65vw; 
        
        margin: 0 10px; /* 슬라이드 간 간격 */
        
        /* 비활성 상태 스타일 (작아짐) */
        transform: scale(0.9);
        opacity: 0.9;
        transition: all 0.4s ease; /* 부드러운 전환 */
        
        display: flex !important; /* Slick 버그 방지용 */
        flex-direction: column;
        align-items: center;
        position: relative;
        outline: none; /* 클릭 시 테두리 제거 */
    }

    /* [중요] 중앙(Active) 슬라이드 스타일 */
    .main_goods .slide-item.slick-center {
        transform: scale(1); /* 원래 크기 */
        opacity: 1;
        z-index: 10; /* 제일 위로 */
    }

    /* 이미지 박스 */
    .main_goods .img-box {
        width: 100%;
        position: relative;
     /*   aspect-ratio: 2 / 3;  세로형 비율 유지 */
        border-radius:  0px;
        /* box-shadow: none; 요청하신대로 그림자 제거 */
    }

    .main_goods .art-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius:  0px;
        display: block;
    }

    /* 텍스트 오버레이 (이미지 위) */
    .main_goods .img-text-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        
        color: #fff;
        font-size: 36px;
        font-weight: 800;
        text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        
        opacity: 0; /* 기본 숨김 */
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    /* 모바일 폰트 사이즈 조절 */
    @media (max-width: 768px) {
        .main_goods .img-text-overlay { font-size: 24px; }
        .main_goods .slide-item { width: 70vw; max-width: none; margin: 0 10px; }
    }

    /* 중앙 슬라이드일 때만 텍스트 보임 */
    .main_goods .slide-item.slick-center .img-text-overlay {
        opacity: 1;
        transition-delay: 0.2s; /* 이미지가 커진 후 텍스트 등장 */
    }
 
    .main_goods .soap-obj {
        position: absolute;
        bottom: -50px;
        right: -30px;
        width: 45%;
        max-width: 180px;
        height: auto;
        z-index: 20;
        filter: drop-shadow(0 10px 15px rgba(0,0,0,0.2));
        pointer-events: none;
    }

    /* 하단 설명 및 버튼 영역 */
   .main_goods .desc-box {
        margin-top: 30px;
        text-align: center;
        opacity: 0; /* 기본 숨김 */
        transform: translateY(15px);
        transition: all 0.4s ease;
    }
 
    .main_goods .slide-item.slick-center .desc-box {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.3s;
    }

    .main_goods .desc-text {
        font-size: 20px;
        color: #333;
        line-height: 1.6;
        margin-bottom: 20px;
		word-break:keep-all;
    }
    .main_goods .desc-text strong {
        display: block;
        font-size: 25px;
        margin-bottom: 8px;
    }

    /* 버튼 스타일 */
    .main_goods .detail-btn {
        display: inline-flex;
        align-items: center;
        padding: 8px 8px 8px 24px;
        border: 1px solid #333;
        border-radius: 50px;
        background: #fff;
        color: #333;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s;
    }
    .main_goods .detail-btn:hover {
        background: #333;
        color: #fff;
    }
    .main_goods .detail-btn:hover .btn-icon {
        background: #fff;
        color: #333;
    }
    .main_goods .detail-btn:hover .btn-icon svg {
        fill: #333;
    }

    .main_goods .btn-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        background-color: #1a1a1a;
        border-radius: 50%;
        margin-left: 15px;
        color: #fff;
        transition: all 0.3s;
    }
    .main_goods .btn-icon svg {
        width: 14px;
        height: 14px;
        fill: #fff;
    }


.main_life{width:100%; height:90vh; background-size:cover;background-position:center; text-align:center; display:flex; align-items:center; }
    .main_life .detail-btn {
        display: inline-flex;
        align-items: center;
        padding: 8px 8px 8px 24px;
        border: 1px solid #fff;
        border-radius: 50px;
        background: transparent ;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s;
    }
    .main_life .detail-btn:hover {
        background: #fff;
        color: #333;
    }
    .main_life .detail-btn:hover .btn-icon {
        background: #000;
        color: #fff;
    }
    .main_life .detail-btn:hover .btn-icon svg {
        fill: #fff;
    }
 

    .main_life .btn-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        background-color: #fff;
        border-radius: 50%;
        margin-left: 15px;
        color: #000;
        transition: all 0.3s;
    }
    .main_life .btn-icon svg {
        width: 14px;
        height: 14px;
        fill: #000;
    }
    .main_life .ptx1{font-size:20px;font-weight:700; color:#fff;line-height:1.6;margin-bottom:20px; }
    .main_life .ptx2{font-size:40px;font-weight:700; color:#fff;line-height:1.6;  margin-bottom:50px;}