. Bcco7fd {
표시: flex;
유동 방향: 열;
패딩: 10px 5px 0;
}

. Bcco 7fd img {
표시: 블록;
높이: 자동;
너비: 100%;
}

. Bcco7fd-g {
여백: 10px 0;
위치: 상대;
}

. Bcco7fd-g-c {
하단: 0;
표시: flex;
플렉스 랩: 랩;
왼쪽: 31%;
위치: 절대;
오른쪽: 0;
상단: 0;
}

. Bcco7fd-g-i {
Flex: 1 1 27%;
여백: 3px;
}

. Bcco7fd-g-i> img {
높이: 자동;
}

. Bcco7fd-box {
표시: flex;
플렉스 랩: 랩;
정당화-내용: 공간 사이;
여백: 24px -16px 0;
}

. Bcco7fd-item {
플렉스: 1 1 125px;
여백: 0 16px 20px;
텍스트-정렬: 센터;
}

. Bcco7fd-title {
색상: #000;
글꼴: 굵은 16px/20px "Rubik-Medium", sans-serif;
최소 높이: 60px;
오버플로: 숨김;
패딩: 10px 0;
}

. Bcco7fd-title: 빈 {
높이: 10px;
최소 높이: 0;
패딩: 0;
}

. Bcco7fd-text {
색상: #343434;
글꼴: 14px "Rubik-정사이즈", 산세 리프;
텍스트-align: 왼쪽;
}

. Bcco7fd-desc {
테두리-하단: 1px 솔리드 # ebebeb;
글꼴-가족: `루빅`, 산세 리프;
패딩-상단: 20px;
텍스트-align: 왼쪽;
}

. Bcco7fd-desc-title {
색상: #333;
글꼴 크기: 18px;
글꼴 무게: 700;
라인 높이: 20px;
여백: 10px 0;
}

. Bcco7fd-desc-text {
색상: #666;
글꼴 크기: 16px;
라인 높이: 30px;
여백: 0;
패딩-하단: 20px;
}

@ 미디어 (최소 너비: 768px) {
. Bcco7fd-item {
플렉스: 1 1 125px;
}

. Bcco7fd-desc-container {
주문: 2;
}

. Bcco7fd-desc {
패딩-상단: 15px;
}

. Bcco7fd-desc: 첫 번째 자식 {
테두리-상단: 1px 솔리드 # ebebeb;
}

. Bcco7fd-desc-title {
색상: #666;
글꼴 크기: 14px;
글꼴 무게: 700;
라인 높이: 11px;
여백: 0 0 25px;
}

. Bcco7fd-desc-text {
색상: #666;
글꼴 크기: 14px;
라인 높이: 30px;
여백: 0;
패딩-하단: 6px;
}
}