.speDisWrap{
    padding-top: 60px;
    padding-bottom: var(--space-3x-large);
}
/* 특별할인 제목 */
.speDisTitle{
    text-align: center;
    margin-bottom: var(--space-2x-large);
    padding-top: var(--space-3x-large);
}
.speDisTitle h2{
    font-size: var(--heading2);
    font-weight: 700;
    margin-bottom: 1rem;
}
.stickyMenu{
    display: flex;
    justify-content: center;
    gap: var(--space-large);
    padding: var(--space-normal) 0;
    position: sticky;
    left: 0;
    top: 0;
    font-size: var(--button);
    background-color: #fff;
    border-bottom: 1px solid var(--font-color);
}
.stickyMenu a:hover{
    color: var(--main-color);
    font-weight: 600;
}
.button1 svg{
    height: 0.8rem;
}


.speDisSec section{
    display: flex;
    gap: 5rem;
    padding: var(--space-x-large) 0;
}
.speDisSec img{
    width: 50%;
    flex: 1;
}
.speDisSecTxt{
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    width: 50%
}
.speDisSecTxt h4{
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: var(--detail);
}
.speDisSecTxt h2{
    font-size: var(--heading2);
    font-weight: 700;
    margin-bottom: var(--space-normal);
}
.btn_click{
    margin-top: var(--space-x-large);
}
.speDisSecTxt a{
    display: inline-flex;
    align-items: center;
    gap: var(--space-small);
    padding-left: 1.5rem;
    padding-right: 1rem;

}
.speDisSecTxt a:hover{
    background-color: var(--main-color);
    color: #fff;
}
.speDisSecTxt a:hover svg path{
    stroke: #fff;
}



@media (max-width:768px){
    .speDisWrap {
        padding-top: 50px;
    }
    .speDisSec section{
        gap: var(--space-normal);
    }
    .speDisSec section{
        flex-direction: column;
    }
    .speDisSec img{
        width: 100%;
    }
    .speDisSecTxt{
        width: 100%
    }
    #sec2,
    #sec4{
        flex-direction: column-reverse;
    }
    
}