.wacominfoFrame{
    padding-top: 60px;
    padding-bottom: var(--space-3x-large);
}
.wacominfoTitle{
    padding-top: var(--space-3x-large);
    padding-bottom: var(--space-2x-large);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-normal);
    border-bottom: 1px solid var(--font-color);
}
.wacominfoTitle>h2{
    font-size: var(--heading2);
}

/* 와콤 공식 홈페이지 / 뉴스레터 신청 */
.wacominfo2{
    display: flex;
    text-align: center;
    border-bottom: 1px solid var(--font-color);
}
.wacominfo2>section{
    flex: 1;
    padding: 4rem 1rem;
    white-space: pre-line;
}
.wacominfo2>section:nth-of-type(1){
    border-right: 1px solid var(--font-color);
}
.wacominfo2>section h1{
    font-size: var(--heading1);
    color: var(--main-color);
    margin-bottom: var(--space-large);
    word-break: keep-all;
}
.wacominfo2>section p{
    line-height: 140%;
    margin-bottom: var(--space-large);
}
.wacominfo2>section .btn_wacominfo{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    gap: var(--space-small);
    padding-left: 1.5rem;
    padding-right: 1rem;
}
.btn_wacominfo:hover{
    color: #fff;
    background-color: var(--main-color);
    stroke: #fff;
}
.btn_wacominfo:hover svg path{
    stroke: #fff;
}

/* 전국 매장 안내 */
.wacominfo_stores{
    padding-top: 5rem;
}
.wactominfo_img{
    padding-bottom: 5rem;
    display: flex;
    justify-content: center;
}

/* 매장 버튼 */
.wacominfo3{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
    text-align: center;
}
.wacominfo3 h2{
    font-size: var(--heading2);
}

/* 온라인 매장 */
.wacominfo_online,
.wacominfo_offline{
    display: flex;
    flex-direction: column;
    gap: var(--space-normal);
    width: 70%;
    box-sizing: border-box;
    padding: 0 1rem;
}
.btn_online,
.btn_offline{
    display: flex;
    gap: var(--space-normal);
    justify-content: center;
    word-break: keep-all;
    
}
.btn_online>a,
.btn_offline>a{
    flex: 1;
    padding: 1.5rem 0.5rem ;
    border: 1px solid var(--main-color);
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--space-small);
    box-shadow: 5px 4px 5px rgba(0, 0, 0, 0.123);
    font-size: var(--heading4);
    font-weight: 700;
    color: var(--main-color);
    transition: all 0.5s ease 0s;
}
.btn_online>a:hover,
.btn_offline>a:hover{
    transform: scale(1.05);
} 
.btn_online .wacominfo_btn_naver:hover,
.btn_online .wacominfo_btn_kakao:hover{
    transform: scale(1.05);
}
.btn_online .wacominfo_btn_naver{
    background-color: #07BD35;
    color: #fff;
    transition: all 0.5s ease 0s;
    border: 1px solid transparent;
}
.btn_online .wacominfo_btn_kakao{
    background-color: #F9E000;
    color: #562A2A;
    transition: all 0.5s ease 0s;
    border: 1px solid transparent;
}

.wacominfo_more{
    text-align: center;
}

@media (max-width:1100px) {
    
}
@media (max-width:768px) {
    .wacominfoFrame{
        padding-top: 50px;
    }
    .wacominfo2{
        flex-direction: column;
        border-bottom: none;
        margin-top: var(--space-normal);
        gap: var(--space-normal);
    }
    .wacominfo2>section{
        background-color: var(--gray-color);
        border: none;
    }
    .wacominfo2>section:nth-of-type(1){
        border-right: none;
    }
    .btn_online,
    .btn_offline{
        flex-direction: column;
        align-items: center;
    }
    .btn_online>a,
    .btn_offline>a{
        width: 100%;
    }
}