@charset "utf-8";

/* 비즈니스 상담 위젯 */
.business-consult {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
}

/* 위젯 헤더 */
.consult-header {
    /* background-color: #FF5722; - 인라인 스타일로 변경됨 */
    padding: 14px 16px;
    position: relative;
}

.header-title {
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: left; /* 오른쪽에서 왼쪽으로 변경 */
}

.header-title i {
    margin-right: 6px;
}

/* 메뉴 그리드 - 2행 3열로 변경 */
.consult-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1px;
    background-color: #f0f0f0;
}

/* 메뉴 아이템 - 세로 방향으로 변경 */
.consult-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    text-decoration: none;
    background-color: #fff;
    transition: all 0.25s ease;
    text-align: center;
}

.consult-item:hover {
    background-color: #f9f9f9;
    transform: translateY(-2px);
}

/* 아이콘 크기 키우기 */
.business-consult .consult-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.25s ease;
    font-size: 18px;
    margin-bottom: 6px;
}

.consult-item:hover .consult-icon {
    transform: scale(1.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

/* 아이콘 배경색 */
.business-consult .consult-icon.kakao {
    background: linear-gradient(135deg, #FFEB3B, #FFC107);
}

.business-consult .consult-icon.wechat {
    background: linear-gradient(135deg, #09BB07, #00A884);
}

.business-consult .consult-icon.phone {
    background: linear-gradient(135deg, #F44336, #D32F2F);
}

.business-consult .consult-icon.quote {
    background: linear-gradient(135deg, #FF9800, #F57C00);
}

.business-consult .consult-icon.guide {
    background: linear-gradient(135deg, #3F51B5, #303F9F);
}

.business-consult .consult-icon.faq {
    background: linear-gradient(135deg, #607D8B, #455A64);
}

/* 텍스트 스타일 */
.consult-item .text {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    transition: all 0.25s ease;
    text-align: center;
    line-height: 1.2;
}

.consult-item:hover .text {
    color: #7986CB; /* 호버 시 색상도 새 색상으로 변경 */
}

/* 반응형 */
@media (max-width: 576px) {
    .consult-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    
    .business-consult .consult-icon {
        width: 32px;
        height: 32px;
        font-size: 15px;
    }
    
    .consult-item .text {
        font-size: 12px;
    }
}