\
        .tabs {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
            flex-wrap: nowrap;
            border-bottom: 1px solid #ddd;
        }
        
        .tabs li {
            flex: 1;
        }
        
        .tabs button {
            width: 100%;
            padding: 5px;
            background: #f5f5f5;
            border: 0px solid #ddd;
            border-bottom: none;
            cursor: pointer;
            font-size: 16px;
            text-align: center;
            border-radius: 5px 5px 0 0;
        }
        
        .tabs li.active button {
            background: #fff;
            border-bottom: 1px solid #fff;
            margin-bottom: -1px;
            font-weight: bold;
        }
        
        /* 모바일 환경에서만 적용되는 스타일 */
        @media (max-width: 767px) {
            .tabs {
                flex-wrap: wrap;
            }
            
            .tabs li {
                flex: 0 0 50%; /* 가로로 2개씩 배치 */
                margin-bottom: 5px;
            }
            
            .tabs button {
                border-radius: 5px;
                border-bottom: 0px solid #ddd;
                margin-bottom: 0;
            }
            
            .tabs li.active button {
                margin-bottom: 0;
            }
        }